/*=== Web Setting ===*/
body {font-family: 'Roboto','Microsoft JhengHei';}
.wrap {width:1200px;}
.wrap-inner {width:1150px;}
.pageContainer {width:100%; }
.innerContainer {width:100%}
h1 {font-size:48px; color:#1359a8;}
.h1Line {display:block; width:56px; height:1px; background-color:#1359a8; margin:25px auto}
h2 {}
p {font-size:15px; color:#000; line-height:20px;}

/*======*/

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

.pageContainer { position:relative; padding:0; margin-top:145px; clear:both /*fix firefox*/}


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

.wrap, .wrap-inner { position:relative; margin:0 auto; padding:0; overflow:hidden}
.mainContent{position:relative; width:100%;}

/*==========================================
Header
==========================================*/
header {position:fixed; top:0; left:0; background-color:#fff; z-index:9}
header.minimize #langBar {margin-top:15px; margin-bottom:0}
header.minimize #socialBar {top:15px; right:130px}
header.minimize #langBar a {line-height:27px}
header.minimize .mainLogo {margin:10px  0; height:40px; width:auto}
header.minimize .slogan {margin:25px 0 0 10px; height:25px}
header.minimize #topBar {height:60px}
/*
header.minimize #navContainer {float:right}
header.minimize #navContainer a {float:left}
*/
.mainLogo {margin:27px 0; width:230px}
.mainLogo img {height:100%}
.slogan {margin:42px 0 0 10px}
#topBar {height:105px}
#langBar {margin-top:20px}
#langBar a, #socialBar a {float:left}
#langBar a {display:block; margin-left:20px; font-size:15px; color:#000;}
#langBar a:hover, #langBar a.selected {color:#1359a8}
#socialBar {position:absolute; top:55px; right:0; }
#socialBar a {display:block; margin-left:30px; width:27px; height:27px;}
#socialBar a:hover {transform:translateY(-5px);}
#socialBar #icon_fb { background:url('../images/icons/icon_social_fb.png')}
#socialBar #icon_yt { background:url('../images/icons/icon_social_yt.png')}
#socialBar #icon_ig { background:url('../images/icons/icon_social_ig.png')}
#socialBar #icon_wc { background:url('../images/icons/icon_social_wc.png')}
#socialBar #icon_wb { background:url('../images/icons/icon_social_wb.png')}
#socialBar #icon_wa { background:url('../images/icons/icon_social_wa.png')}

nav {background-color:#1a7ad2; height:40px}
#navContainer a {display:block; padding:0 20px; font-size:15px; color:#fff; line-height:40px}
#navContainer a:hover {background-color:#fff; color:#1a7ad2}


/*==========================================
Common
==========================================*/
#bannerSlider .swiper-slide {overflow:hidden}
#bannerSlider .swiper-pagination {bottom:40px}
#bannerSlider .swiper-pagination-bullet {position:relative; width:12px; height:12px; opacity:1 !important; background-color:#fff; transition:0.4s; -webkit-transition:0.4s}
#bannerSlider .swiper-pagination-bullet-active {border:1px solid #fff; background-color:#10498f}
#bannerSlider figcaption {position:absolute; bottom:20%; left:-300px; opacity:0;}
#bannerSlider figcaption.show {opacity:1; left:0}
#bannerSlider figcaption {max-width:50%}
#bannerSlider figcaption img {max-width:100%}
#btn_down {position:absolute; bottom:105px; width:100%; z-index:8}
#btn_down a {width:32px; height:43px; background-image:url('../images/icons/btn_down.png'); background-position:center center; border:1px solid #fff; border-radius:5px}
#btn_down a:hover {transform:translateY(10px); -webkit-transform:translateY(10px); background-color:#ccc}

#newsHomeCenter ul {margin:10px 0 10px 0}
#newsHomeCenter figure {position:relative;}
#newsHomeCenter li {width:100%; padding:40px 0; border-bottom:1px solid #9c9b9b; overflow:hidden}
#newsHomeCenter li:nth-last-child(1), #newsHome li:nth-last-child(2), #newsHome li:nth-last-child(3) {/*border-bottom:0*/}
#newsHomeCenter .imgThumb {position:relative; width:400px; height:260px; margin-right:20px; background-color:#fff}
#newsHomeCenter .imgThumb a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:1px solid #d0d0d0;}
#newsHomeCenter .imgThumb a:hover {border:1px solid #727171}
#newsHomeCenter .imgCaption {width:60%;}
#newsHomeCenter .imgCaption p{font-size:20px; line-height:29px;}
#newsHomeCenter .title {position:relative; display:inline-block; margin-bottom:10px; background-color:#1359a8; font-size:25px; line-height:34px; color:#fff; padding:0 15px 0 7px}
#newsHomeCenter .title:after {position:absolute; top:0; right:-10px; content:""; width: 0;height: 0;border-style: solid;border-width: 34px 0 0 10px;border-color: transparent transparent transparent #1359a8;}
#newsHomeCenter .zoom {position:absolute; left:424px; bottom:0; width:15px; height:15px; background:url('../images/icons/zoom02.png') no-repeat}


#newsHome {position:relative; }
#newsHome li {margin-right:45px; margin-bottom:20px}
#newsHome li:nth-last-child(1) {margin-right:0}
#newsHome .imgThumb {position:relative; width:154px; height:154px; border:1px solid #d0d0d0}
#newsHome .date {position:rnewelative; top:0; display:inline-block; margin-bottom:5px; background-color:#1359a8; font-size:15px; line-height:24px; color:#fff; padding:0 15px 0 7px}
#newsHome .date:after {position:absolute; top:0; right:-10px; content:""; width: 0;height: 0;border-style: solid;border-width: 24px 0 0 10px;border-color: transparent transparent transparent #1359a8;}
.btn_more {position:absolute; z-index:8; bottom:-29px}
#newsHome figcaption {width:154px}

.newstop-swiper-button-prev,
.newstop-swiper-container-rtl .newstop-swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.newstop-swiper-button-next,
.newstop-swiper-container-rtl .newstop-swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.newstop-swiper-button-prev, .newstop-swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

#aboutHome {width:100%; background:url('../images/bg_aboutHome.jpg') no-repeat; background-size:cover; -webkit-background-size:cover; background-attachment:fixed;}
#aboutHome h1 {color:#1359a8}
#aboutHome, .bgTri01 {background:url('../images/bgTri01.jpg') no-repeat center center; background-size:cover}
#aboutHome .h1Line {background-color:#1359a8}
#aboutHome p {font-size:30px; line-height:48px; color:#000; letter-spacing:0; padding:50px 50px 0 50px}
#aboutHome .btnStyle02 span::after {position:absolute; top:16px; right:0; content:" "; width: 0;height: 0;border-style: solid;border-width: 7.5px 0 7.5px 8px;border-color: transparent transparent transparent #1359a8}
#aboutHome .flex > * {width:50%}
.wrap-about {width:100%; padding:0 5%}

#newsHomeSection {height:1150px;}
#manageHome, #aboutHome {height:610px;}
#newsHome {padding:80px 0}
#newsHome p {color:#fff}
#newsHome .btnStyle02 span::after {position:absolute; top:16px; right:0; content:" "; width: 0;height: 0;border-style: solid;border-width: 7.5px 0 7.5px 8px;border-color: transparent transparent transparent #ffffff}

#newsHomeSection {padding:80px 0}
#newsHomeSection p {color:#fff}
#newsHomeSection .btnStyle02 span::after {position:absolute; top:16px; right:0; content:" "; width: 0;height: 0;border-style: solid;border-width: 7.5px 0 7.5px 8px;border-color: transparent transparent transparent #ffffff}

#homeVideo {float:left; width:50%}
#homeVideo video {width:100%; height:400px}

#manageHome {position:relative;}
#manageHome figure {width:100%; box-shadow:2px 2px 5px rgba(117,117,117, .7); background-color:#fff; overflow:hidden; margin-bottom:20px}
.manageInfo {width:28%; padding:0 35px}
.manageSay {position:relative; width:72%; padding:15px 20px; background-color:#eefaff}
.manageInfo .font20 {line-height:24px; }
.manageInfo p {margin-top:5px}

#manageHome figure .imgThumb {width:100px; height:100px; border-radius:100%; border:1px solid #aac8ea;}
#manageHome figure figcaption {position:relative; padding:30px 0 20px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin:15px 0}
#manageHome figure figcaption p {margin-bottom:10px}
#manageHome .icon_chat {position:absolute; right:calc(50% - 10px); top:-17px; width:20px; height:22px; background:url('../images/icons/icon_chat.png')}
#manageHome .icon_chat:hover {transform:rotate(25deg); -webkit-transform:rotate(25deg);}

.brandHomeList li {position:relative; float:left; width:150px; height:150px; margin:50px 50px 0 0; overflow:hidden}
.brandHomeList li:nth-child(4n) {margin-right:50px}
.brandHomeList li figure {width:100%; height:100%; background-color:#fff;} 
.brandHomeList li img {position:absolute; top:0; left:0; width:100%; }
/* .brandHomeList figcaption {position:absolute; bottom:0; width:100%; padding:23px 10px 10px 10px;  background-color:#1a7ad2; background-image:url('../images/bg_brandHome.jpg'); background-repeat:no-repeat; background-position:left top; background-size: 100% 14px; font-size:15px; color:#fff; line-height:24px} */
.brandHomeList figcaption {position:absolute; bottom:-110%; width:100%; padding:6px 30px 6px 6px;  background-color:#1a7ad2; font-size:13px; color:#fff; line-height:14px}
.brandHomeList figcaption:before {content:" "; position:absolute; top:-12px; left:0; width:0; height:0; border-style:solid; border-width:13px 0 0 230px; border-color:transparent transparent transparent #1a7ad2;}
.brandHomeList .more {opacity:0; position:absolute; right:30px; top:-20px; width:28px; height:28px; background:url('../images/icons/icon_brandHomeArrow.png') no-repeat; transition:0.8s; -webkit-transition:0.8s}

@media screen and (min-width: 767px ) {
.brandHomeList li:hover img {top:-20%}
.brandHomeList li:hover figcaption {bottom:0}
.brandHomeList li:hover .more {right:10px; opacity:1}
}

.pageNav {position:relative; height:60px; background-color:#f3f3f3}
.pageNav .wrap-inner {overflow:visible}
.pageNav a {display:block; font-size:20px; color:#1359a8; line-height:60px; padding:0 15px; margin:0 50px}
.pageNav a span {float:left; display:block; width:26px; height:60px; background:url('../images/icons/icon_arrowCircle01.png') no-repeat left center; margin-right:10px}
.pageNav .selectLine {position:absolute; bottom:0; left:calc(50% - 6px); width:0; height:4px; background-color:#1359a8}
.pageNav .selectLine:after {position:absolute; bottom:-6px; left:calc(50% - 6px); content:" "; width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #1359a8 transparent transparent transparent;}
#aboutUsArticle {padding-bottom:100px}
#aboutBrand #brandNav a {display:block; width:110px; height:110px; text-align:center; line-height:106px; border:2px solid #b0b0b0; border-radius:100%; background-color:#fff; margin-top:-55px}
#aboutBrand #brandNav a:hover {border-color:#ff0000}
#aboutBrand #brandNav a img {width:75px; vertical-align:middle}
#aboutBrand #brandNav a:nth-last-of-type(1) img {width:65px}
#aboutBrand figure {min-height:240px}
#aboutBrand .brandLogo {position:absolute; top:0; left:0; width:240px; height:240px; line-height:236px; border:2px solid #1359a8; border-radius:100%; background-color:#fff}
#aboutBrand .brandLogo img {height:100px; vertical-align:middle}
#aboutBrand .brandName {height:70px; width:96%; margin-left:4%; border:1px solid #a1c2e8; border-radius:14px; background-color:#fff; font-size:30px; line-height:70px; padding-left:240px; color:#1359a8; margin-top:40px}
#aboutBrand .brandDesc {width:96%; margin-left:4%; padding:30px 0 0 240px; margin-bottom:-10px}
#aboutBrand .brandDesc p { font-size:18px; line-height:30px; margin-bottom:10px}
#aboutBrand .brandDesc .btnStyle02 {margin-right:20px}
#aboutBrand .brandDesc .btnStyle02 span {background:url('../images/icons/icon_link.png') no-repeat right center}
#aboutBrand .brandImg .imgThumb {position:relative; width:140px; height:94px; margin:0 10px 10px 0 }
#aboutBrand .brandImg .imgThumb:hover {box-shadow:0px 2px 5px rgba(0,0,0, .7)}
#clientList ul li {margin:0 50px 50px 0}
#clientList ul li:nth-child(5n) {margin-right:0}
#clientList ul li.imgThumb {width:190px; height:150px; line-height:150px; border:1px solid #e6e6e6}
#clientList ul li.imgThumb:hover {border-color:#727171}


#newsListCenter ul {margin:10px 0 20px 0}
#newsListCenter figure {position:relative;}
#newsListCenter li {width:100%; padding:40px 0; border-bottom:1px solid #9c9b9b; overflow:hidden}
#newsListCenter li:nth-last-child(1), #newsList li:nth-last-child(2), #newsList li:nth-last-child(3) {/*border-bottom:0*/}
#newsListCenter .imgThumb {position:relative; width:400px; height:260px; margin-right:20px; background-color:#fff}
#newsListCenter .imgThumb a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:1px solid #d0d0d0;}
#newsListCenter .imgThumb a:hover {border:1px solid #727171}
#newsListCenter .imgCaption {width:60%;}
#newsListCenter .imgCaption p{font-size:20px; line-height:29px;}
#newsListCenter .title {position:relative; display:inline-block; margin-bottom:10px; background-color:#1359a8; font-size:25px; line-height:34px; color:#fff; padding:0 15px 0 7px}
#newsListCenter .title:after {position:absolute; top:0; right:-10px; content:""; width: 0;height: 0;border-style: solid;border-width: 34px 0 0 10px;border-color: transparent transparent transparent #1359a8;}
#newsListCenter .zoom {position:absolute; left:424px; bottom:0; width:15px; height:15px; background:url('../images/icons/zoom01.png') no-repeat}


#newsList ul {margin:10px 0 20px 0}
#newsList figure {position:relative;}
#newsList li {width:33.3%; padding:40px 0; border-bottom:1px solid #9c9b9b; overflow:hidden}
#newsList li:nth-last-child(1), #newsList li:nth-last-child(2), #newsList li:nth-last-child(3) {/*border-bottom:0*/}
#newsList .imgThumb {position:relative; width:154px; height:154px; margin-right:20px; background-color:#fff}
#newsList .imgThumb a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:1px solid #d0d0d0;}
#newsList .imgThumb a:hover {border:1px solid #727171}
#newsList .imgCaption {width:170px}
#newsList .date {position:relative; display:inline-block; margin-bottom:10px; background-color:#1359a8; font-size:15px; line-height:24px; color:#fff; padding:0 15px 0 7px}
#newsList .date:after {position:absolute; top:0; right:-10px; content:""; width: 0;height: 0;border-style: solid;border-width: 24px 0 0 10px;border-color: transparent transparent transparent #1359a8;}
#newsList .zoom {position:absolute; left:174px; bottom:0; width:15px; height:15px; background:url('../images/icons/zoom01.png') no-repeat}

#contactList {padding-top:50px}
#contactList ul.flex > li {margin-bottom:80px; width:33.3%}
#contactList .storeTitle {width:125px; height:24px; line-height:24px; font-size:15px; color:#fff; background-color:#1359a8; margin-bottom:10px; display:inline; padding: 3px 25px;}
#contactList .storeDetail{margin-top:10px;}
#contactList .storeDetail li {font-size:15px; color:#000000; line-height:20px; padding-left:25px; margin-bottom:5px}
#contactList .storeDetail li a {color:#000000; text-decoration:underline}
#contactList .storeDetail li a:hover {color:#0078ff}
#contactList .storeDetail .tel {background:url('../images/icons/icon_contact01.png') no-repeat left center;}
#contactList .storeDetail .fax {background:url('../images/icons/icon_contact02.png') no-repeat left center;}
#contactList .storeDetail .email {background:url('../images/icons/icon_contact03.png') no-repeat left center;}
#contactList .storeDetail .locate {width:250px;background:url('../images/icons/icon_contact04.png') no-repeat left 2px;}

#manageList {padding-bottom:60px}
#manageList .anchor {position:absolute; top:-100px}
.manageBlock {position:relative; background-color:#eefaff; margin-top:40px}
.manageIntro {width:30%; background-color:#fff}
.manageIntro figure {position:relative}
.manageIntro figcaption {position:absolute; bottom:0; left:0; width:100%; background-color:#1359a8; padding:5px 15px; font-size:15px; color:#9bcaff; line-height:20px;}
.manageIntro figcaption span {font-size:20px; color:#fff; line-height:30px}
.manageDesc {position:relative; width:70%; padding:30px 20px}
.manageDesc article {padding:20px 30px; border-top:1px solid #8ebcf0; border-bottom:1px solid #8ebcf0; overflow:hidden; overflow-y:auto}
.manageDesc article p {line-height:25px;}
.manageDesc .icon_chat {position:absolute; top:15px; left:50%; width:20px; height:22px; background:url('../images/icons/icon_chat.png')}
.manageDesc .icon_chat:hover {transform:rotate(25deg); -webkit-transform:rotate(25deg);}
#manageContainer {padding:0 30px}

#manageList .team {margin-top:30px}
#manageList .team > div {width:48%}
#manageList .team > div img {width:100%; margin-bottom:15px}
#manageList .team > div:nth-of-type(1) {float:left}
#manageList .team > div:nth-of-type(2) {float:right}

#manageList .new_team {margin-top:30px}
#manageList .new_team > div {width: 100%; margin-bottom: 20px;}
#manageList .new_team > div:last-of-type{margin-right: 0;}
#manageList .new_team > div img {width:100%; margin-bottom:15px}

#our_new_team01slider {position:relative; padding:0}
#our_new_team01slider .swiper-button-next,
#our_new_team01slider .swiper-button-prev {width:21px; height:35px; background:url('../images/icons/sliderArrow01.png')}
#our_new_team01slider .swiper-button-next {background-position:right top}
#our_new_team01slider .swiper-button-prev:hover {background-position:left bottom}
#our_new_team01slider .swiper-button-next:hover {background-position:right bottom}

#book360slider {position:relative; padding:0 60px}
#book360slider .swiper-button-next,
#book360slider .swiper-button-prev {width:21px; height:35px; background:url('../images/icons/sliderArrow01.png')}
#book360slider .swiper-button-next {background-position:right top}
#book360slider .swiper-button-prev:hover {background-position:left bottom}
#book360slider .swiper-button-next:hover {background-position:right bottom}
#book360slider .swiper-slide figure img {border:1px solid #e6e6e6}
#book360slider .swiper-slide figure img:hover {border:1px solid #727171}
#book360slider .swiper-slide figcaption {margin-top:25px}
#book360slider .swiper-slide figcaption a {color:#000}
#book360slider .swiper-slide figcaption a:hover {color:#1359a8}
#publicationList li {width:190px; margin:0 50px 50px 0}
#publicationList li:nth-child(5n) {margin-right:0}
#publicationList li .imgThumb {margin-bottom:15px; width:100%;}
#publicationList li a {color:#000}
#publicationList li a:hover {color:#1359a8}
#bookOtherslider {position:relative; padding:0 60px}
#bookOtherslider .swiper-button-next,
#bookOtherslider .swiper-button-prev {width:21px; height:35px; background:url('../images/icons/sliderArrow01.png')}
#bookOtherslider .swiper-button-next {background-position:right top}
#bookOtherslider .swiper-button-prev:hover {background-position:left bottom}
#bookOtherslider .swiper-button-next:hover {background-position:right bottom}
#bookOtherslider .swiper-slide figure img {border:1px solid #e2f6f4}
#bookOtherslider .swiper-slide figure img:hover {border:1px solid #1359a8}
#bookOtherslider .swiper-slide figcaption {margin:25px 0}
#bookOtherslider .swiper-slide figcaption a {color:#000}
#bookOtherslider .swiper-slide figcaption a:hover {color:#1359a8}
#bookOtherslider .swiper-slide img {width:100%}

#charityLeft {width:58%}
#charityRight {width:40%; padding-right:10px; padding-bottom:10px; }
.charityBlock {position:relative; padding:25px 0 0 50px; margin-bottom:20px}
.charityBlock .charityTitle {position:absolute; top:0; left:0; width:120px; height:45px; line-height:45px; font-size:20px; color:#fff; background-color:#e60012}
.charityBlock ul {padding:30px 35px 25px 35px; }
.charityBlock ul {
background: -moz-linear-gradient(left,  rgba(238,250,255,1) 0%, rgba(238,250,255,1) 80%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(left,  rgba(238,250,255,1) 0%,rgba(238,250,255,1) 80%,rgba(125,185,232,0) 100%);
background: linear-gradient(to right,  rgba(238,250,255,1) 0%,rgba(238,250,255,1) 80%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eefaff', endColorstr='#007db9e8',GradientType=1 );
}
.charityBlock ul li {padding-left:15px; font-size:18px; color:#000; line-height:30px; margin-bottom:5px; background:url('../images/icons/arrow01.png') no-repeat left 8px}
#charityRight img {width:100%; border-radius:15px; box-shadow:2px 2px 5px rgba(116,116,116, .45)}

#sb-site-mask {position:absolute; top:0; left:0; width:100%; height:100%; }
#sb-site-mask.overlay {background-color:rgba(0,0,0, .8); z-index:100}

#m_philosophy {background:url('../images/philosophyBg.jpg'); background-size:cover}
#m_philosophy .imgThumb {width:300px; margin:20px auto}
#m_philosophy .philoButton {display:inline-block; padding:0 30px; background-color:#92bf29; font-size:15px; color:#fff; line-height:40px; margin:0 10px 20px 10px; box-shadow:0 3px 5px rgba(0,0,0, .3)}
#m_philosophy .philoButton:nth-of-type(2) {background-color:#ee7228}
#m_philosophy .philoButton:nth-of-type(3) {background-color:#f59e32}
.philoblock p {font-size:20px; line-height:32px; font-weight:bold}
.philoblock ul {padding:15px 20px 15px 40px; background-color:#565655; border-radius:10px; margin-bottom:30px}
.philoblock li {list-style-type:disc; font-size:15px; line-height:20px; margin-bottom:5px; color:#fff}
#i_3Five .philoblock p {color:#92bf29}
#i_Manage .philoblock p {color:#ee7228}
#i_TeamPower .philoblock p {color:#f59e32}
#wechat {display:none; position:absolute; top:90px; right:10px; border:1px solid #ccc; padding:20px; background:#fff; z-index:999}
#wechat div {width:210px; float:left; font-size:15px; font-weight:bold; color:#215faa; line-height:18px; text-align:center;}
#wechat img {width:200px;}
#wechat .close {display:block; position:absolute; top:5px; right:5px; width:20px; height:20px; background:url('../images/icons/closebtn.png')}

/* mobile */

.mobileIcon {display:none; position:absolute; top:0; right:0; height:60px; width:60px; background-color:#1a7ad2;  padding:22px; z-index:101}
.mobileIcon span {margin:0 auto; display:block; width:17px; height:2px; background-color:#fff; margin-bottom:5px; transition:0.5s; -webkit-transition:0.5s}
.mobileIcon span:nth-last-of-type(1) {margin-bottom:0}
.mobileIcon.opened {padding:17px; background-color:#727171}
.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)}

.mobileNav {margin:0 0 30px 0; border-top:1px solid #727171; border-bottom:1px solid #727171; padding:10px 0}
.mobileNav a {display:block; width:100%; padding:10px 0; font-size:15px; line-height:20px; color:#000; text-align:center}
.mobileNav a.selected {background-color:#1a7ad2; color:#fff}

.mobileTop {padding-bottom:20px;}
.mobileTop a {float:left; display:block; margin:0 4px; font-size:15px; color:#000; line-height:27px; }
.mobileTop a.selected {color:#1359a8}
.mobileTop.fRight a {float:right}
#mobileSocial a {display:block; width:27px; height:27px;}
#mobileSocial #icon_fb { background:url('../images/icons/icon_social_fb.png')}
#mobileSocial #icon_yt { background:url('../images/icons/icon_social_yt.png')}
#mobileSocial #icon_ig { background:url('../images/icons/icon_social_ig.png')}
#mobileSocial #icon_wc { background:url('../images/icons/icon_social_wc.png')}
#mobileSocial #icon_wb { background:url('../images/icons/icon_social_wb.png')}

.sb-slidebar {background-color:#d8d8d8 !important; padding:15px}
.mobileHidden {}
.mobileVisible {display:none}

.slider_loading {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; background-image:url('../images/icons/ajax-loader.gif'); background-repeat:no-repeat; background-position:center center; z-index:11}
.fancybox-prev span, .fancybox-next span {width:32px; height:32px; background:url('../images/icons/sliderArrow02.png'); opacity:0.1}
.fancybox-next span {background-position:top right}

.sb-site-container {overflow:hidden}

/*==========================================
Footer
==========================================*/
footer {background-color:#727171}
#footerNav {font-size:14px; color:#b9b9b9; margin:45px 0 25px 0}
#footerNav a {display:block; padding:0 15px; font-size:14px; color:#b9b9b9; border-right:1px solid #b9b9b9}
#footerNav a:nth-last-of-type(1) {border-right:0}
#footerNav a:hover,#footerNav a.selected {color:#fff}
#copyright {font-size:14px;color:#a6a6a6; margin-bottom:40px}
#brands {padding:55px 0; border-top:1px solid #e4e4e4; }
#brands a {display:block; height:80px; margin:0 20px}
#brands a img {height:100%}
#brands a:hover {transform:translateY(-10px); -webkit-transform:translateY(-10px);} 

/*Top btn*/
#back-top a {width:35px; height:49px; background-image:url('../images/icons/btn_top.png'); text-indent:100%; white-space:nowrap; overflow:hidden; background-color:#939393}
#back-top a:hover {background-color:#1359a8; transform:translateY(-5px); -webkit-transform:translateY(-5px); }

/*==========================================
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}