/*全站*/
.hideobj{ display:none;}
html {-ms-overflow-style: scrollbar;} .hideobj{ display:none;}
body *{ -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 125ms; -moz-transition: all 0.5s ease-out 125ms; -ms-transition: all 0.5s ease-out 125ms; -o-transition: all 0.5s ease-out 125ms; transition: all 0.5s ease-out 125ms;}
.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:#363636; font-family: 'Lato', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; margin:0; padding:0; text-align:center; font-size:18px; font-weight: 300;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }sub {bottom: -0.25em; }
.form-control:focus{ border-color: #cccccc; -webkit-box-shadow: none; box-shadow: none;}
/*textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus,button:focus,button:active,button:hover,label:focus,.btn:active,.btn.active{ outline:0px !important; -webkit-appearance:none;}*/
img{border:0; padding:0; margin:0; vertical-align: middle; max-width: 100%; width: auto\9; /* ie8 */}
form {margin:0;}
a{ color: #d01616; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
a, 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:#960d0d;}
a img {border:none;}
a:focus { -moz-outline-style: none; outline:none; color:inherit; text-decoration:none;}
.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{width: 100%; overflow: hidden; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.wrap{margin:0 auto; width:1400px; text-align:left; padding:0 40px;}
.header *{-webkit-transition: position 0.3s ease 0.3s; -moz-transition: position 0.3s ease 0.3s; -ms-transition: position 0.3s ease 0.3s; -o-transition: position 0.3s ease 0.3s; transition:position 0.3s ease 0.3s;}
.header--clone { position: fixed; width:100%; z-index: 130; top: 0; left: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.header--stick { -webkit-transform: translateY(0%);-ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); /*-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);*/}
.sb-active .header--clone{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.header--unstick {}
.header{border-top: 7px #ed1b23 solid; }
.header > .wrap{ width: auto; position: relative}
#header2{background: rgba(255, 255, 255, .9); box-shadow: 0 0 8px rgba(50, 50, 50, 0.1)}
#logo{float: left; width: 230px}
#logo a{height: 98px; display: block; padding: 23px 12px 0 0;}
.logo_b{height: 56px;}
/*.logo_m{height: 76px; display: none;}
.logo_s{height: 54px; display: none;}*/
#topnav{ float: right; padding-top: 36px; width: 250px; text-align: right}
#topnav > ul{list-style: none; margin: 0; padding: 0;}
#topnav > ul > li{float: left; margin-left: 3px; position: relative;}
#topnav > ul > li > a{height: 38px; padding: 5px 14px; line-height: 28px; display: block; position: relative; z-index: 2; cursor: pointer; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size: 14px;}
#topnav > ul > li > a > i{font-size: 22px; line-height: 28px;}
#topnav > ul > #topnav-lan > a{ background: #ed1b23; color: #fff; border-radius: 19px; padding-left: 20px; padding-right: 20px;}
#topnav > ul > #topnav-lan > a i.fa-globe{ margin-right: 5px;}
#topnav > ul > #topnav-lan > a > span{text-decoration: underline; top: -2px; position: relative}
#topnav > ul > #topnav-lan.open > a{ background: #555;}
#topnav > ul > #topnav-search.open > a{color: #555}
#nav{ /*float: right; width: 65%;*/ margin: 0 210px 0 230px; text-align: center;}
#nav > ul{list-style: none; margin: 0 auto; padding: 0; }
#nav > ul > li{ display: inline-block;}
#nav > ul > li > a{font-size: 19px; text-transform: uppercase; padding: 42px 15px 0; display: block; position: relative; z-index: 2; color: #363636; cursor: pointer; height: 98px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-weight: 600;}
#nav > ul > li.active > a{background: url(../images/nav_active.png) top center no-repeat;}
#nav > ul > li:hover > a{color: #777;}
#nav > ul > li > a .caret{display: none;}
#header2{display: none;}
/*暫時*/
#topnav-lan .dropdown-menu li:nth-child(4){
display: none;
}
.sb-slidebar .sb-lan li:nth-child(4) {
display: none;
}
#nav .dropdown-menu{left: 50%; border-radius:18px; background:#444; border:0; margin-top:0px; padding:15px 15px; min-width:260px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
#nav .dropdown-menu>li+li{margin-top: 5px;}
#nav .dropdown-menu>li>a{color:#fff; padding:10px 20px; text-align:center; font-size:16px; border-radius: 10px;}
#nav .dropdown-menu>li>a:focus, #nav .dropdown-menu>li>a:hover{background: rgba(255, 255, 255, .15); color: #fff;}
#nav .nav-pro{position: static;}
#nav .nav-pro .dropdown-menu{ width: 100%; border: 0; border-radius: 0; margin-top: 0; padding: 8px 0 15px; background:#e9e9e9; -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.2); box-shadow: 0 4px 10px rgba(0,0,0,.2);}
.nav-pro .dropdown-menu .wrapper > .wrap > ul{list-style: none; margin: 0; padding: 0;}
#nav-prolist-wrap {font-size: 17px; padding: 16px 0 20px;}
#nav-prolist-wrap .nav-tabs{width:20%; float: left; border: 0; border-right: 1px #c3c3c3 solid; }
#nav-prolist-wrap .nav-tabs>li{float: none; padding: 0}
#nav-prolist-wrap .nav-tabs>li>a{display: block; color: #333; font-weight: 600; padding: 0.3em 20px .3em 0; margin: 0 -2px 0 0; border: 0;}
#nav-prolist-wrap .nav-tabs>li>a:hover, #nav-prolist-wrap .nav>li>a:hover, #nav-prolist-wrap .nav>li>a:focus{background-color: transparent; color: #ed1b23; border: 0; padding-left: 10px; }
#nav-prolist-wrap .nav-tabs>li.active>a, #nav-prolist-wrap .nav-tabs>li.active>a:hover, #nav-prolist-wrap .nav-tabs>li.active>a:focus{border:0; border-right: 3px #ed1b23 solid; color: #ed1b23; text-align: right; border-radius: 0; background-color: transparent}
#nav-prolist-wrap .tab-content{ width: 80%; float: right; padding-left: 24px;}
.nav-prolist{list-style: none; margin: 0; padding: 0;}
.nav-prolist:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
.nav-prolist li{width: 25%; float: left; text-align: center; padding: 0 15px;margin: 10px 0 20px;}
.nav-prolist li a{font-weight: 600; color: #333;}
.nav-prolist li .listimg{padding: 2px;}
.nav-prolist li .listimg a{display: block;}
.nav-prolist li:hover a{color: #ed1b23;}
.nav-prolist-btn{background: #ed1b23; padding: .1em 1.2em; display: inline-block; color: #fff; font-size: 15px; border-radius: 20px;}
.nav-prolist-btn:hover{background: #333; color: #fff;}
#topnav .dropdown-menu {left:auto; right:0; border-radius:18px; background:#444; border:0; margin-top:23px; padding:15px 15px; min-width:260px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;}
#topnav .dropdown-menu>li+li{margin-top: 5px;}
#topnav .dropdown-menu>li>a{color:#fff; padding:10px 20px; text-align:center; font-size:16px; border-radius: 10px;}
#topnav .dropdown-menu>li>a:focus, #topnav .dropdown-menu>li>a:hover{background: rgba(255, 255, 255, .15); color: #fff;}
#topnav #topnav-search .dropdown-menu{min-width:460px; padding-left: 20px; padding-right: 20px;}
#topnav .dropdown-menu #search-wrap .input-group{padding-bottom: 0;}
#topnav .dropdown-menu #search-wrap .input-group .form-control{background: transparent; border: 0; border-bottom: 1px rgba(255, 255, 255, 0.4) solid; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #fff; padding-left: 2px;}
#topnav .dropdown-menu #search-wrap .input-group .btn{background-color: transparent; font-size: 18px; color: #fff; border: 0; padding-top: 5px; padding-bottom: 4px;}
#topnav .dropdown-menu #search-wrap .input-group .input-group-btn a{display: none;}
#topnav .dropdown-menu .form-control::-webkit-input-placeholder { color: white; }
#topnav .dropdown-menu .form-control:-moz-placeholder { color: white; }
#topnav .dropdown-menu .form-control::-moz-placeholder { color: white; }
#topnav .dropdown-menu .form-control:-ms-input-placeholder { color: white; }
#topnav .dropdown-menu .form-control::-ms-input-placeholder { color: white; }
.sb-toggle-right{display: none;}
/*footer*/
.container_product_show #footer-epaper, .container_product_show #footer-inquiry{display: none;}
#footer-epaper{background: #ed1b23; color: #fff; padding: 50px 0 40px;}
#epaper-main{width: 70%; float: left;}
#epaper-main h3{font-size: 42px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; text-transform: uppercase; margin:0 0 0.6em;}
#epaper-main h3 small{font-size: 22px; font-weight: 300; color: #fff; text-transform:none;}
.form-epaper input[type="text"]{background: transparent; border: 0; border-bottom: 1px #fff solid; border-radius: 0; box-shadow: none; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size: 16px; padding-top: 8px; height: 48px; padding-left: 0; color: #fff;}
.form-epaper .form-control::-webkit-input-placeholder { color: #efbbbd; }
.form-epaper .form-control:-moz-placeholder { color: #efbbbd; }
.form-epaper .form-control::-moz-placeholder { color: #efbbbd; }
.form-epaper .form-control:-ms-input-placeholder { color: #efbbbd; }
.form-epaper .form-control::-ms-input-placeholder { color: #efbbbd; }
.form-epaper .input-group-btn{padding-left: 10px;}
.form-epaper .input-group-btn .btn{background: #000; color: #fff; font-size: 18px; font-weight: bold; text-transform: uppercase; border: 0; padding: 12px 55px;} .form-epaper .input-group-btn .btn:hover{background: #444;}
#epaper-main #newsletter_area .input-group:nth-child(2){ width: 45%;}
.form-epaper .btn.disabled, .form-epaper .btn[disabled]{opacity: 1;}
.form-epaper .btn-default.disabled, .form-epaper .btn-default[disabled], .form-epaper .btn-default.disabled:hover, .form-epaper .btn-default[disabled]:hover, .form-epaper .btn-default.disabled:focus, .form-epaper .btn-default[disabled]:focus {background: #818181; color: #fff;}
.form-epaper-policy label{font-weight: 300; font-size: 16px;}
.form-epaper-policy label a{color: #fff; text-decoration: underline;}
.form-epaper-policy label input[type="checkbox"]{ margin-top: 6px;}
#footer-epaper .footer-smo{width: 25%; float: right; padding-top: 72px;}
#footer-epaper .footer-smo ul{list-style: none; margin: 0; padding: 0;}
#footer-epaper .footer-smo ul li{float: left; width: 33%; text-align: center;}
#footer-epaper .footer-smo a{background: #3e3e3e; color: #fff; font-size: 24px; padding: 8px 0; width: 50px; height: 50px; display: block; margin: 0 auto; border-radius: 50%;}
#footer-epaper .footer-smo a:hover{background: #222;}
#footer-epaper iframe{display: none; height: 0;}
#footer-inquiry{padding: 50px 0;}
#footer-inquiry h3{font-size: 36px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-weight: 600; text-align: center; margin: 0;}
#footer-inquiry-main{margin-top: 50px;}
#footer-inquiry-main .btn{background: #3c3c3c; color: #fff; border-radius: 0; width: 40%; font-size: 18px; }
#footer-inquiry-main .btn:hover{background: #111;}
#footer-inquiry-main input[type="text"], #footer-inquiry-main input[type="email"], #footer-inquiry-main textarea{background: #f4f4f4; border: 0; border-radius: 0; box-shadow: none;}
#footer-inquiry-main .form-control{height: 42px;}
#footer-inquiry-main textarea.form-control{height: auto;}
#footer-inquiry-main .form-group{margin-bottom: 23px;}
#footer-inquiry-main .checkbox{font-size: 16px; font-weight: 300px;}
.footer-inquiry-btn-wrap{text-align: right;}
.footer-inquiry-btn{ text-align: center;}
.footer-inquiry-btn a{font-size: 20px; color: #333;}
.footer-inquiry-btn a:hover{color:#960d0d;}
#topbtn-wrap{position: fixed; right:1%; bottom: 20px; z-index: 1000;}
#topbtn-wrap.active-b{bottom: 40px;}
#topbtn-wrap .wrap{width: auto; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; opacity: 0}
#topbtn-wrap.active .wrap{opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
#btntop{background: #ed1b23; color: #fff; font-size: 30px; height: 54px; width: 54px; border-radius: 27px; display: block; text-align: center; line-height: 50px; }
#topbtn-wrap a:hover{}
#footer{background: url(../images/footer_bor.png) top center no-repeat;background-size: 100% 5px; padding: 5px 0 10px;}
.footer-deco1{ height: 74px; margin-bottom: 10px;}
.footer-deco1:before{content: ''; background: url(../images/footer-lt.png) no-repeat; width: 75px; height: 74px; display: block; float: left;}
.footer-deco1:after{content: ''; background: url(../images/footer-rt.png) no-repeat; width: 85px; height: 74px; display: block; float: right;}
#cominfo{width: 28%; float: left; font-size: 16px; font-weight: 300;}
.footer-logo{margin-bottom: 12px;}
.footer-logo img{height: 51px;}
#cominfo ul{list-style: none; margin: 0; padding: 0;}
#cominfo > ul > li{margin-top: 0.3em;}
#cominfo .footer-smo{margin-top: 20px;}
#cominfo .footer-smo:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
#cominfo .footer-smo li { float: left; margin: 0 8px 0 0;}
#cominfo .footer-smo li a{background: #797878; color: #fff; font-size: 18px; padding: 8px 0; width: 38px; height: 38px; display: block; margin: 0 auto; border-radius: 50%; text-align: center;}
#cominfo .footer-smo li a:hover{background: #333;}
#custnav{float: left; width: 42%; padding-left: 45px;}
#custnav>div{width: 50%; float: left;}
#custnav1{display: none;}
#custnav2 > span.nav-header, #custnav3 > ul > li .nav-header > a{font-size: 26px; font-weight: 900; margin-bottom: 0.4em; text-transform: uppercase; color: #3d3d3d; display: block;}
#custnav2 ul{list-style: none; margin: 0; padding: 0;}
#custnav2 > ul > li > .nav-header > a, #custnav3 > ul > li > ul > li > a{font-size: 16px; color: #3d3d3d; padding:.3em 0; display: block;}
#custnav3 ul{list-style: none; margin: 0; padding: 0;}
#footer-cer{width: 28%; float: right; display: inline-flex; margin: 0;}
/*#footer-cer > *{display: inline-block; margin: 0 6px;}*/
#footer-cer .dun{margin-left: 5%;}
#footer-cer img{ width: 100px; height: 100px;}
.footer-copyright{position: relative; padding: 30px 80px 0; min-height: 74px;}
.footer-copyright:before{content: ''; background: url(../images/footer-lb.png) no-repeat; width: 75px; height: 74px; display: block; position: absolute; left: 0; bottom: 0;}
.footer-copyright:after{content: ''; background: url(../images/footer-rb.png) no-repeat; width: 85px; height: 74px; display: block; position: absolute; right: 0; bottom: 0;}
.footer-copyright > .wrap{width: 100%; padding: 0; text-align: left;}
#copyright{font-size: 15px; font-weight: 300px;display: inline-block;}
.ftbar{display: inline-block;}
.ftbar ul{list-style: none; margin: 0; padding: 0 0 0 8px; display: inline-block;}
.ftbar li{display: inline; font-size: 15px; font-weight: 300}
.ftbar li:before{content: '|'; color: #919191;}
.ftbar li a{padding: 0 10px; display: inline-block; color: #919191;}
/*content*/
#middle{background: url(../images/content_bg.png) top repeat-x;}
#sidebar{display: none;}
.breadwrap{text-align: left; padding: 0 40px;}
.breadcrumb{background: none; font-size: 13px; font-weight: 300; margin: 0; padding: 8px 0;}
.page-header{border-bottom: 0; margin: 1.5em 0 1em; padding: 0; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;}
.page-header > *{font-size: 36px; padding: 0; margin: 0;}
.container_product_show .page-header{display: none;}
div[class^="container_product"] .page-header > *{font-size: 54px;}
/*proshow*/
.container_product_show #middle > .wrap{padding: 0; width: 100%;}
.proshow-section1{background: url(../images/pro_bg.png) bottom repeat-x;}
.proshow-section1-l{width: 30%; float: left; padding-top: 12%;}
.proshow-section1-l .pro-name { display: none;}
.proshow-section1-l .pro-no{font-size: 54px; font-weight: 600;}
.proshowqty .control-label, .proshowqty .input-group{display: none;}
.proshowqty .btn{background: #ed1b23; color: #fff; font-size: 17px; border-radius: 20px; padding:8px 30px ; margin-top: 20px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; border: 0;}
.proshow-section1-r{width: 70%; float: right;}
.proshow-section2{padding: 0 0 60px ;}
.proshow-section2-des{width: 44%; float: left;}
.prodesc > h5{display: none;}
.prodesc{line-height: 1.8em;}
.prodesc .txtNormal h3{font-size: 30px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; margin: 1.2em 0 1.2em;}
.proshow-section2-gallery{float: right; width: 48%;}
.proshow-section3{background: url(../images/hr.png) top center no-repeat; padding: 70px 0 50px;}
.prochar h5, .proshow-section4 > .wrap > h5{color: #363636; font-size: 36px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; text-align: center; margin: .5em 0 1.5em;}
.prochar .table{font-size: 16px;}
.prochar .table>thead>tr>td, .prochar .table>thead>tr>th {background: #535353; color: #fff;font-size: 18px; border: 0; padding: 12px 20px;}
.prochar .table>thead>tr>th{font-size: 20px;}
.prochar .table>tbody>tr>td, .prochar .table>tbody>tr>th{border:0; padding: 14px 20px; vertical-align: middle; white-space: nowrap;}
.prochar .table>tbody>tr:nth-child(odd)>td, .prochar .table>tbody>tr:nth-child(odd)>th{background: #f7f7f7; }
.prochar .table>tbody>tr>th{font-weight: bold;}
.prochar .table>tbody>tr>td{font-weight: 300;}
.prochar .table>tbody>tr>td .red{color: #ed1b23;}
.prochar .table-s1>tbody>tr>td, .prochar .table-s1>thead>tr>th{text-align: center;}
.proshow-section4{background: url(../images/hr.png) top center no-repeat; padding: 70px 0 50px;}
.proshow-section4 > .wrap > h5{margin-bottom: 0.4em;}
#prodNav .txtNormal{font-weight: 300;}
#prodNav .txtNormal .lead{ font-size: 18px; font-weight: normal; line-height: 1.8em;}
#prodNav .txtNormal h4{font-size: 20px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; margin: 1.8em 0 .6em;}
#prodNav .txtNormal div > h4:first-child{margin-top: 0.6em;}
#prodNav .txtNormal ul{list-style: none; margin: 0.2em 0 0.8em 0.5em; padding: 0; font-size: 16px;}
#prodNav .txtNormal li{position: relative; padding: 0 0 0 20px; margin-bottom: 0.4em; line-height: 1.7em;}
#prodNav .txtNormal li:before{position: absolute; top: 0.6em; left: 0; width: 5px; height: 5px; background: #5a5a5a; content: ''; display: block;}
/* tab collapse */
#prodNav .panel-group .panel{border-radius: 0; box-shadow: none; background: transparent; border: 0;}
#prodNav .panel-group .panel + .panel{border-top:1px #e9e9e9 solid;}
#prodNav .panel-group .panel-heading+.panel-collapse>.panel-body{border: 0;}
#prodNav .panel-group .panel-body{padding-left: 8px; padding-right: 8px;}
#prodNav .panel-group .panel-body .table-container{margin-bottom: 10px;}
#prodNav .panel-heading{padding:0; position: relative; margin: -1px -1px 0; background: transparent; border-color: transparent;}
#prodNav .panel-heading .panel-title > a{padding:15px 15px 15px 35px; display:block; border-radius: 25px; }
#prodNav .panel-default > .panel-heading a{ position:relative; color: #c90910; font-size: 22px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;}
#prodNav .panel-default:first-child > .panel-heading a{}
#prodNav .panel-default > .panel-heading a[aria-expanded="false"]{}
#prodNav .panel-default > .panel-heading a[aria-expanded="true"]{ }
#prodNav .panel-default > .panel-heading a:after{content:"\f107";display: inline-block; font: normal normal normal 22px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:15px; left:8px;}
#prodNav .panel-default:first-child > .panel-heading a:after{content:"\f106";}
#prodNav .panel-default > .panel-heading a[aria-expanded="false"]:after{content:"\f107";}
#prodNav .panel-default > .panel-heading a[aria-expanded="true"]:after{content:"\f106";}
#prodNav .table{font-size: 16px;}
#prodNav .table>thead>tr>td, #prodNav .table>thead>tr>th {background: #535353; color: #fff;font-size: 18px; border: 0; padding: 12px 20px;}
#prodNav .table>thead>tr>th{font-size: 20px;}
#prodNav .table>tbody>tr>td, #prodNav .table>tbody>tr>th{border:0; padding: 14px 20px; vertical-align: middle; white-space: nowrap;}
#prodNav .table>tbody>tr:nth-child(odd)>td, #prodNav .table>tbody>tr:nth-child(odd)>th{background: #f7f7f7; }
#prodNav .table>tbody>tr>th{font-weight: bold;}
#prodNav .table>tbody>tr>td{font-weight: 300;}
#prodNav .table-s1>tbody>tr>td, #prodNav .table-s1>thead>tr>th{text-align: center;}
.proshow-section5{background: url(../images/hr.png) top center no-repeat; padding: 70px 0 50px;}
.proshow-video-l{width: 26%; float: left; text-align: right; }
.proshow-video-l h5{color: #363636; font-size: 36px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; text-align: center; margin: .5em 0 .3em;}
.proshow-video-l a{ background: #ed1b23; color: #fff; font-size: 18px; padding: 8px 30px; display: inline-block; border-radius: 25px;}
.proshow-video-r{width: 54%; float:left; margin-left: 5% }
iframe[name="ifmSubmit"]{display: none;}
.proshow-inquiry{background:#f6f6f6; padding: 50px 0; }
.proshow-inquiry > .wrap{text-align: center; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;}
.proshow-inquiry span{font-size: 22px; font-weight: 600; margin-right:30px; line-height: 41px; display: inline-block;}
.proshow-inquiry .btn{background: #ed1b23; color: #fff; font-size: 18px; padding: 8px 35px; border-radius: 0; border: 0;}
/*prolist*/
#result{font-size: 14px; display: none;}
#catedescA{width: 50%; float: left; padding-top: 5%; padding-right: 30px;}
#catedescA p{line-height: 1.8em; margin: 0.5em 0 1em;}
#catedescA ul{list-style: none; margin: 1.8em 0 1.8em; padding: 0; font-size: 17px;}
#catedescA li{position: relative; padding: 0 0 0 20px; margin-bottom: 0.4em; line-height: 1.7em;}
#catedescA li:before{position: absolute; top: 0.65em; left: 0; width: 5px; height: 5px; background: #5a5a5a; content: ''; display: block;}
.thumbnails-prodlist{list-style: none; padding: 0; margin: 0 -30px;}
.thumbnails-prodlist:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
.thumbnails-prodlist .prodlist{width: 33.33%; float: left; padding: 0 30px; margin-bottom: 40px;}
.thumbnails-prodlist .prodlist:nth-child(3n-1){clear: left;}
.thumbnails-prodlist .prodlist:first-child{width: 50%; padding-left:5%}
.prodlist .thumbnail{padding: 0; border: 0; border-radius: 0;}
.prodlist .listimg{overflow: hidden;}
.prodlist .listimg a{position: relative; display: block;}
.prodlist .listimg a img, .prodlist .listimg a:after{-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.prodlist .listimg a:after{content: "\f129"; display: inline-block; position: absolute; top: 50%; left: 50%; font:normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); background: #221e1f; color: #fff; width: 36px; height: 36px; text-align: center; font-size: 20px; opacity: 0; border-radius: 50%; line-height: 36px;}
.prodlist .listimg a:hover:after{opacity: 1;}
.prodlist .listimg a:hover img{opacity: .5; -moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.prodlist .prolistqty, .prodlist .prolistbtn{display: none;}
.prodlist-ti-wrap:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
.prodlist-ti-btn{float: right; padding-top: 6px;}
.prodlist-ti-btn a{background: #ed1b23; color: #fff; font-size: 16px; border-radius: 15px; padding: 4px 12px 5px;}
.prodlist-ti-btn a:hover{background: #222; color: #fff;}
.prodlist-ti{margin-right: 63px;}
.prodlist .cate-name{display: block; margin-right: 6px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; }
.prodlist .cate-name a{font-size: 30px; font-weight: 600; color: #3d3d3d;}
.prodlist .cate-name-more{display: block; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;}
.prodlist .cate-name-more a{font-size: 16px; color: #ed1b23; vertical-align:super; font-weight: 300;}
.prodlist .prolistdesc{text-align: left; font-size: 16px;}
.prodlist .prolistdesc p{line-height: 1.6em; margin-bottom: 1em;}
.prodlist .prolistdesc .table{border-top: 2px #626262 solid; border-bottom: 1px #e9e9e9 solid;}
.prodlist .prolistdesc .table > tbody > tr > th{background: #f7f7f7;}
.prodlist .prolistdesc .table > tbody > tr > th, .prodlist .prolistdesc .table > tbody > tr > td{padding: 15px 15px;}
.prodlist .prolistdesc .table > tbody > tr > td > .red{color: #ed1b23;}
.proshow-video-l{width: auto; float: none; text-align: center; margin: 0 0 25px;}
.proshow-video-r{width: auto; float: none; margin-left: 0; text-align: center;}
/*catelist*/
.thumbnails-catelist{list-style: none; padding: 0; margin: 0 -30px;}
.thumbnails-catelist:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
.thumbnails-catelist .catelist{width: 33.33%; float: left; padding: 0 30px; margin-bottom: 40px;}
.thumbnails-catelist .catelist:nth-child(3n+1){clear: left;}
.catelist .thumbnail{padding: 0; border: 0; border-radius: 0; text-align: center}
/*inquiry form*/
.inq-form .form-horizontal { display: none; }
.inquiry-form input[type="text"], .inquiry-form input[type="email"], .inquiry-form textarea{background: #f4f4f4; border: 0; border-radius: 0; box-shadow: none; box-shadow: none; padding: 20px 10px; margin-bottom: 10px;}
.inquiry-form .form-group {margin-bottom: 23px;}
.blue-bg .form-group { border-bottom: 1px solid #f4f4f4; padding-bottom: 20px; }
.inquiry-form textarea { padding: 10px 10px; }
.inq-form .btn {
background: #ed1b23;
color: #fff;
border-radius: 0;
width: 15%;
font-size: 18px;
}
.checkbox label { margin-bottom: 5px; }
.inq-form h3 {
margin-bottom: 30px;
}
.inquiry-form .form-control { color: #000; }
.inq-form input::-webkit-input-placeholder { color: #363636; }
.inq-form input:-moz-placeholder { color: #363636; }
.inq-form input::-moz-placeholder { color: #363636; }
.inq-form input:-ms-input-placeholder { color: #363636; }
.inq-form textarea::-webkit-input-placeholder { color: #363636; }
.inq-form textarea:-moz-placeholder { color: #363636; }
.inq-form textarea::-moz-placeholder { color: #363636; }
.inq-form textarea:-ms-input-placeholder { color: #363636; }
/*worldwide*/
.worldwide a { color: #363636; }
.worldwide p.title{ font-size: 20px; font-weight: 400; }
.worldwide p.txt{ font-size: 16px; }
.world-detail { padding: 10px 0; }
.world-bk, .world-bl, .world-y, .world-r { padding: 15px 30px; margin-bottom: 50px; }
.world-bk { border-left: 2px solid #000; }
.world-bl { border-left: 2px solid #02aef0; }
.world-y { border-left: 2px solid #feed01; }
.world-r { border-left: 2px solid #e40680; }
.detail { border-top: 3px solid #e50012; padding: 35px 80px; margin-top: 25px; }
/*blog*/
.table.msg-style-3 { display: none; }
.blog { line-height: 1.8em; }
.blogbox .table tr { background: #f7f7f7; }
.blogbox {
margin: 60px 0 100px;
background: url(../images/footer_bor.png) top center no-repeat, #f7f7f7;
background-size: 100% 5px;
padding: 60px 30px;
background-size: 100% 5px;
}
.blogbox .newsTitle a {
color: #000;
font-size: 30px;
font-weight: bold;
}
.blogtxt .txt {
margin-top: 30px;
font-style: italic;
}
.blogbox .btn {
border-radius: 0;
color: #fff;
background: #ed1b23;
border: 0;
padding: 10px 40px;
margin-top: 40px;
}
.blog .btn a {
color: #fff; font-weight: bold;
}
.blogimg { float: right; }
.container_msg5 #sidebar { display: block; width: 18%; float: right; background: #f7f7f7; position: relative; margin-top: 165px; padding: 20px; min-height: 300px; }
.container_msg5 #content { width: 80%; float: left; font-family: 'Lato', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; }
.container_msg5 #side_menu .nav-header { font-size: 28px; font-weight: 400; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; padding: 0 0 10px 15px; }
#side_menu ul li a {color: #000; }
.container_msg5 #sidebar ul li a { font-family: 'Lato', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; }
.articleby { text-align: center; margin-top: 20px; }
.articleby img { width: 150px; }
.articleby p { color: #004885; font-size: 83%; font-weight: 400; }
/*exhibition*/
.msg-style-2#tablist thead { display: none; }
.msg-style-2#tablist, .msg-style-2.table-bordered>tbody>tr>td { border: 0; }
.msg-style-2.table-striped>tbody>tr:nth-child(odd) { background-color: #fff; }
.msg-style-2.table-hover>tbody>tr:hover { background-color: #fff; }
.msg-style-2#tablist tbody tr { border-bottom: 1px solid #8888886b; }
.msg-style-2#tablist tbody tr:last-child { border-bottom: 0; }
.msg-style-2.table-bordered>tbody>tr>td:first-child { vertical-align: middle; width: 32%; padding: 20px 0; }
.msg-style-2.table-bordered>tbody>tr>td:last-child { vertical-align: middle; width: 70%; padding: 20px; }
.msg-style-2 .newsTitle { font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size: 20px; margin-bottom: 10px; }
.msg-style-2 .newsTitle a { color: #000; font-weight: bold; }
.msg-style-2 .newsTxt01 { font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size: 16px; }
.msg-style-2#tablist img { border: 1px solid #8888886b; }
.msg-style-2.table-bordered>tbody>tr>td { padding: 20px 0; }
/*about -1 */
.container_msg2.msg2_32 #middle > .wrap{width: 100%; padding: 0;}
.container_msg2.msg2_32 #content .page-header{ margin-left: auto; margin-right: auto; width: 1400px;text-align: left;padding: 0 40px;}
.about-section1{padding-bottom: 70px;}
.about-section1, .about-section2{line-height: 1.8em}
.about-section1 p, .about-section2 p{margin: 1.5em 0;}
.about-section1 h3, .about-section2 h3{font-size: 30px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; padding: 0; margin: 1.5em 0 0.7em}
.about-section2 h4{font-size: 22px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; padding: 0; margin: 1.5em 0 0.7em; color: #ee1c25}
.about-manager-btn-wrap{text-align: center;}
.about-manager-btn{background: #ee1c25; width: 48px; height: 48px; text-align: center; color: #fff; font-size: 24px; line-height: 48px; margin: 0 auto; display: inline-block; border-radius: 50%}
.about-manager-btn:hover, .about-manager-btn:focus{background: #000; color: #fff;}
.about-manager-btn i{padding-left: 7px;}
.about-manager-sign{font-style: italic; font-size: 15px; line-height: 1.4em}
.about-manager-sign strong{font-size: 20px; font-weight: normal;}
.about-section2, .about-section3, .about-section4{background: url(../images/hr.png) top center no-repeat; padding: 80px 0;}
.about-section3 h2, .about-section4 h2{font-size: 36px; text-align: center; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; padding: 0; margin: 0 0 1.2em;}
.about-team-list, .milestone-list{padding: 0 24px; position: relative;}
.swiper-button-next-team, .swiper-button-prev-team, .swiper-button-next-milestone, .swiper-button-prev-milestone{background: #ee1c25; width: 48px; height: 48px; text-align: center; color: #fff; font-size: 24px; line-height: 48px; display: inline-block; border-radius: 50%}
.swiper-button-next-team, .swiper-button-next-milestone{right:0px;}
.swiper-button-next-team i, .swiper-button-next-milestone i{padding-left: 8%;}
.swiper-button-prev-team, .swiper-button-prev-milestone{left: 0;}
.team-wrap{position: relative;}
.team-txt{background: rgba(238, 28, 37, .8); color: #fff; padding: 12px 15px; position: absolute; bottom: 0; left: 0; right: 0; -moz-transform: translateY(100%);-webkit-transform: translateY(100%);
-o-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%); -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.team-wrap:hover .team-txt, .swiper-slide-active .team-wrap .team-txt{-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.swiper-container-milestone .swiper-slide:nth-child(3n+2) .milestone-txt{border-left-color: #01aef0}
.swiper-container-milestone .swiper-slide:nth-child(3n) .milestone-txt{border-left-color: #000000}
.milestone-txt{padding: 2px 12px; border-left: 6px #ee1c25 solid; margin-top: 6px;}
.milestone-txt span{font-size: 36px; display: block; font-weight: 600; line-height: 1.2em}
/*about-2*/
.core_value-wrap{margin: 40px 0 80px;}
.core_value-wrap:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
.core_value-img{width: 45%; float: left;}
.core_value-txt{width: 50%; float: right;}
.core_value-ti{margin-bottom: 15px;}
.core_value-txt h3{font-size: 30px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; padding: 0; margin: .7em 0 0.7em; display: inline-block;}
.core_value-icon{ width: 93px; height: 93px; background: #313131; text-align: center; border-radius: 50%; display: inline-block; margin-right: 16px;}
.core_value-wrap:nth-child(n+2) .core_value-icon{background: #feed01}
.core_value-wrap:nth-child(n+3) .core_value-icon{background: #e4067f}
.core_value-wrap:nth-child(n+4) .core_value-icon{background: #01aef0}
.core_value-txt p{line-height: 1.7em; margin: 1.5em 0;}
/*about-3*/
.factory-wrap{margin: 40px 0 80px;}
.factory-wrap:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
.factory-img{width: 30%; float: right;}
.factory-txt{width: 45%; float: left;}
.factory-txt h3{font-size: 30px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; padding: 0; margin: .3em 0 0.5em; display: inline-block;}
.factory-txt p{line-height: 1.6em;}
/*about-4*/
.container_msg2.msg2_35 #middle > .wrap{width: 100%; padding: 0;}
.container_msg2.msg2_35 #content .page-header{ margin-left: auto; margin-right: auto; width: 1400px;text-align: left;padding: 0 40px;}
.feedback-section1{padding-bottom: 30px;}
.recommendation-wrap{margin: 40px 0 50px; padding: 30px 35px; background: #fff; box-shadow: 0 0 10px rgba(50, 50, 50, .2); border-radius: 18px;}
.recommendation-wrap:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
.recommendation-user{width: 17%; float: left; text-align: center;}
.recommendation-img{border-radius: 50%; overflow: hidden; box-shadow: 5px 5px 0px rgba(50, 50, 50, .1); margin-bottom: 16px; display: inline-block;}
.recommendation-name{font-size: 20px; font-weight: 600;}
.recommendation-txt{width: 78%; float: right; font-style: italic; line-height: 1.7em;}
.recommendation-txt p{margin: 1.5em 0;}
.feedback-section2{background: url(../images/hr.png) top center no-repeat; padding: 80px 0;}
.feedback-section2 h2{font-size: 36px; text-align: center; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; padding: 0; margin: 0 0 1.2em;}
.comment-list ul{list-style: none; margin: 0; padding: 0;}
.comment-list li{width: 20%; float: left; padding: 0 15px; text-align: center; margin-bottom: 40px;}
.comment-list li:nth-child(5n+1){clear: left;}
.comment-img{box-shadow: 0 0 8px rgba(50, 50, 50, .2); display: block; margin-bottom: 15px;}
.comment-txt{color: #444;}
/*Service*/
.service-box { line-height: 1.8em; }
.service-box img { width: 100%; }
.service-box h3 { font-weight: bold; display: inline-block; }
.left-box { float: left; }
.right-box { float: right; }
.service-txt { margin: 20px 0 50px; }
.under-black { border-bottom: 3px solid #000; padding-bottom: 5px; margin-bottom: 25px; }
.under-yellow { border-bottom: 3px solid #fcea02; padding-bottom: 5px; margin-bottom: 15px; }
.under-red { border-bottom: 3px solid #e00680; padding-bottom: 5px; margin-bottom: 15px; }
.under-blue { border-bottom: 3px solid #02abec; padding-bottom: 5px; margin-bottom: 15px; }
.service-txt p { margin-bottom: 30px; }
.service-txt strong { margin-bottom: 15px; }
.service-btn { background: #ed1b23; color: #fff; font-size: 16px; font-weight: 400; border: 0; padding: 12px 30px; border-radius: 0; }
.service-btn.btn-default:hover { color: #fff; background-color: #ed1b23; }
.service-title-s { font-weight: 600; margin-bottom: 10px; }
/*career*/
.career-title {
font-size: 20px;
font-weight: 400;
padding-top: 10px;
border-bottom: 2px solid #ed1b23a8;
display: inline-block;
}
.container_msg37 #sidebar { display: block; width: 18%; float: right; background: #f7f7f7; position: relative; margin-top: 143px; padding: 20px; min-height: 300px; }
.container_msg37 #content { width: 80%; float: left; font-family: 'Lato', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; }
.container_msg37 #side_menu .nav-header { font-size: 28px; font-weight: 400; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; padding: 0 0 10px 15px; }
#side_menu ul li a {color: #000; }
.container_msg37 #sidebar ul li a { font-family: 'Lato', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; }
/*slidebar*/
.sb-toggle-right{ float: right; display:none; height:38px; margin-top: 22px; padding: 10px 20px 0 20px; position: relative; margin-left:12px; cursor: pointer; background: #453f41; border-radius: 19px;}
.sb-toggle-right span{ float: right; color: #fff; font-size: 14px; font-family: 'Raleway', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; margin-left: 35px;}
.sb-active .sb-toggle-right{}
.navicon-line{ width:27px; height:2px; border-radius: 3px; margin-bottom:6px; background:#fff; -webkit-transition: all 0.2s ease-out 125ms; -moz-transition: all 0.2s ease-out 125ms; -ms-transition: all 0.2s ease-out 125ms; -o-transition: all 0.2s ease-out 125ms; transition: all 0.2s ease-out 125ms;}
.sb-active-right .sb-toggle-right .navicon-line:nth-of-type(3){transform: rotate(-45deg); position:relative; -webkit-transform: rotate(-45deg);top:0px;}
.sb-active-right .sb-toggle-right .navicon-line:nth-of-type(2){display:none;}
.sb-active-right .sb-toggle-right .navicon-line:nth-of-type(1){transform: rotate(45deg); position:relative; -webkit-transform: rotate(45deg); top:8px;}
.sb-slidebar{background-color: #222222; text-align: left;}
.sb-slidebar a{-webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s; -ms-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.2s;}
.sb-nav ul, .sb-member ul, .sb-smo ul{list-style: none; margin: 0; padding: 0;}
.sb-nav ul li{border-bottom: 1px rgba(100, 100, 100, 0.4) solid;}
.sb-nav ul li a{color: #ececec; line-height:1.4em; padding: 1em 20px; display: block; text-transform:uppercase; font-weight: bold;}
.sb-nav ul li.active a{color: #777;}
.sb-nav ul li a:hover{background: #ed1b23; color: #fff;}
.sb-nav ul li li {border-top: 1px rgba(100, 100, 100, 0.2) solid; border-bottom:0;}
.sb-nav ul li li a{ font-size: 17px; color: #ececec; font-weight:300; padding-top: 0.8em; padding-bottom: 0.8em;}
i.sb-caret {width: 0; height: 0; display: inline-block; margin: 0 5px; border: 5px solid transparent; vertical-align:middle; border-top: 5px solid; border-bottom: 0px solid transparent; }
.sb-submenu{background-color: rgba(150, 150, 150, 0.1);}
.sb-submenu-active > i.sb-caret { border-top: 0px solid transparent; border-bottom: 5px solid;}
.sb-lan ul{list-style: none; margin: 15px 0; padding: 0; border-top:1px rgba(100, 100, 100, 0.4) solid}
.sb-lan li a{padding: 0.6em 20px; display: block; color: #cecece;}
.sb-member ul{list-style: none; margin: 15px 0; padding: 0;}
.sb-member li a{padding: 0.6em 20px; display: block; color: #cecece;}
/*會員登入項目*/
#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%;}
}
/*#header*/
/*RSS*/
#rss_area a{ text-shadow: none;}
#rss_area a:hover{ text-shadow: none;}
/*--內容區--*/
#content{ }
/*麵包屑*/
#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 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;}
.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%;}
.msginimg { text-align: center; margin-bottom: 30px; }
.msginimg img { width: calc(35% - 20px); }
.msgindate { display: none; }
@media (max-width : 990px) {
.msginimg img { width: 100%; }
}
/*首頁用*/
#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;}
#idxprocarousel .caption { background : #666; padding : 5px;}
#idxprocarousel .caption a { color : #fff;}
/***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: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-banner .swiper-active-switch, .swiper-product .swiper-active-switch { background: #fff;}
/***style for banner's arrows and pagination end ****/
/*style for google map 2015.10.21*/
.googlemap { width:100%; height:12em; }
.listimg a.btn.btn-link { display: initial;}
@media(min-width:1400px){
.wow { visibility: hidden;}
}
@media(min-width:1600px){
#nav > ul > li > a{font-size: 21px; padding-left: 20px; padding-right: 20px;}
}
@media(min-width:1800px){
/*#logo{width: 15%;}
#topnav{width: 10%;}
#nav{width: 75%;}*/
#nav > ul > li > a{padding-left: 34px; padding-right: 34px;}
}
@media(max-width:1399px){
.wrap{width: 100%;}
.container_msg2.msg2_32 #content .page-header, .container_msg2.msg2_35 #content .page-header{width: auto;}
#nav > ul > li > a{font-size: 18px;}
#epaper-main h3{font-size: 40px;}
#footer-epaper{padding: 30px 0 20px;}
div[class^="container_product"] .page-header > *{font-size: 44px;}
.prodlist .cate-name a{font-size: 28px;}
.prodlist .cate-name-more{display: block;}
}
@media(max-width:1340px){
#logo a{height: 84px; padding-top: 18px;}
.logo_b{height: 50px;}
#topnav{padding-top: 27px;}
#topnav .dropdown-menu{margin-top: 19px;}
#nav > ul > li > a{font-size: 17px; padding-left: 6px; padding-right: 6px; height: 84px; padding-top: 37px;}
#epaper-main h3{font-size: 38px;}
#epaper-main h3 small{font-size: 20px;}
#footer-epaper .footer-smo{padding-top: 60px;}
.proshow-section1-l{width: 40%;}
.proshow-section1-l .pro-no{font-size: 50px;}
.proshowqty .btn{margin-top: 10px;}
.proshow-section1-r{width: 60%;}
.prodesc{line-height: 1.7em;}
.prodesc .txtNormal h3{font-size: 28px; margin: 1em 0;}
.prochar h5, .proshow-section4 > .wrap > h5{font-size: 34px; margin:0 0 .8em;}
.prochar .table>thead>tr>th{font-size: 18px;}
#prodNav .panel-default > .panel-heading a{font-size: 20px;}
#prodNav .panel-heading .panel-title > a{padding: 10px 15px 10px 35px;}
#prodNav .panel-default > .panel-heading a:after{top: 10px;}
#prodNav .txtNormal h4{font-size: 19px;}
.proshow-video-l h5{font-size: 40px;}
.core_value-icon{width: 80px; height: 80px;}
}
@media(max-width:1199px){
.header > .wrap{position: relative;}
#logo{width: auto;}
#logo a{height: 78px; padding-top: 15px;}
#nav{display: none;}
#topnav{padding-top: 22px; width: auto}
#topnav > ul > #topnav-lan > a > span{text-decoration: none;}
#topnav .btn-group, #topnav > ul > li, #topnav > ul > li > a{position: static;}
#topnav .dropdown-menu{margin-top: 0; left: 0; min-width: 0;}
#topnav #topnav-search .dropdown-menu{min-width: 0;}
.sb-toggle-right{display: block;}
#epaper-main{width: auto; float: none;}
#epaper-main h3{font-size: 36px;}
#epaper-main h3 small{font-size: 17px;}
.form-epaper input[type="text"]{height: 45px;}
.form-epaper .input-group-btn .btn{padding: 10px 35px;}
#footer-epaper .footer-smo{width: auto; float: none; display: none;}
#footer-inquiry{padding: 30px 0 20px;}
#topbtn-wrap.active-b{bottom: 20px;}
#footer{padding-top: 40px;}
.footer-deco1{display: none;}
#cominfo{ width: 45%;}
#custnav{ width: 55%;}
#footer-cer{width: auto; clear: both; float: none; margin: 0 auto; padding-top: 20px;}
.footer-copyright{padding-left: 40px; padding-right:96px;}
.footer-copyright:before, .footer-copyright:after{display: none;}
#catedescA{ width: auto; float: none; padding: 0; margin-bottom: 45px;}
.thumbnails-prodlist .prodlist:first-child, .thumbnails-prodlist .prodlist{width:50% }
.thumbnails-prodlist .prodlist:nth-child(3n-1){clear: none;}
.thumbnails-prodlist .prodlist:nth-child(odd){clear: left;}
.prodlist .cate-name a{font-size: 24px;}
.thumbnails-prodlist .prodlist:first-child{padding-left: 30px;}
.proshow-section1{background-size: 100% 27%;}
.proshow-section1-l .pro-no{font-size: 42px;}
.proshowqty .btn{margin-top: 0;}
.proshow-section2{padding-bottom: 40px;}
.prodesc .txtNormal h3{font-size: 24px;}
.prodesc{line-height: 1.6em;}
.proshow-section3, .proshow-section4{padding: 50px 0 30px;}
.prochar h5, .proshow-section4 > .wrap > h5{font-size: 32px;}
.proshow-section4 > .wrap > h5{margin-bottom: .6em;}
#prodNav .panel-group .panel-body{padding-top: 8px; padding-bottom: 8px;}
#prodNav .txtNormal .lead{line-height: 1.7em;}
#prodNav .txtNormal li{line-height: 1.6em;}
.proshow-video-l h5{font-size: 36px;}
.core_value-img{width: 40%; }
.core_value-txt{width: 55%;}
/*blog*/
.container_msg5 #content { width: 72%; }
.container_msg5 #sidebar { width: 25%; }
/*career*/
.container_msg37 #content { width: 72%; }
.container_msg37 #sidebar { width: 25%; }
}
@media(max-width:997px){
.wrap, .breadwrap{padding: 0 30px;}
.container_msg2.msg2_32 #content .page-header, .container_msg2.msg2_35 #content .page-header{padding: 0 30px;}
#epaper-main h3{font-size: 32px;}
#epaper-main h3 small{font-size: 16px;}
.form-epaper input[type="text"]{font-size: 15px;}
#footer-inquiry h3{font-size: 32px;}
.page-header > *{font-size: 32px;}
#catedescA p{line-height: 1.7em; margin-bottom: .7em}
#catedescA ul{margin: 1.2em 0;}
#catedescA li{margin-bottom: .3em;}
.proshow-section1-l .pro-no{font-size: 36px;}
.proshowqty .btn{font-size: 16px; padding: 6px 20px;}
.proshow-section2-des {width: auto; float: none; margin-bottom: 40px;}
.proshow-section2-gallery{width: auto; float: none; margin: 0 20%;}
.prochar h5, .proshow-section4 > .wrap > h5{font-size: 30px;}
.proshow-video-l h5{font-size: 32px;}
.proshow-video-l a{font-size: 16px; padding: 6px 20px;}
.proshow-inquiry{padding: 30px 0;}
.proshow-inquiry span{font-size: 18px;}
.proshow-inquiry .btn{font-size: 16px; padding: 6px 20px;}
.about-section1{padding-bottom: 50px;}
.about-section2{padding: 30px 0;}
.about-section3, .about-section4, .feedback-section2{padding: 60px 0;}
.about-section3 h2, .about-section4 h2, .feedback-section2 h2{font-size: 32px;}
.about-section1 h3, .about-section2 h3, .core_value-txt h3, .factory-txt h3{font-size: 26px;}
.about-section2 h4{font-size: 20px;}
.milestone-txt{border-left-width: 4px; margin-top: 8px;}
.milestone-txt span{font-size: 30px;}
.core_value-wrap{margin: 25px 0 60px;}
.core_value-img{width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 25px; text-align: center; float: none;}
.core_value-txt{width: 100%; float: none;}
.factory-img{width: 45%;}
.recommendation-wrap{padding: 30px 30px 10px;}
.recommendation-user{width: auto; float: none;}
.recommendation-img{max-width: 150px;}
.recommendation-txt{width: auto; float: none;}
.comment-list li{width: 25%;}
.comment-list li:nth-child(5n+1){clear: none;}
.comment-list li:nth-child(4n+1){clear: left;}
}
@media (max-width:991px) {
/*blog*/
.blogbox .btn { margin-top: 20px; margin-bottom: 40px; }
.blogimg { float: none; text-align: center;}
.blogbox { margin: 60px 0 60px; background: url(../images/footer_bor.png) top center no-repeat, #f7f7f7; padding: 60px 20px 30px 20px; background-size: 100% 5px; }
.blogbox .newsTitle { margin-top: 25px; }
.blogbox .newsTitle a { font-size: 26px; }
.blogbox #content { width: 100%; float: none; }
.blogbox #sidebar { display:none; }
/*Service*/
.left-box, .right-box { float: none; }
.service-box img { margin-bottom: 20px;
}
@media(max-width:768px){
.sb-site, .sb-site-container{padding: 0;}
/*worldwide*/
.detail { border-top: 3px solid #e50012; padding: 35px 10px; margin-top: 25px; }
/*blog*/
.container_msg5 #content { width: 100%; }
.container_msg5 #sidebar { display: none; }
/*career*/
.container_msg37 #content { width: 100%; }
.container_msg37 #sidebar { display: none; }
}
@media(max-width:767px){
body{font-size: 17px;}
div[class^="container_product"] .page-header > *{font-size: 38px;}
.page-header > *{font-size: 28px;}
#catedescA ul{font-size: 16px;}
.prodlist .prolistdesc{font-size: 15px;}
#footer-inquiry-main .row + .row{margin-top: -15px; position: relative;}
.footer-inquiry-btn-wrap{text-align: center;}
#cominfo, #custnav{ width:auto; float: none;}
#cominfo{margin-bottom: 40px;}
#custnav{ padding-left: 0; display: none;}
.thumbnails-prodlist{margin: 0 -20px;}
.thumbnails-prodlist .prodlist, .thumbnails-prodlist .prodlist:first-child{padding: 0 20px;}
.prodlist .cate-name-more a{font-size: 15px; line-height: 1em}
.prodlist .prolistdesc .table{border-top:0; border-bottom: 0; background: #f7f7f7}
.prodlist .prolistdesc .table > tbody > tr > th, .prodlist .prolistdesc .table > tbody > tr > td{display: block; border-top: 0;}
.prodlist .prolistdesc .table > tbody > tr > th{background: transparent; padding: 8px 15px 2px; }
.prodlist .prolistdesc .table > tbody > tr > td{padding: 2px 15px 8px; }
.proshow-section1{background-size: 100% 45%;}
.proshow-section1-l{float: none; width: auto; padding-top: 0;}
.proshow-section1-l .pro-no{ float: left; margin-right: 15px;}
.proshowqty .btn{margin-top: 12px;}
.proshow-section1-r{float: none; width: auto;}
.prodesc .txtNormal h3{margin: .4em 0 .8em;}
.proshow-section2-gallery{margin: 0 10%;}
.prochar h5, .proshow-section4 > .wrap > h5{font-size: 28px;}
.panel-group .panel+.panel{margin-top: 0;}
#prodNav .panel-default > .panel-heading a{font-size: 18px;}
#prodNav .txtNormal .lead{ font-size: 16px;}
#prodNav .txtNormal li{margin-bottom: .2em;}
#prodNav .txtNormal h4{font-size: 18px;}
.proshow-section5{padding: 30px 0 40px;}
.proshow-video-l{width: auto; float: none; text-align: center; margin: 0 0 25px;}
.proshow-video-r{width: auto; float: none; margin: 0 10%;}
.proshow-inquiry{padding: 20px 0 30px;}
.about-section3 h2, .about-section4 h2, .feedback-section2 h2{font-size: 28px;}
.about-section1 h3, .about-section2 h3, .core_value-txt h3, .factory-txt h3{font-size: 23px;}
.about-section2 h4{font-size: 18px;}
.about-section1{padding-bottom: 30px;}
.factory-wrap{margin: 25px 0 40px;}
.factory-img{width: auto; float: none; margin-bottom: 15px;}
.factory-txt{width: auto; float: none;}
.feedback-section1{padding-bottom: 10px;}
.recommendation-img{max-width: 130px; margin-bottom: 10px;}
.recommendation-name{font-size: 19px;}
/*exhibition*/
.msg-style-2.table-bordered>tbody>tr>td { display: block; }
.msg-style-2.table-bordered>tbody>tr>td:first-child { width: 100%; text-align: center; padding: 20px 0 0 0; }
.msg-style-2.table-bordered>tbody>tr>td:last-child { width: 100%; text-align: center; padding: 0; }
#epaper-main #newsletter_area .input-group:nth-child(2) {
width: 60%;
}
}
@media(max-width:600px){
body{font-size: 16px;}
#logo a{height: 66px; padding-top: 12px;}
.logo_b{height: 46px;}
#topnav{padding-top: 12px;}
#topnav > ul > li > a{height: 42px; padding-top: 7px; }
#topnav > ul > #topnav-lan > a{ padding-left: 0; padding-right: 0; width: 42px; border-radius: 21px; text-align: center;}
#topnav > ul > #topnav-lan > a > span{display: none;}
#topnav > ul > #topnav-lan > a i.fa-globe{margin-right: 0;}
.sb-toggle-right{width: 42px; height: 42px; border-radius: 21px; padding: 13px 9px 0; margin-top: 12px; margin-left: 0; background: transparent;}
.sb-toggle-right span{display: none;}
.navicon-line{width: 24px; margin-bottom: 4px; height: 3px; border-radius: 1px; background: #d01616}
.sb-active-right .sb-toggle-right .navicon-line:nth-of-type(1){top: 7px;}
#topnav-member, #topnav-lan{display: none;}
#footer-epaper{padding: 20px 0 5px;}
#epaper-main h3{font-size: 24px;}
.form-epaper input[type="text"]{height: 38px; font-size: 15px;}
.form-epaper .input-group-btn .btn{padding: 8px 20px; font-size: 16px;}
.form-epaper-policy label{font-size: 15px;}
#footer-inquiry h3{font-size: 28px;}
#footer-inquiry-main{margin-top: 30px;}
#footer-inquiry-main .btn{width: 100%;}
#cominfo{font-size: 15px;}
#copyright, .ftbar li{font-size: 14px;}
.proshow-section3, .proshow-section4{background-size:auto 200px;}
.thumbnails-prodlist{margin: 0 -10px;}
.thumbnails-prodlist .prodlist, .thumbnails-prodlist .prodlist:first-child{padding: 0 10px;}
.proshow-section1-l .pro-no{font-size: 32px;}
.proshowqty .btn{padding: 5px 20px; font-size: 15px;}
.prodesc .txtNormal h3{font-size: 20px;}
.proshow-section2-gallery, .proshow-video-r{margin: 0 5%;}
.proshow-section3, .proshow-section4{padding: 30px 0; }
.prochar h5, .proshow-section4 > .wrap > h5{font-size: 26px;}
.prochar .table>thead>tr>td, .prochar .table>thead>tr>th{font-size: 16px;}
.prochar .table>thead>tr>th{font-size: 17px;}
.prochar .table>tbody>tr>td, .prochar .table>tbody>tr>th{padding: 10px 15px;}
#prodNav .panel-default > .panel-heading a{font-size: 17px;}
#prodNav .panel-default > .panel-heading a:after{top: 8px;}
.proshow-video-l h5{font-size: 26px;}
.proshow-video-l a{padding: 5px 20px; font-size: 15px;}
.proshow-inquiry{padding: 25px 0 30px;}
.proshow-inquiry span{font-size: 17px; line-height: 1.2em; margin-bottom: 12px; margin-right: 0; display: block;}
.proshow-inquiry .btn{padding: 5px 20px; font-size: 15px;}
.about-section3, .about-section4{padding: 40px 0;}
.about-section3 h2, .about-section4 h2, .feedback-section2 h2{font-size: 26px;}
.about-section1 h3, .about-section2 h3, .core_value-txt h3, .factory-txt h3{font-size: 21px;}
.swiper-button-next-team, .swiper-button-prev-team, .swiper-button-next-milestone, .swiper-button-prev-milestone{font-size: 26px;}
.about-team-list, .milestone-list{padding: 0 12px;}
.swiper-button-next-team, .swiper-button-prev-team, .swiper-button-next-milestone, .swiper-button-prev-milestone{width: 36px; height: 36px; font-size: 18px; line-height: 36px;}
.core_value-icon{width: 60px; height: 60px;}
.factory-logo img{max-height: 60px;}
.recommendation-wrap{margin: 20px 0 35px; padding: 20px 20px 5px;}
.feedback-section2{padding: 40px 0 20px;}
.comment-list li{width: 33.33%;}
.comment-list li:nth-child(4n+1){clear: none}
.comment-list li:nth-child(3n+1){clear: left;}
/*inquiry form*/
.inq-form .btn { width: 100%; }
#epaper-main #newsletter_area .input-group:nth-child(2) {
width: 75%;
}
}@media(max-width:480px){
.wrap, .breadwrap{padding: 0 20px;}
.container_msg2.msg2_32 #content .page-header, .container_msg2.msg2_35 #content .page-header{padding: 0 20px;}
#logo a{padding-right: 0;}
.logo_b{height: 44px;}
#topnav .dropdown-menu{padding: 10px 10px;}
#topnav #topnav-search .dropdown-menu{padding-left: 15px; padding-right: 15px;}
#cominfo{margin-bottom: 25px;}
#footer-cer{padding-top: 0;}
.footer-copyright{padding-left: 20px;}
.thumbnails-prodlist .prodlist, .thumbnails-prodlist .prodlist:first-child{width: auto; float: none;}
.proshow-section1{ background-size: 100% 50%;}
.proshow-section1-l .pro-no{font-size: 28px;}
.prodesc .txtNormal h3{font-size: 18px;}
.proshow-section2-gallery, .proshow-video-r{margin: 0;}
.prochar h5, .proshow-section4 > .wrap > h5{font-size: 24px;}
.about-section3 h2, .about-section4 h2, .feedback-section2 h2{font-size: 24px;}
.core_value-img{margin-bottom:0;}
.core_value-ti{text-align: center; margin-top: -30px; }
.core_value-txt h3{display: block;}
.comment-list li{width: 50%;}
.comment-list li:nth-child(3n+1){clear: none}
.comment-list li:nth-child(2n+1){clear: left;}
#epaper-main #newsletter_area .input-group:nth-child(2) {
width: 100%;
}
}@media(max-width:360px){
}@media(max-width:359px){
#logo a{ height: 62px;}
.logo_b{height: 42px;}
.sb-toggle-right{margin-left: 6px;}
#topnav > ul > li > a{height: 38px; padding-top: 5px; }
#topnav > ul > li#topnav-search > a{padding-left: 5px; padding-right: 5px;}
#topnav > ul > #topnav-lan > a{width: 38px;}
.sb-toggle-right{width: 38px; height: 38px; padding: 11px 7px;}
#epaper-main #newsletter_area .input-group:nth-child(2) {
width: 100%;
}
}@media(max-width:320px){
.wrap{min-width: 320px;} #topbtn-wrap .wrap{min-width: 0;}
#epaper-main #newsletter_area .input-group:nth-child(2) {
width: 100%;
}
}