@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+TC:wght@100..900&display=swap');
* {margin: 0;padding: 0}
*:focus {outline: none}

#loading{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;z-index:9999}
#loading img{width:160px;position:relative;z-index:10001;opacity:0;transform:scale(0.8);animation: logoFadeIn 2.5s forwards;}
@keyframes logoFadeIn{0%{opacity:1;transform: scale(0);}80%{opacity:1;transform:scale(1);}100%{opacity: 0;}}
.door{position:absolute;top:0;width:50%;height:100%;background:#fff;z-index:10000;transition:transform 1.2s ease-in-out}
.door.left{left:0;transform-origin:left center}
.door.right{right:0;transform-origin:right center}
.open.left{transform:translateX(-100%)}
.open.right{transform:translateX(100%)}
body{margin:0}
body::selection{background:#339fc9;text-shadow:none;color:#fff}
body::-webkit-scrollbar{width:5px}
body::-webkit-scrollbar-track{background:rgba(255,255,255,.75)}
body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.4);border-radius:50px}
header,footer,div,nav,article,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,ul,li,img,span,font,strong,b,a,i{text-align:left;vertical-align:middle;margin:0;padding:0;line-height:170%;border-width:0;font-family:'Montserrat','Noto Sans TC',sans-serif;font-size:max(1.1 * (1vw + 1vh) / 2,16px);word-wrap:break-word;word-break:break-word;text-align:justify;text-justify:inter-ideograph;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;color:#252525}
.aos-init{-webkit-transition:unset;-moz-transition:unset;-ms-transition:unset;-o-transition:unset;transition:unset}
:before,:after{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
ul,ol{list-style:none}
fieldset{border:0}
input,button,select,textarea{border-radius:0;box-shadow:none;outline:none;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select{}
img{max-width:100%}
.img_box_cover img{width:100%;object-fit:cover}
.img_box_contain img{width:100%;object-fit:contain}
.scale_box .img_box_cover{overflow:hidden}
.scale_box .img_box_cover img{-webkit-transform:scale(1);transform:scale(1)}
a,a:link,a:visited,a:hover{display:inline-block;line-height:100%;text-decoration:none;white-space:pre-wrap}
.text-clamp,a.text-clamp{overflow:hidden;height:27px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.nowrap_box{font-size:0}
a.photo,.bgBox{overflow:hidden;background:no-repeat 50% / cover;display:block}
[class^="fancybox-"],[class^="fancybox-"] *,.slick-track,.fa,.fas,.fa:before,.fas:before,.fa:after,.fas:after,.trans_none_box{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.wrapper .slick-slider{margin-bottom:0}
.webBox{position:relative;width:100%}
.webBox .pageh1{position:absolute;top:0;z-index:1}
.webBox .wrapper{position:relative;background:#fff;z-index:2}
.workframe{position:relative;margin:0 auto;width:1440px;font-size:0;z-index:1}
.relat_box,.relat_box>*{position:relative}
.fixed_box{position:fixed}
.abso_box{position:absolute;width:100%;height:100%;z-index:4}
.relat_box .abso_tag,.relat_box p{position:absolute;width:100%;height:100%;z-index:5}
#Sitemap #jsonUL a{display:block;font-size:20px;font-weight:400;color:#2d2d2e}
#Sitemap #jsonUL a *{display:inline-block;line-height:170%;font-size:16px;vertical-align:top}
.nwmore{display:flex;justify-content:flex-end;border-bottom:lightgrey 1px solid;padding-bottom:10px}
#custombox .nwmore{display:flex;justify-content:flex-start;margin-top:46px;border-bottom:unset}
.nwmore a{background:#aa6364;padding:10px 30px;color:white;display:flex;border-radius:60px;font-size:max(1 * (1vw + 1vh) / 2,13px);align-items:center}
.nwmore a:hover svg{margin-right:26px}
.nwmore a svg{width:30px;aspect-ratio:1/1;margin-right:15px;background:white;border-radius:50%;padding:8px;fill:#aa6364;webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
header{position:fixed;width:100%;top:0;left:0;z-index:999487}
header #webmenu{overflow:hidden;position:fixed;width:350px;background:#fff;top:0;right:-500px;box-shadow:0 0 10px rgb(0 0 0 / .3);z-index:999}
header #webmenu02{overflow:hidden;z-index:999;display:flex}
header.headerfixed #webmenu02{display:none}
header #webmenu02 nav{display:flex;width:100%}
header #webmenu02 nav.menu_box_pc{}
header #webmenu02 nav.menu_box_pc li b{display:none}
header #webmenu02 nav.menu_box_pc .menu_body{display:flex;flex-direction:column;position:absolute;top:40px;display:none;padding-top:33px;z-index:-1}
header #webmenu02 nav.menu_box_pc .menu_body .subOption{display:flex;flex-direction:column;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#f5f5f5}
header #webmenu02 nav.menu_box_pc .menu_body .subOption b{display:none}
header #webmenu02 nav.menu_box_pc .menu_body li{display:flex;flex-direction:column;width:100%}
header #webmenu02 nav.menu_box_pc .menu_body li a{padding:17px 17px;border-bottom:#e5e5e5 1px solid}
header #webmenu02 nav.menu_box_pc .menu_body li a:hover{background:#a15d62;color:white}
header #webmenu02 nav.menu_box_pc .menu_body .subOption .sub2Title{}
header #webmenu02 nav ul{display:flex;width:100%;align-items:center;justify-content:flex-end}
header #webmenu02 nav ul li{display:flex}
header nav ul li a:hover{color:#aa6364}
header #webmenu02 nav ul li p{position:relative;z-index:3;width:100%}
header #webmenu02 nav ul li:hover .menu_body{display:flex}
header #webmenu02 nav ul li a{display:flex;flex-direction:column;align-items:center;padding:35px 18px}
header #webmenu .menu_box{overflow-y:scroll;margin:71px 15px 0;padding-top:20px;height:calc(100vh - 91px)}
header #webmenu .menu_box_pc{}
header #webmenu .menu_box::-webkit-scrollbar{width:0}
header #webmenu .menu_box>ul>li>p,header #webmenu .menu_box ul li .menu_body ul li .bo{position:relative}
header #webmenu .menu_box>ul>li b{position:absolute;width:23px;display:inline-block;text-align:center;color:#252525;top:calc((100% - 27px) / 2);right:0}
header #webmenu .menu_box>ul>li>p a{padding:15px 25px 15px 15px;display:block;font-weight:300;color:#3f5034}
header #webmenu .menu_box ul li .menu_body,header #webmenu .menu_box ul li .menu_body>ul li .sub2Option,header #webmenu .menu_box ul li .menu_body>ul li .sub3Option{margin-bottom:15px;display:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
header #webmenu .menu_box>ul>li .menu_body .subOption li>div a{padding:10px 25px 10px 30px;color:#4caf50}
header #webmenu .menu_box>ul>li .menu_body .subOption li .sub3Title a{padding:5px 25px 5px 40px;color:#777}
header #webmenu .menu_box>ul>li .menu_body .sub3Option{margin:0 40px;padding:5px;background:#f3f3f3}
header #webmenu .menu_box>ul>li .menu_body .sub3Option li>div a{padding:5px;font-size:14px;color:#666}
.workframe,header>.nowrap_box{margin:0 auto;width:min(90%,1440px)}
header .grid_box{display:grid;grid-template-rows:1fr;grid-template-columns:340px 1fr 150px;width:min(95%,1600px);width:100%}
header.headerfixed .grid_box{width:100%}
header #cis img{margin:5px 0;width:100%;height:70px;object-fit:contain}
header #menubtn{position:fixed;width:31px;height:20px;display:inline-block;top:32.5px;right:2%}
header.headerfixed #menubtn{top:25.5px;right:3%}
header #menubtn span{position:absolute;width:100%;height:2px;background:#686868;display:block;top:0;right:0}
header #menubtn[data-type="1"] span:nth-child(2){top:calc(50% - 1px)}
header #menubtn[data-type="1"] span:nth-child(3){top:calc(100% - 1px)}
header #menubtn[data-type="1"] span{transition:transform .4s cubic-bezier(.215,.61,.355,1),opacity .4s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1)}
header #menubtn[data-type="2"] span{background:#454545;transition:.4s cubic-bezier(.645,.045,.355,1)}
header #menubtn[data-type="2"] span:nth-child(1){top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
header #menubtn[data-type="2"] span:nth-child(2){opacity:0}
header #menubtn[data-type="2"] span:nth-child(3){top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
header #webmenu .menu_box>ul{text-align:left;display:flex;flex-direction:column}
header #webmenu .menu_box>ul>li>p a{padding:0 15px;display:block;font-size:max(1.1 * (1vw + 1vh) / 2,16px);color:#3a3a3a;font-weight:500}
header #webmenu .menu_box>ul>li>p a:hover,header.headerfixed #webmenu .menu_box>ul>li>p a:hover{color:#aa6364}
header #webmenu .menu_box>ul>li .menu_body .subOption li{position:relative;overflow:hidden}
header #webmenu .menu_box>ul>li .menu_body .subOption li>div a{padding:15px;display:block;color:#252525}
header #webmenu .contact_box{padding:50px 0px}
header #webmenu .contact_box p{margin-top:2px}
header #webmenu .contact_box p a{color:#999}
header #webmenu .contact_box .community{margin:30px 0;padding-top:30px;border-top:1px #e0e0e0 solid}
header #webmenu .contact_box .community a{margin:0 6px;width:40px;height:40px;background:#f3f3f3;border-radius:50%;display:inline-block;text-align:center;line-height:38px;color:#999}
header #menubg{position:fixed;width:100vw;height:100vh;background:rgb(0 0 0 / .4);display:none;top:0;left:0;opacity:998}
header #menubg[data-type="2"]{display:block}
header.headerfixed{background:#fff;border-bottom:1px #ccc solid}
header.headerfixed #menubtn span{background:#6c6c6c}
#header_bar{padding:0;display:grid;align-items:center;justify-content:end}
#header_bar .soglink{margin-top:0px}
#header_bar font{font-size:13px;text-align:center;color:#595959}
#header_bar a#openform{}
#header_bar a#openform:after{position:absolute;width:1px;height:12px;background:#ccc;top:50%;right:0;transform:translateY(-50%);content:""}
#header_bar .hedicon{display:flex;flex-direction:column;align-items:center}
#header_bar .hedicon.lineJ svg{fill:#68b82b}
#header_bar .hedicon.phoneJ svg{fill:#1b325f}
#header_bar .hedicon img{width:37px}
#top_search{overflow:hidden;position:fixed;width:100%;height:0;background:#f3f3f3;text-align:center;opacity:0;top:0;left:0;z-index:999}
#top_search svg{width:25px;height:25px}
#top_search #close_search{position:absolute;top:30px;right:30px}
#top_search #close_search svg{width:18px;height:18px}
#top_search form{padding:0 20px 6px;border-bottom:2px #494949 solid;display:inline-block}
#top_search form input{padding:5px 0;width:480px;background:none;font-size:20px}
#top_search #goSearch{padding:0 10px}
#gotop a{width:50px;height:50px;border:2px #c2c2c2 solid;background-color:white;border-radius:50%;display:flex;text-align:center;flex-direction:column;align-items:center;justify-content:center;font-size:14px}
.flyJ a{width:50px;height:50px;border:2px #8f4f50 solid;background-color:#aa6364;border-radius:50%;display:flex;text-align:center;flex-direction:column;align-items:center;justify-content:center;font-size:14px;color:white}
.flyJ #phoneJJ a{border:2px #bb917e solid;background-color:#d5a088}
#gotop a p{color:#929292;font-weight:600}
#gotop a svg{margin:15px 0;width:20px;height:20px;fill:#c2c2c2}
#gotop[data-type="2"] a{border-color:#b79596}
#gotop[data-type="2"] a svg{fill:#b79596}
#webSeo{position:relative;overflow:hidden;margin-top:40px;padding:10px 0}
#webSeo .js-marquee-wrapper *,#webSeo .js-marquee *,#webSeo .seo *{font-family:'Noto Serif','Noto Serif TC','Noto Serif SC',serif;font-size:13px;color:#959595;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#SeoStarRating font{margin-right:5px;display:inline-block;vertical-align:bottom}
#SeoStarRating font:first-child{line-height:130%;font-weight:bold;font-size:18px;color:#FF9800}
#SeoStarRating font:nth-child(2){font-size:16px;color:#FF9800}
#SeoStarRating font:last-child{color:#383838}
.flyJ{position:fixed;right:15px;bottom:45px;display:flex;flex-direction:column;align-items:center;z-index:9487}
.flyJ div{margin-bottom:10px}
.flyJ a svg{display:flex;flex-direction:column;align-items:center;width:30px;height:30px;border-radius:50%;padding:10px;fill:white}
.flyJ #gotop{-moz-transform:rotate(5deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.flyJ #gotop svg{width:40px;height:auto;margin:0 auto;padding:0}
.flyJ #linee a svg{background:#4caf50}
.flyJ #calll svg{background:#1b325f}
.flyJ #linee a{border:2px rgb(255 255 255 / 61%) solid;border-radius:50%}
.flyJ #calll a{border:2px rgb(255 255 255 / 61%) solid;border-radius:50%}

.soglink{display:flex;align-items:center;justify-content:center;margin-top:40px}
.soglink a{display:flex;align-items:center;padding:7px 22px;border:#70a84a 1px solid;border-radius:61px}
.soglink a:hover{background:#80bc58;padding:7px 27px}
.soglink a:hover span{color:white;margin-left:22px}
.soglink a:hover svg{fill:white}
.soglink a span{color:#70a84a;margin-left:13px}
.soglink svg{width:30px;aspect-ratio:1/1;fill:#70a84a}
.solgonbox .soglink a{border:white 1px solid}
.solgonbox .soglink a span{color:white}
.solgonbox .soglink svg{fill:white}

footer #f_copy{display:flex;justify-content:center;padding:6px 0;border-top:rgb(255 255 255 / 29%) 1px solid;margin-top:10px;background:#aa6364}
footer #f_copy *{color:white;font-size:max(1 * (1vw + 1vh) / 2,13px)}
footer{position:relative;padding:15px 0 0;padding:0;margin-top:0;background-size:cover;background-position:50% 0%;border-top:#ededed 1px solid;padding-top:30px}
footer *{color:#393939;font-weight:300}
footer .footitle{width:100%}
footer .footitle h3{font-size:max(1.4*(1vw + 1vh) / 2,17px);font-weight:400;padding-bottom:8px;margin-bottom:15px}
footer .workframe{align-items:center;display:flex;flex-direction:column}
footer .footer_top_box{display:flex;align-items:center;width:100%;margin-bottom:40px}
footer .workframe .fotxt{display:flex;width:100%;flex-wrap:wrap}
footer .workframe .fotxt .foolist{display:flex;width:33.3%}
footer .workframe .fotxt svg{width:18px;aspect-ratio:1/1;margin-right:9px;fill:white}
footer .workframe a,footer .workframe p{display:flex;padding:0px 0;font-size:max(1.1 * (1vw + 1vh) / 2,14px)}
footer .workframe #f_nav a:not(a:last-child){border-right:#ffffff3d 1px solid;padding-right:10px}
footer .workframe .row{display:flex;justify-content:center}
footer .workframe .row#flogo{width:20%}
footer .workframe .row#f_nav{order:2}
footer .workframe .row#cnus{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start}
@media screen and (min-width:1025px) {
	.phoneWrap {display: none !important}
}
@media screen and (max-width:1024px) {
	footer{padding-bottom:45px}
	.phoneWrap{display:flex;position:fixed;bottom:0px;left:0px;width:100%;z-index:99999999;flex-direction:column}
	.phoneWrap ul{display:flex}
	.phoneWrap ul li.line{background:#4caf50}
	.phoneWrap ul li{width:100%;box-sizing:border-box;background-color:#aa6364;display:flex;flex-direction:column;align-items:center}
	.phoneWrap ul li+li{border-left:1px solid #fff}
	.phoneWrap ul li a{display:inline-block;width:100%;color:#fff;text-align:center;padding:15px 0px}
}
@media screen and (max-width:1500px) {
	.workframe,header>.nowrap_box{width:min(90%,1240px)}
	header .grid_box{grid-template-columns:340px 1fr 20px}
	header #webmenu02 nav ul li a{padding:28px 18px}
	footer .workframe{grid-template-columns:17% 38% 45%}
	header #webmenu .menu_box>ul>li p a{padding:0 10px}
}
@media screen and (min-width:1281px) {
	.scale_box:hover .img_box_cover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
	header{padding:3px 0;background:white}
	header:before{content:"";position:absolute;background:#ffffff4f;width:84%;height:1px;bottom:0;right:0}
	header.headerfixed{padding:0}
	header .row{display:grid}
	header #webmenu{margin:0 0 0 50px}
	header #menubtn,header #webmenu .menu_box ul b,header #webmenu .contact_box{}
	header #webmenu .menu_box>ul>li{position:relative;overflow:hidden;display:flex;flex-direction:column}
	header #webmenu .menu_box>ul>li>p a{line-height:58px;padding:0 22px}
	header.headerfixed #webmenu .menu_box>ul>li>p a{color:#414141}
	header #webmenu .menu_box>ul>li .subOption{background:#fff;box-shadow:0 0 5px rgb(0 0 0 / .2)}
	header #webmenu .menu_box>ul>li .subOption li ul{background:#f3f3f3;box-shadow:none;top:0;left:170px;-webkit-transform:translateY(0);-webkit-transform:translateX(30px);transform:translateY(0);transform:translateX(30px)}
	header #webmenu .menu_box>ul>li .subOption li ul.sub3Option{background:#dbdbdb}
	header #webmenu .menu_box>ul>li:last-child .menu_body{left:auto;right:0}
	header #webmenu .menu_box>ul>li:last-child .subOption li ul{left:auto;right:170px}
	header #webmenu .menu_box>ul>li:hover,header #webmenu .menu_box>ul>li .subOption>li:hover,header #webmenu .menu_box>ul>li .sub2Option>li:hover{overflow:visible}
	header #webmenu .menu_box>ul>li:hover .menu_body{padding-top:1px;z-index:10;opacity:1;transform:translateY(0)}
	header #webmenu .menu_box>ul>li .subOption li:hover ul.sub2Option,header #webmenu .menu_box>ul>li .subOption li ul.sub2Option li:hover ul.sub3Option{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@media screen and (max-width:1470px) {
	header #menubtn{top:30.5px}
	header #cis img{height:65px}
	header #webmenu .menu_box>ul>li>p a{padding:0 8px}
	footer .workframe .row#flogo{width:16%}
	footer .workframe .row#cnus{width:88%}
}
@media screen and (max-width:1330px) {
	footer .workframe{display:flex;flex-wrap:wrap}
	footer .workframe .row#flogo{margin-bottom:19px}
	footer .workframe .fotxt .foolist{width:50%}
	footer .workframe .row#f_nav{margin:12px 0;display:flex;flex-wrap:wrap}
	footer .footer_top_box{display:flex;flex-direction:column}
}
@media screen and (max-width:1280px) {
	header .grid_box{grid-template-columns:311px 1fr 44px;width:100%}
	header #webmenu .menu_box>ul>li>p a{padding:18px 0}
	#header_bar .hedicon img{width:33px}
	#header_bar{grid-column-gap:10px;padding:0 5px;display:none}
	header #cis{text-align:center}
}

@media screen and (max-width:980px) {
	header #webmenu02 nav.menu_box_pc{display:none}
	footer .footer_top_box{flex-direction:column;align-items:center}
	footer .workframe .row#flogo{width:100%;margin-bottom:20px}
	footer .workframe .row#cnus{width:100%}
}
@media screen and (max-width:800px){
	footer .workframe .fotxt .foolist{width: 100%;padding: 5px 0;}
}
@media screen and (max-width:640px) {
	#header_bar{display:none}
	#top_search form input{width:calc(70vw - 50px)}
	footer .workframe .row#flogo img{width:150px}
	footer .workframe .fotxt{display:flex;flex-direction:column}
	footer .workframe .fotxt a{border-bottom:rgb(255 255 255 / 17%) 1px solid;margin-bottom:px}
	footer .workframe .row#f_nav{display:flex;justify-content:center}
}
@media screen and (max-width:550px){
	header{background: white;}
}
@media screen and (max-width:480px) {
	footer{padding-top:20px}
	.flyJ a svg{width:20px;height:20px}
	#gotop{bottom:70px}
	#gotop a{}
	#gotop a svg{margin:13px 0;width:15px;height:15px}
	#gotop a p{font-size:14px}
	.flyJ{right:6px}
}
@media screen and (max-width:400px) {
	header #webmenu{width:100%}
	header #cis img{height:60px}
	header #menubtn{top:23px}
	header #cis{text-align:left}
}