@import url('animate.css');
/*@import url('animate.css') only screen and (min-width: 1300px);*/
/*font-family: 'Myriad Pro', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;  300 400normal 600 700bold

font-family: 'DINPro', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; 300 400normal 500 900 */
.glyphicon-cog:before { content: "\e166"; }
input[type="checkbox"], input[type="radio"] { width: 18px; margin: 10px 0 10px -20px; }

html {-ms-overflow-style: scrollbar;}
.hideobj{display:none;}

*{ -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.swiper-wrapper, .swiper-wrapper *{  -webkit-transition-property:-webkit-transform, left, top;  -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;  -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s;  -moz-transform:translate3d(0px,0,0);  -moz-transition-timing-function:ease;   -o-transition-property:-o-transform, left, top; -o-transition-duration:0s;  -o-transform:translate3d(0px,0,0);  -o-transition-timing-function:ease; -o-transform:translate(0px,0px);  -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;    transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box; box-sizing: content-box; }


body{color:#646464; font-family:  sans-serif; margin:0; padding:0; text-align:center; font-size:16px; line-height:1.8em; } body.lan-T{font-weight: normal}
.sb-nav-active { overflow-y: hidden; height: 100%; }
sub, sup {  font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {   top: -0.5em; }sub {bottom: -0.25em; }

img{border:0; padding:0; margin:0; vertical-align: middle;  max-width: 100%; width: auto\9; /* ie8 */}
form {margin:0;}

a{  color: #255199; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
a, button/*, a **/{-webkit-transition: all 0.3s ease 0.1s;    -moz-transition: all 0.3s ease 0.1s;    -ms-transition: all 0.3s ease 0.1s;    -o-transition: all 0.3s ease 0.1s;    transition: all 0.3s ease 0.1s;}
a:hover {text-decoration:none; color:#b50505;}
a img {border:none;}
*:focus, a:focus { -moz-outline-style: none; outline:none; color:inherit; text-decoration:none;}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*For IE 6&7 only*/ }

.table-container{width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 20px;}
.table-container::-webkit-scrollbar{-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb{  border-radius: 8px; border: 0;  background-color: rgba(0, 0, 0, .3);}
.table-container .table{margin-bottom:0;}

#container{background:#fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5); overflow:hidden; padding-top: 60px;}

.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}

.wrap{margin:0 auto; width:1700px; text-align:left; padding:0 20px;}

#header{position: fixed; top: 0; left: 0;  display: block; overflow: visible; width: 100%; z-index: 130;}
/*94*/
#logo { float: left; margin: 4px 0; }
#logo a{display: block; padding: 0px 2px 0px 50px; }
.logo_b{ width: 220px; max-height: 60px; display: block;}
.logo_m{display: none; max-width: 220px; max-height: 40px;}
.logo_s{display: none; max-width: 220px; max-height: 40px;}
#topnav { text-align: right; }
#topnav > ul{list-style: none; margin: 0; padding: 0;}
#topnav > ul:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#topnav > ul > li{float: left;}
#topnav > ul > li > a{height:60px; font-size: 21px; padding: 18px 5px 0; display: block; color: #fff; cursor: pointer;}
#topnav > ul > li > a > span{font-size: 14px; padding-left: 4px; cursor: pointer; vertical-align: middle;}
#topnav > ul > li > a:hover, #topnav > ul > li.open > a{color: #de002b;}
.header_nav { background: rgba(255,255,255,.72); }


/*mega menu*/
.header {position:relative; }
#topnav .btn-group{position:inherit;}
#topnav .dropdown{position:inherit;}
#topnav .dropdown-menu{width:100%; border-radius:0; margin: 0; border: 0; -webkit-box-shadow:none; box-shadow: none;}
#topnav .nav-mega{ background: rgba(22, 78, 169, 0.9); top: 100%; }
#topnav .nav-mega ul{list-style: none; margin: 1.5em 0 0.6em ; padding: 0;}
#topnav .nav-mega ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}

#nav{float: right;}
#nav ul{list-style: none; padding: 0; margin: 0;}
#nav ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#nav > ul > li{float: left; padding: 0 16px; }
.lanE #nav > ul > li{padding-left: 5px; padding-right: 5px;}
#nav > ul > li > a{display: block; font-family:  sans-serif; font-size: 20px; font-weight: bold; padding: 24px 3px; line-height: 1; color: #000; cursor: pointer; position: relative;}
#nav>ul>li>a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #de002b; height: 5px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#nav>ul>li>a:hover:before, #nav>ul>li.active>a:before, #nav>ul>li>a:focus:before, #nav>ul>li>a:active:before, #nav > ul > li.open>a:before{left: 0;    right: 0;}
#nav > ul > li > a:hover, #nav > ul > li.active > a, #nav > ul > li.open > a{color: #de002b; }
#nav > ul > li > a i {width: 12px; height: 8px; position: relative; display: inline-block; vertical-align: middle; margin-left: 4px;}
#nav > ul > li > a .caret2:before{content: ''; position: absolute; right: 5px; top: 3px; width: 6px; height: 1px; background: #575757; display: block; -moz-transform: rotate(45deg);    -webkit-transform: rotate(45deg);    -o-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);}
#nav > ul > li > a .caret2:after{content: ''; position: absolute; left: 5px; top: 3px; width: 6px; height: 1px; background: #575757; display: block; -moz-transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);    -o-transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    transform: rotate(-45deg);}
#nav > ul > li.open > a .caret2{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}
#nav > ul > li.open > a .caret2:before, #nav > ul > li.open > a .caret2:after, #nav > ul > li > a:hover .caret2:before, #nav > ul > li > a:hover .caret2:after{background: #1b5fa8;}

.header_nav #nav .dropdown-menu { padding: 10px 0 20px; }
.header_nav .dropdown-menu { border: none; border-radius: 0; box-shadow: none; min-width: 240px; }
.header_nav .dropdown-menu>li { padding-left: 36px; background: url(/static/images/header_nav_a1.png) no-repeat 16px 5px; margin-top: 6px; }
.header_nav .dropdown-menu>li:hover, .header_nav .dropdown-menu>li:focus { background: url(/static/images/header_nav_a2.png) no-repeat 16px 5px; }
.header_nav .dropdown-menu>li>a { font-size: 16px; color: #646a76; font-family:  sans-serif; border-bottom: #fff 4px solid; padding: 0; }
.header_nav .dropdown-menu>li>a:hover, .header_nav .dropdown-menu>li>a:focus { color: #000; border-bottom: #cd1639 4px solid; background: none; }

.header-s { position: fixed; top: 0; left: 0; display: block; overflow: visible; width: 100%; z-index: 130; background: rgba(0,0,0,.8); }
.header-s .header_nav { background: none; }
.header-s #logo { padding: 0; margin-top: -16px; }
.header-s #topnav > ul > li > a { height: 30px; padding-top: 0px; }
.header-s #nav { padding: 0px; margin: 6px auto 0; }
.header-s #nav > ul > li > a { padding: 6px 3px 12px; color: #fff; }
.header-s #nav > ul > li.open > a .caret2:before, .header-s #nav > ul > li.open > a .caret2:after, .header-s #nav > ul > li > a:hover .caret2:before, .header-s #nav > ul > li > a:hover .caret2:after, .header-s #nav > ul > li > a .caret2:before , .header-s #nav > ul > li > a .caret2:after { background: #fff; }

/* mobile menu*/
.ver-nav{float: left; display: none;} .sb-toggle-nav{cursor: pointer;}
.sb-toggle-nav .navicon-line{width: 32px; height: 2px; background: #000; border-radius: 2px; display: block; margin-bottom: 6px;}
.sb-toggle-nav-active .navicon-line:nth-of-type(3){ position:relative; top:0px; -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.sb-toggle-nav-active .navicon-line:nth-of-type(2){display:none;}
.sb-toggle-nav-active .navicon-line:nth-of-type(1){ position:relative; top:8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform:rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.sb-nav-wrap{display:none; padding: 20px 40px; position: fixed; bottom:0; top: 54px; left: 0; width: 100%; background: rgba(255,255,255,.95); color: #000;  overflow-y: scroll; z-index: 200;  font-size: 14px;} .sb-nav-wrap-active{display: block;} .sb-nav-wrap a {color: #000;}
/*.header-s .sb-nav-wrap{top: 60px;}*/

.sb-search  .input-group{padding-bottom: 0; border-bottom:1px #b8b8b8 solid; }
.sb-search .form-control{background-color: transparent; border: 0;  border-radius: 0px; color: #000; padding-left: 0; font-size: 16px; -webkit-box-shadow: none; box-shadow: none;}
.sb-search  .input-group .form-control:first-child::placeholder { color: #000; }
.sb-search .form-control:focus {  border-color:none;  outline: 0; -webkit-box-shadow: none;  box-shadow: none;}
.sb-search ::-webkit-input-placeholder { color: #cbd7ea; }
.sb-search  ::-moz-placeholder {  color: #cbd7ea;}
.sb-search  :-ms-input-placeholder { color: #cbd7ea; }
.sb-search  :-moz-placeholder { color: #cbd7ea; }
.sb-search  .btn{  border: 0; border-radius: 0; -webkit-transition: all 0.1s ease 0.1s;    -moz-transition: all 0.1s ease 0.1s;    -ms-transition: all 0.1s ease 0.1s;    -o-transition: all 0.1s ease 0.1s;    transition: all 0.1s ease 0.1s; }
.sb-search  .btn-default{color: #000; background-color: transparent; border-color: #9ab2da;}
.sb-search  .btn:hover{ color: #76abff;}
.sb-search  .input-group-btn{vertical-align: top; }
.sb-search  .search-btn{font-size: 21px; line-height: 21px;}
.sb-search .search-cross{display: none;}

.sb-nav{margin-top: 1.4em;}
.sb-menu, .sb-menu ul{list-style: none; margin: 0; padding: 0;}
.sb-menu > li{border-bottom: 1px #b8b8b8 solid;}
.sb-menu > li > a{ font-family:  sans-serif; padding: 0.5em 0; font-size: 16px; }
.sb-menu  a{position: relative; display: block;  cursor: pointer;}
.sb-menu > li a:hover{/*text-shadow: 0 0 5px rgba(47, 179, 255, 0.9); *//*padding-left: 7px;*/}
.sb-menu > li a.sb-submenu-active{color: #000; }

.sb-caret{width: 19px; height: 19px; position: absolute; right: 0; top: 50%; margin-top: -9px;}
.sb-caret:before{content: ''; width: 13px; height: 1px; background: #000; position: absolute; top:9px; left: 3px; }
.sb-caret:after{content: ''; width: 1px; height: 13px; background: #000; position: absolute; top:3px; left: 9px; }
.sb-submenu .sb-caret:before{width:9px; left: 5px} .sb-submenu .sb-caret:after {height: 9px; top: 5px}
.sb-submenu-active>.sb-caret{-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);}

ul.sb-submenu{background:none; /*margin-left: 20px;*/}
.sb-submenu a {padding: 0.4em 0; padding-left: 12px; background: url(/static/images/footer-icon.png) left 14px no-repeat;} /*.sb-submenu a:before{content: '- '; margin-right: 12px;}*/
.sb-submenu ul:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.sb-submenu ul{ border-bottom: 1px #4a76bd dotted;} .sb-submenu li:last-child > ul{border-bottom: 0;}
.sb-submenu  ul li{width: 25%; float: left; text-align: center; padding: 0 5px; margin-bottom: 12px;} .sb-submenu ul li a:before{content: ''; margin-right: 0;}  .sb-submenu  ul li:nth-child(4n+1){clear: left;}
.sb-submenu  ul li a{background: rgba(255, 255, 255, 0); display: block; border-radius: 6px; padding: 10px 5px 2px; border: 1px transparent solid;}
.sb-submenu  ul li a:hover{border-color:#fff; padding-left: 0; background: rgba(255, 255, 255, 0.1); }
.sb-submenu .pro-img-thumb{max-height: 70px; display: block; margin: 0 auto 6px; } .sb-submenu .pro-img-thumb img{max-height: 70px; display: block; margin: 0 auto;}
.sb-submenu .pro-name{ line-height: 1.2em; /*min-height: 2.5em;*/ display: block;}

.sb-lan{border-bottom: 1px #b8b8b8 solid;}
.sb-lan:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.sb-lan-txt{float: left; padding: 0.6em 0; vertical-align: middle;}
.sb-lan-txt i{font-size: 21px; vertical-align: middle; margin-right: 6px;}
.sb-lan-btn{float: right;}
.sb-lan-btn a{ padding: 0.6em 0; display: block; font-size: 85%; }

/** 線上選型 **/
#nav > ul > li#m7 { display: none; }
.sb-menu > li#m7 { display: none; }
.series-area #osIcon { display: none; }
.ftbar > ul > li:nth-child(7) { display: none; }
.ftbar > ul > li:nth-child(8) { display: none; }

#btntop{display: block; float: right; text-align: center; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px; position: relative;}
#btntop span{width: 19px; height: 2px; background: #fff; display: block; position: absolute; border-radius: 1px;}
#btntop span:first-child{ top: 24px; right: 44.5%;  -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform:rotate(-45deg);transform: rotate(-45deg);}

#btntop span:last-child{ top: 24px; left: 44.5%; -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

#topbtn-wrap{height: 0; position: absolute; bottom: 120px; right: 25px; z-index: 1;}
#topbtn-wrap .wrap{height: 0; }

#footer{background: #383838; padding: 30px 0 0; border-bottom: #fff 1px solid; position: relative; }
.footer1, .footer2{color: #fff; font-size: 14px; }
.footer1 { padding-bottom: 20px; }
.footer1 .footer-logo{float: right; width: 197px; display: none; }
.footer1 .ftbar{float: left; margin-bottom: 0;}
.footer1 .ftbar ul{list-style: none; margin: 0; padding: 0; line-height: 1.8; }
.footer1 .ftbar ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer1 .ftbar > ul > li {float: left; margin-right: 40px; margin-bottom: 30px; }
.footer1 .ftbar li a{color: #ffffff; padding: 4px 1px 2px; margin: 0 8px; line-height: 1.2em; border-bottom: 1px transparent solid; position: relative; font-size: 15px; }
.footer1 .ftbar li a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.footer1 .ftbar li a:hover:before, .footer1 .ftbar li a:focus:before, .footer1 .ftbar li a:active:before{left: 0; right: 0;}
.footer1 .ftbar > ul > li > a { font-family:  sans-serif; font-size: 16px; letter-spacing: normal; display: inline-block; margin-bottom: 12px; }
.footer1 .footer-subline{float: left; clear: left; display: none; }
.footer1 .footer-smo{ float: right; margin-right: 12px;margin-top: 0px;}
.footer1 .footer-smo ul{list-style: none; margin: 0; padding: 0}
.footer1 .footer-smo ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer1 .footer-smo li{float: left;}
.footer1 .footer-smo li a{ font-size: 22px; display: block; color: #fff; padding: 2px 6px } .footer1 .footer-smo li i.icon-youtube{ width: 58px; display: block;}
.footer1 .footer-smo li a:hover{ color: #7aadff;}
.footer1 .footer-smo li img { width: 44px; height: 44px; }

.footer1 .newsletter_area{width: 260px; display: inline-block; padding-top: 3px; margin-left: 8px;}
.footer1 .newsletter_area .input-group{padding-bottom: 0; font-size: 12px;}
.footer1 .newsletter_area .form-control{background-color: transparent;  border:1px #9ab2da solid; border-radius: 4px;  color: #fff; padding-top: 3px; padding-bottom: 0px; height: 28px;}
.footer1 .newsletter_area ::-webkit-input-placeholder { color: #cbd7ea; }
.footer1 .newsletter_area ::-moz-placeholder {  color: #cbd7ea;}
.footer1 .newsletter_area :-ms-input-placeholder { color: #cbd7ea; }
.footer1 .newsletter_area :-moz-placeholder { color: #cbd7ea; }
.footer1 .newsletter_area .btn{padding-top: 4px; padding-bottom: 0; height: 28px; vertical-align: top;  border-radius: 4px;}
.footer1 .newsletter_area .btn-default{color: #164ea9; background-color: #fff; border-color: #9ab2da;}
.footer1 .newsletter_area .btn:hover{background: #e6e6e6;}
.footer1 .newsletter_area .input-group-btn:last-child>.btn{border-top-left-radius: 4px;  border-bottom-left-radius: 4px; position: relative; margin-left: -5px; z-index: 2}
.footer1 .newsletter_area .input-group-btn{vertical-align: top;}

.footer1 .footer-group ul { list-style: none; margin: 0; padding: 0; line-height: 1.8; }
.footer1 .footer-group ul li a { color: #fff; font-size: 15px; padding: 4px 1px 2px; line-height: 1.2em; border-bottom: 1px transparent solid; position: relative; margin: 0 8px; }
/*.footer1 .footer-group ul > li:nth-child(1) > a { font-family: "Roboto Condensed", sans-serif; font-size: 16px; letter-spacing: normal; text-transform: uppercase; }*/
.footer1 .footer-group ul li a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.footer1 .footer-group ul li a:hover:before, .footer1 .footer-group ul li a:focus:before, .footer1 .footer-group ul li a:active:before{left: 0; right: 0;}

.footer2{padding-top: 6px; background: #de002b; font-family: "Arial", \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size: 13px; }
.footer2 .ftbar2{ float: right; margin-right: 12px;}
.footer2 .ftbar2 ul{list-style: none; padding: 0; margin: 0;}
.footer2 .ftbar2 ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer2 .ftbar2 li{ float: left; line-height: 25px;}
.footer2 .ftbar2 li a{display: inline-block; color: #ffffff; line-height: 1; padding: 0px 1px; margin: 0 8px; border-bottom: 1px transparent solid; position: relative;}
.footer2 .ftbar2 li a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.footer2 .ftbar2 li a:hover:before, .ftbar2 li a:focus:before, .ftbar2 li a:active:before{left: 0; right: 0;}
.footer2 #copyright{float: left;}

.footer2 .footer-lan{float: right}
.footer2 .footer-lan a{color: #fff; display: block; padding: 2px 1px; margin: 0 8px; line-height: 1.2em; letter-spacing: 0.1em; position: relative;}
.footer2 .footer-lan a:before{content: "";    position: absolute;    z-index: 0;    left: 50%;    right: 50%;    bottom: 0;    background: #fff;    height: 1px;
    -webkit-transition-property: left, right;    transition-property: left, right;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.footer2 .footer-lan a:hover{ color: #7aadff;}
.footer2 .footer-lan a:hover:before{left: 0;    right: 0;}
.footer2 .footer-lan i{font-size: 21px; margin-right: 4px;  -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition:none; vertical-align: middle; }
.footer2 .footer-lan span{vertical-align: middle;}


#footer2{background: #164ea9; padding: 30px 0 30px; margin-top: 20px;}
.footer3{font-size: 14px; color: #fff;}
.footer3 .footer-logo{float:right;}
.footer3 .footer-logo img{width: 183px;}
.footer3 .ftbar{float: left; width: 660px;}
.footer3 .ftbar a{color: #fff;}
.footer3 .ftbar ul{list-style: none; margin: 0; padding: 0;}
.footer3 .ftbar>ul>li{ float: left;}
.footer3 .ftbar>ul>li:nth-child(1){width: 45%;}
.footer3 .ftbar>ul>li:nth-child(2){width: 55%;}
.footer3 .ftbar>ul>li>.nav-header{font-size: 16px; line-height: 1.4; display: block; margin-bottom: 7px;}
.footer3 .ftbar>ul>li:nth-child(1)>ul{width: 50%; float: left;}
.footer3 .ftbar>ul>li:nth-child(2)>ul{width: 27%; float: left;}
.footer3 .ftbar>ul>li:nth-child(2)>ul:last-child{width: 46%; float: left;}
.footer3 .ftbar>ul>li>ul>li{clear: both; margin-bottom: 5px;}
.footer3 .ftbar>ul>li>ul>li:after{clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.footer3 .ftbar>ul>li>ul>li>a{background: url(/static/images/footer-icon.png) left 5px no-repeat; float: left; padding: 2px 0 2px 12px; display: inline-block; line-height: 1.2}

.footer3 .ftbar li a{color: #ffffff; border-bottom: 1px transparent solid; position: relative; }
  .footer3 .ftbar li a:before{content: "";    position: absolute;    z-index: 0;    left: 50%;    right: 50%;    bottom: 0;    background: #fff;    height: 1px;
    -webkit-transition-property: left, right;    transition-property: left, right;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
  .footer3 .ftbar li a:hover:before, .ftbar li a:focus:before, .ftbar li a:active:before{left: 0;    right: 0;}
.footer3 .ftbar-mobile{clear: both; display: none;}
.ftbar-mobile a{color: #fff;}
.ftbar-mobile ul{list-style: none; margin: 0; padding: 0}
.ftbar-mobile>ul>li>.nav-header{cursor: pointer; position: relative; border-bottom: 1px #fff solid; padding-bottom: 2px; padding-top: 7px;}
.ftbar-mobile>ul>li ul{padding-top: 9px;} .ftbar-mobile>ul>li ul+ul{padding-top: 0;} .ftbar-mobile>ul>li ul:last-child{margin-bottom: 7px;}
.ftbar-mobile>ul>li ul li a{background: url(/static/images/footer-icon.png) left 8px no-repeat; padding: 5px 0 5px 12px; display: block; line-height: 1.2}

.ftbar-mobile>ul>li>.nav-header[aria-expanded='true']>.sb-caret{-moz-transform: rotate(45deg);    -webkit-transform: rotate(45deg);    -o-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);}

.footer3 .footer-subline{float: left; clear: left; padding-top: 20px;}
.footer3 .footer-smo{ float: left; margin-left: 12px;}
.footer3 .footer-smo ul{list-style: none; margin: 0; padding: 0}
.footer3 .footer-smo ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer3 .footer-smo li{float: left;}
.footer3 .footer-smo li a{ font-size: 22px; display: block; color: #fff; padding: 4px 6px 2px } .footer-smo li i.icon-youtube{ width: 58px; display: block;}
.footer3 .footer-smo li a:hover{ color: #7aadff;}
.footer3 .newsletter_area{width: 260px; float: left; display: inline-block; padding-top: 3px; }
.footer3 .newsletter_area form{float: left;}
  .footer3 .newsletter_area .input-group{padding-bottom: 0; font-size: 12px;}
  .footer3 .newsletter_area .form-control{background-color: transparent;  border:1px #9ab2da solid; border-radius: 4px;  color: #fff; padding-top: 3px; padding-bottom: 0px; height: 28px;}
  .footer3 .newsletter_area ::-webkit-input-placeholder { color: #cbd7ea; }
  .footer3 .newsletter_area ::-moz-placeholder {  color: #cbd7ea;}
  .footer3 .newsletter_area :-ms-input-placeholder { color: #cbd7ea; }
  .footer3 .newsletter_area :-moz-placeholder { color: #cbd7ea; }

  .footer3 .newsletter_area .btn{padding-top: 4px; padding-bottom: 0; height: 28px; vertical-align: top;  border-radius: 4px;}
  .footer3 .newsletter_area .btn-default{color: #164ea9; background-color: #fff; border-color: #9ab2da;}
  .footer3 .newsletter_area .btn:hover{background: #e6e6e6;}
  .footer3 .newsletter_area .input-group-btn:last-child>.btn{border-top-left-radius: 4px;  border-bottom-left-radius: 4px; position: relative; margin-left: -5px; z-index: 2}
  .footer3 .newsletter_area .input-group-btn{vertical-align: top;}


.footer4{padding-top: 17px; font-size: 13px; color: #99bada; }
.footer4 .footer-logo2{float: left;} .footer4 .footer-logo2 img{width: 121px; margin-top: -3px;}
.footer4 .ftbar2{ float: left; margin-right: 12px; margin-left: 12px;}
.footer4 .ftbar2 ul{list-style: none; padding: 0; margin: 0;}
.footer4 .ftbar2 ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer4 .ftbar2 li{ float: left;}
.footer4 .ftbar2 li:after{content: '|';}
.footer4 .ftbar2 li a{display: inline-block; color: #ffffff;  line-height: 1.2em; letter-spacing: 0.1em; padding: 4px 1px 2px; margin: 0 10px; border-bottom: 1px transparent solid; position: relative;}
  .footer4 .ftbar2 li a:before{content: "";    position: absolute;    z-index: 0;    left: 50%;    right: 50%;    bottom: 0;    background: #fff;    height: 1px;
    -webkit-transition-property: left, right;    transition-property: left, right;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
  .footer4 .ftbar2 li a:hover:before, .ftbar2 li a:focus:before, .ftbar2 li a:active:before{left: 0;    right: 0;}
.footer4 #copyright{float: left; letter-spacing: 0.1em;}

.footer4 .footer-lan{float: right}
.footer4 .footer-lan a{color: #fff; display: block; padding: 2px 1px; margin: 0 8px; line-height: 1.2em; letter-spacing: 0.1em; position: relative;}
.footer4 .footer-lan a:before{content: "";    position: absolute;    z-index: 0;    left: 50%;    right: 50%;    bottom: 0;    background: #fff;    height: 1px;
    -webkit-transition-property: left, right;    transition-property: left, right;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.footer4 .footer-lan a:hover{ color: #7aadff;}
.footer4 .footer-lan a:hover:before{left: 0;    right: 0;}
.footer4 .footer-lan i{font-size: 21px; margin-right: 4px;  -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition:none; }
.footer4 .footer-lan span{vertical-align: middle;}

.foot-logo img { width: 188px; }

/*會員登入項目*/
#login-tabs li{  background:none;}
#login-tabs a{  color:#000;  background:none;}
#login-tabs a:hover,#login-tabs a:focus{  text-decoration: underline;  background:none;  color:#000;}
/**表單元素**/
fieldset.over-border {  border: 1px solid #ccc !important;  padding: 0 1.4em 1.4em 1.4em !important;  margin: 0 0 1.4em 0 !important;  border-radius: 16px;}
legend.line-border {  font-size: 16px !important;  text-align: left !important;  width:inherit;  border-bottom:none; display:none;}
fieldset > div { margin-top:30px; }
.red{  color: #cc0000;}
.radio-inline input[type='radio'] {  margin-left: -20px;  float: left;}
.radio-inline {  padding-left: 20px;  font-weight: normal;  margin-bottom: 0px;  vertical-align: middle;  display: inline-block;  cursor: pointer;}
.help-inline{  vertical-align: middle;  display: inline-block;  padding-top:5px;  float:left;  padding-left:0px;  cursor: default;}
.control-label{  cursor: default;}

.form-show .input-prepend {  clear:both;}
fieldset.instep-border {  border: 1px solid #ccc !important;  padding: 0 16px 16px 16px !important;  margin: 0 0 16px 0 !important;  border-radius: 15px; /*圓角*/  background:#eeeeee;  height:100px;  font-weight:bold;  color:#000000;  text-align: center;}
fieldset.step-border {  border: 1px solid #ccc !important;  padding: 0 16px 16px 16px !important;  margin: 0 0 16px 0 !important;  border-radius: 15px; /*圓角*/  height:100px;  text-align: center;}
legend.stepline-border {  text-align: center !important;  width:inherit;  border-bottom:none;}
.enlarge{clear:both;}
@media only screen and (max-width : 480px) {    .navbar-inner li {display:block; width:100%;}}


/*麵包屑*/
#content .breadcrumb {  text-shadow: none;}
#content .breadcrumb li {  text-shadow: none;}
#content .breadcrumb li a {  text-shadow:none;  text-decoration: none;}
#content .breadcrumb li a:hover {  text-shadow: none;  background:none;  text-decoration: underline;}
#content .breadcrumb li .divider{  text-shadow:none;  background:none;}
/*產品頁*/
.thumbnail {  border:1px #8B8682 solid;}
.cate-name,.cate-name-more{  color:#333333;  font-weight:bold;  width:auto;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  text-align:center;}

.cate-name a ,.cate-name-more a{  color:#333333;  font-weight:bold;  text-decoration:none;  width:auto;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  text-align:center;}
.cate-name a:hover ,.cate-name-more a:hover{  color:#8B8682;  font-weight:bold;  text-decoration:underline;  width:auto;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  text-align:center;}

/*產品介紹頁*/

.thumbnail img{  margin-right: auto;  margin-left: auto;  display: block;  max-width: 100%;}
.input-group {  display: table;  padding-bottom:10px;  width: 100%;}
.input-group .form-control {  margin-bottom: 0px;}
.txtNormal {  overflow:auto;  width:100%;}

.listtxtspec .input-prepend{  padding:1px 0px;  margin:0px;}
.clear{  clear:both;}
#lineqty{  width:30%;}
.showsmall ul {  padding: 0px; margin: 0px;  list-style: none;}
.showsmall li {  float:left;}
.showsmall li img  {  margin: 3px;  padding:3px;  width:50px;}
/*頁籤**/
.nav-tabs .active a{ font-weight:bold;}
/*訊息用*/
.msgcont{  width:90%;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;  margin:10px;}
.msg_img_title {  width:30%;}
/*首頁用*/
#index_msg_ul a{  background:#eee;  padding:8px 15px;  font-size:16px;  color:#000;}
#index_msg_ul a:hover{  background:#eee;  padding:8px 15px;  font-size:16px;  color:#000;}
#index_msg_ul .msgcont{}

#idxprocarousel  img {  vertical-align : middle; width: 100%; }
#idxprocarousel .caption {    background : #666; padding : 5px;}
#idxprocarousel .caption a {    color : #fff;}
#content .pshow_title{  border-left:5px solid #ccc;  font-size: 16px;  font-weight:bold;  background-color: #eee; padding:7px;}
/***style for banner's arrows and pagination ****/
.swiper-banner .arrow-left, .swiper-product .swiper-button-prev {  position: absolute;  left: 1%;  top: 40%;  width: 17px;  height: 30px;z-index:99;}
.swiper-banner .arrow-right, .swiper-product .swiper-button-next {  position: absolute;  right: 1%;  top: 40%;  width: 17px;  height: 30px;z-index:99;}

.swiper-banner .page-banner, .swiper-product .swiper-pagination{  position: absolute;  left: 0; z-index:99;  text-align: center;  bottom:0;  width: 100%;}
.swiper-banner .swiper-pagination-switch, .swiper-product .swiper-pagination-switch {  display: inline-block;  width: 10px;  height: 10px;  border-radius: 10px;  background: #fff;  /*box-shadow: 0px 1px 2px #555 inset; */ margin: 0 3px;  cursor: pointer; border: 2px #707070 solid;}
.swiper-banner .swiper-active-switch, .swiper-product .swiper-active-switch {  background: #707070;}
.googlemap { width:100%; height:12em; }
.listimg a.btn.btn-link {    display: initial;}

.fea-area-flex .pic-cap { background: #f2f2f2; padding: 3em; text-align: center; min-height: 416.28px; display: flex; justify-content: center; align-items: center; }
.fea-area-flex .pic-cap.color2 { background: #dedede; }
.fea-area-flex .pic-cap p { margin: 0; }
.fea-area-flex .pic-cap p:after { content: ""; border-bottom: #ff0012 1px solid; display: block; width: 60%; margin: auto; height: 1px; }
.fea-area-flex .col { float: left; width: 25%; }
.fea-area-flex .col2 { float: left; width: 50%; }
.fea-area-flex .flex-item2 { background: #b8b8b8; }
@media (max-width: 1650px) {
	.fea-area-flex .col2 { max-height: 696px; overflow: hidden; }
	.fea-area-flex .pic-cap { min-height: 348px; }
}
@media (max-width: 1440px) {
	.fea-area-flex .col2 { max-height: 600px; overflow: hidden; }
	.fea-area-flex .pic-cap { min-height: 300px; padding: 20px 10px; }
}
@media (max-width: 1366px) {
	.fea-area-flex .col2 { max-height: 570px; overflow: hidden; }
	.fea-area-flex .pic-cap { min-height: 285px; padding: 20px 10px; }
}
@media (max-width: 1280px) {
	.fea-area-flex .col2 { max-height: 530px; overflow: hidden; }
	.fea-area-flex .pic-cap { min-height: 265px; padding: 20px; }
	.fea-area-flex .pic-cap p { line-height: 1.2; }
}
@media (max-width: 1023px) {
	.fea-area-flex .col2 { max-height: 420px; overflow: hidden; }
	.fea-area-flex .pic-cap { min-height: 210px; padding: 20px 10px; }
}
@media (max-width: 768px) {
	.fea-area-flex .col2 { max-height: 320px; overflow: hidden; }
	.fea-area-flex .pic-cap { min-height: 160px; padding: 20px 10px; }
}
@media (max-width: 767px) {
	.fea-area-flex .pic-cap { min-height: auto; }
	.fea-area-flex .col2 { max-height: inherit; }
	.fea-area-flex .col, .fea-area-flex .col2 { width: 100%; float: none; }
}

/* fixed-area */
.fixed-area { position: fixed; z-index: 11; top: 28%; right: -100%; font-family:  sans-serif; font-size: 13px; line-height: 1; transition: all 0.8s ease; }
.fixed-area .fixed-title, .fixed-area .fixed-close { background: #9f0406; color: #fff; padding: 6px; }
.fixed-area .fixed-title { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.fixed-area .fixed-close { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.fixed-area .fixed-btn { background: rgba(0,0,0,.7); color: #fff; margin-bottom: 1px; }
.fixed-area a { color: #fff; display: inline-block; }
.fixed-area .fixed-btn a { padding: 16px 20px; }
.fixed-area .fixed-close a { padding: 2px 20px; }
.fixed-area .fixed-btn a > img { margin-bottom: 6px; }

.fixed-area.active { right: 0; transition: all 0.8s ease; }


.fixed-area {
	display: none;/*等有資料打開*/
    bottom: -100%;
    top: auto;
    right: 0px;
    bottom: -217px;
    width: 160px
}

.fixed-area.active {
    bottom: 0px
}

.fixed-area.active .fa-chevron-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fixed-area .fixed-title {
    position: absolute;
    width: 100%;
    bottom: 100%
}

.fixed-area .fixed-title a>img {
    margin: 0 10px
}

.fixed-area .fixed-title a .fa-chevron-up {
    margin: 0 10px
}

/*lightbox*/
button.mfp-arrow{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'%23dddddd'%2F%3E%3C%2Fsvg%3E"); padding: 10px; width: 47px; height: 64px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; margin-top: -22px;}
button.mfp-arrow-left{}
button.mfp-arrow-right{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'%23dddddd'%2F%3E%3C%2Fsvg%3E");}
.mfp-arrow:after, .mfp-arrow:before{display: none;}
img.mfp-img{padding: 0; margin: 40px 0 40px;}

/*modal*/
@media (max-width: 1700px) {
  .wrap { width: 100%; padding: 0; }
  .header_nav #m8 .dropdown-menu { left: inherit; right: 0; }
}
@media (min-width: 1200px){
  .modal-lg{width: 1160px;}
}
@media screen and (min-width: 768px) {
  .modal-content{padding: 50px 0;}
  .modal-logo img{max-width: 236px;}
  .modal-footer .btn{width: 30%;}
}
@media (max-width:767px){
  .modal-lg{width:85%;}
}
.modal:before {    display: inline-block;    vertical-align: middle;    content: " ";    height: 100%;  }
.modal-backdrop.in{opacity: 0.8}
.modal-dialog {  display: inline-block;  text-align: left;  vertical-align: middle;}
button.close{position: absolute; background: #164ea9; color: #fff; width: 46px; height: 46px; text-align: center; right: -20px; top: -20px; z-index: 5; opacity: 1; border-radius: 50%; font-size: 150%;}
.close:hover, .close:focus{opacity: 1; color: #fff;}
.modal-header, .modal-footer{text-align: center; border: 0;}
.modal-logo img{max-width: 75%;}
.modal-body{padding: 0 15px;}
.modal-body *:last-child{margin-bottom: 0;}
.modal-footer .btn-default{background: #707070; border: 0; color: #fff;}  .modal-footer .btn-default:hover,  .modal-footer .btn-default:focus,  .modal-footer .btn-default:active{background: #164ea9; color: #fff;}
/*end of modal*/


@media (max-width : 1199px) {
body{font-size: 17px;}
.wrap{width: 100%;}


/*
#nav #m1 .dropdown-menu{font-size: 15px;}
#nav #m1 .dropdown-menu .wrap{padding: 0;}
#nav #m1 .dropdown-menu .wrap > ul > li > a{font-size: 100%;}
*/


	.footer4 .footer-lan{float: left; clear: left;}
	.footer4 .footer-lan a{margin: 0;}
}
@media (max-width : 1023px) {
	body{font-size: 16px;}
	/*#logo a{padding-right: 0; height: 81px; padding-top: 36px;}*/
	.logo_b{ display: none;} .logo_m{display: block;}
	.header > .wrap{padding-left: 0;}
	#logo{float:right}
	/*#logo a{height: 80px; padding-top: 28px;} .header-s #logo a{ height: 60px; padding-top: 18px;}*/
	#topnav, #nav{display: none;}
	.ver-nav{display: block;}
	.sb-toggle-nav{height: 54px; padding: 20px 20px 0; display: block;} /*.header-s .sb-toggle-nav{height: 60px; padding-top: 21px;}*/
	.pro-banner-txt > .wrap{padding: 0 20px;}


	#btntop{width: 50px; height: 42px;}
	#btntop span:first-child, #btntop span:last-child{top: 20px;}
	.footer1, .footer2{font-size: 13px;}
	.footer1 .footer-logo{width: 166px;}
	.footer1 .ftbar li a, .footer2 .ftbar2 li a{padding-left: 6px; padding-right: 6px;}
	.footer2 .footer-lan{float: left; margin-top: 12px; clear: left; display: none; }

	.footer3, .footer4{font-size: 13px;}
	.footer3 .footer-logo{float: left;margin-bottom: 28px;}
	.footer3 .ftbar{width: 100%;}
	.footer3 .ftbar>ul>li>.nav-header{font-size: 15px;}
}

@media (max-width: 979px)  { /*bootstrap width 724px */

}
@media (max-width : 800px) {.sb-site, .sb-site-container{padding:0 !important;} #container{ padding-top: 54px !important;}}

@media (max-width: 767px)  { /*bootstrap width auto */

/*#footer{padding-top: 30px;}*/
.footer1 .ftbar li{float: none;}
.footer1 .footer-smo{float: none;}
.footer1 .newsletter_area{display: block; padding: 15px 0 0 6px;}
.footer1 .ftbar li a, .footer2 .ftbar2 li a{padding: 6px 6px 3px;}
.footer2 #copyright{padding-left: 12px; padding-top: 6px; line-height: 1.3em; color: rgba(255, 255, 255, 0.6);}
	.footer3 .footer-logo{margin-bottom: 12px;}
	.footer3 .footer-logo img{width: 127px;}
	.footer3 .ftbar{display: none;}
	.footer3 .ftbar-mobile{display: block}
	.lanT .footer3 .ftbar-mobile .nav-header, .lanS .footer3 .ftbar-mobile .nav-header{font-weight: bold;}
	.footer3 .footer-smo{clear: left; margin-left: -6px; margin-top: 17px;}
	.footer4{padding-top: 7px;}
	.footer4 .footer-logo2{display: none;}
	.footer4 .ftbar2{margin-left: -11px;}
	.footer4 .ftbar2 li:last-child:after{content: '';}
	.footer4 #copyright{clear: left; line-height: 1.3; margin-top: 3px; margin-bottom: 15px;}
}

@media (max-width : 599px){
/*#logo a{height: 70px; padding-top: 23px;} .sb-toggle-nav{height: 70px; padding-top: 27px;}
.sb-nav-wrap{top: 60px;}*/
.sb-submenu  ul li{width: 33.33%;} .sb-submenu  ul li:nth-child(4n+1){clear: none;} .sb-submenu  ul li:nth-child(3n+1){clear: left;}
}

@media (max-width : 479px){
#container{padding-top: 54px !important;}

#logo a{height: 54px; padding-top: 17px;}
.logo_m{display: none;}
.logo_s{display: block; }
.sb-toggle-nav{height: 54px; padding-top: 20px; padding-right: 20px; }
.sb-nav-wrap{top: 54px;}
/*.header-s #logo a{height: 48px; padding-top: 12px;}  .header-s .sb-toggle-nav{height:48px; padding-top: 15px;} .header-s .sb-nav-wrap{top: 48px;}*/

.sb-nav-wrap{padding: 20px;}
.footer1 .footer-logo{ float: left; padding-left: 4px; margin-bottom: 15px;} .footer1 .ftbar{clear: left;}
}

/** === layout === **/
.wrap-1650 { max-width: 1650px; margin: auto; }
.wrap-1500 { max-width: 1500px; margin: auto; }
.wrap-1080 { max-width: 1080px; margin: auto; }
.wrap-860 { max-width: 860px; margin: auto; }
body { text-align: left; }
#container { padding-top: 0; }
#banner > .wrap{ padding: 0; width: 100%; }
.fixed-area .fixed-btn { text-align: center; }

/** === table container === **/
.table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; }
.table-container::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
.table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }

/** === slick === **/
.slick-slide img { margin: auto; }

/** === header === **/
.btn-group > li:hover > ul.dropdown-menu { display: block;}
#topnav > ul > li { position: relative; }
#topnav > ul > li+li > a:before { content: "|"; margin-right: 12px;  }
#topnav > ul > li > a { font-family:  sans-serif; font-size: 14px; }
#topnav > ul > li > a:hover, #topnav > ul > li.open > a { color: #fff; }
#topnav > ul > li > a > i { margin-right: 4px; font-size: 24px; vertical-align: middle; /*line-height: 24px;*/ }
#topnav > ul > li > a > i > img { margin-top: -5px; }
#topnav > ul > li > a .caret2 { width: 12px; height: 8px; position: relative; display: inline-block; vertical-align: middle; margin-left: 4px; }
#topnav > ul > li > a .caret2:before{content: ''; position: absolute; right: 5px; top: 3px; width: 6px; height: 1px; background: #fff; display: block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#topnav > ul > li > a .caret2:after{content: ''; position: absolute; left: 5px; top: 3px; width: 6px; height: 1px; background: #fff; display: block; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#topnav .nav-mega { background: #fff; border-radius: 10px; }
#topnav .nav-mega ul { margin: 0 auto 6px; }
#topnav .nav-mega ul li { padding: 0px 20px; }
#topnav .nav-mega ul li a { font-family:  sans-serif; font-size: 16px; display: block; color: #000; position: relative; }
#topnav .nav-mega ul li a:hover, #topnav .nav-mega ul li a:focus { color: #de002b; }
#topnav .nav-mega ul li a > img { margin-right: 6px; }

#topnav-search > ul.nav-mega { border-radius: 0; max-width: 1660px; top: 60px; left: 50%; transform: translateX(-50%); padding-top: 18px; padding-bottom: 0; }
.header-s #topnav-search > ul.nav-mega { top: 32px; }

#nav > ul > li:hover > ul.dropdown-menu { display: block; }
#nav > ul > li > a { text-transform: uppercase; }

/** === banner **/
.banner-mobile { display: none; }

.breadcrumb { padding-left: 54px; margin-bottom: 0; background: none; font-size: 12px; color: #fff; line-height: 1.4; width: 1670px; position: absolute; top: 130px; left: 50%; transform: translateX(-50%); z-index: 11; }
.breadcrumb>li+li:before { content: '>'; }
.breadcrumb a { font-family:  sans-serif; font-size: 12px; color: #fff; }
.breadcrumb>.active { color: #fff; }

.banner-pro.banner-go h1 > img { width: 100%; }
.banner-pro.banner-go h2 { color: #000; background: url(/static/images/arrow-go.png) no-repeat 0px 10px; padding-left: 20px; margin-top: 6px; margin-bottom: 0; }
.banner-pro.banner-go .series-area { margin-top: 50px; }
.banner-pro.banner-go .series-area li a { color: #000; }
.banner-go + .banner-play { max-width: 142px; position: absolute; left: 50%; top: 45%; margin-left: -71px; font-size: 22px; text-align: center; }
.banner-go + .banner-play img { margin-bottom: 6px; }

/** === content page-header === **/
.page-header { border-bottom: none; }
.page-header h1 { background: url(/static/images/page-header_bg.png) no-repeat center; line-height: 50px; padding-bottom: 16px; font-size: 30px; color: #020202; font-family: sans-serif; font-weight: normal; text-align: center; text-transform: uppercase; }

/** === sidebar === **/
.sidebar { float: left; width: 20%; }
.sidebar .nav-header { color: #de002b; font-family:  sans-serif; font-size: 20px; border-bottom: 1px solid; padding-left: 26px; margin-bottom: 24px; }
#side_menu { max-width: 205px; }
#side_menu .nav li { list-style-type: none; line-height: 2; border: none; box-shadow: none; margin-bottom: 0; }
#side_menu .nav>li { padding-bottom: 16px; color: #000; font-family:  sans-serif; font-size: 20px; padding-left: 36px; }
#side_menu .nav>li>a { padding: 0; display: block; color: #000; position: relative; }
#side_menu .nav>li>a.collapsed:after { content: "\f0d7"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; float: right; }
#side_menu .nav>li>a:after { content: "\f0d8"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; float: right; }
#side_menu .nav>li.notriangle>a:after { display: none; }
#side_menu .nav>li>a:hover, #side_menu .nav>li>a:focus { background: none; }
#side_menu .nav>li+li { border-top: #ededed 1px solid; padding-top: 16px; }
#side_menu .nav ul { padding-left: 26px; }
#side_menu .nav li li { font-size: 16px; }
#side_menu .nav li input[type=checkbox]{ margin-right: 10px; height: 18px; width: 18px; }

/** === main === **/
.main { float: left; width: 80%; padding-bottom: 100px; }
.nosidebar .main { float: none; width: 100%; }
/** === pro list === **/
ul.thumbnails { list-style-type: none; padding: 0; }
.prodlist { float: left; width: 30%; margin: 0 1.6%; position: relative; padding-bottom: 10px; margin-bottom: 50px; overflow: hidden; }
.prodlist:nth-child(3n+1) { clear: both; }
.prodlist::before { content: ""; height: 1px; background: #bfbfbf; width: 100%; position: absolute; bottom: 0; left: 0; }
.prodlist::after { content: ""; height: 1px; background: #de002b; width: 0%; position: absolute; bottom: 0; left: 0; transition: width .4s; }
.prodlist:hover::after { width: 100%; }
.prodlist .listimg { text-align: center; overflow: hidden; }
.prodlist:hover .listimg img { transform: scale(1.1); }
.prodlist .cate-name { text-align: left; font-family:  sans-serif; font-size: 22px; color: #231815; }
.prodlist:hover .cate-name { color: #de002b; }
.prodlist .prolistdesc { font-family:  sans-serif; font-size: 15px; color: #231815; }
.prodlist .prolistdesc ul { padding-left: 0; }
.prodlist .prolistdesc li { list-style-type: none; line-height: 1.4; color: #231815; }
.prodesctit { float: left; width: 140px; display: list-item; list-style-type: disc; margin-left: 20px; }
.prodescinner { margin-left: 160px; }

/** === pop === **/
.white-popup-block { background: #FFF; padding: 0; text-align: left; max-width: 850px; margin: 40px auto; position: relative; font-family: sans-serif; }
#series-modal11 { padding: 30px; }
.popup-modal-dismiss { position: absolute; top: -50px; right: 10px; width: 40px; }
.cata-down { list-style: none; padding-left: 0; font-family:  sans-serif; }
.cata-down a { color: inherit; }
.cata-down li { padding: 4px 0; }
.cata-down li:after { content: ""; display: block; clear: both; }
.cata-down li:nth-child(even) { background: #eee; }
.cata-down .title { font-size: 16px; border-bottom: #000 1px solid; color: #000; }
.cata-down .title .catat-name { padding-left: 50px; }
.cata-down .item-no { width: 70px; text-align: center; float: left; }
.cata-down .catat-name { width: calc(100% - 140px); float: left; padding-left: 30px; }
.cata-down .down-check { width: 70px; text-align: center; float: right; }
#cata-modal > h1 { background: #c90027; color: #fff; font-weight: normal; font-size: 20px; padding: 20px 60px; }
#cata-modal .button-group { font-size: 16px; }
#cata-modal .button-group .dropdown-menu { left: inherit; }
#cata-modal .button-group .dropdown-menu>li>a { font-size: 16px; padding-left: 12px; }
#cata-modal .formBox { padding: 40px 60px; font-size: 15px; }
#cata-modal .formBox form > div.row { margin-bottom: 12px; }
#cata-modal .formBox form > div.row:nth-child(2) { margin-left: 0; margin-right: 0; }
.formBox #fieldDiv1, .formBox #fieldDiv2, .formBox #fieldDiv3, .formBox #fieldDiv4 { width: 49%; float: left; margin-right: 1%; margin-bottom: 12px; }
.formBox #fieldDiv2, .formBox #fieldDiv4 { margin-right: 0; margin-left: 1%; }
#cata-modal .inputBox input, #cata-modal .inputBox select { background: #eee; color: #666; border: none; font-size: 16px; padding: 6px 10px; width: 100%; }
#cata-modal .inputBox input[type="checkbox"] { padding: 0; width: inherit; margin: 0; position: static; }
#cata-modal .inputBox .checkbox-inline { margin-right: 12px; }
#cata-modal .inputBox .checkbox-inline input[type="checkbox"] { margin-left: -20px; }
#cata-modal .inputBox .checkbox-inline+.checkbox-inline { margin-left: 0; }
#cata-modal .popup-modal-dismiss { position: absolute; top: 10px; right: 10px; width: 40px; }
#cata-modal .sub-btn { text-align: center; margin-top: 50px; }
#cata-modal .sub-btn .button { background: #c90027; color: #fff; border: none; text-transform: uppercase; font-family: sans-serif; padding: 10px 50px; border-radius: 6px; }
/*#field6 { margin-top: 16px; }*/

#series-modal { max-width: 1200px; }
#series-modal .series-pic { float: left; width: 45%; }
#series-modal .series-txt { float: left; width: 55%; padding: 60px; }
#series-modal .series-txt .title { font-size: 24px; margin-bottom: 30px; font-weight: bold; }
#series-modal .series-txt ul { padding-left: 20px; }
#series-modal .series-txt li { font-size: 16px; }
#series-modal .popup-modal-dismiss { position: absolute; top: 10px; right: -50px; width: 40px; }

/** === proshow === **/
.product-show .page-header { text-align: center; text-transform: uppercase; background: url(/static/images/page-header_bg.png) no-repeat center; line-height: 50px; padding-bottom: 16px; font-size: 30px; color: #020202; font-family: "Roboto Condensed", "Myriad Pro", \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-weight: normal; }

.product-show .swiper-slide { position: relative; }
.product-show #banner { background: #000; }
.product-show .banner-pro .series-area ul { border: none; border-radius: 0; padding: 0; }
.product-show .banner-pro .series-area li { padding: 0; }
.product-show #banner .swiper-slide a { border: #941e23 1px solid;	border-radius: 10px; padding: 0 30px; }
.banner-pro { position: absolute; width: 35%; top: 25%; left: 6%; }
.banner-pro h1 { color: #e6e6e6; font-family: sans-serif; font-size: 100px; background: url(/static/images/pro-series_bg.png) no-repeat right bottom; padding-bottom: 20px; margin-bottom: 30px; }
.banner-pro h1 span { display: inline-block; }
.banner-pro h2 { color: #941e23; font-family: sans-serif; font-size: 30px; margin-bottom: 50px; }
.banner-pro ul, .banner-pro li { display: inline-block; list-style-type: none; padding: 0; }
.banner-pro .series-area { margin-bottom: 70px; }
.banner-pro .series-area ul { border: #941e23 1px solid; border-radius: 10px; padding: 0 30px; }
.banner-pro .series-area li { padding:  0 20px 0 0; }
.banner-pro .series-area li + li { background: url(/static/images/pro-area.png) no-repeat left center; padding-left: 40px; }
.banner-pro .series-area li a { display: inline-block; color: #e6e6e6; font-family:  sans-serif; font-size: 20px; padding: 0 6px; }

.product-show .section { margin-bottom: 0px; }

.pro-instr { position: relative; /*background: url(/static/images/instr_bg.jpg) no-repeat;*/ background-size: contain; }
.pro-instr .instr_bg { position: absolute; z-index: -1; top: 0; left: 0; }
.pro-instr .instr-slick-for { border: #e6e6e6 1px solid; padding: 30px; margin: 30px auto; background: #fff; }
.pro-instr .instr-slick-for img { margin: auto; }
.pro-instr .slick-prev:before, .pro-instr .slick-next:before { color: #000; }

.section.sec2.pro-fea { font-size: 16px; }
.fea-box, .fea-item .pic, .fea-item .pic-cap { float: left; width: 50%; }
.fea-item { display: flex; justify-content: center; flex-direction: row-reverse; align-content: center; }
.fea-item:nth-child(2n+1) { flex-direction: row; }
.fea-item .pic { position: relative; }
.fea-item .pic::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.05); }
.fea-item .pic::after { content: ""; position: absolute; z-index: 1; width: 0; height: 0; border-width: 18px 28px; border-style: solid; border-top-color: transparent; border-right-color: #fff; border-bottom-color: transparent; border-left-color: transparent; top: 50%; right: 0; transform: translateY(-28px); }
.fea-item+.fea-item .pic::after { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #fff; top: 50%; right: inherit; left: 0; }
.fea-item .pic-cap { display: flex; align-items:center; }
.fea-item .pic-cap .feature-infobox{padding: 0 30px 30px;line-height: 1.6;}
.feature-infobox .brief:after{content: '...';display: inline;}
.feature-infobox.open .brief:after,.feature-infobox.notenough .brief:after{content: '';display: inline;}
.feature-infobox .fulldescription{ display: none;}
.feature-infobox.open .fulldescription{ display: inline !important;}
.feature-infobox .btn-showmore{ cursor: pointer; transition: all 0.2s linear; }
.feature-infobox .btn-showmore:hover{ opacity: 0.8;}
.feature-infobox.notenough .btn-showmore{ display: none!important; }
.feature-infobox .btn-showmore{position: relative; padding-left: 17px; color: #de002b;}
.feature-infobox .btn-showmore::before{content:''; display: block; position: absolute; left: 2px; top: 8px; width: 0; height: 0; border-style: solid; border-width: 11px 6px 0 6px; border-color: #d04561 transparent transparent transparent; transition: all 0.2s linear;}
.feature-infobox.open .btn-showmore::before{transform: rotate(180deg);}
.feature-infobox .btn-showmore::after{content:'open'; display: inline;}
.feature-infobox.open .btn-showmore::after{content:'close';}
.fea-item .pic-cap p { color: #000; font-family:  sans-serif; font-size: 16px; max-width: 80%; margin: 0 auto ; line-height: 1.6; display: flex; align-items: center; }
/*.fea-item .pic-cap p { color: #000; font-family:  sans-serif; font-size: 20px; max-width: 70%; margin: 40% auto 0; text-align: center; transform: translateY(-40%); }*/
.fea-item .pic-cap p:after { content: ""; background: #de002b; height: 1px; width: 50%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.fea-right, .fea-item .pic.fea-right { float: right; }

.fea-box2 { position: relative; }
.fea-box2 + .fea-box2 { clear: both; }
.fea-box2 .pic-cap { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); color: #fff;}
.fea-box2 .pic-cap p { color: #fff; font-family:  sans-serif; font-size: 16px; text-align: center; line-height: 1.6; }

.eightlist { max-width: 1440px; margin: 0 auto; }
.eightlist .fea-box { float: none; width: 100%; }
.eightlist .fea-item { margin-bottom: 24px; }
.eightlist .fea-item .pic { width: 30%; margin: 0 60px; }
.eightlist .fea-item .pic::after { display: none; }
.eightlist .fea-item .pic-cap { width: 70%; padding: 20px 30px; }
.eightlist .fea-item .pic-cap p { padding: 0; margin-top: 0; transform: translateY(0); }
.eightlist .fea-item .pic-cap p:after { display: none; }

.pro-spec .nav-tabs { text-align: center; margin: 30px auto; border: none; }
/*.pro-spec .nav-tabs div { display: inline-block; float: none; }*/
.pro-spec .nav-tabs div > a { display: inline-block; padding: 6px 40px; border: #dd032d 1px solid; border-radius: 0; text-transform: uppercase; color: #dd032d; font-size: 16px; font-family:  sans-serif; margin: 0 12px; }
.pro-spec .nav-tabs div>a:hover, .pro-spec .nav-tabs div.active>a, .pro-spec .nav-tabs div.active>a:hover, .pro-spec .nav-tabs div.active>a:focus { background: #dd032d; border: #dd032d 1px solid; color: #fff; font-weight: normal; }

.pro-spec .checkbox-inline input[type=checkbox] { position: static; margin-left: 0; margin-right: 6px; }

.spec-tab { min-width: 993px; }
.spec-tab, .spec-inq { text-align: center; }
.spec-tab td { padding: 5px; }
.spec-tab tr:nth-child(odd) td { background: #ececec; }
.spec-tab tr:first-child td { background: #c90027; color: #fff; }
.spec-tab tr:not(:first-child) td:first-child { text-align: left; }

.moretr{
	color: #FFF;
	width:70px;
	height: 70px;
	background: #c90027;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	display: block;
	margin: 0 auto;
	padding-top: 20px;
}
.moretr .open,
.moretr .close{
	font-size: 12px;
	line-height: 1;
	text-align: center;
	color: #FFF;
	opacity: 1;
	text-shadow: none;
}
.moretr .open{
	display: block;
}
.moretr .close{
	display: none;
	float: none;
}
.moretr .triangle{
	-webkit-transition: all 0.2s linear;
  	transition: all 0.2s linear;
	margin: 8px auto 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #fff transparent transparent transparent;
}
.moretr:hover{opacity: 0.7;}
/* .moretr::before{
	content: '+';
	display: inline;
	font-size: 20px;
	margin-right: 8px;
}
.open .moretr::before{
	content: '-';
} */

.open .moretr .open{
	display: none;
}
.open .moretr .close{
	display: block;
}
.open .moretr .triangle{
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}


.spec-inq { margin: 30px auto; }
.spec-inq a { color: #d30003; border: 1px solid; border-radius: 20px; display: inline-block; text-transform: uppercase; padding: 0px 50px; }



.pro-app { color: #fff; background: url(/static/images/app_bg.jpg) no-repeat top center; padding: 60px 0 98px; }
.pro-app .page-header { background: none; color: #fff; margin-top: 0; margin-bottom: 100px; padding-bottom: 0; position: relative; }
.pro-app .page-header:after { content: ""; display: inline-block; width: 100px; height: 2px; background: #c90027; position: absolute; bottom: 0; left: 50%; transform: translateX(-50px); }
.pro-app .app-slick > div { font-size: 16px; text-align: center; }
.pro-app .app-slick img { display: block; margin: 0 auto 30px; max-height: 80px; max-width: 80px; }

.pro-info .info-slick > div { font-size: 16px; text-align: center; }
.pro-info .info-slick img { display: block; width: 140px; height: 180px; background: #d8d8d8; margin: auto; }
.pro-info .slick-prev:before, .pro-info .slick-next:before { color: #000; }

/** === go service === **/
.go-ser-bg { background: url(/static/images/go-service_bg.jpg) no-repeat top -650px center; }
.go-service .section { padding: 30px 0; }

.go-service .sec1 { background: rgba(255,255,255,.55); }
.go-service .sec1 .cont { margin-top: 180px; }
.go-service .sec1 h3 { font-size: 40px; font-weight: bold; color: #101383; }
.go-service .sec1 h3 img { vertical-align: top; }
.go-service .sec1 p { font-size: 16px; }

.go-service .sec2 { background: rgba(221,221,221,.5); }
.go-service .sec2 h2 { text-align: center; font-size: 40px; color: #000; }
.go-service .sec2 h2 span { font-size: 30px; display: block; }
.go-service .sec2 ul { padding-left: 0; padding: 20px 70px; margin: 30px auto; }
.go-service .sec2 .col-md-6:nth-child(1) ul { border-right: #BBB 1px solid; }
.go-service .sec2 ul li { list-style-type: none; font-size: 16px; color: #333; line-height: 1.6; margin-bottom: 40px; }
.go-service .sec2 ul li h3 { font-size: 20px; color: #C40A13; margin: 0 0 6px; }
.go-service .sec2 .pic { float: left; width: 70px; margin-right: 10px; }
.go-service .sec2 .cont { margin-left: 90px; }

.go-service .sec3 h2, .go-service .sec3 h3 { text-align: center; }
.go-service .sec3 .list { margin: 50px auto; }
.go-service .sec3 .item { border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; margin: 0 2%; float: left; width: 21%; padding: 30px 0 20px; }
.go-service .sec3 .item .pic { text-align: center; }
.go-service .sec3 .text { font-size: 16px; color: #444; line-height: 1.6; min-height: 150px; margin-top: 20px; }
.go-service .sec3 .text .title { font-size: 20px; color: #000; }

/** === contact === **/
input.form-control.reqField::placeholder { color: #555; padding-left: 4px; }
option { padding: 20px; }
.contact { max-width: 1500px; margin: auto; padding: 0 15px; color: #000; font-family: sans-serif; font-size: 16px; }
.contact .checkbox-inline { margin-right: 10px; }
.contact .checkbox-inline+.checkbox-inline { margin-left: 0; }
.contact input.form-control, .contact textarea.form-control { font-size: 16px; padding: 8px 8px 8px 16px; height: 40px; }
.contact select.form-control { font-size: 16px; padding: 8px 8px 8px 4px; height: 40px; text-indent: 12px; }
.contact textarea.form-control { padding-left: 20px; }
.contact input.form-control::placeholder, .contact textarea.form-control::placeholder { color: #555; padding-left: 4px; }
.contact .inputBox { position: relative; }
.contact .inputBox.reqField::after { content: "*"; position: absolute; color: #f00; left: 8px; top: 8px }
.contact .code .reqField { position: relative; }
.contact .code .reqField::after  { content: "*"; position: absolute; color: #f00; left: 22px; top: 8px }
#field6 > div { padding-left: 20px; }
#frm_contactus #field6 > div { margin-bottom: 0; }
#field6> .checkbox-inline { margin-left: 20px; }
#field6.inputBox.reqField::after { top: 2px; }
#frm_contactus > .row { margin: 0; padding: 0 15px; }
#frm_contactus div { margin-bottom: 12px; color: #555; }
#frm_contactus > .row > .form-group { margin-top: 40px; margin-bottom: 60px; text-align: right; }
#frm_contactus .red { position: absolute; padding: 0; top: -6px; left: 2px; }
#frm_contactus #fieldDiv1, #frm_contactus #fieldDiv3, #frm_contactus #fieldDiv5, #frm_contactus #fieldDiv7, #frm_contactus #fieldDiv9 { float: left; width: 49%; margin-right: 1%; }
#frm_contactus #fieldDiv2, #frm_contactus #fieldDiv4, #frm_contactus #fieldDiv6, #frm_contactus #fieldDiv8, #frm_contactus #fieldDiv10 { float: left; width: 49%; margin-left: 1%; }
#frm_contactus #fieldDiv11 { clear: both; }
#frm_contactus #fieldDiv14, #frm_contactus #fieldDiv15 { float: left; width: 31.33%; margin-right: 2%; }
#frm_contactus #fieldDiv16 { clear: both; margin: 80px auto 30px; }
#conSubject div { margin-bottom: 12px; }
#conSubject + .clear { height: 0; }
#subject1 > select { margin-bottom: 12px; display: block; width: 100%; height: auto; padding: 8px 12px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; /*-webkit-appearance:none;*/ }
#subject11 { padding-left: 0; padding-right: 0; }

#field11 > div, #field12 > div, #field13 > div { display: inline-block; }

#frm_contactus #contactbutton { background: #DE002B; color: #fff; width: 100%; max-width: 240px; padding: 10px 20px; font-size: 16px; }
#custContact { clear: both; }

/** === careers === **/
.wrap-1280 { max-width: 1280px; margin: auto; }
.careers .section { margin-bottom: 80px; }

.careers-select ul { padding: 0; }
.careers-select ul li { list-style-type: none; width: 25%; float: left; margin-left: -1px; text-align: center; }
.careers-select ul li a { display: block; border: #bbb 1px solid; position: relative; padding: 10px 0; }
.careers-select ul li a:hover { z-index: 1; border-color: #DE002B; }
.careers h2.title { font-size: 30px; color: #020202; background: url(/static/images/page-header_bg.png) no-repeat center; padding: 30px 0; margin: 30px auto; text-align: center; }
.careers-tab { width: 100%; }
.careers-tab th, .careers-tab td { padding: 12px 20px; font-size: 16px; line-height: 1.4; color: #212121; }
.careers-tab thead tr { background: #555; }
.careers-tab thead tr th { font-size: 16px; color: #fff; font-weight: normal; text-align: center; }
.careers-tab thead tr th:nth-child(1) { text-align: left; }
.careers-tab tr:nth-child(even) { background: #F3F3F3; }
.careers-tab tr td:nth-child(1) { color: #333; max-width: 240px; }
.careers-tab td:nth-child(1), .careers-tab td:nth-child(2), .careers-tab td:nth-child(3) { text-align: left; }
.careers-tab td:last-child a { color: #333; border: #555 1px solid; display: inline-block; padding: 4px 16px; border-radius: 2px; }
.careers-tab td:last-child a:hover, .careers-tab td:last-child.active a { color: #fff; background: #DE002B; border-color: #DE002B; }

.welfare-area { position: relative; }
.welfare-area:after { content: ""; display: block; width: 60px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate3d(-30px,-20px,0px); background: #fff; }
.welfare { text-align: left; float: left; width: 50%; padding: 0px; margin: 0px; }
.welfare:nth-child(2n+1) { clear: both; }
.welfare .welfare-inner { margin: 0px; padding: 30px 50px; font-size: 16px; }
.welfare .welfare-inner h3 { font-size: 26px; }
.welfare:nth-child(3) .welfare-inner, .welfare:nth-child(4) .welfare-inner { border-top: #DE002B 1px solid; }
.welfare:nth-child(even) .welfare-inner { border-left: #DE002B 1px solid; }
.wel-inner3 ul { width: 50%; float: left; }

.careers .sc4 .swip { width: 50%; float: left; }
.swiper-container-careers { max-width: 614px; overflow: hidden; }
.swiper-caption { background: rgba(0,0,0,.5); font-size: 16px; color: #fff; position: absolute; width: 100%; bottom: 0; left: 0; text-align: left; padding: 10px 20px; }
.swiper-container-horizontal>.swiper-pagination-bullets { right: 20px; width: auto; left: inherit; }
.swiper-pagination-bullet { background: #fff; opacity: 1; }
.swiper-pagination-bullet-active { background: #DE002B; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; }
.swiper-pagination-bullet { background: #999; }
.swiper-pagination-bullet-active { background: #DE002B; }

.careers .sc4 .acc { width: 50%; float: left; text-align: left; padding: 0 30px; }
.acc .panel { border: none; background: none; box-shadow: none; }
.acc .panel-default>.panel-heading { background: none; padding: 0; }
.acc .panel-default>.panel-heading a.collapsed { color: #000; }
.acc .panel-default>.panel-heading a.collapsed:after { background: url(/static/images/open.png) no-repeat center center; }
.acc .panel-default>.panel-heading a, .acc .panel-default>.panel-heading a:hover { display: block; padding: 10px 0; color: #b50505; border-bottom: 1px solid; }
.acc .panel-default>.panel-heading a:after { content: ""; display: block; width: 19px; height: 19px; background: url(/static/images/open-in.png) no-repeat center center; float: right; }

.acc .panel-title { font-size: 22px; }
.acc .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.acc .panel-body ul { padding-left: 12px; }

.careers .sc5 { background: url(/static/images/sec5_bg.jpg) no-repeat; background-size: cover; padding: 60px 0 150px; margin-bottom: 0; }
.careers .sc5 h2 { color: #fff; background: url(/static/images/index-title_bg2.png) no-repeat center; }
.careers .sc5 ul { padding: 0; max-width: 450px; margin: auto; transform: translateX(20%); }
.careers .sc5 ul li { text-align: left; color: #fff; }

/** === service faq === **/
.faq { padding: 0 0 100px; }
.faq .faq-select { margin-bottom: 30px; }
.faq .faq-select .form-control { font-size: 16px; height: auto; }
.faq-acc { padding: 0 15px; }
.faq-acc .panel { border: none; box-shadow: none; border-bottom: #aaa 1px solid; border-radius: 0; }
.faq-acc .panel-default>.panel-heading { background: none; }
.faq-acc .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #DE002B; }
.faq-acc .panel-heading { padding: 0; }
.faq-acc .panel-title > a { display: block; padding: 10px 15px; color: #DE002B; font-size: 16px; }
.faq-acc .panel-title > a.collapsed { color: #000; }
.faq-acc .panel-body { padding: 30px; }
.faq-section { margin-bottom: 30px; }
.faq-info { padding: 15px; }
.faq-img { max-width: 100px; float: left; margin-right: 30px; margin-bottom: 12px; }
.faq-txt { float: left; line-height: 1.6; font-size: 16px; }
.faq-txt h3 { margin: 6px 0px; padding: 0; font-weight: bold; font-size: 16px; color: #000; }
.faq-tab { border: #222 1px solid; }
.faq-tab td { padding: 6px 20px; background: #f8f8f8; border-bottom: #bbb 1px solid; font-size: 16px; }
.faq-tab tr:last-child td { border-bottom: none }
.faq-tab td + td { border-left: #bbb 1px solid; }
.faq-tab th { background: #222; color: #fff; text-align: center; font-size: 16px; padding: 6px; }
.faq-tab th + th { border-left: #bbb 1px solid; }

/** === service Advantages === **/
.ser-title { font-size: 36px; color: #000; margin: 20px auto; }
.ser-title > span { font-family: sans-serif; font-size: 100px; color: #000; margin-right: 20px; float: left; margin-bottom: 2em; }
.adv-content { padding: 0 0 30px; width: calc(100% - 120px); margin-left: 120px; }

.ser-adv-select { text-align: center; }
.ser-adv-select h2 { color: #DE002B; font-size: 30px; }
.ser-adv-select ul { margin: 30px auto; padding: 0; }
.ser-adv-select ul li { width: 24%; float: left; list-style-type: none; margin: 0 0.5% 12px; }
.ser-adv-select ul li a { font-size: 16px; color: #000; display: block; padding: 10px; border: #999 1px solid; }
.ser-adv-select ul li a:hover { color: #DE002B; border: #DE002B 1px solid; }
.ser-adv-content .section { padding: 50px 0; }
.ser-adv-content .section > .wrap-1500 { position: relative; }
.ser-adv-content .section > .wrap-1500::before { content: ""; background: #000; position: absolute; bottom: -50px; left: 50px; height: calc(100% - 50px); width: 1px; }
.ser-adv-content .section > .wrap-1500::after { content: ""; background: #fff; position: absolute; top: 90px; left: 45px; height: 10px; width: 10px; border: #000 1px solid; border-radius: 10px; }
.adv-content .adv-btn { display: inline-block; position: relative; margin-top: 130px; }
.adv-content .adv-btn::before { content: ""; background: #de002b; width: 2px; height: 130px; top: 0; left: 50%; position: absolute; transform: translate(-50%, -80%); }
.adv-content .adv-btn > a { display: inline-block; font-size: 16px; color: #DE002B; border-radius: 130px; width: 130px; height: 130px; line-height: 130px; border: #DE002B 2px solid; }
.maintenance5 #sec1 .adv-content { text-align: center; }
.maintenance5 #sec1 .adv-content img { margin-bottom: 12px; margin-right: 12px; }
.maintenance5 #sec2 { background: url(/static/images/adv-bg-1.jpg) no-repeat; background-size: cover; }
.maintenance5 #sec2 .adv-content p { float: left; width: 35%; margin-top: 20%; }
.maintenance5 #sec2 .adv-content .f-right { float: right; width: 65%; text-align: center; }
.maintenance5 #sec3 { background: url(/static/images/adv-bg-2.jpg) no-repeat; background-size: cover; }
.maintenance5 #sec3 .adv-content { text-align: center; }
.maintenance5 #sec3 .adv-content .img { margin: 30px auto; }
.maintenance5 #sec4 .adv-content { padding: 50px 0; }
.maintenance5 #sec4 .adv-content .img { width: 23.2666%; float: left; margin: 0 5%; }
.maintenance5 #sec4 .adv-content .img:nth-child(2) { width: 48.4666%; float: left; margin: 0 5%; }
.maintenance5 #sec4 .adv-content .img img { border: #fff 12px solid; box-shadow: 0 2px 20px rgba(0,0,0,.2); }
.maintenance5 #sec4 .adv-content .img p { font-size: 16px; text-align: center; margin-top: 12px; }
.maintenance5 #sec5 { background: url(/static/images/adv-bg-3.jpg); background-size: cover; }
.maintenance5 #sec5 .adv-list { max-width: 1200px; margin: 30px auto; }
.maintenance5 #sec5 .adv-item img { box-shadow: 4px 4px 10px rgba(0,0,0,.3); }
.maintenance5 #sec5 .adv-item p { margin-top: 6px; }
.maintenance5 #sec5 .adv-item { width: 24%; float: left; margin: 0 0.5% 30px; }
.maintenance5 #sec5 .adv-item:last-child { width: 98.7%; clear: both; background: #fff; text-align: center; padding: 20px 0; margin-left: 0.7%; box-shadow: 4px 4px 10px rgba(0,0,0,.3);}
.maintenance5 #sec5 .adv-item:last-child img { box-shadow: none; }
.maintenance5 #sec6 .adv-content { text-align: center; }
.maintenance5 #sec6 .adv-content p { color: #1C1F86; font-size: 80px; font-family: sans-serif; }
.maintenance5 #sec7 { background: #F6F6F6; }
.maintenance5 #sec7 .no { margin: 20px auto; }
.maintenance5 #sec7 .no span { display: inline-block; margin-right: 12px; margin-bottom: 12px; }
.maintenance5 #sec7 .no span::before { content: "1"; background: #000; color: #fff; display: inline-block; height: 24px;  width: 24px; border-radius: 24px; line-height: 24px; text-align: center; margin-right: 4px; }
.maintenance5 #sec7 .no span:nth-child(2)::before { content: "2"; }
.maintenance5 #sec7 .no span:nth-child(3)::before { content: "3"; }
.maintenance5 #sec7 .no span:nth-child(4)::before { content: "4"; }
.maintenance5 #sec7 .no span:nth-child(5)::before { content: "5"; }
.maintenance5 #sec7 .no span:nth-child(6)::before { content: "6"; }
.maintenance5 #sec7 .no span:nth-child(7)::before { content: "7"; }
.maintenance5 #sec7 .no span:nth-child(8)::before { content: "8"; }
.maintenance5 #sec7 .no span:nth-child(9)::before { content: "9"; }
.maintenance5 #sec7 .no span:nth-child(10)::before { content: "10"; }
.maintenance5 #sec8 .adv-content { text-align: center; }
.maintenance5 #sec8 .adv-content p { font-size: 60px; color: #DE002B; font-family: sans-serif; }
.maintenance5 #sec8 .adv-content p > img { margin-right: 18px; }

.ser-adv-select.ser-ener-select ul li { width: 19%; float: left; list-style-type: none; margin: 0 0.5% 12px; line-height: 1.2; }
.ser-adv-select.ser-ener-select ul li a { min-height: 64px; }
.ser-adv-select.ser-ener-select ul li:not(:last-child) a { padding-top: 18px; }
.maintenance9 .ser-top { max-width: 860px; margin: auto; color: #000; }
.maintenance9 .ser-top > .col-md-6 { font-size: 30px; }
.maintenance9 .ser-top > .col-md-6 strong { font-size: 36px; }
.maintenance9 .ser-top > .col-md-12 { max-width: 800px; margin: auto; font-size: 16px; text-align: left; margin: 12px 40px; }
.maintenance9 .ser-top + p { text-align: left; margin-bottom: 0; padding-left: 5px; font-size: 20px; font-weight: bold; color: #000; }
.maintenance9 .ser-adv-select ul { margin-top: 4px; }
.maintenance9 .adv-content { padding-bottom: 0; }
.energy-cont { font-size: 16px; color: #000; position: relative; }
.energy-cont .img { margin-bottom: 20px; }
.energy-cont h6 { font-size: 16px; font-weight: bold; margin-top: 12px; margin-bottom: 6px; }
.maintenance9 #sec1 .cont-inner { position: absolute; bottom: 0; padding: 20px; background: rgba(255,255,255,.8); }
.maintenance9 #sec2 .img img { width: 20.5%; }
.maintenance9 #sec2 .img img:nth-child(1) { width: 15.4%; }
.maintenance9 #sec3 .img img:nth-child(1) { width: 44%; }
.maintenance9 #sec3 .img img:nth-child(2) { width: 55%; }
.maintenance9 #sec5 .img img { width: 48.8%; }
.maintenance9 #sec5 .img img + img { margin-left: 1.6%; }
.energy-team { margin: 30px 50px; color: #000; }
.energy-team h4 { font-size: 36px; margin: 20px 0; }
.energy-team .team-img img:not(:last-child) { margin-right: 20px; }
.energy-team .title { font-size: 24px; margin-top: 30px; }
.energy-team .team-iso { margin-top: 20px; }
.energy-team .team-iso img { border: 12px solid #f2f2f2; }
.energy-team .team-iso img:nth-child(1) { width: 49.85%; margin-right: 30px; }
.energy-team .team-iso img:nth-child(2) { width: 23.85%; }

.maintenance8 .ser-main-head { max-width: 1100px; margin: auto; color: #000; text-align: center; }
.maintenance8 .ser-main-head h2 { font-size: 30px }
.maintenance8 .ser-main-head h3 { font-size: 24px }
.maintenance8 .ser-main-content { position: relative; padding-top: 120px; }
.maintenance8 .ser-main-content:after { content: ""; background: url(/static/images/maintenance_bg.png) no-repeat right; background-size: 35%; position: absolute; width: 100%; height: 100%; top: 0px; right: 0; }
.maintenance8 .ser-main-content .section { background: #F6F6F6; }
.maintenance8 .adv-content { max-width: 800px; }
.maintenance8 .adv-content ol li { position: relative; list-style: none; }
.maintenance8 .adv-content ol li:before { content: "1"; color: #fff; position: absolute; background: #000; left: -30px; top: 4px; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 24px; }
.maintenance8 .adv-content ol li:nth-child(1)::before { content: "1"; }
.maintenance8 .adv-content ol li:nth-child(2)::before { content: "2"; }
.maintenance8 .adv-content ol li:nth-child(3)::before { content: "3"; }
.maintenance8 .adv-content ol li:nth-child(4)::before { content: "4"; }
.maintenance8 .adv-content ol li:nth-child(5)::before { content: "5"; }
.maintenance8 .adv-content ol li:nth-child(6)::before { content: "6"; }
.maintenance8 .adv-content ol li:nth-child(7)::before { content: "7"; }
.maintenance8 .adv-content ol li:nth-child(8)::before { content: "8"; }
.maintenance8 .adv-content ol li:nth-child(9)::before { content: "9"; }
.maintenance8 .adv-content ol li:nth-child(10)::before { content: "10"; }

/** === 404 === **/
/*404*/
.alert-404{padding: 50px 0; text-align: center;  }
.alert-404-ti{ color: #1d4b95; font-size: 1200%; line-height:1em;  border-radius: 50%;  margin: 20px auto; letter-spacing: -0.1em;}
.alert-404-ti2{font-size: 120%; color: #1d4b95; }
.alert-404-ti3{ color: #777; margin-bottom: 1.2em; font-size: 90%}
#middle .alert-404-txt .btn{font-size: 90%; margin: 0 5px; border-radius: 20px; padding-left: 30px; padding-right: 30px;}

.alert-404-txt { margin: 50px auto; max-width: 1280px; padding: 0 30px; }
.alert-404-txt ul { padding-left: 0; list-style: none; }
.alert-404-txt > ul > li { float: left; width: 30%; margin: 0 1% 30px; }
.alert-404-txt > ul > li:nth-child(3n+1) { clear: both; }
.alert-404-txt > ul > li:nth-child(7), .alert-404-txt > ul > li:nth-child(8) { display: none; }
.alert-404-txt > ul > li > a { margin-bottom: 12px; }
.alert-404-txt ul ul { position: static; display: block; float: none; }

/** === **/
.privacy { margin: 0 auto; text-align: left; max-width: 1200px; padding-bottom: 100px; }
.privacy .cookiestr { font-size: 2em; font-weight: bold; position: relative; margin-bottom: 12px; }
.privacy .cook-inner { margin-top: 30px; padding-left: 30px; padding-right: 30px; }
.privacy .cook-inner h2 { color: #174faa; font-size: 36px; margin: 1em 0 0.6em; padding: 0.3em 0 0; }
.privacy button { background-color: #fff!important; border: #de002b 4px solid; padding: 0px 24px; color: #de002b; line-height: 36px; transition: 0.5s ease; }
.privacy button:hover { background-color: #de002b!important; border: #de002b 4px solid; padding: 0px 24px; color: #fff; line-height: 36px; }
#tarteaucitronAlertBig { background: rgba(0,0,0,0.9); color: #fff; font-size: 15px; left: 0; bottom: 0;  padding: 15px; position: fixed; text-align: center; width: 100%; z-index: 1; text-align: left; }
#tarteaucitronAlertBig h5 { font-size: 16px; font-weight: bold; }
#tarteaucitronAlertBig p { margin: 0; padding: 0; }
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b { font: 15px; color: #fff; line-height: 1.8!important; }
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { border: 2px solid #fff; color: #fff; -webkit-border-radius: 0px; borr-radius: 0px; display: inline-block; min-width: 145px; text-align: center; }
#tarteaucitronAlertBig a, #tarteaucitronAlertBig a:hover { color: #fff; }
#tarteaucitronAlertBig .wrap-1500 > div { margin: 16px 0; }

#gdprtext { padding-bottom: 30px; padding-top: 30px; }
#tarteaucitronAlertBig strong { color: #fff; }
#tarteaucitronDisclaimerAlert .title { color: #fff; }
/*#tarteaucitronDisclaimerAlert > br { display: none; }*/
#tarteaucitronPersonalize { margin-left: 30px; margin-top: 12px; }

@media (max-width: 1700px) {
	#topnav, #nav { padding-right: 15px; }
	.breadcrumb { width: 100%; left: 0; transform: translateX(0); }

	/** === banner === **/
	.banner-pro { left: 50px; top: 34%; }
	.banner-pro h1 { margin-bottom: 10px; }
	.banner-pro h2 { font-size: 24px; /*margin: 0 0 10px;*/ }
	.banner-pro .series-area { margin-bottom: 30px; }
	.banner-pro .series-area ul { padding: 0 12px; }
	.banner-pro .series-area li { padding: 0 10px 0 0; }
	.banner-pro .series-area li + li { padding-left: 30px; }

	/** === sidebar === **/
	.sidebar { padding-left: 15px; }
	.main { padding-right: 15px; }

	/** === proshow === **/
	.proshow { padding: 0 30px; }
	.pro-app, .pro-instr { margin-left: -30px; margin-right: -30px; }
	.pro-instr, .product-show .pro-app { padding-left: 45px; padding-right: 45px; }

	/** === footer === **/
	#topbtn-wrap { bottom: 160px; right: 15px; }
	.footer1 { padding: 30px 15px; }
	.footer1 .footer-smo { margin-right: -5px; }
	.footer2 #copyright { margin-left: 15px; }
}
@media (max-width: 1650px) {
	/** === banner === **/
	.banner-pro h1 { font-size: 72px; background-size: 100%; }
  .maintenance8 .ser-main-content:after { background-size: 30%; }
  /** === maintenance **/
  .maintenance8 .adv-content { width: calc(100% - 60px); margin-left: 60px; }
  .maintenance8 .ser-main-content:after { top: 80px; }
}
@media (max-width: 1499px) {
	/** === service === **/
	.ser-adv-select { padding: 0 30px; }
	.ser-adv-content .section { padding: 20px 30px; }
	.ser-adv .adv-content { padding: 30px 0; }
	.ser-adv-content .section > .wrap-1500::before { bottom: -20px; height: calc(100% - 70px); }
	.ser-adv .sec2 .adv-content .f-right { width: 60%; }
	.ser-adv-select.ser-ener-select ul li { width: 32%; margin: 0 0.5% 12px; }
	.ser-adv-select.ser-ener-select ul li a { min-height: inherit; }
	.maintenance .section { padding: 0 30px; }
	.maintenance .ser-main-content .section { padding-top: 50px; }
}
@media (max-width: 1439px) {
	/** === header === **/
	#logo a { padding-left: 15px; }
	#nav > ul > li { padding: 0 6px; }
	.breadcrumb { padding-left: 15px; }
	/** === banner === **/
	.banner-pro { left: 15px; }
	.banner-pro .series-area li { padding: 0; }
	.banner-pro .series-area li + li { padding-left: 20px; }
	.banner-pro .series-area li a { font-size: 16px; padding: 0 6px 6px; }
	/** === sidebar === **/
	.sidebar { width: 25%; }
	.main { width: 75%; }
	/** === pro show === **/
	#series-modal .popup-modal-dismiss { right: 6px; top: 6px; background: rgba(0,0,0,.6); padding: 4px; width: 48px; }
	.banner-pro .series-icon li img { max-height: 60px; }
	.fea-box2 .pic-cap { top: 40%; left: 30%; transform: translateX(-20%); }
	/** === go sevice === **/
	.banner-go + .banner-play { font-size: 16px; }
	.banner-pro.banner-go .series-area { margin-top: 30px; margin-bottom: 0; }
	.go-service .sec1 .cont { margin-top: 100px; }
	.go-service .section.sec3 { padding: 30px 15px; }
	.go-service .sec3 h2 > img { margin-bottom: 12px; }
	.go-service .sec3 .item { border-bottom: none; }
	.go-service .sec3 .item .pic > img { max-width: 120px; }
	/** === service === **/
	.ser-adv-select ul li { width: 32%; margin-bottom: 6px; text-align: left; }
	.ser-adv-select ul li a { font-size: 16px; }
	.ser-adv-select.ser-ener-select ul li { width: 32%; margin: 0 0.5% 12px; }
	.ser-adv-select.ser-ener-select ul li a { min-height: inherit; }
	.ser-adv .sec1 .adv-content { text-align: left; }
	.ser-adv .sec1 .adv-content img { max-width: 200px; }
}
@media (max-width: 1279px) {
	/** === careers === **/
	.careers .sec1, .careers .sc2, .careers .sc3, .careers .sc4 { padding: 0 30px; }
  /** === pro list === **/
	.prodlist { width: 48%; margin: 0 1% 40px; }
	/** === go sevice === **/
	.banner-pro.banner-go h1 { font-size: 66px; }
	.banner-pro.banner-go .series-area { margin-top: 24px; }
	.banner-go + .banner-play { max-width: inherit; }
	.banner-go + .banner-play img { max-width: 120px; }
	/** === service === **/
	.ser-adv-select.ser-ener-select ul li:not(:last-child) a { padding-top: 10px; }
	.energy-team .team-img img { width: 33%; margin: 0 }
	.energy-team .team-img img:not(:last-child) { margin: 0; }
	.energy-team .team-iso  { text-align: center; }
  /** === maintenance **/
  .maintenance8 .sec1 { padding-left: 15px; padding-right: 15px; }
  .maintenance8 .adv-content { max-width: 600px; }
}
@media (max-width: 1199px) {
	/** === slick === **/
	.slick-prev { left: 5px; z-index: 1; }
	.slick-next { right: 5px; z-index: 1; }
	/** === header === **/
	.logo_b { max-width: 160px; }
	.header-s .logo-header-s { max-width: 160px; }
	#nav > ul > li { padding: 0 2px; }
	#nav > ul > li > a { font-size: 16px; }
	/** === banner === **/
	.banner-pro { width: 38%; }
	.banner-pro h1 { font-size: 60px; }
	.banner-pro h2 { font-size: 20px; }
	.banner-pro .series-area { margin-bottom: 0; }
	.banner-pro .series-area ul { padding: 0 6px; }
	.banner-pro .series-icon li img { max-height: 40px; }
	/** === pro show === **/
	.fea-item .pic-cap p { line-height: 1.4; }
  .eightlist .fea-item .pic-cap { padding: 0 24px; background: none; margin-top: 0px; }
  .eightlist .fea-item .pic-cap p { font-size: 16px; padding: 0; margin-top: 0; transform: translateY(0); }
	#series-modal .series-txt { padding: 20px 40px; }
	/** === contact === **/
	#frm_contactus > .row > .form-group { text-align: left; }
	#frm_contactus > .row > .form-group .col-sm-4:last-child { text-align: right; }
	/** === go sevice === **/
	.banner-pro.banner-go h1 > img { max-width: 300px; }
	.banner-pro.banner-go .series-area { margin-top: 12px; }
	.go-service .sec1 .cont { margin-top: 60px; }
	.go-service .sec3 .item .pic > img { max-width: 100px; }
	/** === careers === **/
	.careers .sec1, .careers .sc2, .careers .sc3, .careers .sc4 { padding: 0 30px; }
	.careers-tab { min-width: 980px; }
	.careers-tab th, .careers-tab td { padding: 12px 6px; }
	.careers-tab tr > td:nth-child(4) { text-align: center; }
	/** === service === **/
	.ser-adv-select { padding: 0 30px; }
	.ser-adv-select ul li a { font-size: 16px; line-height: 1.2; }
	.ser-adv-content .section { padding: 20px 30px; }
	.ser-adv .adv-content { padding: 30px 0; }
	.ser-adv .sec1 .adv-content img { max-width: 160px; margin-right: 10px; }
	.ser-adv .sec4 .adv-content .img { width: 30%; margin: 0 2%; }
	.ser-adv .sec4 .adv-content .img:nth-child(2) { width: 61.5%; margin: 0 2%; }
	.energy-team { margin: 0 0 50px; padding: 15px 30px; }
	.energy-team .team-img { text-align: center; }
	.energy-team .team-img img { margin-bottom: 12px; }
	.energy-team h4 { font-size: 24px; }
	.maintenance .adv-content { max-width: 600px; }
  .privacy .cook-inner h2 { font-size: 32px; }
}
@media (max-width: 1023px) {
	.header-s #logo { margin-top: 0; padding: 0; }
	.header-s .sb-toggle-nav .navicon-line { background: #fff; }
	.header_nav { height: 54px; background: rgba(255,255,255,.9); }
	#logo { margin: 0 0 0 12px; float: none; }
	#logo a { height: auto; padding: 8px 0 0; }
	.logo_b { max-width: 220px; }
	.ver-nav { position: absolute; top: 0; right: 0; }
	.breadcrumb { top: 50px; }
	.page-header h1 { font-size: 24px; }
	/** === banner === **/
	#banner { padding-top: 0px; }
	#container.product-show { padding-top: 54px; }
	.product-show #banner { padding-top: 0px; }
  .product-show .banner-bg { display: none; }
	.banner-desk { display: block; text-align: center; }
	.banner-desk .banner-bg { display: block; text-align: center; }
	.banner-pro { width: 100%; margin: auto; background: #000; position: static; padding: 0 0 12px; top: 30%; }
	.goservice .banner-pro { background: none; }
	.banner-pro .banner-top { padding: 0 15px; margin-bottom: 16px; text-align: center; }
	.banner-pro .banner-down { padding: 0 15px; margin-top: 16px; text-align: center; }
	.banner-pro h1 { font-size: 48px; padding-bottom: 10px; margin-bottom: 0px; background-size: 100%; max-width: 480px; margin: 30px auto 0; }
	.banner-pro h2 { font-size: 16px; margin: 6px auto; }
	.banner-pro .series-area { margin-bottom: 0; }
	.banner-pro .series-area ul { padding: 0 6px; }
	.banner-pro .series-area li { padding: 0; }
	.banner-pro .series-area li + li { padding-left: 20px; }
	.banner-pro .series-area li a { font-size: 16px; }
	.banner-pro .series-icon ul { text-align: center; display: block; }
	.banner-pro .series-icon li { margin: 10px auto; }
	.banner-pro .series-icon li:nth-child(3) { display: block; }
	.banner-pro .series-icon li img { max-height: 70px; }
	/** === sidebar === **/
	.sidebar { float: none; width: 100%; padding: 0 15px; }
	.sidebar .nav-header { padding-left: 26px; }
	#side_menu { max-width: 100%; }
	#side_menu .nav>li { width: 50%; float: left; }
	#side_menu .nav>li+li { border-top: none; padding-top: 0; }
	/** === main === **/
	.main { float: none; width: 100%; padding: 0 15px; }
	/** === proshow === **/
	.proshow { padding: 0 15px; }
  .pro-app, .pro-instr { margin-left: -15px; margin-right: -15px; }
	.product-show .page-header { font-size: 22px; }
	.pro-instr, .product-show .pro-app { padding-left: 15px; padding-right: 15px; }
	.pro-instr .instr-slick-for { padding: 20px 0; }
	.instr-slick-nav { display: none; }
	.fea-box { float: none; width: 100%; }
	.fea-item .pic-cap p { margin: 0 auto; font-size: 16px; max-width: 80%; }
	.fea-box2 .pic-cap { top: 50%; left: 40%; transform: translateX(-30%); }
	.fea-box2 .fea-right { float: none; }
	#cata-modal .formBox { padding: 30px; }
	/** === contact === **/
	#frm_contactus #fieldDiv14 { width: 49%; margin-right: 1%; }
	#frm_contactus #fieldDiv15 { width: 49%; margin-left: 1%; margin-right: 0; }

	/** === service faq === **/
	.faq-tab { min-width: 780px; }
	/** === go sevice === **/
  .product-show #banner { background: url("/static/images/banner.jpg") no-repeat center left; background-size: cover; }
	.banner-pro.banner-go h1 { max-width: 180px; margin-bottom: 12px; }
	.banner-pro.banner-go .series-area { margin-top: 0px; }
	.banner-pro.banner-go .series-area li + li { background-position: left 0px top 6px; }
	.banner-pro.banner-go h2, .banner-pro.banner-go .series-area li a { text-align: left; padding-bottom: 0; }
	.banner-go + .banner-play { position: static; width: 100%; max-width: inherit; margin-left: 0; padding-top: 20px; padding-bottom: 20px; }
	.banner-go + .banner-play > p { width: 100%; margin-bottom: 0; }
	.go-service .section { margin-bottom: 0; }
	.go-service .sec1 .cont { margin-top: 0; }
	.go-service .sec2 ul { padding: 0 60px; }
	.go-service .sec2 ul li { margin-bottom: 20px; }
	.go-service .sec3 h2, .go-service .sec3 h3 { font-size: 20px; width: 80%; margin: 8px auto; line-height: 1.2; }
	.go-service .sec3 h2 > img { max-width: 180px; }
	.go-service .sec3 .text .title { font-size: 16px; }
	/** === careers === **/
	.careers .sec1, .careers .sc2, .careers .sc3, .careers .sc4 { padding: 0 15px; }
	.careers-tab { min-width: 980px; }
	.careers-tab th, .careers-tab td { padding: 12px 6px; }
	.careers-tab tr > td:nth-child(4) { text-align: center; }
  .welfare:nth-child(even) .welfare-inner { border-left: none; }
  .welfare:nth-child(2) { border-left: #DE002B 1px solid; margin-left: -1px; }
	.welfare:nth-child(3) { border-right: #DE002B 1px solid; }
	/** === service === **/
	.ser-title { font-size: 30px; padding-left: 60px; }
	.ser-title > span { font-size: 60px; margin-right: 10px; margin-left: -56px; float: left; margin-bottom: 20px; }
	.ser-adv-select { padding: 0 15px; }
	.ser-adv-select h2 { font-size: 24px; }
	.ser-adv-select ul li { width: 49%; }
	.ser-adv-content .section { padding: 20px 15px; }
	.ser-adv-content .section > .wrap-1500::before { bottom: -20px; left: 30px; height: calc(100% - 40px); }
	.ser-adv-content .section > .wrap-1500::after { top: 60px; left: 25px; }
	.ser-adv .adv-content { margin-left: 80px; width: calc(100% - 80px); }
	.ser-adv .sec1 .adv-content img { max-width: 200px; margin-right: 20px; }
	.ser-adv .sec2 .adv-content p { float: none; width: 100%; margin-top: 0; }
	.ser-adv .sec2 .adv-content .f-right { float: none; width: 100%; }
	.ser-adv .sec4 .adv-content .img { width: 30%; margin: 0 2%; }
	.ser-adv .sec4 .adv-content .img:nth-child(2) { width: 60%; margin: 0 2%; }
	.ser-adv .sec5 .adv-item { width: 48%; margin: 0 1% 12px; }
	.ser-adv .sec6 .adv-content { padding: 30px 0; }
	.ser-adv .sec6 .adv-content p { font-size: 60px; }
	.ser-adv .sec7 .no span { float: left; margin-bottom: 6px; margin-right: 0; width: 50%; }
	.ser-adv .sec8 .adv-content { padding: 30px 0; }
	.ser-adv-select.ser-ener-select ul li { width: 49%; margin: 0 0.5% 12px; }
	.ser-adv-select.ser-ener-select ul li a { min-height: inherit; }
	.ser-adv-select.ser-ener-select ul li:not(:last-child) a { padding-top: 10px; }
	.maintenance9 .adv-content { margin-left: 80px; width: calc(100% - 80px); }
	.maintenance9 .ser-top > .col-md-6 { margin-bottom: 12px; }
	.maintenance9 .ser-top > .col-md-12 { margin: 12px 0 24px; padding: 0; }
	.maintenance9 #sec1 .cont-inner { position: static; padding: 0; background: none; }
	.maintenance9 #sec2 .img img { width: 20.4%; margin-bottom: 6px; }
	.maintenance9 #sec2 .img img:nth-child(1) { width: 15.2% }
	.maintenance9 #sec3 .img img:nth-child(1), .maintenance9 #sec3 .img img:nth-child(2) { width: 100%; }
	.maintenance9 #sec5 .img img { width: 100%; margin-bottom: 20px; }
	.energy-team { margin: 0; padding: 15px 30px; }
	.energy-team .img { text-align: center; }
	.energy-team h4 { font-size: 24px; }
	.energy-team .team-img img:not(:last-child) { margin: 0 0 20px; }
	.energy-team .team-iso img:nth-child(1), .energy-team .team-iso img:nth-child(2) { width: 100%; margin: 0 0 20px; }
	.maintenance .section { padding: 0 15px; }
	.maintenance .ser-main-content .section { padding-top: 20px; }
	.maintenance .ser-adv-content .section > .wrap-1500::after { top: 60px; }
	.maintenance .adv-content { margin-left: 70px; width: calc(100% - 70px); max-width: inherit; }
	.maintenance .ser-title { margin-top: 0; padding-top: 20px; }
	.maintenance .ser-adv-content .section > .wrap-1500::before { height: calc(100% - 70px); bottom: 0px; }
	.maintenance .ser-main-content:after { background: none; }
  /* adv */
  .adv-content { width: calc(100% - 60px); margin-left: 60px; }
  .maintenance5 #sec1 .adv-content img { max-width: 200px; }
  .maintenance5 #sec2 .adv-content p { margin-top: 20px; }
  .maintenance5 #sec2 .adv-content p, .maintenance5 #sec2 .adv-content .f-right { float: none; width: 100%; }
  .maintenance5 #sec4 .adv-content .img { width: 30%; margin: 0 1%; }
  .maintenance5 #sec4 .adv-content .img:nth-child(2) { width: 60%; margin: 0 1%; }
  .maintenance5 #sec5 .adv-item { width: 48%; margin: 0 1% 20px; line-height: 1.2; }
  .maintenance5 #sec5 .adv-item:nth-child(2n+1) { clear: both; }
  .maintenance5 #sec6 .adv-content p { font-size: 48px; margin: 20px auto; }
  .maintenance5 #sec7 ul { padding-left: 20px; }
  .maintenance5 #sec8 .adv-content p { font-size: 36px; }
  .maintenance5 #sec8 .adv-content p > img { display: block; margin: 0 auto 20px; }
  /** === maintenance **/
  .maintenance8 .ser-main-content { padding-top: 30px; }
  .maintenance8 .ser-main-content:after { display: none; }
  .maintenance8 .adv-content { width: calc(100% - 30px); margin-left: 30px; max-width: inherit; }
	/** === footer === **/
	#topbtn-wrap { bottom: 100px; display: none; }
	.footer1 { padding-bottom: 0px; }
	.foot-logo, .foot-logo + em { text-align: center; }
	.foot-logo { margin-bottom: 10px; }
	.footer1 .footer-group ul { float: none!important; text-align: center; }
	.footer1 .footer-group ul li a { display: inline-block; padding: 8px 2px; }
	.footer1 .footer-smo { margin: 15px auto; float: none; }
	.footer1 .footer-smo ul { text-align: center; }
	.footer1 .footer-smo ul li { float: none; display: inline-block; }
  /** === 404 === **/
  .alert-404 { padding: 0; }
  .alert-404-txt > ul > li { float: none; width: 100%; margin: 0 0 30px; }
  .alert-404-ti{ font-size: 600%; }
  .privacy .cook-inner h2 { font-size: 28px; }
}
@media (max-width: 991px) {
	.faq-select .col-md-3 { width: 50%; float: left; margin-bottom: 12px; }
}
@media (min-width: 768px) {
	#conSubject .col-sm-2 { width: 33.3333%; }
	#conSubject > .col-sm-10 { width: 66.6666%; }
	#subject1 > select { /*width: 48%;*/ }
	#subject1 > #subject11 { width: 50%; float: right; padding-left: 15px; }
}
@media (max-width: 767px) {
	/** === banner === **/
	.banner-pro.banner-go h1 { max-width: 180px; margin-bottom: 12px; }
	/** === prodlist === **/
	.prodlist { margin: 0 auto 20px; }
	.prodlist .cate-name, .prodlist .prolistdesc { max-width: 360px; margin: auto; }
	/** === proshow === **/
	.fea-box2 .pic-cap { top: 40%; }
  .eightlist .fea-item { display: block; }
  .eightlist .fea-item .pic, .eightlist .fea-item .pic-cap { float: none; width: 100%; max-width: 600px; margin: auto; }
  .eightlist .fea-item .pic { padding: 0 30px; text-align: center; }
  .eightlist .fea-item .pic img { width: 300px; max-width: 100%; }
  .eightlist .fea-item .pic-cap { padding: 0; margin-top: 12px; }
	#cata-modal .formBox form > div.row { margin-bottom: 0; }
	#cata-modal .formBox .col-sm-6 { margin-bottom: 12px; }
	#cata-modal > h1 { padding-left: 20px; }
	#cata-modal .formBox { padding: 20px; }
	#cata-modal .formBox form > div.row:nth-child(1) { margin-bottom: 12px; }
	#series-modal .series-pic, #series-modal .series-txt { float: none; width: 100%; }
	#series-modal .series-pic { text-align: center; }
	#series-modal .series-txt { padding: 60px; }
	#series-modal .popup-modal-dismiss { right: 6px; top: 6px; background: rgba(0,0,0,.6); padding: 4px; width: 48px; }
	/** === contact === **/
	#field11 > div, #field12 > div, #field13 > div { display: block; }
	#frm_contactus #contactbutton { max-width: inherit; }
	/** === service faq === **/
	.faq-acc .panel-body { padding: 15px; }
	/** === service === **/
	.ser-title { font-size: 22px; }
	.ser-title > span { font-size: 48px; }
	.ser-adv-content .section > .wrap-1500::before { bottom: -20px; left: 30px; height: calc(100% - 40px); }
	.ser-adv-content .section > .wrap-1500::after { top: 60px; left: 25px; }
	.ser-adv .adv-content { margin-left: 50px; width: calc(100% - 50px); }
	.ser-adv .adv-content .adv-btn { margin-top: 80px; }
	.ser-adv .adv-content .adv-btn::before { height: 80px; }
	.ser-adv .adv-content .adv-btn > a { width: 100px; height: 100px; line-height: 100px; font-size: 16px; }
	.ser-adv .sec3 .adv-content .img { margin: 10px auto; max-width: 200px; }
	.ser-adv .sec8 .adv-content p { font-size: 48px; }
	.ser-adv .sec8 .adv-content p > img { max-width: 48px; }
	.maintenance9 .adv-content { margin-left: 50px; width: calc(100% - 50px); }
	.maintenance9 .ser-top > .col-md-6 { font-size: 24px; padding: 0; margin-bottom: 6px; }
	.maintenance9 .ser-top > .col-md-6 strong { font-size: 30px; }
	.maintenance .adv-content { margin-left: 50px; width: calc(100% - 50px); }
  /* adv */
  .adv-content { width: calc(100% - 60px); margin-left: 60px; }
  .maintenance5 #sec2 .adv-content p, .maintenance5 #sec2 .adv-content .f-right { float: none; width: 100%; }
  .maintenance5 #sec4 .adv-content .img { width: 30%; margin: 0 1%; }
  .maintenance5 #sec4 .adv-content .img:nth-child(2) { width: 60%; margin: 0 1%; }
  .maintenance5 #sec5 .adv-item { width: 48%; margin: 0 1% 20px; line-height: 1.2; }
  .maintenance5 #sec5 .adv-item:nth-child(2n+1) { clear: both; }
  .maintenance5 #sec6 .adv-content p { font-size: 48px; margin: 20px auto; }
  .maintenance5 #sec7 ul { padding-left: 20px; }
  .maintenance5 #sec8 .adv-content p { font-size: 36px; }
  .maintenance5 #sec8 .adv-content p > img { display: block; margin: 0 auto 20px; }
  /** === maintenance **/
  .maintenance8 .adv-content { width: calc(100% - 24px); margin-left: 24px; }
	/** === go sevice === **/
	.banner-go + .banner-play { font-size: 16px; }
	.banner-go + .banner-play img { max-width: 80px; }
	.go-service .sec1 h3, .go-service .sec2 h2, .go-service .sec2 h2 span { font-size: 30px; }
	.go-service .sec1 h3 img { max-height: 30px; }
	.go-service .sec2 .col-md-6:nth-child(1) ul { border: none; }
	.go-service .sec3 h2, .go-service .sec3 h3 { font-size: 20px; width: 80%; margin: 8px auto; line-height: 1.2; }
	.go-service .sec3 h2 > img { max-width: 180px; margin-bottom: 12px; }
	.go-service .sec3 .item { width: 46%; margin: 20px 2%; }
	.go-service .sec3 .item:nth-child(2n+1) { clear: both; }
	.go-service .sec3 .item .pic > img { max-width: 120px; }
  /** === careers === **/
  .careers-select ul li a { line-height: 1.2; min-height: 60px; padding: 10px 2px; }
  .privacy .cook-inner h2 { font-size: 26px; }
}
@media (max-width: 639px) {
	/** === prodlist === **/
	.prodlist { float: none; width: 100%; margin: 0 auto 20px; }
	.prodlist .cate-name, .prodlist .prolistdesc { max-width: 360px; margin: auto; }
	/** === pro show === **/
	#series-modal .series-txt { padding: 20px; }
	.fea-box2 .pic-cap p { font-size: 30px; }
	/** === contact === **/
	#frm_contactus #fieldDiv1, #frm_contactus #fieldDiv3, #frm_contactus #fieldDiv5, #frm_contactus #fieldDiv7, #frm_contactus #fieldDiv9,
	#frm_contactus #fieldDiv2, #frm_contactus #fieldDiv4, #frm_contactus #fieldDiv6, #frm_contactus #fieldDiv8, #frm_contactus #fieldDiv10 { float: none; width: 100%; margin-left: 0; }
	#frm_contactus #fieldDiv14, #frm_contactus #fieldDiv15 { float: none; width: 100%; margin-right: 0; }
	#frm_contactus #fieldDiv16 { margin: 30px auto; }
	/** === careers === **/
	.careers .section { margin-bottom: 30px; }
	.careers h2.title { margin: 10px auto; padding: 20px 0; }
	.welfare { width: 50%; padding: 10px; }
	.welfare:nth-child(3), .welfare:nth-child(4) { border-top: #DE002B 1px solid; }
	.welfare .welfare-inner { padding: 0; }
	.welfare:nth-child(even) .welfare-inner, .welfare:nth-child(3) .welfare-inner, .welfare:nth-child(4) .welfare-inner { border: none; }
	.welfare-area:after { display: none; }
	.welfare-inner ul { padding-left: 30px; }
	.wel-inner3 ul { width: 100%; margin-bottom: 0; }
	.careers .sc4 .swip, .careers .sc4 .acc { float: none; width: 100%; }
	.careers .sc4 .acc { padding: 0; margin-top: 12px; }
	.careers .sc5 { padding: 60px 0; background-size: cover; background-position: center top; }
	.careers .sc5 ul { width: 100%; transform: translateX(0); padding-left: 100px; }
	.careers .sc5 ul li { font-size: 16px; }
	/** === go sevice === **/
	.go-service .sec2 ul { padding: 0; }
	.go-service .sec3 h2, .go-service .sec3 h3 { font-size: 16px; }
	.go-service .sec3 h2 > img { max-width: 120px; }
	.go-service .sec3 .text { min-height: inherit; }
	.go-service .sec3 .item .pic > img { max-width: 100px; }
	.banner-go + .banner-play { font-size: 16px; top: 15%; line-height: 1.2; margin: 0; }
	/** === service === **/
	.ser-adv-select ul li:nth-child(1) a, .ser-adv-select ul li:nth-child(2) a, .ser-adv-select ul li:nth-child(7) a, .ser-adv-select ul li:nth-child(8) a { min-height: 60px; }
	.ser-adv .sec1 .adv-content img { max-width: 160px; margin-right: 2px; }
	.ser-adv .sec3 .adv-content .img { margin: 10px auto; max-width: 160px; }
	.ser-adv .sec4 .adv-content { padding: 20px 0; }
	.ser-adv .sec4 .adv-content .img, .ser-adv .sec4 .adv-content .img:nth-child(2) { float: none; width: 100%; margin: 0; }
	.ser-adv .sec7 .adv-content ul { padding-left: 20px; }
	.ser-adv .sec7 .no span { float: left; margin-bottom: 6px; margin-right: 0; width: 50%; }
	.ser-adv .sec8 .adv-content p { font-size: 30px; }
	.ser-adv .sec8 .adv-content p > img { display: block; text-align: center; margin: 0 auto 6px; }
	.maintenance9 .ser-top > .col-md-6 { font-size: 16px; padding: 0; }
	.maintenance9 .ser-top > .col-md-6 strong { font-size: 24px; }
	.maintenance9 .ser-top > .col-md-12 { margin: 12px 0 24px; padding: 0; }
	.ser-adv-select.ser-ener-select ul { margin-bottom: 6px; }
	.maintenance9 #sec2 .img img:nth-child(1) { width: 50%; display: block; text-align: center; margin: 0 auto 6px; }
	.maintenance9 #sec2 .img img { width: 49%; margin-bottom: 6px; }
	.energy-cont ol { padding-left: 30px; }
	.maintenance .ser-main-content { padding-top: 30px; }
  /* adv */
  .adv-content { width: calc(100% - 60px); margin-left: 60px; }
  .maintenance5 #sec2 .adv-content p, .maintenance5 #sec2 .adv-content .f-right { float: none; width: 100%; }
  .maintenance5 #sec4 .adv-content .img, .maintenance5 #sec4 .adv-content .img:nth-child(2) { float: none; width: 100%; margin: 0 0 40px; }
  .maintenance5 #sec5 .adv-item { width: 48%; margin: 0 1% 20px; line-height: 1.2; }
  .maintenance5 #sec5 .adv-item:nth-child(2n+1) { clear: both; }
  .maintenance5 #sec6 .adv-content p { font-size: 48px; margin: 20px auto; }
  .maintenance5 #sec7 ul { padding-left: 20px; }
  .maintenance5 #sec8 .adv-content p { font-size: 36px; }
  .maintenance5 #sec8 .adv-content p > img { display: block; margin: 0 auto 20px; }
	/** === footer === **/
	#topbtn-wrap { right: 15px; }
	#topbtn-wrap .wrap { height: 0; }
	.footer1 .ftbar { float: none; }
	.footer1 .ftbar *{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
	.footer1 .ftbar li { margin-bottom: 4px; }
	.footer1 .ftbar li a, .footer2 .ftbar2 li a { display: block; }
	.footer1 .ftbar > ul > li { width: 100%; margin: 0 0 6px; padding: 0; border-bottom: #535353 1px solid; }
	.footer1 .ftbar > ul > li > a { display: block; padding: 6px 10px 12px; position: relative; margin: 0; }
	.footer1 .ftbar > ul > li > a::after { float: right; content: "\f067"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; transition: all 0.5s ease; }
	.footer1 .ftbar > ul > li.open > a::after { float: right; content: "\f068"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; }
	.footer1 .ftbar ul ul { display: none; padding-top: 10px; padding-bottom: 20px; }
	.footer2 .footer-lan { display: none; }
}
@media (max-width: 599px) {
	/** === footer === **/
	#topbtn-wrap { bottom: 118px; }
	#topbtn-wrap .wrap { height: 0; }
	.footer2 .ftbar2, .footer2 #copyright { float: none; }
	.footer2 .ftbar2 ul { text-align: center; }
	.footer2 .ftbar2 ul li { float: none; display: inline-block; }
	.footer2 #copyright { text-align: center; padding: 6px 15px; margin-left: 0; }
  .privacy .cook-inner h2 { font-size: 23px; }
}
@media (max-width: 479px) {
	/** === banner === **/
	.page-header { margin: 10px auto; padding: 0 15px; }
	/** === side === **/
	#side_menu .nav>li { width: 100%; float: none; }
	#side_menu .nav>li+li { border-top: #ededed 1px solid; padding-top: 16px; }
	.sidebar { margin-left: 0; }
	/** === pro show === **/
	.fea-box, .fea-item .pic, .fea-item .pic-cap { float: none; width: 100%; }
	.fea-right, .fea-item .pic.fea-right { float: none; }
	.product-show .section { margin-bottom: 30px; }
	.spec-note { line-height: 1.2; margin-bottom: 6px; }
  .fea-item { display: block; }
  .fea-item .pic::after { display: none; }
	.fea-item .pic-cap, .fea-box2 .pic-cap { background: #f2f2f2; padding-bottom: 30px; }
	.fea-box2 .pic-cap { transform: translateX(0%); position: static; }
	.fea-item .pic-cap p, .fea-box2 .pic-cap p { font-size: 16px; margin: 0; padding: 30px 30px 6px; max-width: 100%; color: #000; position: relative; }
	.fea-box2 .pic-cap p:after { content: ""; background: #de002b; height: 1px; width: 50%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
	.cata-down .item-no { width: 40px; }
	.cata-down .catat-name { padding-left: 10px; width: calc(100% - 110px); }
	.cata-down .title .catat-name { padding-left: 10px; }
	.formBox #fieldDiv1, .formBox #fieldDiv2, .formBox #fieldDiv3, .formBox #fieldDiv4 { width: 100%; float: none; margin-right: 0; margin-left: 0; }
	/** === go sevice === **/
	.banner-go + .banner-play { font-size: 12px; top: 12%; }
	.banner-go + .banner-play img { max-width: 60px; }
	.go-service .sec1 h3, .go-service .sec2 h2, .go-service .sec2 h2 span { font-size: 24px; }
	.go-service .sec2 ul li h3 { font-size: 16px; }
	.go-service .sec2 .cont { font-size: 16px; }
	.go-service .sec3 .item { float: none; width: 100%; }
	/** === contact === **/
	#frm_contactus #fieldDiv1, #frm_contactus #fieldDiv3, #frm_contactus #fieldDiv5, #frm_contactus #fieldDiv7, #frm_contactus #fieldDiv9,
	#frm_contactus #fieldDiv2, #frm_contactus #fieldDiv4, #frm_contactus #fieldDiv6, #frm_contactus #fieldDiv8, #frm_contactus #fieldDiv10 { float: none; width: 100%; margin-left: 0; }
	#field11 > div, #field12 > div, #field13 > div { display: block; }
	#frm_contactus #fieldDiv14, #frm_contactus #fieldDiv15 { float: none; width: 100%; margin-right: 0; }
	#frm_contactus #fieldDiv16 { margin: 30px auto; }
	#frm_contactus > .row > .form-group { text-align: left; }
	#frm_contactus #contactbutton { max-width: inherit; }
	/** === careers === **/
	.careers-select ul li { width: 50%; }
	.careers h2.title { font-size: 24px; }
	.welfare { float: none; width: 100%; }
	.welfare:nth-child(2n+1), .welfare:nth-child(3), .welfare:nth-child(4) { border: none; }
	.welfare + .welfare { border-top: #DE002B 1px solid; }
  .welfare:nth-child(2) { border-left: none; margin-left: 0; }
	.welfare .welfare-inner h3 { font-size: 22px; }
	.wel-inner3 ul { float: none; width: 100%; margin-bottom: 0; }
	.careers .sc5 ul { padding-left: 40px; }
	/** === service === **/
	.ser-title { padding-left: 50px; }
	.ser-title > span { font-size: 36px; margin-left: -46px; }
	.ser-adv-select { text-align: left; }
	.ser-adv-select ul li { float: none; width: 100%; }
	.ser-adv-select ul li:nth-child(1) a, .ser-adv-select ul li:nth-child(2) a, .ser-adv-select ul li:nth-child(7) a, .ser-adv-select ul li:nth-child(8) a { min-height: inherit; }
	.ser-adv-content .section > .wrap-1500::before { bottom: -20px; left: 20px; height: calc(100% - 20px); }
	.ser-adv-content .section > .wrap-1500::after { top: 40px; left: 15px; }
	.ser-adv .adv-content .adv-btn { margin-top: 60px; }
	.ser-adv .adv-content .adv-btn::before { height: 60px; }
	.ser-adv .adv-content .adv-btn > a { width: 80px; height: 80px; line-height: 80px; font-size: 16px; }
	.ser-adv .sec1 .adv-content img { margin-bottom: 10px; display: block; text-align: center; margin: 12px auto; max-width: 160px; }
	.ser-adv .sec1 .adv-content img:nth-child(6) { transform: rotate(90deg); }
	.ser-adv .sec5 .adv-item { float: none; width: 100%; margin: 0 0 12px; }
	.ser-adv .sec6 .adv-content p { font-size: 48px; }
	.ser-adv .sec7 .no span { display: block; width: 100%; }
	.ser-adv .sec8 .adv-content p > img { max-width: 48px; }
	.maintenance9 #sec2 .img img:nth-child(1) { width: 100%; }
	.ser-adv-select.ser-ener-select ul li { float: none; width: 100%; margin: 0 0 12px; }
	.ser-adv-select.ser-ener-select ul li a { min-height: inherit; }
	.ser-adv-select.ser-ener-select ul li:not(:last-child) a { padding: 10px; }
	.maintenance .adv-content { margin-left: 40px; width: calc(100% - 40px); }
	.maintenance .ser-main-head h2 { font-size: 24px; }
	.maintenance .ser-main-head h3 { font-size: 16px; }
  /* adv */
  .adv-content { width: calc(100% - 40px); margin-left: 40px; }
  .maintenance5 #sec2 .adv-content p, .maintenance5 #sec2 .adv-content .f-right { float: none; width: 100%; }
  .maintenance5 #sec4 .adv-content .img, .maintenance5 #sec4 .adv-content .img:nth-child(2) { float: none; width: 100%; margin: 0 0 40px; }
  .maintenance5 #sec5 .adv-item { float: none; width: 100%; margin: 0 0 20px; line-height: 1.2; }
  .maintenance5 #sec6 .adv-content p { font-size: 48px; margin: 20px auto; }
  .maintenance5 #sec7 ul { padding-left: 20px; }
  .maintenance5 #sec8 .adv-content p { font-size: 36px; }
  .maintenance5 #sec8 .adv-content p > img { display: block; margin: 0 auto 20px; }
  /** === maintenance **/
  .maintenance8 .adv-content { width: calc(100% - 20px); margin-left: 20px; }
	/** === faq === **/
	.faq-select .col-md-3 { width: 100%; float: none; }
	/** === footer === **/
	#topbtn-wrap { bottom: 175px; }
	.fea-item .pic-cap{
		display: block;
	}
	.fea-item .pic-cap p:after{
		display: none;
	}
  .eightlist .fea-item .pic { padding: 0; text-align: center; }
	.fea-item .pic-cap .feature-infobox{
		padding: 0 15px 30px;
	}
	.feature-infobox .fulldescription{
		display: block!important;
	}
	.feature-infobox .btn-showmore{
		display: none;
	}
  .privacy .cook-inner h2 { font-size: 20px; }
}
@media (max-width: 380px) {
	/** === banner === **/
	.banner-pro .series-area ul { padding: 0 4px; }
	.banner-pro .series-area li a { padding: 0 2px 4px; }
	/** === footer === **/
	.footer1 .footer-smo li img { width: 36px; height: 36px; }
}
@media (max-width: 359px) {
	/** === banner === **/
	.banner-pro .banner-down { padding: 0 6px; }
	.banner-pro .series-area ul { padding: 0 10px;  }
	.banner-pro .series-area li a { font-size: 14px; }
	/** === pro list ===**/
	.prodesctit { float: none; }
	.prodescinner { margin-left: 20px; }
	/** === pro show === **/
	.fea-box2 .pic-cap { position: static; }
	.pro-spec .nav-tabs div > a { padding: 6px 20px; }
	/** === careers === **/
	.careers .sc5 ul li { font-size: 14px; }
	/** === service === **/
	.ser-adv .sec3 .adv-content .img { max-width: 120px; }
	.maintenance .ser-main-head p { text-align: left; }
	.maintenance .adv-content { margin-left: 30px; width: calc(100% - 30px); }
	/** === footer === **/
	#topbtn-wrap { bottom: 185px; }
	.footer1 .footer-smo li img { width: 30px; height: 30px; }
}
@media (max-width: 320px) {
	.pro-spec .nav-tabs div > a { padding: 6px 12px; }
}

.swiper-banner .pc { display: block; text-align: center; }
@media (max-width: 1200px) {
	.swiper-banner .pc { display: block!important; }
}
@media (max-width: 991px) and (orientation: portrait) {
	.swiper-banner .pc { display: none!important; }
}

.swiper-banner .mobile { display: none; }

@media (max-width: 991px) and (orientation: portrait) {
  .swiper-banner .mobile { display: block!important }
	.swiper-banner .mobile ~ div { display: none; }
}
.contact #subject1 > select {height: 40px;}