@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
@import url('/css/SeoJump.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}
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: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}
.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{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: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{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:sticky;width:100%;top:0;left:0;z-index:999}
header >.nowrap_box{margin:0 auto;width:90%}
header .grid_box{display:grid;grid-template-rows:1fr;grid-template-columns:240px 1fr 170px}
header #cis img{margin:5px 0;width:100%;height:60px;object-fit:contain}
header #menubtn{position:fixed;width:25px;height:20px;display:inline-block;top:26.5px;left:20px}
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:right}
header #webmenu .menu_box >ul >li >p a{padding:0 15px;display:block;font-size:16px;color:#1b325f;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{padding:10px 20px;display:grid;grid-template-columns:50px 50px;grid-column-gap:20px;align-items:center;justify-content:end}
#header_bar font{font-size:13px;text-align:center;color:#595959}
#header_bar a{padding:0 0}
#header_bar a >svg{width:26px;height:26px;fill:#2b2b2b}
#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}
footer{background:#606061}
footer #fnav{margin-bottom:30px;border-bottom:1px #6a6a6b solid}
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 .row p,footer #extra ul li{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:13px;color:#9d9d9d}
#gotop{}
#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}
#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:#00a0ca}
#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:5px;bottom:54px;z-index:1001;display:flex;flex-direction:column;align-items:center}
.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 svg{width:22px;margin:0 auto}
.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%}
@media screen and (min-width:1025px){
	.phoneWrap{display:none !important}
	footer #footerCompany .plus-information a:hover img{display:block}
}
@media screen and (max-width:1024px){
	.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:50%;box-sizing:border-box;background-color:#1b325f}
	.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:85%}
	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:10px 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{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;padding:0 22px}
	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:170px;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: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)}
	footer #extra ul li.plus-information:hover img{display:block}
}
@media screen and (max-width:1470px){
	header #webmenu .menu_box >ul >li >p a{
    padding: 0 8px;
}
}

@media screen and (max-width:1280px){
	header .grid_box{grid-template-columns:200px 1fr 0%;margin-left:90px;width:calc(100% - 90px)}
	#header_bar .hedicon img{width:33px}
	#header_bar{grid-column-gap:10px;padding:0 5px}
	header #cis{text-align:center}
	header #webmenu{overflow:hidden;position:fixed;width:350px;background:#fff;top:0;left:-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)}
	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;font-size:22px}
	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}
}
@media screen and (max-width:980px){footer #fnav a{padding:0 10px;line-height:45px}
	footer #flogo{width:250px}
	footer #flogo .btns_box{display:none}
	footer .row{margin:10px 0 0;width:100%;font-size:0}
	footer .row.contact p,footer #extra ul li{margin:2px 20px 2px 0;min-width:calc((100% - 20px) / 2);display:inline-block}
	footer .row.contact p:nth-child(2n+1),footer #extra ul li:nth-child(2n){margin-right:0}
	footer .row.contact p.address{width:100%}
	footer #extra ul{font-size:0}
	footer .copyright >div{margin-right:5px;display:inline-block}
}
@media screen and (max-width:640px){
	#header_bar{display:none}
	footer #fnav{display:none}
	footer #footerinfo{padding-top:30px}
	#top_search form input{width:calc(70vw - 50px)}
}
@media screen and (max-width:480px){
	.flyJ a svg{width:20px;height:20px}
	#gotop{bottom:70px}
	#gotop a{width:40px;height:40px}
	#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%}
}