@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: 1700px) {
.bgtm1 .bgta1 .bt1b,
.bgtm2 .bgta2 .bt2b,
.bgtm3 .bgt3 span{font:500 18px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.bgtm1 .bgta1 .bt1c,
.bgtm2 .bgta2 .bt2c{font:900 100px/130px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.ls2 .im3{height:240px}
.ls6 .im9{height: 215px}
}
@media screen and (max-width: 1650px) {
.m2 .a2 .b2{margin-bottom:40px}
.m2 .a2 .b2 .t3{margin-bottom:25px}
.im5{height:426px }
.m8 .a8 .b15{width:32%}
.m8 .a8 .b16{width:64%}
.m8 .a8{width:91%;padding: 0 20px 70px 10%;}
.m8 .a8 .b15 .t29,
.m8 .a8 .b15 .t30{padding-left:0}

}
@media screen and (max-width: 1600px) {
/*.m1 .a1 .b1{float:right;width:86%;margin-right:20px;padding:0 2.5% 0 1%}*/
.im5{height:415px }
.ls2 .im3{height:220px}
}

@media screen and (max-width: 1550px) {
.m5 .a5 .b5b{width:150px}
.bn1, .bn2, .bn3, .bn4, .bn5, .bn6, .bn7, .bn8, 
.bn8, .bn9, .bn11, .bn12, .bn2b, .bn2c{background-size:140% auto} 
.ls6 .im9{height: 191px}
}
@media screen and (max-width: 1500px) {
.m1 .a1{width:96%}
.m1 .a1 .lg1{width:300px;margin-right:0;margin-top:5px}
.top-bar .a1 .lg1 img{width:100%;height:auto;}
.m1 .a1 .b1{width:calc(100% - 320px)}
.m1 .a1 .b1 .t1 a{padding:0 12px}
.m1 .a1 .b1 .hd{margin:31px 0 0 }
.m1 .a1 .b1 .hd .ic1{height:32px}

}

@media screen and (max-width: 1450px) {
.m5 .a5 .b5{width:120px}
.m5 .a5 .b5c{width:320px}
.m5 .a5 .b5b{width:120px}
.im5{height:375px }
.m6 .a6 .b6{width:100%;overflow: visible}
.m6 .a6 .b11{width:88%}
.ls2 .im3{height:200px}
.m6 .a6 .b10{padding:0 6%;box-sizing: border-box;}
.m6 .a6 .b10 .t16{width:100%;font:500 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.ls3 .in4{width:50%}
.m6 .a6 .im12a .im12{width:100%}
}
@media screen and (max-width: 1450px) {
.bt5a{overflow:visible;height:160px;}
.bt5a .c5{top:120px}
.bt5a .c6{top:120px;right:0}
.bt5{width:370px}
.m7 .a7 .b19 .bn16,
.m7 .a7 .b19 .bn16 .kv_pc{height:200px}

}
@media screen and (max-width: 1400px) {
.m2-3 .a2-2 .im2-3{margin:300px -520px 0 0}	
.m2-3 .a2-2 .b2{width: calc(100% - 34%);padding:40px 0 0 8%;position:absolute;top:50px;left:80px}
.m2-2 .a2 .b2{width:calc(100% - 58%);position:absolute;top:80px;right:80px}
.ls6 .im9{height: 170px}
}
@media screen and (max-width: 1300px) {

.im5{height:337px }
.ls2 .im3{height:180px}
.m1 .a1 .lg1{width:240px;margin-top:12px}	
	.m1 .a1 .b1	{width: calc(100% - 260px)}
/*.m1 .a1 .b1{width:80%;float:right;margin-right:20px;padding:0 2.5% 0 1%} 
.m1 .a1 .b1 .t1{width:calc(100% - 180px);}
.m1 .a1 .b1 .t1 a{font:400 18px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:0 10px}
/*.m1 .a1 .b1 .hd{width:170px;}
.m1 .a1 .b1 .hd .ic1{width:auto;height:26px;margin:6px 0 0 20px}*/
.bg2{background: linear-gradient(90deg,#8f8068 50%,#8f8068 50%) no-repeat left top/80px 100% #fff}
.bg1{background: linear-gradient(90deg,#8f8068 50%,#8f8068 50%) no-repeat right top/80px 100% #fff}
.m11{width:calc(100% - 80px)}
.m2-2{background: linear-gradient(90deg,#eeece8 50%,#eeece8 50%) no-repeat 80px bottom/80% 54%}
	.m3 .a3{width:calc(100% - 80px);padding: 100px 80px 100px 0;margin-left:80px}
.m12 .a13{width:calc(100% - 80px);margin:0 0 60px 80px;}
.m8{background:linear-gradient(90deg,#eeece8 50%,#eeece8 50%) no-repeat 80px bottom/40% 54%;}
.map{width:calc(100% - 80px)}
.m11b .a12{padding: 80px 120px 80px 120px}
.m11 .a12{padding: 80px 120px 80px 60px}
}
@media screen and (max-width: 1280px) {
.h_640{ display:none}
.s_640{ display:block}

.m2 .a2{width:94%}
.bgtm1 .bgta1,
.bgtm2 .bgta2{width:94%}
.m4{width:94%}
.bgtm3 .bgt3{width:90%;font: 900 60px/90px 'Noto Sans TC',"Century Goth ic","微軟正黑體";letter-spacing:-1px}
.bgtm1 .bgta1 .bt1a,
.bgtm2 .bgta2 .bt2a{font: 900 60px/90px 'Noto Sans TC',"Century Goth ic","微軟正黑體";letter-spacing:-1px}
.m3 .a3 .b3{width:94%}
.m5 .a5{width:94%}
.m6{margin:-630px auto 40px}
.m6 .a6{width:calc(100% - 80px);padding: 65px 0 40px;float:left;}
.m6 .a6 .t13{width:94%;font:900 52px/68px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin:0 auto 15px;letter-spacing:-2px}
.m6 .a6 .t14{width:82%;margin:0 auto}
.m6 .a6 .t15{width:82%;font:400 18px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin:20px auto}
.bgtm4{width:94%;padding-left:140px;}
.bgtm4 .bgt4b{font:400 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體"}

.bt10{right:6%}
.ls2 .c2{padding: 20px 20px 0}

.bt3{top:-45px;right:8%}
.m6 .a6 .b8{width:88%}
.m6 .a6 .b9 .c4{width:88%}
.m7 .a7 .b20{width:92%}
	

}
@media screen and (max-width: 1200px) {
.bgtm1 .bgta1 .bt1b,
.bgtm2 .bgta2 .bt2b{font:500 16px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.bgtm1 .bgta1 .bt1c,
.bgtm2 .bgta2 .bt2c{font:900 70px/100px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.m2 .a2 .im2{width:46%}
/*.m2 .a2 .b2{width: calc(100% - 50%);padding:0}*/
.im5{height:310px }
.ls2 .im3{height:160px}
.m1 .a1{width:98%}
.m1 .a1 .b1 .hd{width:180px }
.m1 .a1 .b1 .hd .ic1{margin:0 0 0 10px}
.m1 .a1 .b1 .t1{width: calc(100% - 200px)}
.m1 .a1 .b1 .t1 a{padding: 0 6px;font: 500 15px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.bn1 .t35{margin:-80px 0 0 0%;font: 700 38px/48px 'Noto Sans TC',"微軟正黑體";width:70%;text-align:left;height:auto;overflow:hidden}
.bn1 .t35 h4{text-align:left;margin-bottom:12px}
.bn1 .carousel-indicators{bottom:160px}
.m2 .a2 .im2-3{width:28%;margin: 200px -260px 0 0}
}


@media screen and (max-width: 1100px) {
.m8 .a8 .b15{width:100%;margin-bottom:30px}
.m8 .a8 .b16{width:100%}
.m8 .a8 .b15 .t29,
.m8 .a8 .b15 .t30{padding-left:40px}
.m11b .a12{padding: 80px 60px 80px 60px}
	.m12 .a13 .b21{width:100%;}
	.ls8{width:18%;height:auto;overflow:hidden;margin:0 1.5% 40px;}
	.ls8 .t57{font:700 18px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
}
@media screen and (max-width: 1080px) {
.m2 .a2 .im2{width:56%;margin-left:0%;}
.m2 .a2 .b2{width: 100%;padding:0}
.m2 .a2 .b2 .t2{margin-bottom:10px}
.m2 .a2 .im2{margin-bottom:10px}
/*.bn1 .carousel-indicators{bottom:5px}*/
.bgtm3 .bgt3 span{display: block;width:100%;font:500 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding-top: 10px;margin:0 0 20px 0}
.im5{height:276px;border-radius:0px 25px 25px 0;}
.m2-3 .a2-2 .b2{width:80%;padding:40px 0 0 10%;position:relative;top:50px;left:0}
.m2-2 .a2 .b2{width:100%;position:relative;top:80px;right:80px;float:none;margin:0 auto;padding:0 0 0 20%}
.ls6 .im9{height: 141px}
.bt16b{padding:0 37% 0 0;}
}

@media screen and (max-width: 1060px) {
.m5 .a5 .b4{width:100%;margin:20px 0;border-bottom:1px solid #ddd;padding-bottom:20px}
.m5 .a5 .b5{float:left}
.m5 .a5 .b5{width:200px}
.m5 .a5 .b5c{width:400px}
.m5 .a5 .b5b{width:200px}
.m4{border-radius:25px;}
.m3 .a3 .b3 .t6{margin-bottom:40px}
.m7 .a7 .bn15{width:28% }
.m7 .a7 .c10{width:calc(100% - 31%)}
}
@media screen and (max-width: 1020px) {
/*.m1 .a1{padding:15px 0 0 }
.m1 .a1 .lg1{width:auto;height:60px;margin-top:0px;left:10px}
.m1 .a1 .lg1 img{width:auto;height:100%}
.top-bar .a1{padding:0 0 0 }
.top-bar .a1 .lg1{margin-top:0}
.m1 .a1 .b1{width:85%;margin-right:0}*/
.bgtm1 .bgta1 .bt1c,
.bgtm2 .bgta2 .bt2c{/*bottom:auto;top:0*/font:900 42px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-1.5px}
.m3 .a3 .b3 .t6{width:100%}
.m3 .a3{padding:75px 0 80px}
.im5{height:255px }
.bgtm1 .bgta1 .bt1c, .bgtm2 .bgta2 .bt2c{bottom:auto;top:0}
.ls1 a{font:700 18px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.ls2{width:44%}
.ls2 .im3{height:200px}
/*.m1 .a1 .b1{padding: 0 2% 0 1%}
.m1 .a1 .b1 .t1{width:calc(100% - 130px)}*/
/*.m1 .a1 .b1 .hd{width:120px}
.m1 .a1 .b1 .hd .ic1{margin:6p2x 0 0 10px}*/
.m1 .a1 .b1 .t1 a{padding:0 6px}
.bn1 .carousel-indicators{bottom:120px}
.m1 .a1 .lg1{width:180px;margin-top:16px}
.m1 .a1 .b1{width: calc(100% - 200px)}
.m1 .a1 .b1 .hd .ic1{height:24px;margin:0 0 0 6px}
.m1 .a1 .b1 .t1{width: calc(100% - 150px)}
.m1 .a1 .b1 .hd{width:130px;margin:34px 0 0}
}

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

.m11 .a12 .im15{width:180px}
.t36{width:calc(100% - 200px)}
.bgtm4{width:94%;padding-top:160px;}
	.m6 .a6 .b8 .t11{font: 700 50px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-2px}
	.m6 .a6 .t13{font: 700 50px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-2px}
.m1 .a1 .b1 .t1 a{padding: 0 4px;font: 500 14px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
}

@media screen and (max-width: 900px) {
.m5 .a5 .b5{width:150px}
.m5 .a5 .b5c{width:300px}
.m5 .a5 .b5b{width:150px}
.m2 .a2 .im2{border-radius:25px;}
	
.im5{height:230px }
.m6{margin:-700px auto 40px}
.bgtm1 .bgta1 .bt1b, .bgtm2 .bgta2 .bt2b{text-overflow:ellipsis;white-space:nowrap;}
.ls2 .im3{height:180px}
.bt5a{overflow:visible;height:260px}
.bt5a .c5{top:100px;left:auto;right:50%;margin-right:-150px}
.bt5a .c6{top:180px;right:50%;margin-right:-185px;width:auto}
.ls5 .im8{width:40%;}
	.st2{font:700 38px/46px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-1px}
.ls5 .c8{width:58%;}
.ls5 .c8 .t25 {height:72px}
.ls5 .c8 .t25 a{font:700 28px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;}
.ls5 .c8 .t26{height:56px;}
	
.m1 .a1 .lg1{width:300px;margin-top:10px;margin-left:80px}

.m1 .a1 .b1{width:100%;padding-left:0;box-sizing: border-box;}
/*.m1 .a1 .b1 .t1 a{padding:0 8px}*/
.m1 .a1 .b1 .hd{/*width:160px;margin: 35px 0 0*/}
.m1 .a1 .b1 .hd .ic1{}
	
.top-bar .a1 .lg1{width:180px;margin-top:14px;margin-left:0}
.top-bar .a1 .b1{width: calc(100% - 180px)}
.m2 .a2 .im2{width:90%}
.m2 .a2 .im2-3{display:none}
.ls6{width:500px;float:none;margin:0 auto 40px}
.ls6 .im9{height: 300px}
	
.m7 .a7 .b19 .bn16,
.m7 .a7 .b19 .bn16 .kv_pc{height:150px}
.ls8{width:25%;height:auto;overflow:hidden;margin:0 3% 40px;}
.bt16b{padding:0 34% 0 0;}
}
@media screen and (max-width: 860px) {
/*.m1 .a1 .b1{width:82%;}*/
.top-bar .a1 .b1{width:calc(100% - 180px)}
.top-bar .a1 .b1 .t1{width:calc(100% - 130px)}
/*.top-bar .a1 .b1 .t1 a{padding:0 8px;font:400 16px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";}*/
.top-bar .a1 .b1 .hd{margin:34px 0 0;width:130px}
.top-bar .a1 .b1 .hd .ic1{height:26px;margin:0 0 0 6px}
/*.m1 .a1 .b1 .hd{width:90px;}
.m1 .a1 .b1 .hd .ic1{margin:6px 0 0 8px}*/
.m4{border-radius:15px;}
.m6 .a6 .b6{overflow:visible}
.bt10{top:-30px}
.sha{width:88%}
/*.m1 .a1 .b1{padding: 0 1.5% 0 .5%}
.m1 .a1 .b1 .t1{width:calc(100% - 135px)}
.m1 .a1 .b1 .hd{width:130px}
.m1 .a1 .b1 .hd .ic1{margin:6px 0 0 10px}
.m1 .a1 .b1 .t1 a{padding:0 4px}*/
/*.m1 .a1 .b1 .t1 a{padding: 0 4px;font: 500 15px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
*/
.m11 .a12 .im15{width:250px;margin:0 auto 40px; float:none}
.t36{width:100%}
.m11 .a12{padding: 80px 60px}
.bgt2{cmargin:0 auto;padding:0 0 0 100px}
.bgt2b{width:100%;margin-bottom:80px;padding:0}
.bt16b{padding:0 30% 0 0;}
}	
@media screen and (max-width: 830px) {
.im5{height:205px }

.m7 .a7 .bn15{display: none}
.m7 .a7 .c10{width: 84%}
.top-bar .a1 .lg1{width:160px}
.top-bar .a1 .b1{width: calc(100% - 160px)}
.top-bar .a1 .b1 .hd{margin:36px 0 0;width: 110px}
.top-bar .a1 .b1 .hd .ic1{margin: 0 0 0 4px;height:22px}
}

@media screen and (max-width: 780px) {
.im5{height:205px }
.bt16b{padding:0 28% 0 0;}
}
@media screen and (max-width: 760px) {

.m1 .a1{height:60px}
.m1 .a1 .b1{display: none}
.m1 .a1 .lg1{width:300px;margin-top:0px;padding:0}
.top-bar .a1 .lg1{margin-top:18px;}
/*.m1 .a1 .lg1{top:0}*/
.phm{display: block}
.sh1{display: none}
.top-bar{height:90px!important}
.top-bar .a1{height:90px!important}
.top-bar .a1 .phm{margin:22px 15px 0 0;}
.top-bar .a1 .sh1{margin:20px 30px 0 0;}
.m5 .a5 .b5{width:140px}
.m5 .a5 .b5c{width:300px}
.m5 .a5 .b5b{width:120px}
.m3 .a3 .b3 .t5{font:900 70px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-2px}
.m6{margin:-750px auto 40px}
.bgtm4{margin-bottom:20px }
	.m2{padding:50px 0 0}
.m3 .a3 .b3{width:90%}
.bgtm4 .bgt4{font: 900 54px/58px 'Noto Sans TC',"Century Goth ic","微軟正黑體"}
.bgtm4 .bgt4 span{font:900 42px/58px 'Noto Sans TC',"Century Goth ic","微軟正黑體";margin-left:0px;vertical-align:middle;display:block} 
.m6 .a6 .b6-2{display:none}
.b12{display:block}
.ls2 .im3{height:160px}

.m2-2 .a2 .b2{top:80px;right:20px;margin:0 auto;padding:0 0 0 8%}
.ls8{width:22%;height:auto;overflow:hidden;margin:0 5% 40px;}
	
.bt16b{padding:0 28% 0 0;}
}

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

.bt16b{padding:0 26% 0 0;}

}
@media screen and (max-width: 700px) {
.m2 .a2 .im2{width:100%}
.im5{height:190px;}	
.m6 .a6 .b7{padding: 0 5%}
.ls2{width:100%;margin: 0 0 60px 0}
.ls2 .im3{height:360px}
.bt1{float:none;display: block;clear: both;width:42%}
.ls6{width:420px}
.ls6 .im9{height:251px}
.b14{padding: 0}

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

.bt16b{padding:0 21% 0 0;}

}
@media screen and (max-width: 640px) {
body{min-width:600px}
/*.m2 .a2{padding: 60px 40px 50px}*/
.im5{height:180px;}	
.m7 .a7{padding: 140px 0 20px}
.m11 .a12{padding: 80px 60px}
}