@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans:wght@400;700&family=Noto+Serif+SC:wght@200;300;400;500;600&family=Noto+Serif+TC:wght@200;300;400;500;600&family=Noto+Serif:wght@400;700&display=swap);@font-face{font-family:"Trajan Pro 3";src:url(/fonts/Trajan/trajan.eot);src:url(/fonts/Trajan/trajan.eot?#iefix) format("embedded-opentype"),url(/fonts/Trajan/trajan.woff2) format("woff2"),url(/fonts/Trajan/trajan.woff) format("woff"),url(/fonts/Trajan/trajan.ttf) format("truetype"),url("/fonts/Trajan/trajan.svg#Trajan Pro 3") format("svg")}
.row{margin-right:0;margin-left:0}
*{margin:0;padding:0}
:focus{outline:0}
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}
a,article,b,div,font,footer,form,h2,h3,h4,h5,h6,header,hr,i,img,input,label,li,nav,p,span,strong,textarea,ul{text-align:left;vertical-align:middle;margin:0;padding:0;line-height:170%;border-width:0;font-family:Montserrat,'Noto Sans TC','Noto Sans SC',sans-serif;font-size:max(1.1*(1vw + 1vh) / 2,16px);word-wrap:break-word;word-break:break-word;text-align:left;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;font-family:Microsoft JhengHei}
:after,:before{-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}
ol,ul{list-style:none}
fieldset{border:0}
button,input,select,textarea{border-radius:0;box-shadow:none;outline:0;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select{background:url(/images/38/icon-triangle.png) no-repeat calc(100% - 10px) 50%}
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:hover,a:link,a:visited{display:inline-block;line-height:170%;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}
.bgBox,a.photo{overflow:hidden;background:no-repeat 50%/cover;display:block}
.fa,.fa:after,.fa:before,.fas,.fas:after,.fas:before,.slick-track,.trans_none_box,[class^=fancybox-],[class^=fancybox-] *{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.wrapper .slick-slider{margin-bottom:0}
.webBox{position:relative;overflow:hidden;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:min(73%,1400px);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{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}
header{position:fixed;width:100%;top:0;left:0;z-index:999;background:rgb(255 255 255 / 76%)}
header>.nowrap_box{margin:0 auto;width:90%}
header #cis img{margin:5px 0;width:200px;height:75px;object-fit:contain}
header #menubtn{position:fixed;width:25px;height:20px;display:inline-block;top:26.5px;right:20px}
header #menubtn span{position:absolute;width:100%;height:2px;background:#414141;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:right}
header #webmenu .menu_box>ul>li>p a{padding:0 0 0 20px;display:block;font-size:max(1.2*(1vw + 1vh) / 2,16px);color:#252525;font-weight:500}
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 20px}
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;text-align:center}
header #webmenu .contact_box .community a{margin:0 15px;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:#454545}
#header_bar{position:fixed;padding:10px 20px;background:#fff;border-radius:50px;box-shadow:0 0 5px rgb(0 0 0 / .3);bottom:20px;left:calc((100% - 260px)/ 2);z-index:999}
#header_bar a{padding:0 0 0 15px}
#header_bar a>svg{width:20px;height:20px;fill:#2b2b2b}
#header_bar a#openform{position:relative;margin-right:5px;padding:0 20px 0 0}
#header_bar a#openform:after{position:absolute;width:1px;height:12px;background:#ccc;top:50%;right:0;transform:translateY(-50%);content:""}
#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:0 0;font-size:20px}
#top_search #goSearch{padding:0 10px}
footer{background:#f5f5f5;margin-top:50px}
footer .workframe{width:min(90%,900px)}
footer .lantbox{display:flex;align-items:flex-start;justify-content:center;padding:24px 0;width:100%;margin:0 auto}
footer #fnav{margin-bottom:30px;border-bottom:1px #6a6a6b solid}
footer #fnav2{display:flex;justify-content:center;padding:20px 0}
footer #fnav2 a{padding:1px 40px;border-right:2px #585858 solid;color:#337ab7}
.copyright{display:flex;padding:20px 0}
footer #footerinfo{display:flex;padding:0;width:min(1480px,95%);flex-wrap:wrap;justify-content:space-between}
footer #footerinfo2{display:flex;justify-content:space-between}
footer #footerinfo2 .footext{display:flex;flex-direction:column;margin:0 10px}
footer #footerinfo2 .footext h3{font-size:max(1.5*(1vw + 1vh) / 2,18px);letter-spacing:.05em;margin-bottom:10px}
.copyright *{font-size:13px}
footer #footerinfo .fflogo{width:100%;margin-right:2%;display:flex;justify-content:center}
footer #footerinfo .footext{position:relative;display:flex;flex-direction:column;width:33%;margin-top:29px;background:#efefef;padding:20px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:10px}
footer #footerinfo .fflogo img{width:min(220px,95%);margin-left:0}
footer #footerinfo .ffimgo{width:50%}
footer #footerinfo h3{font-size:max(1.5*(1vw + 1vh) / 2,18px);margin-bottom:10px;display:flex;align-items:center;padding-left:21px}
footer #footerinfo h3:before{content:"";position:absolute;border-radius:50px;width:8px;aspect-ratio:1/1;background:#656565;left:13px}
footer *{color:#515151}
footer .workframe a,footer .workframe p{line-height:160%;font-weight:600}
footer .info{display:flex;width:95%;flex-direction:column}
footer #fnav .nowrap_box{text-align:center}
footer #fnav a{padding:0 15px;display:inline-block;font-weight:300;line-height:60px;color:#f3f3f3}
footer .row{margin-left:15px;width:calc((100% - 330px)/ 2);display:inline-block;vertical-align:top}
footer .row *{font-weight:300;font-size:15px;color:#cbcbcb}
footer #extra ul li,footer .row p{position:relative;margin-bottom:5px}
footer .row font{display:inline-block;vertical-align:unset}
footer .row font:first-child{margin-right:15px;font-family:'Trajan Pro 3','Noto Sans TC','Noto Sans SC',sans-serif;font-weight:400;font-size:13px;color:#d7d7d7}
footer #flogo{margin-left:0;width:300px}
footer #flogo .btns_box{margin-top:20px}
footer #flogo .btns_box a{margin:0 10px 10px 0;padding:10px 15px;background:#1e3998;border-radius:5px;display:inline-block;color:#fff}
footer #flogo .btns_box a.line{background:#199a29}
footer #extra ul li.plus-information img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none}
footer .copyright>div{font-size:12px;color:#9d9d9d;display:flex;justify-content:center}
#gotop{position:fixed;right:20px;bottom:20px;z-index:1001}
#gotop a{width:50px;height:50px;border:2px #fff solid;border-radius:50%;display:block;text-align:center;background:rgba(100,200,255,.3)}
#gotop a svg{margin:15px 0;width:20px;height:20px;fill:#fff}
#gotop[data-type="2"] a{border-color:#c9e7f8}
#webSeo{position:relative;overflow:hidden;margin-top:40px;padding:10px 0}
#webSeo .js-marquee *,#webSeo .js-marquee-wrapper *,#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:700;font-size:18px;color:#ff9800}
#SeoStarRating font:nth-child(2){font-size:16px;color:#ff9800}
#SeoStarRating font:last-child{color:#383838}


@media screen and (max-width: 1500px) {
	header >.nowrap_box{width:95%}
	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:2px 0}
	header.headerfixed{padding:0}
	header .row{width:180px;display:inline-block}
	header #webmenu{margin:0 0 0 50px;width:calc(100% - 230px)}
	header #menubtn,header #webmenu .contact_box,header #webmenu .menu_box ul b{display:none}
	header #webmenu .menu_box>ul>li{position:relative;overflow:hidden;display:inline-block}
	header #webmenu .menu_box>ul>li>p a{line-height:70px;color:#393939;margin-left:15px}
	header.headerfixed #webmenu .menu_box>ul>li>p a{color:#252525}
	header #webmenu .menu_box>ul>li .menu_body,header #webmenu .menu_box>ul>li .subOption li ul{position:absolute;width:200px;left:calc(50% - 85px);z-index:1;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
	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:45px;left:150px;-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 .sub2Option>li:hover,header #webmenu .menu_box>ul>li .subOption>li:hover,header #webmenu .menu_box>ul>li:hover{overflow:visible}
	header #webmenu .menu_box>ul>li:hover .menu_body{padding-top:1px;z-index:999;opacity:1;transform:translateY(0);width:250px}
	header #webmenu .menu_box>ul>li .subOption li ul.sub2Option li:hover ul.sub3Option,header #webmenu .menu_box>ul>li .subOption li:hover ul.sub2Option{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
	footer #extra ul li.plus-information:hover img{display:block}
}

@media screen and (max-width: 1470px) {
	footer #footerinfo {display: flex;}
}

@media screen and (max-width: 1280px) {
	header{background:#fff}
	header #cis{text-align:center}
	header #webmenu{overflow:hidden;position:fixed;width:350px;background:#fff;top:0;right:-400px;box-shadow:0 0 10px rgb(0 0 0 / .3);z-index:999}
	header #webmenu .menu_box{overflow-y:scroll;margin:71px 15px 0;padding-top:20px;height:calc(100vh - 91px);width:100%}
	header #webmenu .menu_box::-webkit-scrollbar{width:0}
	header #webmenu .menu_box ul li .menu_body ul li .bo,header #webmenu .menu_box>ul>li>p{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;font-size:max(1.7*(1vw + 1vh) / 2,18px)}
	header #webmenu .menu_box>ul>li{margin-bottom:14px}
	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:#00a0ca}
	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}
	footer #footerinfo .footext{width:100%;margin-top:10px}
}

@media screen and (max-width: 980px) {
	footer #footerinfo2{display:flex;flex-direction:column}
	footer #fnav2{display:flex;flex-wrap:wrap}
	footer #fnav2 a{border-right:none;width:33.3%;display:flex;padding:14px 0;justify-content:center}
	footer #fnav2 a:before{content:"※";margin-right:5px}
	footer #fnav a{padding:0 10px;line-height:45px}
	footer #flogo{width:250px}
	footer #flogo .btns_box{display:none}
	footer #footerinfo{display:flex;flex-direction:column}
	footer #footerinfo .fflogo{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}
	footer #footerinfo .ffimgo{width:100%}
	footer #footerinfo .fflogo img{width:243px;margin-left:0}
	footer .row{margin:10px 0 0;width:100%;font-size:0}
	footer #extra ul li,footer .row.contact p{margin:2px 20px 2px 0;min-width:calc((100% - 20px)/ 2);display:inline-block}
	footer #extra ul li:nth-child(2n),footer .row.contact p:nth-child(2n+1){margin-right:0}
	footer .row.contact p.address{width:100%}
	footer #extra ul{font-size:0}
	footer .copyright>div{margin-right:0;display:inline-block;width:95%}
}

@media screen and (max-width: 768px) {
	.workframe {width: 100%;}
}

@media screen and (max-width: 640px) {
	footer #fnav {display: none;}
	footer #footerinfo {padding-top: 30px;}
	#top_search form input {width: calc(70vw - 50px);}
}

@media screen and (max-width: 480px) {
	#gotop {bottom: 30px;}
	#gotop a {width: 40px;height: 40px;}
	#gotop a svg {margin: 13px 0;width: 15px;height: 15px;}
}

@media screen and (max-width: 400px) {
	header #webmenu {width: 100%;}
}