@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:15px;line-height:170%;background-repeat:no-repeat;background-position:50% 100%;background-attachment:fixed}
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 }
a.photo{ overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block }
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);font-size:15px }
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:#3c3c3c;border:none }
.pageh1{ position:fixed;opacity:0;z-index:-99999 }
.wrapper{ position:relative;overflow:hidden }
section{ width:min(95%,1500px);margin:0 auto;overflow:hidden }
header #top-nav .translate p.search-sbtn,.sub2Option,.sub3Option{display:none;}
header{ width:100%;top:0;left:0;width:100%;z-index:9999;position:fixed;background-color:white;box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
header section{ overflow:inherit;width:min(95%,1800px) }
header #top-nav{  }
header #top-nav .translate{ text-align:right;overflow:hidden }
header #top-nav .translate>p{ color:#ffffff;display:inline-block;margin-right:10px }
header #top-nav .translate>p a{ color:#ffffff }
header #top-nav form{ float:right }
header #top-nav form p{ border:1px solid #ffffff;border-radius:15px;padding:0px 5px;background-color:white }
header #top-nav form p a{ display:inline-block;color:#2f2f2f;padding:0 5px }
header #top-nav form p input{ width:120px;vertical-align:baseline;padding:0 5px }
header #top-nav form p a:hover{ color:#7b7b7b }
header #top-nav{ padding:5px 0;background-color:#d87d5b }
header .topBar,header .topBar a{ color:#ceb688;font-size:14px;text-align:right }
header .topBar a{ margin:5px;display:inline-block }
header #headerr nav{ margin-top:17px }
header #headerr nav ul{ text-align:center }
header #headerr nav ul li{ display:inline-block;position:relative }
header #headerr{ overflow:hidden }
header #headerr section{ display:flex;justify-content:space-between;align-items:center }
header #cis{ margin:20px 0;text-align:center;float:left }
header #cis a{ display:inline-block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain }
header #headerr nav ul li a{ border-right:1px #e3e3e3 solid;display:block;font-weight:bold;display:table-cell;font-size:17px;color:#191919;text-align:center;padding:10px 20px }
header #headerr nav ul li:last-child a{ border-right:unset }
header #headerr nav ul li a:hover{ color:#8c4350 }
header #headerr nav ul li a:hover b{ color:#313131 }
header #headerr nav ul li a b{ display:block;font-size:14px;text-align:center;line-height:100%;margin-bottom:3px;font-weight:400;text-transform:uppercase }
header #headerr nav ul li ul.subnav,header #headerr nav ul li ul.sub2nav,header #headerr nav ul li ul.sub3nav{ position:absolute;width:100%;left:0;background:#a58e6f;z-index:10;top:113px;display:none;overflow:visible }
header #headerr nav ul li ul.subnav{ padding-top:20px }
header #headerr nav ul li ul.subnav {
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease-in-out;
}
header #headerr nav ul li:hover ul.subnav {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
/* 預設隱藏 */
.menu .subnav {
  display: none;
  position: absolute;
  z-index: 999;
  background: white; /* 讓 hover 不穿透 */
}

/* 當 li 加上 .open 時顯示對應子選單 */
.menu li.open > .subnav,
.menu li.open > .sub2nav {
  display: block;
}
  .hover-buffer {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 200px; /* 可依需要調整緩衝高度 */
    background: transparent;
    pointer-events: auto; /* 可被滑鼠偵測 */
    z-index: 9;
  }


header #headerr nav ul li ul.sub2nav,header #headerr nav ul li ul.sub3nav{ top:30px;width:100% }
header #headerr nav ul li:hover ul.subnav,header #headerr nav ul li ul.subnav li:hover ul.sub2nav,header #headerr nav ul li ul.subnav li ul.sub2nav li:hover ul.sub3nav{ display:flex;width:100% }
header #headerr nav ul li:hover ul.subnav{ background:unset }
header #headerr nav ul li ul.subnav li:hover ul.sub2nav{ display:flex;flex-direction:column;width:auto;position:initial }
header #headerr nav ul li ul.subnav li{ display:block }
header #headerr nav ul li ul.subnav li p{ padding:5px 0;color:#fff;text-align:center;font-size:16px }
header #headerr nav ul li ul.subnav li a{ padding:5px;background:#fff;color:#000;font-size:15px;border-left:none;border-right:none;width:100vw }
header #headerr nav ul li ul.sub2nav li a{ background:#fff;color:#000 }
header #headerr nav ul li ul.subnav li a:hover{ background:#dfd7d4 }
header #headerr nav ul li ul.subnav i{ transform:rotate(180deg) }
header #headerr nav ul li:hover{ position:unset }
header #top-nav .translate .community{  }
header #top-nav .translate .community li{ display:inline-block;margin:0 3px }
header #top-nav .translate .community li a{ display:block;color:#ffffff;text-align:center;line-height:40px;font-size:15px }
#gotop{ position:fixed;right:0;bottom:40px;font-size:40px;color:#fff;z-index:9;display:block;width:50px;height:50px;text-align:center;line-height:42px;background:#343434 }
#goig{ position:fixed;right:0;bottom:90px;font-size:30px;color:#fff;z-index:9;display:block;width:50px;height:50px;text-align:center;line-height:47px;background:#ceb094 }
#gowhatsapp{ position:fixed;right:0;bottom:140px;font-size:35px;color:#212121;z-index:9;display:block;width:50px;height:50px;text-align:center;line-height:47px;background:#dfd7d4 }
#gofacebook{ position:fixed;right:0;bottom:190px;font-size:25px;color:#fff;z-index:9;display:block;width:50px;height:50px;text-align:center;line-height:50px;background:#475993 }
#goline{ position:fixed;right:0;bottom:240px;font-size:40px;color:#fff;z-index:9;display:block;width:50px;height:50px;text-align:center;line-height:42px;background:#3ace01 }
#goline img{ width:30px }
footer{ color:#000;font-size:13px;background:#d87d5b;overflow:hidden;position:relative }
footer #footerCompany{ padding:50px 0;overflow:hidden }
footer #footerCompany section{ display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap }
footer #footerCompany .bottomSet{ overflow:hidden }
footer #footerCompany .rightfb{ display:flex }
footer #footerCompany .rightfb #footer-qrcode{ margin-left:15px }
footer #footerCompany .rightfb #footer-qrcode a{  }
footer #footerCompany .rightfb #footer-qrcode a img{ width:140px;aspect-ratio:1/1;object-fit:contain }
footer #footerCompany #footer-cis{ width:20%;text-align:center }
footer #footerSet,footer .web{ color:#fff;font-size:8pt;background-color:#272525 }
footer #footerSet{ padding-top:10px }
footer .web{ padding-bottom:10px }
footer #footerSet .info{ color:#fff;text-align:center }
footer #footerSet .info p,footer #footerSet .info div{ display:inline-block }
footer #footerCompany .bottomSet .detail{ float:left }
footer #footerCompany .bottomSet .detail .firstrow{ color:#fff;font-size:16px;line-height:160% }
footer #footerCompany .bottomSet .detail .firstrow .comlist li b{ color:#ffffff;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 .secondrow{ color:#fff;font-size:16px;line-height:160% }
footer #footerCompany .bottomSet .detail .secondrow .comlist li b{ color:#ffffff;font-weight:400;margin-right:5px;vertical-align:middle }
footer #footerCompany .bottomSet .detail .secondrow .comlist li a{ color:#fff }
footer #footerCompany .bottomSet .detail .secondrow .comlist li.plus-information{ overflow:visible }
footer #footerCompany .bottomSet .detail .secondrow .comlist li.plus-information a{ position:relative;display:inline-block }
footer #footerCompany .bottomSet .detail .secondrow .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 #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;border-radius:50%;background-color:#632549;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 }
    .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 (max-width:1440px){ 
    .moreCon a{ padding:14px 20px }
    footer #footergooglemap{ width:calc(100% - 920px) }
    footer #footerCompany .bottomSet .detail{ width:100%;margin-bottom:0 } }
@media screen and (max-width:1280px){ 
    section{ width:95% } }
@media screen and (max-width:1024px){ 
    header nav{ display:none }
    header #cis{ margin:10px 0 }
    header #cis img{  }
    .mobile-main-nav{ display:block }
    .nav-funcB{position:fixed;right:2.5%;top:50px;font-size:24px;color:#ffffff;width:40px;height:40px;text-align:center;line-height:38px;border-radius:5px;background:#d87d5b;z-index: 9999;}
    .nav-funcB:hover{ color:#ffffff }
    #mobile-menu{ width:100%;background:#fff;height:calc(100vh - 30px);padding-bottom:30px;position:fixed;top:0;left:0;z-index:9998 }
    #mobile-menu>ul{width: 100%;margin: 130px auto 0;overflow:auto;max-height:calc(100vh - 140px)}
    #mobile-menu>ul>li .menu_head,.subOption>li .sub2Title,.subOption>li .sub3Title{overflow:hidden;padding: 15px 27px;border-bottom:1px solid #efefef}
    #mobile-menu>ul>li .menu_head.c0 b,.subOption>li .sub2Title.c0 b{ color:#000;transform:rotate(180deg) }
    #mobile-menu>ul>li .menu_head p,.subOption>li .sub2Title p,.subOption>li .sub3Title p{ float:left;font-size:11pt;width:calc(100% - 35px) }
    #mobile-menu>ul>li .menu_head a,.subOption>li .sub2Title a,.subOption>li .sub3Title a{color:#000;font-size: 1.1rem;}
    #mobile-menu>ul>li .menu_head b,.subOption>li .sub2Title b,.subOption>li .sub3Title b{ float:right;color:#000;cursor:pointer;display:block;width:30px;text-align:center;transform:rotate(180deg) }
    .subOption>li .sub2Title b{position:absolute;padding-right: calc(90% - 0px);display:inline-block;text-align:center;line-height:41px;top: calc((100% - 42px) / 2);right: 26px;cursor:pointer}

    #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: #424242;display: block;padding: 10px 35px;font-size: 1rem;}
    #mobile-menu .subnav i{ display:inline-block;position:relative;left:40px }
    #mobile-menu .subOption>li .sub2Title{padding: 0;font-size:14px;z-index:999999999999;position:relative}
    #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 }
    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 .bottomSet .detail{  }
    .MomoreCon{ display:block }
    .MomoreCon a{ left:initial;right:0;background:#22c6d1;color:#fff;font-size:22px } }
@media screen and (max-width:980px){ 
    footer #footerCompany .rightfb{ display:none }
    footer #footer-center{ float:none;width:100%;margin:20px 0 }
    footer #footer-center ul,footer #footer-center .info{ text-align:center }
    footer #footer-center .info.company p{ width:auto }
    footer #footerCompany .bottomSet .detail{ width:100%;text-align:center } }
@media screen and (max-width:768px){ 
    header #cis{ text-align:left;margin:5px 0 }
    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 #headerr nav ul li{ display:block;border-bottom:1px #ccc dashed }
    header #headerr nav ul li a{ padding:10px 0;border-right:none;width:100%;color:#fff }
    header #headerr nav ul li:first-child a{ margin-top:20px;border-left:0 }
    header #headerr nav ul li ul.subnav{ display:none }
    header{ padding-bottom:0 }
    .nav-funcB{ top:45px }
    footer #footerCompany #footer-cis{ float:none;width:100%;margin:10px 0 30px }
    footer #footerCompany .bottomSet,footer #footerCompany .bottomSet:nth-child(2){ width:48% } }
@media screen and (max-width:640px){ 
    .phoneWrap{ display:block;position:fixed;bottom:0;left:0;width:100%;z-index:9999 }
    .phoneWrap ul li{ float:left;width:calc((100%/6) - 0px);text-align:center }
    .phoneWrap ul li a{ color:#fff;font-size:30px;padding:10px 0;display:block;background:#da6026 }
    .phoneWrap ul li:nth-child(2) a{ background:#ceb094 }
    .phoneWrap ul li:nth-child(3) a{ background:#dfd7d4;color:#353535 }
    .phoneWrap ul li:nth-child(4) a{ background:#475993 }
    .phoneWrap ul li:nth-child(5) a{ background:#3ace01 }
    .phoneWrap ul li:nth-child(6) a{ background:#464646 }
    .phoneWrap ul li a img{ width:30px }
    footer .web{ padding-bottom:55px }
    footer #footerCompany{ width:90%;padding:40px 0;float:none;margin:0 auto }
    footer #footerCompany .bottomSet .detail .firstrow{ font-size:15px }
    footer #footerCompany .bottomSet .detail .row{ float:none;margin:0 auto }
    #gotop,#goig,#gowhatsapp,#gofacebook,#goline{ display:none }
    #translate h3{ bottom:110px }
    #translate form{ bottom:110px }
    footer #footerCompany .bottomSet,footer #footerCompany .bottomSet:nth-child(2){ width:100% } }
@media screen and (min-width:481px){ 
    header #top-nav form{ display:inline-block !important } }
@media screen and (max-width:480px){ 
    .MomoreCon a{ padding:21.8px 20px }
    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 #footerSet .info{ text-align:center }
    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:#ffffff;display:block;color:#565656;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;border:2px solid #000000 }
    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) }
    .sub2nav{padding: 0px 20px;} }
@media screen and (max-width:450px){ 
    header #cis{ width:80% }
    header h3{ top:35px } }
@media screen and (max-width:325px){ 
    header #top-nav .translate>p{ margin-right:5px }
    .subnav_new{ position:absolute;width:170px;background:#a58e6f;z-index:10;top:0px;display:none;overflow:visible;left:100% }
    .subnav:hover .subnav_new{ display:block }
    #slider-nav .slick-next:before,#slider-nav .slick-prev:before,.slick-next:before{ color:#000 }
    .slick-slider .album_box img{ height:460px;object-fit:cover } }
@media screen and (max-width:640px){
    .slick-slider .album_bo{}
    .slick-slider .album_box img{width: 200px;} }
@media screen and (max-width:1280px){ 
    header #headerr nav ul li a{ padding:10px } }