@charset "utf-8";
/*進入選單 無障礙 需保留 不能刪除*/
/*.tt00{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;line-height:0;padding:0;margin:-99999px 0 0 0;width:0;height:0;float:left;}*/
.tt00{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;line-height:0;padding:0;margin:0;width:0;height:0;display:none}
.txt-hide{filter:alpha(opacity=0);line-height:0;display:none;padding:0;margin:0}
.topc a,.txt-hide{line-height:0}
.topc{left:0;z-index:1001;}
.topc,.topmain{position:absolute}
.topmain,.txt-hide,body,form,li,p,ul{padding:0;margin:0}
.topmain,img{border:0}

.topmain{width:auto;height:auto;overflow:hidden;clip:rect(0,0,0,0)}
.topmain~.form-control-feedback{top:0}
a.topmain{color:#FFF;float:left}
.topmain-focusable:active,.topmain-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
input,select,textarea{padding:3px 15px;margin:8px;min-height:20px;border:1px solid #080808;font-size:16px;font-family:'Inter', sans-serif,"微軟正黑體"}
textarea{border-radius:10px;width:210px;height:185px;float:left}
.input-100{width:100px;}
/*進入選單 無障礙 需保留 不能刪除*/
a{text-decoration:none;font-weight:inherit}

body{font-size:16px;line-height:30px;color:#333333;font-family:'Inter', sans-serif,"微軟正黑體";font-weight:bold}
.h1,.h2,.h3,.h4,.h5,.h6,.h7,body,div,h1,h2,h3,h4,h5,h6,p,span,td{font-family:'Inter', sans-serif,"微軟正黑體"}

.font-1{font-family:"Rubik",sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;}


.h1,.h2,.h3,h1,h2,h3{line-height:40px;}
li,ul{list-style-type:none}
:hover{-o-transition:color .35s linear,background .35s linear,border-color .5s linear;transition:color .35s linear,background .35s linear,border-color .5s linear;-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out}
.img:hover{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6}

.img-box{box-shadow:1px 1px 5px 5px rgba(0,0,0,0.1);}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400}
.h1,h1{font-size:42px;line-height:60px;}
.h2,h2{font-size:60px;line-height:60px;}
.h3,h3{font-size:32px;line-height:60px;font-weight:bold}
.h4,h4{font-size:26px;line-height:30px;font-weight:bold}
.h5,h5{font-size:22px;line-height:30px;font-weight:bold}
.h6,h6{font-size:22px;line-height:50px;}
h7{}


/*文字顏色*/
.white{color:#FFF;}
.black{color:#333333}
.blue{color:#162f6f}
.blue2{color:#2852a6}
.blue3{color:#3bcbea}
.grey{color:#6c6c6c}



.transform{text-transform:uppercase}/*英文強制大寫*/
.transform2{text-transform:capitalize}/*　第一個字母大寫，其他字母小寫*/

.txt65{font-size:65px;line-height:95px;font-weight:bold}
.txt60{font-size:60px;line-height:90px;font-weight:bold}
.txt50{font-size:50px;line-height:70px;font-weight:bold}
.txt40{font-size:40px;line-height:50px;font-weight:bold}
.txt40-2{font-size:33px;line-height:50px;font-weight:bold}
.txt38,.txt38-2{font-size:38px;line-height:50px;font-weight:bold}
.txt36{font-size:36px;line-height:50px;font-weight:bold}
.txt32{font-size:32px;line-height:40px;font-weight:bold}
.txt30{font-size:30px;line-height:40px;font-weight:bold}
.txt28{font-size:28px;line-height:40px;font-weight:bold}
.txt24,.txt24-2{font-size:24px;font-weight:bold;line-height:30px;}
.txt22{font-size:22px;line-height:30px;}
.txt20{font-size:20px;line-height:30px;}
.txt18{font-size:18px;line-height:30px;}
.txt16{font-size:16px;line-height:25px;}
.txt14{font-size:14px;line-height:20px;font-weight:normal;}



.title22{font-size:22px;line-height:30px;}

.txt-l-20{line-height:20px;}
.txt-l-25{line-height:25px;}
.txt-l-30{line-height:30px;}
.txt-l-40{line-height:40px;}
.txt-l-45{line-height:45px;}
.txt-l-50{line-height:60px;}
.txt-l-60{line-height:70px;}

.txt-margin{ margin:0 0 5% 0}

/**/
.txtw{font-size:5px;line-height:10px;color:#ffffff}

.txt-height{line-height:60px;}
.txt-center{text-align:center}
.txt-bold{font-weight:bold}
.txt-normal{font-weight:normal}
.txt-left{float:left}
.text-left{text-align:left}
.txt-right{float:right}

.txt-justify{text-align:justify;text-justify:inter-ideograph;}
.shadow-no{text-shadow:none}
.txt-shadow{text-shadow:1px 1px 3px #000000;}
.txt-noline{ text-decoration:none;}


/*文字間距*/
.txt-spac{letter-spacing:1px;}


/*背景顏色*/
.bgbg-b{ background-color:#000;border-top:10px solid #000;border-bottom:10px solid #000;}


/*線*/
.line{border-left:1px solid #80c1e0;padding:5px 0}



/*給網頁中英文之間自動加上空格的方法*/
html.han-la hanla:after {content:" ";display:inline;font-family:Arial;font-size:0.8em;}
html.han-la code hanla,
html.han-la pre hanla,
html.han-la kbd hanla,
html.han-la samp hanla {display:none;}
html.han-la ol > hanla,
html.han-la ul > hanla {display:none;}




.acc{-moz-transition:.6s;-webkit-transition:.6s}
.gb{transition:all .5s ease 0s;z-index:1}
.gb:focus,.gb:hover{transform:scale(1.05);-webkit-transform:scale(1.05)}
#abgne_float_ad{top:0;left:0;position:fixed;z-index:999999}
#abgne_float_ad .abgne_close_ad{display:block;text-align:right;cursor:pointer;font-size:26px;color:#FFF;line-height:50px;}
#abgne_float_ad a img{border:none}

/*關鍵連結*/
.pecl-top{font-size:0;color:#f0efe7;line-height:10px;top:0;float: left}


/*more*/
.more{width:150px;padding:10px 15px;text-align:center;font-size:24px;color:#888888;display:block;border-radius:5px;border:1px solid #888888;background-color:#ffffff; font-weight:normal}
.more:hover{color:#ffffff;border:1px solid #C0C0C0;background-color:#888888 }

.more2{width:150px;margin:-20px 0 0 0; padding:10px 15px;text-align:center;font-size:24px;color:#162f6f;display:block;border-radius:5px;border:1px solid #162f6f;background-color:#ffffff; font-weight:normal}
.more2:hover{color:#ffffff;border:1px solid #162f6f;background-color:#162f6f }



/*按鈕*/
.button,.button2{width:auto;padding:3px;margin:3px;text-align:center;cursor:pointer;}
.button{color:#080808;font-size:16px;padding:5px 20px;border-radius:50px;margin:3px;line-height:25px;border:1px solid #080808;background-color:#FFF;}
.button:after{position:absolute;box-sizing:content-box;}
.button:before{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}
.button:focus,.button:hover{background-color:#080808;color:#FFF;}
.button2{display:inline-block;color:#FFF;border:1px solid #080808;background-color:#080808;} 


/*按鈕置中*/
.but{text-align:center;cursor:pointer;}
.but{display:inline-block;position:relative;}
.but:after{position:absolute;box-sizing:content-box;}
.but:before{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}


/*下方選單*/
.f-box{width:90%;margin:auto;padding:15px 5%;text-align:center;background-color:#e2e6ed;color:#66758f;overflow:hidden;}
.f-box2{width:90%;margin:auto;padding:50px 5%;background-color:#e2e6ed;color:#66758f;overflow:hidden;}
.f-line{border-top: solid 1px #929fb5;border-bottom: solid 1px #929fb5; }

.f-menu{padding:5px 15px;font-size:16px;color:#162f6f;display:block;border-radius:5px; }
.f-menu:hover{font-size:16px;color:#ffffff;background-color:#162f6f; }


.f-box3{width:1330px;margin:auto;overflow:hidden;}
.f-logo,.f-tel,.f-email,.f-add{min-height:100px;float:left;text-align:left;background-repeat:no-repeat;background-position:left top;line-height:25px; }
.f-logo{width:440px;font-size:0;color:#e0e3ec;background-image:url("../img/pecl2.webp");background-size:auto 68px;}
.f-tel{width:210px;font-size:24px;color:#123269;line-height:40px;padding:0 0 0 50px;background-image: url("../img/index/f-icon1.webp");}
.f-tel a{font-size:24px;color:#123269;}
.f-email{width:215px;font-size:16px;color:#123269;padding:0 0 0 50px;background-image: url("../img/index/f-icon2.webp");}
.f-add{width:310px;font-size:16px;color:#123269;padding:0 0 0 50px;background-image: url("../img/index/f-icon3.webp");}


/*版權*/
.copyright{width:100%;padding:10px 0; overflow:hidden;text-align:center;color:#ffffff;font-size:16px;background-color:#133269;line-height:20px;font-weight:normal}
.copyright h5{font-weight:normal;color:#ffffff;}
.copyright h5 a{color:#ffffff;}
.copyright h5 a:hover{color:#41cbf9}













@media screen and (max-width:1681px){}
@media screen and (max-width:1601px){
.txt60{font-size:55px;line-height:60px;}
.txt40{font-size:38px;line-height:40px;}
.txt38,.txt38-2{font-size:34px;line-height:40px;}
.txt36{font-size:32px;line-height:40px;}	
.txt32{font-size:30px;line-height:35px;}
.txt24{font-size:24px;;line-height:30px;}
.txt22{font-size:20px;line-height:30px;}

.txt-l-60{line-height:60px;}
.txt-l-40{line-height:40px;}
	
	
	
}
@media screen and (max-width:1537px){}
@media screen and (max-width:1441px){
.f-box3{width:1200px;margin:auto;overflow:hidden;}	
.f-logo{width:308px;background-size:auto 50px;}		

}
@media screen and (max-width:1367px){
.f-logo,.f-tel,.f-email,.f-add{font-weight:normal;}
}
@media screen and (max-width:1281px){
.txt60{font-size:48px;line-height:50px;}
.txt40{font-size:36px;line-height:35px;}
.txt38,.txt38-2{font-size:28px;line-height:40px;}
.txt36{font-size:26px;line-height:35px;}
.txt32{font-size:24px;line-height:30px;}
.txt24{font-size:20px;;line-height:30px;}
.txt22{font-size:18px;line-height:30px;}

.txt-l-60{line-height:45px;}
.txt-l-40{line-height:35px;}
	
	
/*more*/
.more{width:120px;padding:8px 15px;font-size:20px;}
.more2{width:120px;padding:8px 15px;font-size:20px;}

.f-logo{width:320px;min-height:80px;float:left}	
.f-email{width:270px;min-height:80px;float:left}	
.f-tel,.f-add{width:310px;min-height:80px;float:left}	
.f-box3{width:680px;margin:auto;overflow:hidden;}		
	

	
	
	
	
	
	
	
	
}
@media screen and (max-width:1165px){}
@media screen and (max-width:1098px){
	
}
@media screen and (max-width:1025px){
.txt60{font-size:45px;line-height:50px;}
.txt40{font-size:36px;line-height:40px;}
.txt38,.txt38-2{font-size:30px;line-height:40px;}
.txt36{font-size:28px;line-height:35px;}	
.txt32{font-size:24px;line-height:30px;}
.txt24{font-size:18px;;line-height:30px;}
.txt22{font-size:18px;line-height:30px;}


	

	
}
@media screen and (max-width:961px){
	
}
@media screen and (max-width:901px){
.txt60{font-size:40px;line-height:50px;}
.txt40{font-size:36px;line-height:60px;}
.txt38,.txt38-2{font-size:28px;line-height:40px;}
.txt36{font-size:24px;line-height:35px;}
.txt32{font-size:24px;line-height:30px;}
.txt24{font-size:18px;line-height:30px;}
.txt22{font-size:18px;line-height:30px;}

	
	
	
	
}
@media screen and (max-width:865px){}
@media screen and (max-width:801px){
	
	
}
@media screen and (max-width:769px){}
@media screen and (max-width:737px){}
@media screen and (max-width:721px){
.f-box{width:96%;padding:10px 2%;}
.f-box2{width:96%;padding:30px 2%;}	
	
.f-tel,.f-email,.f-add{background-size:30px 30px;background-repeat: no-repeat;background-position:left top;padding:0 0 0 40px}	
	
.f-logo{width:320px;min-height:70px;}	
.f-email{width:270px;min-height:45px;font-size:18px}	
.f-tel,.f-add{width:310px;min-height:45px;}
.f-tel{line-height:30px;}
.f-add{min-height:55px;font-size:16px}
.f-box3{width:350px;margin:auto;}	
	
}
@media screen and (max-width:651px){

}
@media screen and (max-width:599px){}
@media screen and (max-width:569px){

	
	
}
@media screen and (max-width:526px){
/*more*/
.more{width:80px;padding:5px 15px;font-size:18px;margin:-30px 0 0 0}
.more2{width:80px;padding:5px 15px;font-size:18px;margin:-30px 0 0 0}

	
.txt60{font-size:36px;line-height:50px;}
.txt40{font-size:32px;line-height:40px;}
.txt38{font-size:30px;line-height:40px;}
.txt38-2{font-size:24px;line-height:40px;}
.txt36{font-size:24px;line-height:35px;}	
.txt32{font-size:24px;line-height:35px;}
.txt24{font-size:20px;line-height:35px;}
.txt22{font-size:20px;line-height:30px;}
		
		
	
}
@media screen and (max-width:481px){
}
@media screen and (max-width:460px){
.txt36{font-size:22px;line-height:30px;}
	
}
@media screen and (max-width:415px){
.txt60{font-size:36px;line-height:50px;}
body{font-size:18px;line-height:30px;font-weight:normal}	
.f-menu,.f-menu:hover{font-size:18px;}	
	
.copyright{line-height:35px;}
	
}
@media screen and (max-width:385px){
.f-box3{width:310px;margin:auto;}		
.f-add{font-size:14px;}
.copyright{font-size:14px;line-height:20px;}	
	
}
@media screen and (max-width:376px){}
@media screen and (max-width:361px){

		
	



}
@media screen and (max-width:321px){
	

}