@import url('/css/SeoJump.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@font-face{font-family:'cwTeXHei';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);src:url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format("embedded-opentype"),url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format("woff2"),url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format("woff"),url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format("truetype")}
body{margin:0;border:0;width:100%;color:#595757;font-size:16px;line-height:150%}
div,h1,h2,h3,h4,hr,p,form,label,input,textarea,img,span,strong{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;border-width:0;font-family:"微軟正黑體","蘋果儷中黑","Lucida Grande","Arial","Arial Narrow";outline:none}
hr{noshade:noshade}
th{font-weight:400}
ul{list-style:none;margin:0;padding:0;overflow:hidden}
li{list-style:none}
a,a:hover{text-decoration:none;cursor:pointer;outline:none}
img{max-width:100%}
br{font-family:Arial!important}
form p input[type="text"],form p input[type="password"],form p textarea,form p select{width:95%;padding:10px 0;padding-left:3%;background:rgba(255,255,255,0.6);border:1px #858384 solid;font-size:16px}
form p input[type="text"]:focus,form p input[type="password"]:focus{border-color:#ecd2e2}
.slick-slider{margin-bottom:0}
body::-webkit-scrollbar-track,header .mobile-main-nav .menu >ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#fff}
body::-webkit-scrollbar,header .mobile-main-nav .menu >ul::-webkit-scrollbar{width:7px;background-color:#3f3f3f}
body::-webkit-scrollbar-thumb,header .mobile-main-nav .menu >ul::-webkit-scrollbar-thumb{background-color:#632549;border:none}
.pageh1{position:fixed;opacity:0;z-index:-99999}
.wrapper{position:relative;overflow:hidden}
section{width:1160px;margin:0 auto;overflow:hidden}
header{position:absolute;width:100%;top:0;left:0;z-index:999;transition:all linear .3s}
header.headerTop{position:fixed;background:hsla(325,42%,86%,0.85)}
header .main-nav{float:left;transition:all ease-in-out .3s;width:calc(100% - 243px)}
header #cis{float:right;margin:30px;width:183px}
header #cis a,header #mobile-cis a,header.headerTop #scrollcis a{background-position:50% 0;background-repeat:no-repeat;background-size:100% auto;display:block}
header.headerTop .main-nav #cis img{height:50px}
header .main-nav .menu{float:left;background:rgba(255,255,255,0.8196078431372549);background-size:cover;max-width:calc(100% - 220px)}
header .main-nav .menu >ul,header .mobile-main-nav .menu >ul{overflow:visible}
header .main-nav .menu >ul >li,header .mobile-main-nav .menu >ul >li{display:inline-block;position:relative}
header .main-nav .menu >ul >li >a,header .mobile-main-nav .menu >ul >li >a{color:#3d182e;display:block;padding:37px 30px;text-align:center;position:relative;transition:all ease-in-out .3s;font-size:16px}
header .main-nav .menu >ul >li .subnav{display:none;position:absolute;width:132px;overflow:visible;left:calc(50% - 66px)}
header .main-nav .menu >ul >li:hover .subnav{display:block}
header .main-nav .menu >ul >li .subnav li{background:#c35696;text-align:center;color:#fff;position:relative;display:block}
header .main-nav .menu >ul >li .subnav li p{text-align:center}
header .main-nav .menu >ul >li .subnav li:hover{background:#24a7b0}
header .main-nav .menu >ul >li .subnav li a{color:#fff;text-align:center;display:block;padding:10px 20px}
header .main-nav .menu >ul >li .subnav li .sub2nav,header .main-nav .menu >ul >li .subnav li .sub2nav li .sub3nav{position:absolute;right:0;width:132px;top:0;overflow:inherit;transition:all ease-in-out .3s;opacity:0;z-index:-888}
header .main-nav .menu >ul >li .subnav li:hover .sub2nav,header .main-nav .menu >ul >li .subnav li .sub2nav li:hover .sub3nav{right:-132px;opacity:1;z-index:1}
header .nav-func,header .nav-funcB{color:#fff;padding:24.5px 25px;display:block;float:left;font-size:20px;transition:all ease-in-out .3s;background:#c35696}
header .nav-func{text-align:center}
header .nav-func b{display:block;font-weight:400;font-size:15px;line-height:120%}
header .nav-func i{font-size:30px}
header.headerTop .nav-funcB,header.headerTop .main-nav .menu >ul >li >a,header.headerTop .mobile-main-nav .menu >ul >li >a{padding:34px 20px}
header .nav-funcB,header .mobile-main-nav,.phoneWrap,#scrollcis,.MomoreCon{display:none}
.moreCon{float:left}
.moreCon a{text-shadow:0 0 2px #000,0 0 5px #000;text-align:center;color:#fff;padding:24.5px 25px;display:block;float:left;font-size:17px;transition:all ease-in-out .3s}
.moreCon a b{display:block;font-weight:400;font-size:12px;font-family:'Montserrat',sans-serif}
header.headerTop #cis{display:none}
header.headerTop .main-nav{width:100%;height:auto;max-width:100%}
header.headerTop .main-nav .menu{float:left;background:none;width:calc(90% - 91px);margin-left:5%}
header.headerTop .moreCon{display:none}
header.headerTop .nav-func{display:none}
header.headerTop #scrollcis{display:block;float:left;margin-left:5%;padding:10px 0;width:71px}
header.headerTop #scrollcis a{background-position:50%}
#gotop{position:fixed;right:20px;bottom:40px;font-size:40px;color:#fff;text-shadow:0 0 10px #320d41;z-index:9;display:block;width:50px;height:50px;text-align:center;line-height:42px;box-shadow:0 0 10px #551c3e;border-radius:50%;background:rgba(255,255,255,0.75)}
#gocart{position:fixed;right:20px;bottom: 160px;font-size:25px;color:#fff;text-shadow:0 0 10px #320d41;z-index:9;display:block;width:50px;height:50px;text-align:center;line-height:50px;box-shadow:0 0 10px #551c3e;border-radius:50%;background:rgba(255,255,255,0.75);}
footer{color:#000;font-size:13px;background:#944473;overflow:hidden;position:relative}
footer #footerCompany{width:1040px;float:right;padding:50px 60px}
footer #footerCompany .bottomSet{overflow:hidden;margin:50px 0 30px}
footer #footerCompany #footerSet,footer #footerCompany .web{color:#fff;font-size:8pt}
footer #footerCompany #footerSet .info a{color:#fff}
footer #footerCompany #footerSet .info p,footer #footerCompany #footerSet .info div{display:inline-block}
footer #footerCompany .bottomSet .detail{float:left;overflow:hidden;width:calc(100% - 450px)}
footer #footerCompany .bottomSet .rightfb{float:right;width:400px}
footer #footerCompany .bottomSet .detail .firstrow{float:right;width:calc(100% - 280px);color:#fff;font-size:17px;line-height:180%}
footer #footerCompany .bottomSet .detail .firstrow .comlist li b{color:#471332;font-weight:400;margin-right:5px;vertical-align:middle}
footer #footerCompany .bottomSet .detail .firstrow .comlist li a{color:#fff}
footer #footerCompany .bottomSet .detail .firstrow .comlist li.plus-information{overflow:visible}
footer #footerCompany .bottomSet .detail .firstrow .comlist li.plus-information a{position:relative;display:inline-block}
footer #footerCompany .bottomSet .detail .firstrow .comlist li.plus-information img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none}
footer #footerCompany .bottomSet .detail .row{float:left;width:200px}
footer #footerCompany .bottomSet .detail .row #footer-qrcode{text-align:center;margin-bottom:20px}
footer #footerCompany .bottomSet .detail .row .community{display: flex;justify-content: center;align-items: center;}
footer #footerCompany .bottomSet .detail .row .community li{display:inline-block;margin:0 3px}
footer #footerCompany .bottomSet .detail .row .community li a{display:flex;justify-content: center;align-items: center;color:#7b7b7b;background:#fff;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;font-size:18px}
footer #footerCompany .bottomSet .detail .row .community li a svg{ width: 60%; height: 60%; fill: #7b7b7b; }
footer #footergooglemap{width:calc(100% - 1160px);position:absolute;left:0;top:0;height:100%}
footer #footergooglemap iframe{width:100%;height:100%}
#webSeo{color:#fff;overflow:hidden}
.phoneWrap,.mobile-main-nav,#mobile-menu,.nav-func,.sub2Option,.sub3Option{display:none}
#translate h3{background-color:#7b7fb2;border:1px solid #f9e2ff;font-size: 16px;cursor:pointer;position: fixed;right: 20px;bottom: 100px;color: #fff;text-shadow: 0 0 5px #320d41, 0 0 5px #320d41;z-index: 9;display: block;width: 50px;height: 50px;text-align: center;line-height: 50px;box-shadow: 0 0 10px #551c3e;border-radius: 50%;background: rgba(255,255,255,0.75);}
#translate form{display:block;position:fixed;bottom: 100px;right: 80px;z-index:8;text-align:center;line-height:40px;color:#fff;}
#translate form p{border: 1px solid #632549;border-radius:25px;overflow:hidden;background:#fff;}
#translate #goSearch{text-align:center;height: 50px;background: #c35696;padding: 0 15px;color:#fff;line-height:20px;float:right;letter-spacing:.1em;line-height: 50px;}
#translate #goSearch:hover{background:#e1224e}
#translate form input{height: 50px;width:110px;padding: 0 15px;display:inline-block;float:left;border: 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; vertical-align: baseline; }
#SeoStarRating font:last-child { color: #0a29d2; }

@media screen and (min-width: 1281px) {
footer #footer-center .info.company p.plus-information:hover img{display:block}
header .main-nav .menu >ul >li >a:after{content:'';width:2px;height:0;position:absolute;left:calc(50% - 1px);bottom:0;background:#c35696;transition:all linear .3s}
header .main-nav .menu >ul >li >a:hover{color:#c35696}
header .main-nav .menu >ul >li >a:hover:after{height:25px}
.moreCon a{transition:all linear .3s}
.moreCon a:hover{color:#981f66;text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 2px #fff,0 0 2px #fff,0 0 1px #fff,0 0 1px #fff,0 0 2px #fff}
footer #footerCompany .bottomSet .detail .firstrow .comlist li.plus-information a:hover img{display:block}
}
@media screen and (min-width: 960px) {
header .main-nav .menu >ul >li .subnav:after{content:'';position:absolute;top:-5px;left:calc(45% - 2px);width:0;height:0;border-style:solid;border-width:0 5px 5px;border-color:transparent transparent #9d3d6e;display:none}
}
@media screen and (max-width: 1680px) {
header form[name="hSearch"]{top:69px}
header .main-nav .menu >ul >li >a,header .mobile-main-nav .menu >ul >li >a{padding:37px 20px}
}
@media screen and (max-width: 1440px) {
header #cis{width:130px;margin:20px}
header .main-nav{width:calc(100% - 175px)}
header .main-nav .menu{max-width:calc(100% - 195px)}
header .nav-func{padding:16px 20px}
header .main-nav .menu >ul >li >a{padding:25px 20px}
.moreCon a{padding:14px 20px}
header .nav-func i{font-size:20px}
footer #footerCompany{width:800px}
footer #footergooglemap{width:calc(100% - 920px)}
footer #footerCompany .bottomSet .detail{width:100%;margin-bottom:50px}
footer #footerCompany .bottomSet .rightfb{float:left}
footer #footerCompany .bottomSet .detail .firstrow{line-height:130%;font-size:16px}
}
@media screen and (max-width: 1280px) {
section{width:90%}
header .main-nav .menu >ul >li >a,header.headerTop .main-nav .menu >ul >li >a{padding-left:13px;padding-right:13px}
}
@media screen and (max-width: 1024px) {
header #cis{display:none}
header .main-nav .menu,header .nav-func,header .main-nav #cis,header .main-nav,header .main-nav .menu >ul >li .subnav:after{display:none}
header .nav-funcB,header .mobile-main-nav{display:block}
header .mobile-main-nav{position:fixed;top:0;left:0;width:100%;background:#fff;text-align:center}
header #mobile-cis{width:57px;display:inline-block;padding:10px 0}
header #mobile-cis a{background-position:50%}
header #mobile-menu{border-right:none;position:absolute;top:76.6px;left:0;width:100%;background-repeat:no-repeat;background-size:cover;z-index:999;display:none;background:#af5188;height:calc(100vh - 77px)}
header .mobile-main-nav .menu >ul{height:calc(100vh - 77px);overflow:auto}
#mobile-menu{overflow:auto;padding-bottom:30px}
#mobile-menu >ul >li{display:block}
#mobile-menu >ul >li .menu_head,.subOption >li .sub2Title,.subOption >li .sub3Title{overflow:hidden;padding:15px;border-bottom:1px solid #9a4878;position:relative}
#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{font-size:11pt;width:100%;text-align:center;position:relative;z-index:5}
#mobile-menu >ul >li .menu_head a,.subOption >li .sub2Title a,.subOption >li .sub3Title a{color:#fff}
#mobile-menu >ul >li .menu_head b,.subOption >li .sub2Title b,.subOption >li .sub3Title b{color:#fff;cursor:pointer;position:absolute;width:50px;height:52px;right:0;top:0;text-align:center;line-height:52px;font-size:20px;z-index:12;display:block}
#mobile-menu >ul >li .menu_body li p,.subOption >li .sub2Option li p{background:#90356a;padding:5px 15px;font-size:14px;border-bottom:1px solid #9a4878;text-align:center}
#mobile-menu >ul >li .menu_body li a,.subOption >li .sub2Option li p a{color:#fff;display:block;padding:10px 35px;font-size:11pt}
#mobile-menu .subOption >li .sub2Title{padding:15px;font-size:14px;background:#90356a}
#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:#792958;padding:15px}
#mobile-menu .subOption >li .sub3Title p{background:none;padding:0;border:0}
#mobile-menu .subOption >li .sub3Title p a{padding:0}
#mobile-menu .subOption >li .sub3Option p{padding:15px;background:#631f47}
#mobile-menu .subOption >li .sub3Option p a{padding:0}
header .nav-funcB,header.headerTop .nav-funcB,.MomoreCon a{padding:26px 25px;position:fixed;left:0;top:0}
footer #footer-cis{float:none;width:100%;text-align:center;margin-bottom:20px}
footer #footer-center .info.company p{width:calc(50% - 15px)}
footer #footer-center{margin:20px 20px 0}
footer #footergooglemap{position:initial;width:100%;height:250px}
footer #footerCompany{width:calc(100% - 120px);float:none}
footer #footerCompany .bottomSet .rightfb{width:300px}
footer #footerCompany .bottomSet .detail{text-align:center;width:calc(100% - 400px)}
.MomoreCon{display:block}
.MomoreCon a{left:initial;right:0;background:#22c6d1;color:#fff;font-size:22px}
}
@media screen and (max-width: 980px) {
footer #footer-center{float:none;width:100%;margin:20px 0}
footer #footer-center ul,footer #footer-center .info{text-align:center}
footer #footer-qrcode{float:none;width:100%;text-align:center}
footer #footer-center .info.company p{width:auto}
footer #footerCompany .bottomSet .rightfb{float:none;margin:0 auto}
footer #footerCompany .bottomSet .detail{width:100%;text-align:center}
}
@media screen and (max-width: 640px) {
header .main-nav .menu >ul,header .mobile-main-nav .menu >ul{height:calc(100vh - 107px)}
header #mobile-menu{padding-bottom:30px;height:calc(100vh - 107px)}
.phoneWrap{display:block;position:fixed;bottom:0;left:0;width:100%;z-index:99}
.phoneWrap ul li{float:left;width:50%;text-align:center}
.phoneWrap ul li a{color:#fff;padding:5px 0;display:block;background:#0eb4bf;border-radius:10px;margin:5px}
footer #footerCompany{width:90%;padding:50px 0;float:none;margin:0 auto}
footer #footerCompany .bottomSet .detail .firstrow{float:none;margin:0 auto 40px;width:250px;font-size:15px}
footer #footerCompany .bottomSet .detail .row{float:none;margin:0 auto}
#gotop{bottom:50px}
#gocart{bottom: 170px;}
#translate h3{
    bottom: 110px;
}
#translate form{
    bottom: 110px;
}
}
@media screen and (max-width: 480px) {
header .main-nav,header .mobile-main-nav,header .main-nav .menu,header .mobile-main-nav .menu{width:100%}
header #mobile-cis{width:47px}
header #mobile-menu{top:66.6px;height:calc(100vh - 66.6px)}
header #top-nav{padding:23px 0;position:absolute;top:0;right:50px;background:none}
header #top-nav a{padding:0 10px}
header #top-nav a:last-child{padding:0 0 0 10px}
header .nav-func,header .nav-funcB,header.headerTop .nav-funcB{padding:21px 25px}
.MomoreCon a{padding:21.8px 20px}
header .mobile-main-nav .menu >ul{max-height:calc(100vh - 169px)}
footer #footer-center ul,footer #footer-qrcode{display:none}
#webSeo,footer #footer-center .info{font-size:5pt}
footer #footer-center .info.company{font-size:12px}
footer #footerCompany #footerSet .info{text-align:center}
}
@media screen and (max-width: 340px) {
header #top-nav a:first-child{display:none}
}