/*=== Web Setting ===*/
body {font-family: 'Microsoft JhengHei', 'Roboto', sans-serif; overflow: hidden; background-color: #f1f9fc;}
.wrap {position:relative; width:100%; overflow:hidden; padding:0 30px 0px }
.wrap-inner {width:1200px;}
.page-container {width:100%; margin-top:145px}
.inner-container {width:100%}
h1 {}
h2 {font-size:35px; line-height:48px; color:#017dc7}
h3 {font-size:28px; line-height:40px; color:#017dc7; margin:25px 0 10px 0}
p, .undoreset p {font-size:18px; line-height:30px; color:#444444; margin-bottom:20px}
p.font13{font-size: 13px; color: #444444; margin-top: 30px;}
a.designedBy, p.font13 a{font-size: 13px; color: #a1a1a1; margin-top: 30px; text-decoration: none;}
a.designedBy:hover, p.font13 a:hover{color: #a1a1a1;}
p a {color:#444444; text-decoration:underline}
p a:hover {color:#017dc7}

/*======*/

body {-webkit-text-size-adjust: 100%  /*fix ios*/}

.page-container { position:relative; padding:0; overflow:hidden; clear:both /*fix firefox*/}


header , footer {position:relative; width:100%}
footer{background:#f1f9fc;}

header.fixed{height:85px;}
header.fixed .logo-main{width: 200px}
header.fixed .logo-main img{width:92px; /*display:inline-block;*/}

/*footer{position:absolute; bottom:0px; background-color: #f1f9fc; }*/
.wrap-inner { position:relative; margin:0 auto; padding:0; overflow:hidden}
.main-content{position:relative; width:100%; overflow:hidden; padding-bottom:35px}

/*==========================================
Header
==========================================*/
header {height: 97px; position:fixed; width:100%; border-bottom:1px solid #d9dada; z-index:999; background-color:#fff}
header .logo-main {width:127px;}
header .logo-main img {width:100%; display:block;}
header .logo-main img.top_logo{border:1px solid #e7e7e7; border-bottom: none;}
header .logo-main img.bottom_logo{border:1px solid #e7e7e7; border-top:none;}
header #slogan {margin-top:13px; padding-bottom:20px}
nav a {position:relative; display:block; font-size:15px; color:#444444; padding:60px 0px 0 0; margin-right:105px}
nav a:last-child{margin-right: 60px}
nav a:hover {color:#2a4c8a}
nav a:after { border-radius:10px; position:absolute; content:" "; top:-20px; right:40%; width:10px; height:10px; background-color:#2a4c8a; transition:0.6s; -webkit-transition:0.6s}
nav a:hover:after {height:10px; margin-top:60px;}
nav a.selected{color:#2a4c8a; }
nav a.selected:after{margin-top:60px; border-radius:10px; position:absolute; content:" "; top:-20px; right:40%; width:10px; height:10px; background-color:#2a4c8a;}

header.fixed nav a{padding-top: 48px}
header.fixed nav a.selected:after{margin-top: 48px; transition: initial; -webkit-transition: initial;}
header.fixed nav a:hover:after{margin-top: 48px;}
header.fixed .lang-logo{margin-top: 47px;}
header.fixed .lang-select {margin-top: 45px;}
header.fixed .logo-fb{margin-top: 43px; margin-left: 20px; position: initial;}
header.fixed .logo-main {width:auto;}
header.fixed .logo-main img.top_logo{border: none; border-color:#e7e7e7;}
header.fixed .logo-main img.bottom_logo{border:none; border-color:#e7e7e7; width:auto; transform: translate(60%, -95%);}

.lang-select {display:block; margin-top:57px}
.lang-logo {display:block; width:21px; height:21px; background:url('../images/language.png') no-repeat; margin-top:59px}
.logo-fb {display:block; width:24px; margin-left:0px; height:24px; background:url('../images/index-fb-icon.png') no-repeat center; margin-top:15px; position: absolute; right:30px;}
.logo-ig{right:60px; background: url('../images/instagram-logo.png') no-repeat center; width: 24px; height: 24px;}
.logo-fb:hover {background-position:left bottom}

.is-sticky header .logo-main {width:80px}
.is-sticky header {}

.sticky-wrapper {position:relative; z-index:999; height:145px !important}




/*==========================================
Common
==========================================*/
.mainContent{margin-top:95px;}
.breadcrumb {font-size: 13px; text-align: center; margin-top: 15px; color:#2a4c8a;}
.breadcrumb img {margin-right: 5px; vertical-align: sub;}
.breadcrumb a{color:#2a4c8a;}
.separateLine{width: 85px; border-bottom: solid 1px; border-color: #1ca5ea; margin: 25px auto;}

.fade-1{opacity: 0; transform: translateX(-100px); -webkit-transform: translateX(-100px);}
.fade-2{opacity: 0; transform: translateX(-100px); -webkit-transform: translateX(-100px);}
.fade-3{opacity: 0; transform: translateX(-130px); -webkit-transform: translateX(-130px);}
.fade-in-1{transition: 0.5s; -webkit-transition: 0.5s;}
.fade-in-2{transition: 0.8s; -webkit-transition: 0.8s;}
.fade-in-3{transition: 1.5s; -webkit-transition: 1.5s;}
.fade-in-finish {opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); transform: translateX(0); -webkit-transform: translateX(0);}


.arrow-down {width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000;}

.sub-nav-tab li a{color: #2585a1; display: inline-block;	position: relative;	width:100%;}
.sub-nav-tab ul{font-size:20px; padding-top:15px; border-top:solid 1px #fff;}
.sub-nav-tab li{margin-bottom:15px;}
.sub-nav-tab li a:hover, .sub-nav-tab li a.selected{color: #fff;}

#productsList .sub-nav-tab ul{font-size:18px;}
.sub-nav-tab2 {display:none;}
.sub-nav-tab2 li a{color: #2585a1; display: inline-block;	position: relative;	width:100%;}
.sub-nav-tab2 ul{font-size:18px; padding-top:15px; border-top:solid 1px #fff;}
.sub-nav-tab2 li{margin-bottom:15px;}
.sub-nav-tab2 li a:hover, .sub-nav-tab2 li a.selected{color: #fff;}

/*==========================================
Index
==========================================*/
#homeLeft{position:relative; width:64%}
/*#homeRight {background: #f1f9fc;position: relative;width: 36%; height:816px;}*/
#homeRight{background-size: 100% auto; background: #f1f9fc; position: relative; width: 36%; background: url(../images/home01_03.png) no-repeat left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  /*padding-bottom: 43.5%;*/ background-size: cover;}
/*.homeRightCircle{display: block; width:100%; height:100%; background:url('../images/home01_03.png') no-repeat left top; text-indent:100%; white-space:nowrap; overflow:hidden;}*/
.homeRightCircle{padding-right: 35px; position: absolute; top: 16%; left: 24%;}
.homeRightCircle h1{font-size: 50px; color: #fff; font-weight: 300;}
.homeRightCircle p{color: #fff; text-align: justify; font-size: 22px; word-spacing: 4px; font-weight: lighter;}
.homeRightCircle .readMore{float: right; font-size: 18px; font-weight: normal;}
.homeRightCircle .readMore img{padding-left: 20px;}
.homeRightCircle .readMore:hover{color:#2a4c8a;}

/*.circle1{top:15px; right:555px; z-index:9; width:220px; height:220px; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }*/
.circle1{top:2%; right:81%; z-index:9; width:33%; height:27%; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }
/*.circle2{top:260px; right:585px; z-index:9; width:200px; height:200px; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }*/
.circle2{top:32%; right:85%; z-index:9; width:30%; height:25%; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }
/*.circle3{top:465px; right:502px; z-index:9; width:185px; height:185px; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }*/
.circle3{top:57%; right:72%; z-index:9; width:28%; height:23%; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }
/*.circle4{top:595px; right:354px; z-index:9; width:165px; height:165px; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }*/
.circle4{top:72%; right:50%; z-index:9; width:25%; height:20.5%; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }
/*.circle5{top:640px; right:175px; z-index:9; width:145px; height:145px; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }*/
.circle5{top:78%; right:25%; z-index:9; width:21.5%; height:18%; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }
/*.circle6{top:610px; right:30px; z-index:9; width:130px; height:130px; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }*/
.circle6{top:74%; right:4%; z-index:9; width:19.5%; height:16%; border-radius:100%; border:1px solid #d5ecf7; position: absolute; background: white; }

#leftSlider .swiper-slide img {width: 100%; display: block;}

.fade2-1{opacity: 0; transform: translate(150px, -100px); -webkit-transform: translate(150px, -100px);}
.fade2-2{opacity: 0; transform: translate(70px, -100px); -webkit-transform: translate(70px, -100px);}
.fade2-3{opacity: 0; transform: translate(30px, -100px); -webkit-transform: translate(30px, -100px);}
.fade2-4{opacity: 0; transform: translate(0px, -100px); -webkit-transform: translate(0px, -100px);}
.fade2-5{opacity: 0; transform: translate(-50px, -50px); -webkit-transform: translate(-50px, -50px);}
.fade2-6{opacity: 0; transform: translate(-80px, 0px); -webkit-transform: translate(-80px, 0px);}

.fade-in2-1{transition: 0.3s; -webkit-transition: 0.3s; }
.fade-in-finish2 {opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); transform: translateX(0); -webkit-transform: translateX(0);}

.fade-in2-1:hover{box-shadow: 0px 0px 20px #888888;}

#mobileBelow{display:none;}
#mobileCircle{display:none;}
#mobileCircleArea ul{width: 100%;}
#mobileCircleArea ul li{width: 33.3%;}
.mobileCircle1{width: 180px; height: 180px; border-radius: 100%; border: 1px solid #d5ecf7; background: white; margin-bottom: 30px;}
.mobileCircle1:hover {box-shadow: 0px 0px 20px #888888;}


/*==========================================
About Us
==========================================*/
.about-us-right{position:relative; width:50%; /*min-height:786px;*/ overflow: auto; background-size:cover; background: url(../images/aboutus-right-bg.png); background-repeat: round;}
.about-us-rightTop{position:relative; width:401px; height:200px; background-size:100%; background-image: url(../images/aboutus-right-top.png); margin: 0 auto;}
.about-us-right h1{padding-top: 65px; text-align: center; font-size: 50px; color: white;}
.about-us-text{margin: 25px 30px 0px 30px;}
.about-us-text p{font-size: 18px; color:#fff;}

.about-us-left{position:relative; width:50%; }
.aboutUsPhoto{/*position: absolute;*/ top: 0; left: 0; width: 100%; /*height: 50%;*/}
.aboutUsLeft1{top:0;}
.aboutUsPhoto div{position: relative; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat;}
.aboutUsPhoto div img{width:100%; height:100%;}
.aboutUsLeft3{top:50%;}


/*==========================================
Contact Us
==========================================*/
#contact-us-top{background: url(../images/contactUs-bg.png); background-size:cover; min-height:600px; background-repeat:round;}
.contact-us-topCircle{position:relative; width:401px; height:200px; background-size:100%; background-image: url(../images/contactUs-top.png); margin: 0 auto;}
.contact-us-topCircle h1{padding-top: 65px; text-align: center; font-size: 50px; color: white;}
.contact-us-Title{font-size: 30px; color: #fff; font-weight: normal; margin-top:30px; margin-bottom: 65px;}
#contact-us-content{width:59%; /*width:1058px;*/min-height:265px; margin:0 auto 0px auto; margin-bottom: 30px;}
#contact-us-content .address, #contact-us-content .tel, #contact-us-content .fax, #contact-us-content .email{text-align:center; width: 25%; padding-left: 35px;}
/*#contact-us-content .tel, #contact-us-content .fax, #contact-us-content .email{width:23%; text-align: center;}*/
.icon_title {margin-top: 5px; margin-bottom: 5px; color:#fff; font-size: 15px;}
#contact-us-content .tel .icon_title{margin-top: 10px}
#contact-us-content .fax .icon_title{margin-top: 8px;}
#contact-us-content .email .icon_title{margin-top: 9px;}

#contact-us-content2{width:59%; /*width:1058px;*/min-height:265px; margin:0 auto 0px auto; }
#contact-us-content2 .address, #contact-us-content2 .tel, #contact-us-content2 .fax, #contact-us-content2 .email, #contact-us-content2 .website{text-align:center; width: 25%; padding-left: 35px;}
/*#contact-us-content .tel, #contact-us-content .fax, #contact-us-content .email{width:23%; text-align: center;}*/
.icon_title {margin-top: 5px; margin-bottom: 5px; color:#fff; font-size: 15px;}
#contact-us-content2 .tel .icon_title{margin-top: 10px}
#contact-us-content2 .fax .icon_title{margin-top: 8px;}
#contact-us-content2 .email .icon_title{margin-top: 9px;}
#contact-us-content2 .website .icon_title{margin-top: 9px;}

.details{color: #fff; line-height: 24px; font-size: 15px; font-weight: initial;}
.address .details{text-align: left; display:inline-block; margin-bottom: 20px;}
.address .map{padding: 5px 12px 3px 12px; font-size: 15px; border-radius: 5px; border: 1px solid #fff; color: #fff;}
.address span{display: inline-block; background: url(../images/address.png) no-repeat; width: 50px; margin-left: 10px; height: 71px; background-position: center center;}
.tel span{display: inline-block; background: url(../images/tel.png) no-repeat; width: 62px; margin-top: 5px; height: 61px; background-position: 0 0;}
.fax span{display: inline-block; background: url(../images/fax.png) no-repeat; width: 65px; margin-top: 5px; height: 63px; background-position: 0 0;}
.email span{display: inline-block; background: url(../images/email.png) no-repeat; width: 67px; margin-top: 5px; height: 62px; background-position: 0 0;}
.website span{display: inline-block; background: url(../images/internet.png) no-repeat; width: 67px; margin-top: 5px; height: 64px; background-position: 0 0;}

.contact-us-bottom{min-height:530px; background:#5eb6e3; padding-top: 45px}
.contact-us-bottom h1{font-size: 24px; color: #fff;}
.contact-form{height: 460px; width: 55.5%; margin: 0 auto; position: relative; padding-top: 30px;}

.contact-form input[type="text"]{height: 40px; border: 0px; padding: 0px 20px; width:100%; font-size: 15px}
.contact-form .tableTr{margin-bottom: 20px;}
.contact-form .tableTr div{width: 50%;}
.contact-form .tableTr div:nth-of-type(1){padding-right: 20px;}
.contact-form .tableTr div.contact-textarea{width: 100%; padding-right: 0px;}
.contact-form textarea{display: block; border: 0; width: 100%; height: 260px; font-size: 15px; padding-left: 20px;}
.contact-submit{margin-top: 40px;}

.email a{color: #fff; line-height: 24px; font-size: 15px; font-weight: initial;}
.website a{color: #fff; line-height: 24px; font-size: 15px; font-weight: initial;}

#contact-us-content ul{margin: 0 auto; width: 100%;}
#contact-us-content ul li{width: 25%;}
#contact-us-content .address, #contact-us-content .tel, #contact-us-content .fax, #contact-us-content .email{width: 100%; padding-left: 0px;}
#contact-us-content2 ul{margin: 0 auto; width: 100%;}
#contact-us-content2 ul li{width: 25%;}
#contact-us-content2 .address, #contact-us-content2 .tel, #contact-us-content2 .fax, #contact-us-content2 .email, #contact-us-content2 .website{width: 100%; padding-left: 0px;}
.contact-form{height: 100%;}
.contact-submit{width: 100% !important; padding: 8px 45px !important; margin-top: 0px;}

.about-us-mobile{display:none;}
.about-us-mobile img{width:25%; float:left; margin:40px 0;}


/*==========================================
Products 
==========================================*/
.productsListLeft {float:left; width:10%; background:#a5e1ff; position: fixed; height: 100%; margin-top: -10px;}
.productsListLeft img {width:100%; /*height:100%;*/}
.productsListMiddle {float:left; width:14%; background-color:#85d5fd; border-left:solid 1px #fff; border-right:solid 1px #fff; margin-left:-1px; overflow:auto; position: relative; left: 10%;}
.productsListRight{float:right; width:76%; background: #76cffc; /*background-image:url(images/newsList-whole.png); background-size:100% 100%; padding-top:65px;*/ overflow:auto; position: relative; left: 10%;}
/*.newsListRight img {width:100%; height:100%}*/

.productCateBox{border:solid 1px #fff; border-radius:5px; margin: 175px auto 0 auto; width: 78%; text-align: center; padding: 10px 0; /*margin-top:125%;*/ font-size:22px; color:#fff}
.productCateChoice{margin: 28px 0 0 0;}
.productCateChoice ul{font-size:18px; margin-left:12%;}
.productCateChoice li{margin-bottom:22px;}
.productCateChoice li a{color: #2585a1;}
.productCateChoice li a:hover, .productCateChoice li a.selected{color: #fff;}
.productCateChoice li a{color: #2585a1; display: inline-block;	position: relative;	width:100%;}
.productCateChoice li a:after , .productCateChoice li a.selected:after{content: ''; display: block; position: absolute; right: 0;	bottom: 0;	height: 1px; top:25px;	width: 0; background: transparent; transition: width .5s ease, background-color .5s ease;}
.productCateChoice li a:hover:after, .productCateChoice li a.selected:after {width: 100%; background: #fff;}

.pearlCateBox{border:solid 1px #fff; border-radius:5px; margin: 260px auto 0 auto; width: 78%; text-align: center; padding: 10px 0; margin-top:35px; font-size:22px; color:#fff}
.pearlCateChoice{margin: 28px 0 200px 0;}
.pearlCateChoice ul{font-size:18px; margin-left:12%;}
.pearlCateChoice li{margin-bottom:22px;}
.pearlCateChoice li a{color: #2585a1;}
.pearlCateChoice li a:hover, .pearlCateChoice li a.selected{color: #fff;}
.pearlCateChoice li a{color: #2585a1; display: inline-block;	position: relative;	width:100%;}
.pearlCateChoice li a:after , .pearlCateChoice li a.selected:after{content: ''; display: block; position: absolute; right: 0;	bottom: 0;	height: 1px; top:25px;	width: 0; background: transparent; transition: width .5s ease, background-color .5s ease;}
.pearlCateChoice li a:hover:after, .pearlCateChoice li a.selected:after {width: 100%; background: #fff;}

#productsList h1{margin: 0; font-size:50px; color:#fff; font-weight:100;}
#productsList .breadcrumb{/*margin-top:85px;*/}
.productsListContent{/*margin-left:45px; margin-top:15px; margin-bottom: 27px;*/ width:95%; margin:15px auto 27px auto;}
.productsGrid{width:17%; display: inline-block; margin:15px 10px; background:#fff; overflow: hidden; transform: translateZ(0);}
.productsGrid img{width:100%; transition: 0.3s;}
.productsListTitle{color:#2a4c8a; font-size:16px; margin-top:10px; margin-bottom:5px; line-height:15px;}
.productsListDate{color:#8f9091; font-size:13px; margin-bottom:10px;}

.loadMore{margin-bottom:45px;}

.productsListTop{background-image:url(../images/productList-top.png); background-size: auto auto; background-repeat: no-repeat; background-position: center center; height: 200px; padding-top:65px;}

.productsGrid:hover {box-shadow: 0px 0px 20px #888888;}
.productsGrid:hover img{transform: scale(1.1, 1.1);}
.productsGrid .separateLine{border: 1px solid #e7e7e7; width: 80%; margin:0 auto;}

.productBox-mobile , .pearlBox-mobile{display:none; width:40%; margin:20px auto 10px auto; border: solid 1px #fff; border-radius: 5px; vertical-align: top;}
.productBox-mobile span , .pearlBox-mobile span{font-size: 18px; line-height: 48px; color: #fff;}
.productBox-mobile{margin-right:15px;}
.choiceArea span i{margin-left:8px;}

/*==========================================
Product Detail
==========================================*/
#productDetail{/*background: url(images/newsDetail-bg.png); background-size:cover; min-height:786px;*/}
#productDetailTop{padding-top:63px; }
#productDetail h1{margin: 0; font-size:50px; color:#fff; font-weight:100;}
#productDetail h2{font-size:24px; color:#fff; font-weight:100; margin:30px 0 20px 0; line-height:normal;}
#productDetailContent{width:55%; /*width:1058px;*/ margin:0 auto; padding-top:27px;}
#productDetailContent2{width:65%; /*width:1058px;*/ margin:35px auto 50px auto;}
#productDetailContent2 #detailLeft{width:40%;}
#productDetailContent2 #detailRight{width:60%;}

.swiper-slide:first-child{margin-left: auto !important;}
.swiper-slide:last-child{margin-right: auto !important;}
#productDetail .swiper-slide img{max-width: 60px; max-height: 60px; height: 60px;}

#productDetailContent2 p {text-align:left; font-size:16px; color:#fff; line-height:25px;}
.backBtn{border-radius:5px; padding:8px 45px; background:#c5ecff; color:#2485b7; font-size:18px;}
.backBtn img{margin-right:6px;}
.backBtn:hover{border:solid 1px #0f9ce3}
#productDetailTop{background: url(../images/productDetail-bg.png); background-size:cover; min-height:786px; background-repeat:round;}

/*.mainPhoto{width:80%; margin:0 auto 15px auto;}*/
.mainPhoto{width: 303px; height: 303px; background: #fff; position: relative; margin:0 auto 15px auto;}
.mainPhoto img{max-width: 303px; max-height: 303px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}
/*.mainPhoto img {width:100%;}*/
#productDetail .swiper-slide img {width:60px;}
#productDetail .swiper-slide {margin-right:-10px;}
.productStyle{margin-top:20px; margin-bottom:17px; margin-left:-40px;}
.productStyle ul li{display:inline; margin-right:18px; font-size:15px;}
.productStyleTitle{color:#2a4c8a; font-weight:900;}
.productStyleContent{text-decoration:underline;}

.productTable{font-size:15px; color:#fff; margin-left:-25px; margin-bottom:15px;}
//.productTable th{background:#2a4c8a;}
.productTable tr.subTitle{background:#2d66cd;}
.productTable tr.firstRow{background:#6ebdff;}
.productTable tr.secondRow{background:#81c6ff;}
.productTable tr td, .productTable tr th{padding:12px 0px; width:1%; white-space:nowrap;}
.productTable .borderRight{border-right:solid 1px #fff;}

.thumbnail{width:80%; margin:0 auto;}
#productDetailContent2 .remarks p{font-size:13px; color:#fff; margin-left:0px;}
.remarks{font-size:13px; color:#fff; margin-left:-25px;}

#productDetail .backBtnSection{margin-top:30px;}

.swipe{display: none;  padding: 5px 0 5px 40px; line-height: 20px; background: url(../images/icons/icon_swipe.png) no-repeat left center; margin-bottom: 15px;}


/*==========================================
News 
==========================================*/
.newsListLeft {float:left; width:10%; background:#a5e1ff; position: fixed; height: 100%; margin-top: -10px;}
.newsListLeft img {width:100%; /*height:100%;*/}
.newsListMiddle {float:left; width:14%; background-color:#85d5fd; border-left:solid 1px #fff; border-right:solid 1px #fff; margin-left:-1px; position: relative; left: 10%;}
.newsListRight{float:right; width:76%; background: #76cffc; /*background-image:url(images/newsList-whole.png); background-size:100% 100%; padding-top:65px;*/ overflow:auto; position: relative; left: 10%;}
/*.newsListRight img {width:100%; height:100%}*/
.yearBox{border:solid 1px #fff; border-radius:5px; margin: 175px auto 0 auto; width: 78%; text-align: center; padding: 10px 0; /*margin-top:125%;*/ font-size:22px; color:#fff}
.yearChoice{margin: 28px 0 0 0;}
.yearChoice ul{font-size:18px; margin-left:12%;}
.yearChoice li{margin-bottom:22px;}
.yearChoice li a:hover, .yearChoice li a.selected{color: #fff;}
.yearChoice li a{color: #2585a1; display: inline-block;	position: relative;	width:100%;}
.yearChoice li a:after , .yearChoice li a.selected:after{content: ''; display: block; position: absolute; right: 0;	bottom: 0;	height: 1px; top:25px;	width: 0; background: transparent; transition: width .5s ease, background-color .5s ease;}
.yearChoice li a:hover:after, .yearChoice li a.selected:after {width: 100%; background: #fff;}
#newsList h1{margin: 0; font-size:50px; color:#fff; font-weight:100;}
#newsList .breadcrumb{/*margin-top:85px;*/}
.newsListContent{/*margin-left:45px; margin-top:15px; margin-bottom: 27px;*/ width:95%; margin:15px auto 27px auto; }
.newsGrid{width:30%; display: inline-block; margin:15px 10px; background:#fff;}
.newsGrid img{width:100%;}
.newsListTitle{color:#2a4c8a; font-size:16px; margin-top:10px; margin-bottom:5px; line-height:15px;}
.newsListDate{color:#8f9091; font-size:13px; margin-bottom:10px;}
.loadMore{margin-bottom:45px;}
.newsListTop{background-image:url(../images/newsList-top.png); background-size: auto auto; background-repeat: no-repeat; background-position: center center; height: 200px; padding-top:65px;}

.newsGrid:hover {box-shadow: 0px 0px 20px #888888;}

.sub-nav-tab {display:none;}
.sub-nav-mobile{top: -25px; left: 85%; position: relative;}
.yearBox-mobile{display:none; width:30%; margin:20px auto 10px auto; border:solid 1px #fff; border-radius:5px;}


.yearBox-mobile span{font-size: 20px; line-height: 48px; color: #fff;}
#newsList .mainContent{min-height:974px;}

}

/*==========================================
News Detail
==========================================*/
#newsDetail{/*background: url(images/newsDetail-bg.png); background-size:cover; min-height:786px;*/}
#newsDetailTop{padding-top:65px;}
#newsDetail h1{width:85%; margin: 0 auto; font-size:50px; color:#fff; font-weight:100; line-height:70px;}
#newsDetail h2{font-size:24px; color:#fff; font-weight:100; margin:30px 0 20px 0; line-height:normal;}
.newsDate{font-size:15px; float:right; color:#fff;}
#newsDetailContent{width:55%; /*width:1058px;*/ margin:0 auto; padding-top:27px;}
#newsDetailContent2{width:55%; /*width:1058px;*/ margin:0 auto 50px auto;}
#newsDetailContent2 p {text-align:left; font-size:18px; color:#fff; line-height:25px;}
.backBtn{border-radius:5px; padding:8px 45px; background:#c5ecff; color:#2485b7; font-size:18px;}
.backBtn img{margin-right:6px;}
.backBtn:hover{border:solid 1px #0f9ce3}
#newsDetailTop{background: url(../images/newsDetail-bg.png); background-size:cover; min-height:786px; background-repeat:round;}


/* mobile */


.mobileIcon {display:none; position:relative; top:25px; height:36px; width:36px; background-color:#fff;  padding:8px; border:2px solid #fff; border-radius:5px; z-index:999}
.mobileIcon span {margin:0 auto; display:block; width:17px; height:2px; background-color:#10498f; margin-bottom:5px; transition:0.5s; -webkit-transition:0.5s}
.mobileIcon span:nth-last-of-type(1) {margin-bottom:0}
.mobileIcon.opened {padding:3px 8px}
.mobileIcon.opened span:nth-of-type(1) {transform: translate(0px, 13px) rotate(-45deg) scalex(1.3); -webkit-transform: translate(0px, 13px) rotate(-45deg) scalex(1.3); margin-bottom:0}
.mobileIcon.opened span:nth-of-type(2) {display:none}
.mobileIcon.opened span:nth-last-of-type(1) {-webkit-transform: translate(0px, 11px) rotate(45deg) scalex(1.3)}

.sb-slidebar {background-color:#fff !important;}

#mobileTopNav{margin-top: 20px; padding-bottom: 12px; border-bottom: 1px solid #d9dada;}
#mobileTopNav.insideCenter{text-align: left;}
.inlineImg.language{width: 17px;}
.inlineImg.fb{top:5px;}
#mobileTopNav li {float: left;}
#mobileTopNav li a {color: #8f9091; display: block; width: 40px; height: 50px; line-height: 50px; font-size: 17px;}
#mobileTopNav ul{width:100%;}
#mobileTopNav li a.selected{color:#2a4c8a;}

#mobileNav {padding: 15px 0;}
#mobileNav li {line-height: 30px;}
#mobileNav li a {display: block; font-size: 17px; color: #8f9091; text-align: right; padding: 5px 20px 5px 0; }
#mobileNav li a:hover{background:#fff;}
#mobileNav li a.selected:after{margin-top: 60px; border-radius: 10px; position: absolute; content: " "; top: -44px; /*right: 50%;*/ left:20px; width: 10px; height: 10px; background-color: #2a4c8a;}
#mobileNav li a.selected{color:#2a4c8a;}

/*==========================================
Footer
==========================================*/

/*Top btn*/
#back-top {	display:none; /*position:fixed;*/ position: absolute; z-index:999; bottom:79px; right:60px;}
#back-top a { display: block; width:69px; height:35px; background:url('../images/btn_top.png') no-repeat left top; text-indent:100%; white-space:nowrap; overflow:hidden;}
#back-top a:hover { background-position:left bottom;}

.footer-mobile{display:none;}

/*==========================================
CMS Style
==========================================*/

.undoreset table {border:1px solid #000}
.undoreset table td {border:1px solid #000; padding:5px; vertical-align:middle}
.undoreset img {max-width:100%}
.undoreset p {margin:0 0 30px 0}
.undoreset ul {list-style-type:disc}
.undoreset ol {list-style-type:decimal}
.undoreset li {margin-left:25px}