@import url('/css/SeoJump.css');
*{margin:0;padding:0;}
body, body a {margin:0;color: #3c3c3c;font-size:16px;}
div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li{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";-webkit-text-size-adjust: none;}
hr{border-top:1px #000 solid;margin:0 0 10px 0;}
th{font-weight:normal;}
ul, ol{list-style:none;}
p.lineHeight{line-height:170%;}
p.marginTop{margin:10px 0;}
p.marginLeft{margin:0 10px;}
fieldset{border:0;}
input,button,select,textarea{outline:none}
img{max-width:100%;}
a:link, a:visited{font-weight:normal;text-decoration:none;-webkit-text-size-adjust: none;}
.clear{clear:both;}
.clearfix{display:inline-block;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:".";}
* 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;}
section{overflow:hidden;margin:0 auto;width: 1280px;}
.wrapper{width:100%;overflow:hidden;position:relative;background:#fff;}
a.photo{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block;}
a.photo img{width:100%;max-width:inherit;}
.phoneWrap,
.mobile-main-nav,
#mobile-menu,
header #top-nav .translate p.search-sbtn,
.sub2Option,
.sub3Option{display:none;}

/*header*/
header{position: fixed;top: 0;width:100%;background: #fff;border-bottom: 1px solid #153e5c;text-align: center;z-index: 10;}
header section{overflow:inherit;position: relative;}
header .login-buttom{position:absolute;right: 0;top: 20px;}
header .login-buttom a{background: #153e5c;color: #fff;padding: 15px 30px;font-weight: bold;font-size: 14px;letter-spacing: 1px;animation: blink 2s infinite alternate ease-in-out;-webkit-animation: blink 2s infinite alternate ease-in-out;-moz-animation: blink 2s infinite alternate ease-in-out;-ms-animation: blink 2s infinite alternate ease-in-out;-o-animation: blink 2s infinite alternate ease-in-out;}
@keyframes blink {0% { background: #153e5c; }100% { background: #87aeb4; }}
header #top-nav .suscribe { text-align: right;}
header #top-nav p {display: inline-block;}
header #top-nav a.btn{padding: 4px 20px;margin-right: 5px;color:#ffffff;font-size: 14px;}
header #top-nav a.btn:hover{filter:brightness(110%);}
header #top-nav a.join{background: #FFBA01;}
header #top-nav a.red{background:#0000003b;color: #ffffff57;}
header #top-nav a.register{background: #87aeb4;}
header #top-nav{padding: 8px 78px;background: #153e5c;}
header .topBar ,
header .topBar a{color:#ceb688;font-size:14px;text-align:right;}
header .topBar a{margin:5px;display:inline-block;}
header nav ul{ text-align:center;}
header nav ul li{display:inline-block;position:relative;}
header #cis{display: inline-block;}
header #cis a{display:inline-block;width: 60%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
header .menu{display: inline-block;}
header nav ul li a{position: relative;display:block;color: #191a1d;font-size: 16px;text-align:center;padding: 10px 23px;}
header nav ul li ul.subnav,
header nav ul li ul.sub2nav,
header nav ul li ul.sub3nav{position:absolute;width:170px;background:#a58e6f;z-index:10;left:calc(50% - 85px);top:100%;display:none;overflow:visible;}
header nav ul li ul.sub2nav,
header nav ul li ul.sub3nav{left:100%;top:0;}
header nav ul li:hover ul.subnav,
header nav ul li ul.subnav li:hover ul.sub2nav,
header nav ul li ul.subnav li ul.sub2nav li:hover ul.sub3nav{display:block;}
header nav ul li ul.subnav li{display:block;}
header nav ul li ul.subnav li p{padding:5px 0;color:#fff;text-align:center;font-size:16px;}
header nav ul li ul.subnav li a{padding:5px;background:rgba(140,124,102,0.9);color:#dfdfdf;font-size:15px;border-left:none;border-right:none;}
header nav ul li ul.subnav li a:hover{color:#fff;background:rgba(209,176,131,0.8);}
header #main-menu li a:hover{ font-weight:900; color:#87aeb4; }
header #main-menu li a:after{position:absolute;top: 14px;right: -5px;width: 1px;height: 15px;background: #cacaca;content:"";}
header #main-menu li a:before{ content: ''; height: 6px; background-color: #00000000; position: absolute; width: 30%; left: 0; right: 0; bottom: -10px; margin: 0 auto; transition: width ease .3s; pointer-events: none; } 
header #main-menu li:hover a:before{ background-color: #87aeb4; width: 100%; }

.wrapper #gotop{display:none;position:fixed;bottom: 100px;right:20px;width:43px;height:43px;cursor:pointer;z-index:200;text-align:center;line-height:43px;background: #87aeb4;color:#fff;}
.wrapper #gocart{position:fixed;bottom: 100px;right:20px;width:43px;height:43px;cursor:pointer;z-index:200;text-align:center;line-height:43px;background: #f83c3b;color:#fff;}
section #webSeo ,
section #webSeo .seo{overflow:hidden;margin: 0 auto;padding: 5px 0;font-size: 11pt;color: #afafaf;}
section #webSeo .seo .js-marquee-wrapper{transition:none;}

/*footer*/
footer{ padding-top: 50px; background: #f1f1f1; text-align: center; }
footer section >div{ display: inline-block; overflow:hidden; width: 32%; }
footer section .one #footer-cis{ text-align:center; }
footer section .one #community{ overflow:hidden; text-align:center; margin-top: 20px; }
footer section .one #community a{ display:inline-block; color:#fff; font-size: 30px; background: #3b5998; border-radius:50%; width: 50px; height: 50px; line-height: 45px; text-align:center; margin:0 2px; }
footer section .one #community a:nth-child(2){ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); box-shadow: 0px 3px 10px rgba(0,0,0,.25); }
footer section .one #community a:nth-child(3){ background: #00bb00; }
footer section .one #community a:nth-child(4){ background:#f4b459; }
footer section .two .border{padding: 0 60px;}
footer section .two .border p{ font-size:12px; text-align: center; background: #153e5c; padding: 15px 30px; margin: 13px 5px; }
footer section .two .border p:nth-child(2){ background: #ffba00; }
footer section .two .border p:hover{ opacity:0.9; }
footer section .two .border p a{ color: rgba(255, 255, 255, 0.95); font-size: 14px; padding: 8px 36px; }
footer section .three ul{ text-align:center; }
footer section .three li{ display:inline-block; width: 100%; margin: 3px 0; }
footer section .three li a{ color: #9c9c9c; font-size: 14px; }
footer section .four #footer-qrcode2{ width:150px; margin:0 auto; }
footer section .four #cellphone{ text-align:center; }
footer section .four .leftborder #cellphone li{ margin-top: 15px; }
footer .footer2{ margin-top:30px; }
footer .maq > div{ float: none; width: 100%; padding: 15px 0; font-size: 12px !important; color: #636363; }
#webSeo .seo > div{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
footer .footer2 .info{ text-align:center; font-size:12px; color:#c5c5c5; width: 100%; float: none; }
footer .footer2 .info a{ color:#c5c5c5; }
footer .footer2 .info >p{ color:#6e6e6e; display: inline-block; text-align: center; margin-right:10px; }
footer .footer2 .footernav{ width: 100%; text-align: center; }
body >h1{position:fixed;z-index:-9999999;opacity:0;}
.slick-slider,
.slick-slider div,
.slick-slider img,
.slick-slider a,
.slick-slider li{outline: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;}
@media screen and (max-width:1440px){
    #footer_left{width: 140px;}
    #footer_right{width: 140px;}
}
@media screen and (max-width:1366px){
	section{width:95%;}
}
@media screen and (min-width:1281px){
	footer .footerList #footerInfo .comlist li a:hover img{display:block;}
}
@media screen and (max-width:1280px){
	footer section .one{ width: 100%; margin-bottom: 30px; }
	footer section >div{ width: 49%; }
	footer section .two .border{ padding: 0px 80px; }
}
@media screen and (max-width:1024px){
    header nav{display:none;}
    #mobile-menu >ul >li .menu_head,
    .subOption >li .sub2Title,
    .subOption >li .sub3Title{overflow:hidden;padding:15px;border-bottom: 1px solid #153e5c;}
    #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{display: inline-block;font-size: 12pt;text-align: left;width:calc(100% - 35px);}
    #mobile-menu >ul >li .menu_head a,
    .subOption >li .sub2Title a,
    .subOption >li .sub3Title a{color: #153e5c;}
    #mobile-menu >ul >li .menu_head b,
    .subOption >li .sub2Title b,
    .subOption >li .sub3Title b{float: right;color: #153e5c;cursor:pointer;display:block;width:30px;}
    #mobile-menu >ul >li .menu_body li p,
    .subOption >li .sub2Option li p{background:#7d705d;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:#ffffff;display:block;padding:10px 35px;font-size:11pt;}
    #mobile-menu .subOption >li .sub2Title{background:#b7a48b;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:#988a76;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;}
    .topFix{position:relative;top:0;}
    .wrapper{margin-top:0 !important;z-index:0;}
}
@media screen and (max-width:980px){
	header .login-buttom{ right: 70px; top: 25px; }
	.mobile-main-nav{display:block;}
    footer section >div{ width: 49%; }
    footer section .four .leftborder{ border-left:0; padding-left: 0; }
}
@media screen and (max-width:768px){
	section{width:97%;}
	header #cis a{ width: 100%}
	header #top-nav{ display: none}
	header .menu{display: none;}
    .mobile-main-nav{display:block;}
    .nav-funcB{position: fixed;right: 3.5%;top: 17px;font-size: 30px;color: #153e5c;width:40px;height:40px;text-align:center;line-height:38px;border-radius:5px;z-index:999;}
    #mobile-menu{width:100%;background: rgb(255 255 255 / 0.97);height:calc(100vh - 30px);padding-bottom:30px;position:fixed;top:0;left:0;z-index:99;}
    #mobile-menu >ul{width:300px;margin:70px auto 0;overflow:auto;max-height:calc(100vh - 140px);}
    header #cis{float: left;margin: 8px 25px;}
    header #cis img{width:130px;}
    header h3{position:absolute;float:right;width:100px;top:45px;right:10px;z-index:550;text-align:right;display:inline-block;}
    header h3 i{padding:12px 15px;display:inline-block;background:rgba(255,255,255,0.8);border:1px #413D3D solid;color:#413D3D;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
    header h3.menuIcon i{background:none;border:1px #fff solid;color:#fff;}
    header h3 i:before{content:"\f0c9";}
    header h3.menuIcon i:before{content:"\f00d";}
    header nav{position:absolute;margin-left:0;width:100%;height:0;background:rgba(140,124,102,0.8);top:-500%;left:0;z-index:10;transition:all 0.4s ease;}
    header nav.menuOpen{top:0;height:100vh;}
    header nav ul li{display:block;border-bottom:1px #ccc dashed;}
    header nav ul li a{padding:10px 0;border-right:none;width:100%;color:#fff;}
    header nav ul li:first-child a{margin-top:20px;border-left:0;}
    header nav ul li ul.subnav{display:none;}
    footer{padding-bottom:40px;}
    .phoneWrap{display:block;}
    .wrapper{margin-top:0;}
    header{padding-bottom:0;}
    section #webSeo ,
    section #webSeo .seo{font-size:7pt;}
    footer section >div{ width:100%; margin-bottom: 7px; }
    footer section .two .border{ padding: 0px 150px; }
    footer section .four{ display:none; }
}
@media screen and (min-width:481px){
	header #top-nav form{display:inline-block !important;}
}
@media screen and (max-width:640px){
    #footer_left, #footer_right{display:none;}
	footer{ margin-bottom: 36px; }
	footer section .four .leftborder >div{ margin: 0 1%; width: 48%; }
	footer section .four .leftborder #cellphone{ position: fixed; left: 0; bottom: 0; margin: 0; width: 100%; }
	footer section .four .leftborder #cellphone ul{ text-align:center; }
	footer section .four .leftborder #cellphone li{ display: inline-block; margin-top: 0; margin-bottom: 10px; }
	footer section .two .border{ padding: 0px 80px; }
	.phoneWrap{ display:block; position:fixed; bottom:0; left:0; width:100%; z-index: 9; }
	.phoneWrap ul{ font-size: 0}
	.phoneWrap ul li{ display: inline-block; width: calc(100% / 2); background: rgb(243, 156, 18); text-align: center; font-size: 16px; padding: 9px 0; }
	.phoneWrap ul li a{ color:#fff; }
	.phoneWrap ul li:last-child{width:100%;background: #3aa93e;}
}
@media screen and (max-width:480px){
	header .login-buttom{right: 55px;top: 25px;}
	header .login-buttom a{padding: 7px;}
    header #top-nav{position:relative;}
    header #top-nav .translate p.search-sbtn{display:block;float:left;margin:0;font-size:16px;}
    header #top-nav .translate p.search-sbtn b{background:#cab698;display:block;color:#fff;width:55px;height:25px;text-align:center;line-height:25px;border-radius:25px;}
    header #top-nav form{display:none;position:absolute;top:calc(100% + 10px);}
    header #top-nav form p{background:#fff;}
    section #webSeo ,
    section #webSeo .seo{font-size:6pt;}
    header #top-nav form p input,
    header #top-nav form p a{font-size:16px;}
    header #top-nav form p a{float:right;}
    header #top-nav form p input{width:150px;}
    #mobile-menu >ul{max-height:calc(100vh - 180px);}
	footer section >div{ width: 100%; }
	footer section .two .border{ border-right: 0; padding: 0 40px; }
	footer section .two .border p{ text-align:center; }
	footer section .three{ margin-top:30px; }
	footer section .four .leftborder #footer-qrcode, footer section .four .leftborder #footer-qrcode2{ display:none; }
	footer .maq > div{padding: 5px 0;}
}
@media screen and (max-width:450px){
	header h3{top:35px;}
}