@import url('/css/SeoJump.css');*{margin:0;padding:0;}
body{position:relative;margin:0;font-size: 16px;}
div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li, a , i{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;line-height:150%;border-width:0;font-family:'微軟正黑體', '蘋果儷中黑', "Lucida Grande", "Arial", "Arial Narrow";}
hr{border-top:1px #000 solid;margin:0 0 10px 0;}
th{font-weight:normal;}
ul, ol{list-style:none;}
fieldset{border:0;}
input,button,select,textarea{outline:none}
img{max-width:100%;}
body::-webkit-scrollbar,
#mobile-menu::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-track,
#mobile-menu::-webkit-scrollbar-track{background:#c5c5c5;}
body::-webkit-scrollbar-thumb,
#mobile-menu::-webkit-scrollbar-thumb{background:#2eb1a5;}
body::-webkit-scrollbar-thumb:hover,
#mobile-menu::-webkit-scrollbar-thumb:hover{background:#393935;}
a:link, a:visited{text-decoration:none;font-size:14px;}
a:hover{text-decoration:none;}
.pageh1{position:fixed;z-index:-8989898;opacity:0;color:#fff;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
livedemo00.template-help.com/media="screen":after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wow{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;animation-duration:1.5s;}
body::selection{background:#33b0a4;color:#fff;}
.mobile-main-nav,
#mobile-menu,
.sub2Option,
.sub3Option{display:none;}
.slick-slide,
.slick-slide div,
.slick-slide img,
.slick-slide p{outline:none;}
section{overflow:hidden;margin:0 auto;width:1160px;}
.wrapper{width:100%;font-size:14px;}
#jumpDiv ,
#jumpIframe{position:relative;background:#fff;top:0;left:0;z-index:50;}
a.photo{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;display:block;transition:all ease-in-out 0.3s;}
a.photo img{width:100%;}
header{position:fixed;width:100%;background:url(/images/12/main/img-headerBg.jpg) #fff repeat-x 0 bottom;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.54);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.54);box-shadow:0 0 10px rgba(0, 0, 0, 0.54);top:0;z-index:999;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
header .topBar{padding:5px 0;background:#333;color:#2eb1a5;text-align:right;transition:all linear 0.3s;}
header.shrink .topBar{overflow:hidden;padding:0;height:0;}
header .topBar .translate{overflow:hidden;text-align:right;}
header .translate form{float:left;background:#fff;border-radius:25px;padding:0 10px;}
header .translate >p{display:inline-block;margin-left:10px;vertical-align:top;}
header .translate form p{overflow:hidden;height:22px;}
header .translate form p a{display:inline-block;line-height:19px;width:22px;height:22px;text-align:center;vertical-align:top;font-size:18px;}
header .translate form p a i{visibility:initial;}
header .translate form p input{width:120px;}
header .translate >p a{display:block;}
header .topBar a{color:#38d0c2;}
header .menu{overflow:hidden;}
header .menu #cis{float:left;width:219px;padding:5px 0;}
header .menu #cis a{display:block;background-repeat:no-repeat;background-position:0 50%;background-size:contain;}
header .menu nav{float:right;width:calc(100% - 250px);}
header .menu nav h3{display:none;}
header .menu nav ul{text-align:right;}
header .menu nav ul li{display:inline-block;}
header .menu nav ul li a{padding:25px 15px 22px;display:block;border-bottom:3px transparent solid;line-height:25px;font-weight:bold;font-size:16px;color:#6f6f6f;}
header .menu nav ul li a:hover{padding-bottom:22px;background:#2eb1a5;border-color:#258e84;color:#fff;}
header .menu nav ul li ul{position:absolute;width:160px;background:#fff;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.1);display:none;}
header .menu nav ul li:hover .subnav{display:block;}
header .menu nav ul li .subnav li:hover .sub2nav{display:block;}
header .menu nav ul li .subnav li{position:relative;display:block;}
header .menu nav ul li .subnav li p ,
header .menu nav ul li .subnav li a{padding:5px 10px;border-bottom:1px #eee solid;line-height:170%;font-size:14px;}
header .menu nav ul li .subnav li:hover p, header .menu nav ul li .subnav >li:hover >a{background:#eee;color:#2eb1a5;}
header .menu nav ul li .subnav li p:before{position:absolute;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:10px;right:10px;content:"\f105";}
header .menu nav ul li .subnav li .subOption{top:0;left:160px;}
header .menu nav ul li .subnav li:hover .subOption{display:block;}
header .menu nav ul li .subnav li:hover .subOption li a{background:none;color:#6f6f6f;}
header .menu nav ul li .subnav li:hover .subOption li:hover a{background:#eee;color:#2eb1a5;}
header .menu nav ul li .sub2nav{left:100%;top:0;}
#banner{overflow:hidden;margin-top:108px;}
#banner ul li{width:100%;}
#banner ul li a.photo img{width:auto;}
section #webSeo ,
section #webSeo .seo{overflow:hidden;font-size:12px !important;}
section #webSeo .seo .js-marquee-wrapper{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;font-size:12px !important;}
#gotop{position:fixed;bottom:20px;right:20px;line-height:35px;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:rgba(255,255,255,.5);z-index:9;}
#gotop a{color:#2fe0d0;font-size:20px;display:block;width:50px;height:50px;text-align:center;line-height:40px;}
#gocart{position:fixed;bottom: 80px;right:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:rgba(255,255,255,.5);z-index:9;color: #ffc56b;font-size: 20px;display: block;width: 50px;height: 50px;text-align: center;line-height: 40px;}
.phoneWrap{position:fixed;width:100%;left:0;bottom:0;display:none;z-index:9;}
.phoneWrap ul{overflow:hidden;}
.phoneWrap ul li{float:left;width:50%;background:#28867a;}
.phoneWrap ul li a{padding:5px 0;display:block;color:#fff;font-size:14px;text-align:center;}
.phoneWrap ul li:nth-child(1) a{border-right:1px rgba(255, 255, 255, 0.34) solid;}
.phoneWrap ul li:nth-child(2) a{border-left:1px #3f635e solid;}
footer{padding-top:40px;background:#222;color:#777;}
footer a{color:#2eb1a5;vertical-align:top;}
footer >.row{margin-top:20px;padding:20px 0 5px;background:#333;border-top:1px #1b1b1b solid;}
footer .row .share{text-align:center;}
footer .row .share a{display:inline-block;}
footer .row .share a i{width:40px;height:40px;border:1px #2eb1a5 solid;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:block;line-height:40px;text-align:center;font-size:18px;}
footer .row .share a:hover i{background:#2eb1a5;color:#fff;}
footer .row #footerCopy{margin:20px 0 5px;text-align:center;}
footer #footerCompany{color:#fff;}
#footerCompany .row{display:inline-block;width:calc(((100% - 100px)/3) - 4px);vertical-align:top;}
#footerCompany .row:last-child{width:100px;}
#footerCompany .row h2{font-size:18px;font-weight:normal;margin-bottom:20px;color:#d3d3d3;}
#footerCompany .row h2 span{display:inline-block;width:2px;height:23px;background:#38d0c2;transform:rotate(35deg);vertical-align:bottom;margin-right:15px;margin-left:8px;}
footer #footerSet{background:#0b0b0b;padding:20px 0;}
#footerCompany .comlist,
#footerCompany .fcontact,
#footerCompany .footernav{max-width:80%;}
#footerCompany #footer-qrcode,
#footerCompany #footer-FB,
#footerCompany #footer-map{width:100px;display:inline-block;margin:0 0 10px 0;}
#footerCompany .comlist li:first-child{margin-bottom:15px;}
#footerCompany .comlist li b{color:#369e94;margin-right:10px;vertical-align:middle;}
#footerCompany .comlist li span{vertical-align:middle;}
#footerCompany p{margin-bottom:15px;}
#footerCompany .fcontact li{margin-bottom:5px;}
#footerCompany .fcontact li a{display:block;background:#494949;text-align:center;color:#fff;padding:13px 0;transition:all linear 0.3s;}
#footerCompany .fcontact li:nth-child(even) a{background:#36b8ac;color:#000;}
#footerCompany .fcontact li a:hover{opacity:0.8;}
#footerCompany .footernav li{margin-bottom:5px;float:left;width:50%;}
#footerCompany .footernav li a,
#footerCompany .comlist li span a{color:#fff;}
#footerCompany .footernav li a:hover{color:#ebd618;}
footer #footerCompany .plus-information{overflow:visible;}
footer #footerCompany .plus-information a{position:relative;display:inline-block;}
footer #footerCompany .plus-information img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none;}
#SeoStarRating font { margin-right: 5px; display: inline-block; vertical-align: middle; }
#SeoStarRating font:first-child { font-weight: bold; font-size: 18px; color: #FF9800; }
#SeoStarRating font:nth-child(2) { font-size: 16px; color: #FF9800; }
#SeoStarRating font:last-child { color: #0a29d2; }
@media screen and (min-width:1281px){footer #footerCompany .plus-information a:hover img{display:block;}
}
@media screen and (max-width:1280px){section{width:95%;}
header .menu nav ul li a{padding:25px 10px 22px;}
footer #footerCompany .row{width:calc(50% - 4px);margin-bottom:50px;}
#footerCompany .row:last-child{width:calc(50% - 4px);}
footer #footerCompany .row:last-child,
footer #footerCompany .row:nth-child(3),{margin-bottom:0;}
}
@media screen and (max-width:1024px){header .menu #cis{}
header .menu #cis img{max-height:50px;}
header .menu nav{display:none;}
.mobile-main-nav{display:block;}
.nav-funcB{position:fixed;right:2.5%;top:39px;font-size:24px !important;color:#ffffff;background:#2eb1a5;width:45px;height:45px;text-align:center;line-height:37px;border-radius:5px;transition:all linear 0.3s;}
#mobile-menu{width:250px;background:#fff;height:calc(100vh - 122px);overflow:auto;padding-bottom:30px;position:absolute;right:0;top:92px;z-index:99;transition:all linear 0.3s;}
.shrink .nav-funcB{top:7px;}
.shrink #mobile-menu{top:60px;height:calc(100vh - 90px);}
#mobile-menu >ul >li .menu_head,
.subOption >li .sub2Title,
.subOption >li .sub3Title{overflow:hidden;padding:15px;border-bottom:1px solid #efefef;}
#mobile-menu >ul >li .menu_head.c0 b,
.subOption >li .sub2Title.c0 b,{display:none;}
#mobile-menu >ul >li .menu_head p,
.subOption >li .sub2Title p,
.subOption >li .sub3Title p{float:left;font-size:11pt;width:calc(100% - 20px);}
#mobile-menu >ul >li .menu_head a,
.subOption >li .sub2Title a,
.subOption >li .sub3Title a{color:#191919;}
#mobile-menu >ul >li .menu_head b,
.subOption >li .sub2Title b,
.subOption >li .sub3Title b{float:right;color:#9a9a9a;cursor:pointer;}
#mobile-menu >ul >li .menu_body li p,
.subOption >li .sub2Option li p{background:#6de7dc;padding:5px 15px;font-size:14px;border-bottom:1px solid #fff;}
#mobile-menu >ul >li .menu_body li a,
.subOption >li .sub2Option li p a{color:#404040;display:block;padding:10px 35px;font-size:11pt;}
#mobile-menu .subOption >li .sub2Title{background:#f5f5f5;padding:15px 15px 15px 30px;font-size:14px;}
#mobile-menu .subOption >li .sub2Title p{background:none;padding:0;border:0;}
#mobile-menu .subOption >li .sub2Title p a{padding:0;border:none;}
#mobile-menu .subOption >li .sub2Title.bo p a{display:inline-block;}
#mobile-menu .subOption >li .sub3Title{background:#e4e4e4;padding:15px 15px 15px 45px;}
#mobile-menu .subOption >li .sub3Title p{background:none;width:calc(100% - 20px - 30px);padding:0;border:0;}
#mobile-menu .subOption >li .sub3Title p a{padding:0;}
#mobile-menu .subOption >li .sub3Option p{padding:15px 10px 15px 55px;}
#mobile-menu .subOption >li .sub3Option p a{padding:0;}
.nav-func{display:block;position:fixed;right:2.5%;top:19px;font-size:30px;color:#565656;}
#banner{margin-top:92px;}
}
@media screen and (max-width:768px){.phoneWrap{display:block;}
#gotop{bottom:40px;}
footer{padding-bottom:30px;}
#gocart{bottom: 100px;}
}
@media screen and (max-width:640px){footer #footerCompany .row,
footer #footerCompany .comlist, footer #footerCompany .fcontact, footer #footerCompany .footernav,
#footerCompany .row:last-child{width:100%;max-width:100%;}
footer #footerCompany .row:nth-child(3){margin-bottom:50px;}
footer #footerCompany .row:last-child,
footer #footerCompany .footernav li{text-align:center;}
#footerSet .info{width:100%;}
}
@media screen and (max-width:480px){#banner ul li a.photo{background-size:auto 100%;}
#banner ul li a.photo img{max-width:140%;}
footer #footerCis ,
footer #footerInfo{float:none;width:100%;}
footer #footerInfo{margin-top:15px;margin-left:0;}
footer #footerInfo p{margin:5px 0;text-align:center;}
#mobile-menu{height:calc(100vh - 172px);padding-bottom:80px;}
.shrink #mobile-menu{height:calc(100vh - 140px);}
}
@media screen and (max-width:450px){header .translate >p{margin-left:5px;}
header .translate form p input{width:100px;}
}