@import url("/css/SeoJump.css");
@import url("https://fonts.googleapis.com/css?family=Patrick+Hand");
@import url("https://fonts.googleapis.com/css?family=Gloria+Hallelujah");
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300");
@import url("https://fonts.googleapis.com/css?family=Anton");

* { -webkit-text-size-adjust: none; }

body { overflow-x: hidden; margin: 0; width: 100%; border: 0; line-height: 150%; font-size: 16px; color: #000; }
body::-webkit-scrollbar , #mobile-menu::-webkit-scrollbar { width: 4px; }
body::-webkit-scrollbar-track , #mobile-menu::-webkit-scrollbar-track { background: #c5c5c5; }
body::-webkit-scrollbar-thumb , #mobile-menu::-webkit-scrollbar-thumb { background: #000; }
body::-webkit-scrollbar-thumb:hover , #mobile-menu::-webkit-scrollbar-thumb:hover { background: #393935; }

div , h1 , h2 , h3 , h4 , hr , p , form , label , input , textarea , img , span , strong { margin: 0; padding: 0; word-wrap: normal; word-break: normal; border-width: 0; text-align: left; font-family: "微軟正黑體","蘋果儷中黑","Lucida Grande","Arial","Arial Narrow"; outline: none; vertical-align: middle; }

hr { noshade: noshade }
th { font-weight: 400 }

ul , ol { overflow: hidden; margin: 0; padding: 0; list-style: none; }
li { list-style: none; }

a , a:hover { text-decoration: none; cursor: pointer; outline: none; color: #000; }

img { max-width: 100%; }

br { font-family: Arial!important; }

.pageh1 { position: fixed; color: #fff; z-index:-8989898; opacity: 0; }

.wrapper .slick-slider { margin: 0; }
.wrapper { overflow: hidden; position: relative; }

.mobile-main-nav , .nav-func , .subnav , .sub2nav , .sub3nav , .phoneWrap , .sub2Option , .sub3Option , #mobile-menu { display: none; }

/* header */
header{position:fixed;width:100%;left:0;z-index:999;transition:transform 1s cubic-bezier(.23,1,.32,1);padding:5px 0}
header #cis a{background:no-repeat 0 50% / contain;display:block}
header #cis a img{width:100%}
header #top-nav{border-top:5px solid #0583c9;border-bottom:1px solid #ededed;transition:all linear .2s}
header #menubar{width:calc(100% - 465px);display:inline-block;transition:all linear .3s;float:right;padding-right:100px}
header.headerTop #menubar{margin-top:0}
header #cis{margin-top:0;padding-left:30px;max-width:250px;display:inline-block;z-index:6;-webkit-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease}
header .rightTab{float:right;padding:10px 0}
header .rightTab .topphone{margin-bottom:5px}
header .rightTab .topphone p{overflow:hidden}
header .rightTab .topphone p i{margin-right:5px;font-size:14px}
header .rightTab .topphone p a{display:block;font-family:'Bree Serif',serif;line-height:100%;font-size:43px;color:#333}
header.headerTop{background:rgb(255 255 255 / 90%)}
#translate >p{margin-left:10px;display:inline-block;vertical-align:initial;font-size:12px;color:#238dc7}
#translate >p a{color:#1b6c98}
#translate h3{display:block;text-align:center;line-height:40px;font-size:12px;color:#fff;bottom:20px;right:30px;z-index:8;cursor:pointer;position:absolute}
#translate form{position:absolute;display:block;text-align:center;line-height:40px;color:#fff;bottom:-20px;right:30px;z-index:8}
#translate form p{overflow:hidden;background:#fff}
#translate #goSearch{padding:5px 10px;float:right;height:25px;background:#232323;text-align:center;line-height:20px;font-size:12px;letter-spacing:.1em;line-height:25px;color:#fff}
#translate form input{margin-top:4px;padding:0 5px;float:left;width:110px;height:25px;display:inline-block;font-size:13px}
#Wlanguage{position:absolute;display:block;text-align:center;line-height:40px;bottom:20px;right:130px;font-size:15px}
#Wlanguage a{color:#fff}
#Youtube{position:absolute;display:block;text-align:center;line-height:40px;bottom:20px;right:80px;font-size:15px}
#Youtube a{color:#fff}
#menubar #main-menu ul{overflow:visible;text-align:right}
#menubar #main-menu >ul >li{position:relative;display:inline-block;vertical-align:top}
#menubar #main-menu >ul >li >a{position:relative;height:80px;display:table;font-size:15px;transition:all linear .3s;color:#957c5a}
#menubar #main-menu >ul >li >a p{display:table-cell;vertical-align:middle;text-align:center;line-height:120%;width:120px}
#menubar #main-menu >ul >li >a b{display:block;text-align:center;line-height:100%;transition:all linear .3s}
#menubar #main-menu >ul >li >a b.en{font-family:'Montserrat',sans-serif;font-weight:normal;text-transform:uppercase;display:block}
#menubar #main-menu >ul >li >a b.cn{font-weight:normal;display:none}
#menubar #main-menu >ul >li >a:hover b.en{display:none}
#menubar #main-menu >ul >li >a:hover b.cn{display:block}
#menubar #main-menu ul.subnav{position:absolute;width:200px;box-shadow:0 0 20px #dedede;display:none;text-align:left;top:100%;left:calc(50% - 100px);z-index:5}
#menubar #main-menu >ul >li:active ul.subnav,#menubar #main-menu ul.subnav li:active ul.subOption{display:block}
#menubar #main-menu ul.subnav li{position:relative;background:#fff}
#menubar #main-menu ul.sub2nav,#menubar #main-menu ul.sub3nav{position:absolute;width:100%;box-shadow:0 0 20px #dedede;display:none;text-align:left;left:100%;z-index:54;top:0}
#menubar #main-menu >ul >li:last-child ul.sub2nav,#menubar #main-menu >ul >li:last-child ul.sub3nav,#menubar #main-menu >ul >li:nth-last-child(2) ul.sub2nav,#menubar #main-menu >ul >li:nth-last-child(2) ul.sub3nav,#menubar #main-menu >ul >li:nth-last-child(3) ul.sub2nav,#menubar #main-menu >ul >li:nth-last-child(3) ul.sub3nav{left:inherit;right:100%}
#menubar #main-menu ul.subnav >li ul.sub2nav li >a{background:#fff}
#menubar #main-menu ul.subnav >li >a,#menubar #main-menu ul.subnav >li >p,#menubar #main-menu ul.subnav >li ul li >a{padding:10px 20px;display:block;font-size:15px;color:#383838}
#menubar #main-menu ul.subOption{position:absolute;width:200px;display:none;text-align:left;top:-3px;left:100%}
#menubar #main-menu ul.subOption >li:first-child{border-top:3px solid #f6a266}

/* g-map */
#g-map { position: relative; background: #fff; z-index: 2; }

/* footer */
footer{position:relative;background:#f8f4f0;font-size:14px;color:#957c5a;z-index:2}
footer .workframe{overflow:hidden;margin:0 auto;width:80%}
footer .workframe h2{text-align:center;font-size:16px;letter-spacing:3px;position:relative;margin:0 auto;width:max-content;padding:0px 100px}
footer .workframe h2:before{content:"";position:absolute;top:50%;z-index:1;width:65px;height:1px;margin-top:-1px;border-top:1px solid #957c5a;pointer-events:none;right:0}
footer .workframe h2:after{content:"";position:absolute;top:50%;z-index:1;width:65px;height:1px;margin-top:-1px;border-top:1px solid #957c5a;pointer-events:none;left:0}
footer #footerCompany{padding:80px 0 70px}
footer #footerCompany .row{width:120px;float:left}
footer #footerCompany .row:nth-child(2){float:right;width:60%;overflow:hidden}
footer #footerCompany .row h2{margin-bottom:20px;font-weight:400;font-size:18px}
footer #footerCompany .row h2 span{margin-right:15px;width:8px;height:8px;background:#d9c4a9;display:inline-block;vertical-align:inherit}
footer #footer-cis{text-align:center}
footer #footerSet{padding:10px 0 0}
footer #footerCompany .comlist,footer #footerCompany .fcontact,footer #footerCompany .footernav{max-width:80%}
footer #footerCompany #footer-qrcode{margin:0 0 10px;width:100%}
footer #footerCompany .sedc >div{margin-bottom:3px;display:inline-block;vertical-align:top}
footer #footerCompany .sedc >div a{padding:0 25px;height:40px;background:#b45b5b;display:block;text-align:center;line-height:40px;color:#fff;font-size:18px;font-family:'Open Sans Condensed',sans-serif}
footer #footerCompany .sedc #footer-FB a{background:#435a8f}
footer #footerCompany .sedc a b{font-weight:400}
footer #footerCompany .comlist li:first-child{}
footer #footerCompany .comlist li b{margin-right:5px;color:#131313;vertical-align:middle}
footer #footerCompany .comlist li b i{width:25px;height:25px;line-height:25px;font-size:15px;text-align:center}
footer #footerCompany .comlist li span{vertical-align:middle}
footer #footerCompany p{}
footer #footerCompany p.sitemap,footer #footerCompany p.sitemap a{color:#e0ad61}
footer #footerCompany p a{color:#fff}
footer #footerCompany .fcontact li{margin-bottom:5px}
footer #footerCompany .fcontact li a{padding:13px 0;background:#184e91;border-radius:25px;display:block;text-align:center;color:#fff;transition:all linear .3s}
footer #footerCompany .fcontact li:nth-child(even) a{background:#1b6e48}
footer #footerCompany .footernav li{margin-bottom:5px;float:left;width:50%}
footer #footerCompany .footernav li a,footer #footerCompany .comlist li span a{color:#313131}
footer #footerCompany .fcontact{padding:10px 0}
#footerSet .info{overflow:hidden;text-align:center}
#footerSet .info div,#footerSet .info p{font-size:12px;color:rgb(149 124 90 / 30%);vertical-align:top;text-align:center;display:inline-block}
#footerSet .info .SeoWebFooter{display:inline-block;margin-left:5px}
#footerSet .info a{color:rgb(149 124 90 / 30%)}
#footerSet .community{text-align:end;float:left;width:50%}
#footerSet .community li{margin-left:5px;display:inline-block}
#footerSet .community li a{width:25px;height:25px;border:1px solid #d1d1d1;display:block;text-align:center;font-size:13px;color:#d7d7d7;left:25px}
footer #footerCompany .comlist,footer #footerCompany .plus-information{overflow:visible}
footer #footerCompany .comlist{float:left;width:50%}
footer #footerCompany .plus-information a{position:relative;display:inline-block}
footer #footerCompany .plus-information img{position:absolute;max-width:150px;max-height:150px;display:none;bottom:100%;left:0;z-index:8}
.web{padding:0 0 20px;font-size:8pt;color:rgb(149 124 90 / 30%)}

/* gotop #gocart  */
#gotop , #gocart {position:fixed;width: 40px;height: 40px;background-color: #957c5a;border-radius: 25px;display: block;text-align: center;line-height: 35px;font-size: 17px;color: #fff;right: 20px;bottom: 20px;z-index:99;}
#gocart { background-color:#b31e1e; bottom: 170px; }

/* socialBox */
#socialBox a{margin:10px auto;width: 25px;height: 25px;padding: 10px;text-align:center;border-radius:100%;flex-direction:column;display:flex;justify-content:center;align-items:center;box-shadow: 0 0 8px rgb(0 0 0 / 18%);right: 12px;position: relative;}
#socialBox a.icon-ig{background:radial-gradient(circle at 33% 100%,#fed373 4%,#f15245 30%,#d92e7f 62%,#9b36b7 85%,#515ecf);display:flex;justify-content:center;align-items:center}
#socialBox a.icon-line{background: #6b9c7e;}
#socialBox a.icon-fb{background:#395697}
#socialBox{font-size:25px;color:#fff;text-align:center;z-index:9999;position:fixed}
#socialBox a i{font-size:21px;color:#fff;text-align:center;padding:0 4px}
#socialBox a svg{width:25px;height:25px;fill:rgb(255 255 255)}
#socialBox a img{width:auto}
#socialBox{bottom: 0;right: 0;}
#socialBox{margin: auto 0 8vh 0;width: 60px;}

/* ssbanner */
#ssbanner {padding: 100px 0 70px;}
#ssbanner .index-title { margin-bottom: 50px; }

/* comprehensive */
#comprehensive { margin: 0 auto; width: 960px; }
#comprehensive .bxslider { overflow: hidden; }
#comprehensive .bxslider >div { margin: 0 10px 20px; float: left; width: calc(50% - 20px); }
#comprehensive a { overflow: hidden; position: relative; background: no-repeat 50% / cover; display: block; }
#comprehensive .inin {overflow: hidden;position: absolute;padding: 20px;width: 260px;height: calc(100% - 40px);background: #957c5a;text-align: center;color: #fff;white-space: nowrap;text-overflow: ellipsis;font-size: 15pt;transition: .3s ease-in-out;-o-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;left: 0;top: 0;}
#comprehensive p { overflow: hidden; height: 100%; width: 100%; display: table; white-space: nowrap; text-overflow: ellipsis; }
#comprehensive p b { display: table-cell; font-weight: 400; vertical-align: middle; }
#comprehensive p b span { overflow: hidden; width: 250px; display: block; white-space: nowrap; text-overflow: ellipsis; }
#comprehensive .bxslider >div:nth-child(2) .inin , #comprehensive .bxslider >div:nth-child(3) .inin {background: #c2af94;}
#comprehensive img { width: 100%; }

/* cursor */
#cursor { position: absolute; width: 30px; height: 30px; z-index: 999999999; pointer-events: none; }
#cursor .holder { position: relative; width: 100%; height: 100%; -webkit-transform: translate(-1.5px, -1.5px); transform: translate(-1.5px, -1.5px) }
#cursor .waku {position: absolute;width: 100%;height: 100%;border: 1px solid #fff;box-shadow: 0 0 18px 0 rgba(50, 50, 50, .15);transition: .1s;-o-transition: .1s;-moz-transition: .1s;-webkit-transition: .1s;border-radius: 50%;}
#cursor .dot { position: absolute; width: 6px; height: 6px; background-color: #fff; border-radius: 100%; box-shadow: 0 0 10px 1px rgba(0, 0 ,0, .2); top: 13.5px; left: 13.5px; transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; }
#cursor.clicked .dot { transform: scale(0.3); }

.dance { cursor: pointer; }

.btn.style {
background: -webkit-linear-gradient(90deg ,#006192, #23879e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; box-sizing: border-box; }

/* imgSkirt */
.imgSkirt { position: relative; }
.imgSkirt::after { position: absolute; width: 100%; height: 100%; background-color: #ececec; top: 0; z-index: 2; transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; content: ""; }

.open.imgSkirt::after { width: 0; }

/* SeoStarRating */
#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 (max-width:1440px){
	#menubar #main-menu >ul >li >a{}
}
@media screen and (max-width:1280px){
	#menubar #main-menu >ul >li >a p{width:100px}
	#menubar #main-menu >ul >li >a{height:60px}
	#Wlanguage,#Youtube,#translate h3{bottom:15px}
	footer .workframe{width:90%}
}
@media screen and (min-width:1025px){
	header #cis{position:absolute;top:40px;left:5px}
	.wrapper header #cis h2:after{position:absolute;width:250px;aspect-ratio:1/1;display:block;top:-80%;left:-25%;z-index:-1;-webkit-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;content:"";transform:translate(0,0%) !important;background-size:cover;background-color:#957c5a;border-radius:50%}
	.wrapper header.headerTop  #cis{top:25px;width:135px}
	.headerTop #menubar #main-menu >ul >li >a{}
	.headerTop #menubar #main-menu >ul >li >a b{}
	#translate h3:hover{opacity:.7}
	#translate #goSearch:hover{background:#525252}
	#Wlanguage a:hover{}
	#menubar #main-menu >ul >li:hover >a{}
	#menubar #main-menu >ul >li:hover ul.subnav,#menubar #main-menu ul.subnav li:hover ul.subOption,#menubar #main-menu ul.subnav >li:hover ul.sub2nav,#menubar #main-menu ul.sub2nav li:hover ul.sub3nav{display:block}
	#menubar #main-menu ul.subnav >li >a:hover,#menubar #main-menu ul.subnav >li >p:hover,#menubar #main-menu ul.subnav >li ul li >a:hover{background:#e8f1f7}
	footer #footerCompany .fcontact li a:hover,footer #footerCompany .sedc >div a:hover{opacity:.8}
	footer #footerCompany .footernav li a:hover{color:#afb5b9}
	footer #footerCompany .plus-information a:hover img{display:block}
	#footerSet .community li a:hover{background:#5f5f5f;color:#fff}
	#gotop:hover{background-color:#2d2b2b}
	#comprehensive a:hover .inin{padding-left:50px}
	.btn.style:hover{border:1px solid rgba(0,0,0,0)}
}
@media screen and (max-width:1024px){
	header #menubar{display:none}
	header{position:fixed;width:100%;display:block;left:0;top:0;z-index:8;background:#957c5a}
	header.headerTop{background:#957c5a}
	.mobile-main-nav{display:block}
	.nav-funcB{position:fixed;font-size:30px;color:#fff;left:20px;top:25px}
	.nav-funcB:hover{color:#fff}
	#mobile-menu{overflow:auto;position:fixed;padding-bottom:30px;width:280px;height:calc(100vh - 80px);background:#232323;top: 80px;}
	#mobile-menu >ul >li .menu_head,.subOption >li .sub2Title,.subOption >li .sub3Title{overflow:hidden;position:relative;padding:15px;border-bottom:1px solid rgb(255 255 255 / 0.1)}
	#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;width:calc(100% - 20px);font-size:11pt}
	#mobile-menu >ul >li .menu_head a,.subOption >li .sub2Title a,.subOption >li .sub3Title a{color:#fff;display:block}
	#mobile-menu >ul >li .menu_head b,.subOption >li .sub2Title b,.subOption >li .sub3Title b{position:absolute;width:50px;height:56px;text-align:center;line-height:56px;color:#a1b0d2;cursor:pointer;right:0;top:0}
	#mobile-menu >ul >li .menu_body li p,.subOption >li .sub2Option li p{padding:5px 15px;background:#102c6c;border-bottom:1px solid #3058b3;font-size:14px}
	#mobile-menu >ul >li .menu_body li a,.subOption >li .sub2Option li p a{padding:10px 35px;display:block;font-size:11pt;color:#fff}
	#mobile-menu .subOption >li .sub2Title{padding:15px 15px 15px 30px;background:#102c6c;font-size:14px}
	#mobile-menu .subOption >li .sub2Title p{padding:0;background:none;border:0}
	#mobile-menu .subOption >li .sub2Title p a{padding:0;border:none;color:#fff}
	#mobile-menu .subOption >li .sub2Title.bo p a{display:inline-block;color:#fff}
	#mobile-menu .subOption >li .sub3Title{padding:15px 15px 15px 45px;background:#051d53}
	#mobile-menu .subOption >li .sub3Title p{padding:0;width:calc(100% - 20px - 30px);background:none;border:0}
	#mobile-menu .subOption >li .sub3Title p a{padding:0;color:#fff}
	#mobile-menu .subOption >li .sub3Option p{padding:15px 10px 15px 55px;background:#102c6c}
	#mobile-menu .subOption >li .sub3Option p a{padding:0;color:#fff}
	header .rightTab{overflow:hidden;margin:0 auto;padding:10px 5%;float:none;background:#efefef;text-align:center}
	header #cis{position:initial;margin:5px 80px 5px;padding-left:0;float:none;width:70px;display:block}
	header #cis h2{text-align:center}
	header #cis a img{width:auto;max-height:60px}
	header .rightTab .topphone p a{font-size:30px}
	header .rightTab .topphone{float:right;margin:0}
	header .rightTab .translate{float:left}
	header .workframe{width:100%}
	footer #footerCompany .row{float:none;margin:0 auto 30px}
	footer #footerCompany .row:nth-child(2){float:none;width:100%;margin:0}
	#comprehensive p{line-height:120%}
	#comprehensive{width:90%}
	#cursor .waku,#cursor{z-index:-9999999999}
	footer .workframe h2{width:auto}
}
@media screen and (max-width:768px){
	#comprehensive .bxslider >div{width:calc(100% - 20px)}
	#comprehensive .inin{width:calc(100% - 40px);background:rgb(149 124 90 / 50%)}
	#comprehensive .bxslider >div:nth-child(2) .inin,#comprehensive .bxslider >div:nth-child(3) .inin{background:rgb(149 124 90 / 50%)}
	#comprehensive img{padding:20px 0}
	#ssbanner{padding-top:0}
}
@media screen and (max-width:640px){
	.phoneWrap{position:fixed;width:calc(100% - 72px);display:block;bottom:20px;left:10px;z-index:99}
	.phoneWrap li{width:calc(50% - 4px);display:inline-block}
	.phoneWrap li a{padding:5px 15px;background:#9c4343;border-radius:25px;display:block;text-align:center;line-height:30px;font-size:9pt;color:#fff}
	.phoneWrap li:nth-child(2) a{background:#6b9c7e}
	footer #footerCompany .comlist{float:none;width:100%;max-width:100%}
	footer #footerCompany .row:nth-child(3){margin-bottom:50px}
	footer #footerCompany .row{margin-bottom:20px}
	footer #footerCompany .footernav li,footer .sitemap{text-align:left}
	#footerSet .info,#footerSet .community{width:100%}
	#footerSet .community{text-align:left;margin:6px 0}
	#footerSet .community li{margin:0 5px 0 0}
	.web{padding-bottom:70px}
	footer #footerCompany .fcontact{width:calc(100% - 20px)}
	#gotop,#Wlanguage a,#translate h3,#gocart{right:15px}
	#mobile-menu >ul{margin-bottom:60px}
	footer .workframe h2{padding:0}
	footer .workframe h2:before,footer .workframe h2:after{display:none}
	#socialBox a.icon-line{display:none}
}
@media screen and (max-width:480px){
	#Wlanguage{right:60px;font-size:13px}
	#Youtube{right:40px}
}