@charset "utf-8";
/************************************************************************************
smaller than 980
*************************************************************************************/


@media screen and (max-width: 5000px) {
     /*#top .nav2{ display:none}*/
	 .h_5000{ display:none}
	 .s_5000{ display:block}
 
}

@media screen and (max-width: 2560px) {
.bn1{width:100%;height:1000px;overflow:hidden; background:url("../../images/bn1.jpg") no-repeat center /cover;}
}

@media screen and (max-width: 1920px) {
.bn1{width:100%;height:900px;overflow:hidden; background:url("../../images/bn1.jpg") no-repeat center /cover;}
}
@media screen and (max-width: 1600px) {
.bn1{height:800px}
}

@media screen and (max-width: 1500px) {
.bn1{height:700px}
}

@media screen and (max-width: 1400px) {
.bn1{height:600px}
}

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

.m5 .a5{width:92%}
.m6 .a6{width:92%;}
.m8 .a8{width:92%;}
.m8 .a8 .bt1{width:100%;}
    .bgt1{font:italic 900 66px/72px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體"   }
}

@media screen and (max-width: 1280px) {
.bn1{height:500px}
.m1 .a1 .lka1{}
.m1 .a1 .lka1{}
.m1 .a1 .lka1 .lk1{margin:0 0px}
.m1 .a1 .lka1 .lk1 a{font:700 20px/36px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體"}
.m2 .a2{width:92%}
.m2 .a2 .b1 .im1{width:100%;height:auto;overflow:hidden;float:left}
.m2 .a2 .b1 .im2{width:100%}
.m3 .a3{width:92%}
.m3 .a3 .b2 .im3{width:50%;}
.m4 .a4{width:92%}
.ls1 .d1 .t4{height:130px}
}
@media screen and (max-width: 1100px) {
.bn1{height:450px}
	.m2 .a2 .b1{width:100%;margin:0 auto }
	.m2 .a2 .b1 .im1{width:100%;margin-bottom:0;float:none}
	.m2 .a2 .b1 .im2{width:100%;margin-bottom:0;float:none}
	.m3 .a3 .b2{width:600px;margin:0 auto }
	.m3 .a3 .b2 .im3{width:100%;margin-bottom:40px;float:none}
/*	.t1, .t2, .t3{width:80%}*/
	.ls1{padding:10px 0}
 .m9 .a9{width:92%}
 .m9 .a9 .b6{width:100%}
 .bgt2{width:100%;font:italic 900 65px/72px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體"}
.m1 .a1 .lg1{display: none}
.mn1{display: none}
.m1 .a1 .lg2{display:block}	
 .bt4{width:180px;top:25px}
}



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


.m1 .a1 .lka1{width:calc(100% - 80px);text-align:left}
.m6 .a6 .b5 .im6{width:70%;float:none;margin:0 auto 20px}	
.m6 .a6 .b5 .c1{width:100%;padding:0}
.m6 .a6 .b5 .c1 .im7{width:50%}
.m1 .a1 .lka1 .lk2{width:160px;}
 .m1 .a1 .lka1 .lk2 a{font:700 28px/58px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-1px}
.m1 .a1 .lka1 .lk1 a{font:700 16px/36px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體"}
    .m9 .a9 .b6{padding:40px 2%}
.ls2 .t7{width:35%;font:500 20px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.ls2 .t7 span{font:500 20px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.ls2 input{width:calc(100% - 37%)}
.ls2 .c2{width:63%}
.ls2 .c3{width:63%}
 .not1{padding:0 0 0 37%;width:100%;box-sizing: border-box;}
}
@media screen and (max-width: 900px) {
.bn1{height:360px}
	 .bt4{width:180px;top:25px;right:-10px}
}


@media screen and (max-width: 850px) {
.bn1{height:360px}
	 .bt4{width:140px;top:0;right:-10px}
}

@media screen and (max-width: 800px) {
.bn1{height:320px}


.t1, .t2, .t3, .t4{width:auto!important;height:auto;text-align:center}
.t1 img, .t2 img, .t3 img, .t4 img{width:auto;height:110px}
/* .m1 .a1 .lka1 .lk2{width:80px;top:20px;height:40px}
 .m1 .a1 .lka1 .lk2 a{font:700 18px/38px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-1px}*/
 .bgt2{width:92%;font:italic 900 46px/52px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-1.px}
 
@media screen and (max-width: 850px) {
.bn1{height:360px}
	 .bt4{width:115px;top:0;right:-8px}



}
@media screen and (max-width: 720px) {
.bn1{height:300px}
.ls1{width:460px;float:none;margin:0 auto 40px;padding:12px 0}
   .ck2 span{font:500 20px/38px 'Noto Sans TC', "微軟正黑體";letter-spacing:-.5px}
	 .ls2 .t7{font:500 20px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.t1, .t2, .t3, .t4{width:auto!important;height:auto;text-align:center}
.t1 img, .t2 img, .t3 img, .t4 img{width:auto;height:90px}
.m2 .a2{padding:80px 0 80px}
.m5 .a5{padding:80px 0 50px}
.m6 .a6{padding:80px 0 50px}
 .m9 .a9 .b6{padding:20px 3%}

.m1 .a1 .lg2{width:auto;height:60px;top:10px;display: none}
 .m11 .modal-dialog {max-width:580px}
 .st1{width:100%;height:36px;overflow:hidden;font:italic 700 24px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;}
 .ls4 .t8{width:35%}
 .ls4 .t9{width:65%}
.m1 .a1 .lg1{display: block;width:auto;height:56px;top:10px}
.m1 .a1 .lg1 a img{width:auto;height:100%;}
.mn1{display: block}
.m1 .a1 .lg2{display:none}	
.m1 .a1 .lka1 .lk1{display:none}	
    .ck2 > input[type="radio"] + label{margin: 6px 8px 0 0}
    
    
}




@media screen and (max-width: 760px) {
.m2 .a2 .b1 .im1{display:none }
.m2 .a2 .b1 .im1b{display:block }
.m2 .a2 .b1 .im2{display:none }
.m2 .a2 .b1 .im2b{display:block }
.m5 .a5 .b4a{width:74%;float:none;margin:0 auto }
.m5 .a5 .b4a .im5b{padding:0   }
.m5 .a5 .b4{width:96%;padding:0;margin-top:-40px}
.m6 .a6 .b5 .c1 .im7b{width:42%;margin:0 4% 40px}
    
}
@media screen and (max-width: 680px) {
.m2 .a2 .b1,
.m3 .a3 .b2{width:96%;margin:0 auto 0px}
.m2 .a2{width:96%}
.m6 .a6 .b5 .im6{width:100%;float:none;margin:0 auto 20px}	
.m6 .a6 .b5 .c1 .im7{width:90%;margin:0 auto 25px;float:none;}

}


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


	
	
}