@import url('../SeoJump.css');

*{margin:0;padding:0;}

body{position:relative;margin:0;}

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, a:link, a:visited a{color:#000; 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:#14815e;color:#2eb1a5;text-align:right;}

header .topBar .translate{overflow:hidden;text-align:right;}

header .translate form{float:left;background:#fff;border-radius:25px;padding:0 10px;}

header .topBar #registered a{

	display: inline-block;

    width: 90px;

    height: 24px;

    line-height: 23px;

    background: #ffae00;

    border-radius: 5px;

    text-align: center;

    -webkit-animation: scaleDraw 2s ease-in-out infinite;

}

@keyframes scaleDraw {  /*定義關鍵幀、scaleDrew是需要繫結到選擇器的關鍵幀名稱*/

	0%{

		transform: scale(1);  /*開始為原始大小*/

	}

	25%{

		transform: scale(1.1); /*放大1.1倍*/

	}

	50%{

		transform: scale(1);

	}

	75%{

		transform: scale(1.1);

	}

}

header .topBar #registered a i{

	display: inline-block;

    height: 24px;

    line-height: 21px;

    margin-right: 3px;

}

header .topBar #login a{

	display: inline-block;

    width: 48px;

    height: 24px;

    background: #1ebf8c;

    border-radius: 5px;

    text-align: center;

    line-height: 24px;

    color: #fff;

    margin-left: 5px;

    -webkit-animation: scaleDraw 2s ease-in-out infinite;

}







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{color: #ffba00; 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:#f1f1f1;}

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: 150px auto 0;width: 1160px;}

#banner .slick-slider{margin:0;}

#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:50%;background:#1ebf8c;z-index:9;}

#gotop a{color:#fff;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:#ffae00;}

.phoneWrap ul li:first-child{background: #19a10a;}

.phoneWrap ul li a{padding:10px 0;display:block;color:#fff;font-size:20px;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:5px 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:0px 0 5px;text-align:center;}

footer #footerCompany{color:#fff;}

#footerCompany .row{display:inline-block;vertical-align:top;}

#footerCompany .row:first-child{margin-top: 30px; width: 120px;}

#footerCompany .row:nth-child(2){width: 50%;}

#footerCompany .row:last-child{width:36%;}

#footerCompany .row h2{font-size:18px;font-weight:normal;margin-bottom:25px;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{width: 90px; 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:#ffba00;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:25%;}

#footerCompany .footernav li a,

#footerCompany .comlist li span a{color:#808080;}

#footerCompany .footernav li a:hover{color:#ffde00;}

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; }

#footer_left{position:fixed;left: 0;bottom: 3%;width: 250px;z-index: 999;}

#footer_right{position:fixed;right: 0;bottom: 0;z-index: 999;width: 250px;}

#footer_left img, #footer_right img{width: 100%;}

@media screen and (max-width:1440px){

    #footer_left{width: 140px;}

    #footer_right{width: 140px;}

}

@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;}

footer #footerCompany .row:first-child{width: 100%;}

#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:40x;}

.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;width: 100%;}

}

@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_left, #footer_right{display:none;}

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%;}

footer #footerCompany .row:first-child{

    margin: 0px;

}

footer #footerCompany .row:first-child .comlist{

    display: flex;

    justify-content: center;

}

#footerCompany .row:nth-child(2){

    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;}

}