@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) {

	.m2 .a2 .b1{width:30%;padding:180px 0 0 2%}
	.m2 .a2 .b1 .im1{width:100%}
	
	.m1 .a1 .lg1{margin-left:2%;width:250px;height:137px}
	.top-bar .a1 .lg1{width: auto;height: 94px;margin:-10px 0 0 20px}
	.bn1{width:70%;}
}
@media screen and (max-width: 1700px) {
.m5 .a5{width:96%}
}
@media screen and (max-width: 1440px) {
.m4 .a4{width:96%}
.m4 .a4 .b5 .lg2{width:320px;padding-top:0}
.m4 .a4 .b5 .c2 .t8{font:500 28px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體"}
	.m5 .a5 .b7 .im2{width:56%}
	.m5 .a5 .b7 .c4{width: calc(100% - 58%)}
}
@media screen and (max-width: 1280px) {

.m3 .a3 .b4{width:900px;}
.m3 .a3 .b4b{width:94%}
.ls2{width:46%;margin:0 2% 40px}
.m4 .a4 .b5 .fb1{width:100%;height:auto}
.m4 .a4 .b5 .fb1 a img{width:100%;height:auto}
.m4 .a4 .b5 .c2{height:auto}
.m4 .a4 .b5 .c2 .ln1{width:56%;height:auto}
.m4 .a4 .b5 .c2 .ln1 a img{width:100%;height:auto}
.m4 .a4 .b5 .c2 .t8{width:100%;font:500 28px/32px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體"}
.m8 .a7{width:92%}
.m3 .a3 .b6{width:96%}
.m3 .a3 .b6b{width:96%}
.ls4 a
{ font: 700 22px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";padding:0 12px;background:
url("../../images/line.png") no-repeat right 10px/auto 80%}
.ls4 a:hover,
.ls4 a.active
{color:#0057aa;
background:
url("../../images/line.png") no-repeat right 10px/auto 80%}
.ls4b a{ font: 700 22px/36px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";padding:0 20px;background:
url("../../images/line.png") no-repeat right 10px/auto 80%}
.ls4b a:hover,
.ls4b a.active
{color:#0057aa;
background:
url("../../images/line.png") no-repeat right 10px/auto 80%/*,
url("../../images/arow1b.png") no-repeat center 54px/auto 12px;*/}
	
.m5 .a5 .b9{width:92%}
.m5 .a5 .b9 .t18
{font:400 28px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m5 .a5 .b9 .t18 span
	{font:800 28px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";}
	.m5 .a5 .b11{width:92%  }
}

@media screen and (max-width: 1080px) {
	
.m3 .a3 .b3{width:98%;height:80px;padding:0}
.ls1{width:120px;height:80px}
.ls1 a{width:100%;height:100%;overflow:hidden;font:700 20px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display: block;padding-left:15px;box-sizing: border-box;
background:
url("../../images/line.png") no-repeat right center/auto 80%,
url("../../images/ic1.png") no-repeat 6px 20px/auto 20px,
url("../../images/arow1.png") no-repeat center 52px/auto 16px;}
	
	
.ls1 a:hover,
.ls1 a.active
{color:#0057aa;
background:
url("../../images/line.png") no-repeat right center/auto 80%,
url("../../images/ic1b.png") no-repeat 6px 20px/auto 20px,
url("../../images/arow1b.png") no-repeat center 54px/auto 16px;}
	
	
.ls1b a{background:
url("../../images/line.png") no-repeat right center/auto 80%,
url("../../images/ic2.png") no-repeat 0px 20px/auto 20px,
url("../../images/arow1.png") no-repeat center 50px/auto 16px;}

.ls1b a:hover,
.ls1b a.active
{background:
url("../../images/line.png") no-repeat right center/auto 80%,
url("../../images/ic2b.png") no-repeat 0px 20px/auto 20px,
url("../../images/arow1b.png") no-repeat center 54px/auto 16px;}

.ls1c a{background:
url("../../images/line.png") no-repeat right center/auto 80%,
url("../../images/ic3.png") no-repeat 0px 20px/auto 20px,
url("../../images/arow1.png") no-repeat center 52px/auto 16px;}

.ls1c a:hover,
.ls1c a.active
{background:
url("../../images/line.png") no-repeat right center/auto 80%,
url("../../images/ic3b.png") no-repeat 0px 20px/auto 20px,
url("../../images/arow1b.png") no-repeat center 54px/auto 16px;}	
	
.c7 .ls6{width:100%;margin-right:0%;;margin-bottom:10px}
.c7 .ls6 .t21{width:35%;}
.bx1 .in18{width:63%;}
}
@media screen and (max-width: 950px) {
.m1 .a1{height:120px}
.m1 .a1 .lg1{width:180px;height:99px}
.top-bar .a1 .lg1{width: auto;height: 94px;margin:-10px 0 0 20px}
.m1 .a1 .mn1{margin:20px 40px 0 0}
.m1 .a1 .cart1{margin:20px 40px 0 }
.top-bar .a1 .cart1{margin:3px 40px 0 0}
.top-bar .a1 .mn1{margin:0px 20px 0 0}
.m3 .a3 .b2 .tt1{width:360px}
.tt2{width:100%}
.m5 .a5 .b8 .c6 {width:92%}
.m5 .a5 .b8 .c6 .tt2{width:80%}
.tt4{width:80%}
.m3 .a3 .b4{width:96%;}
.ls2 a .c1 .d1 .t3{width:100%}
.ls2 a .c1 .d1 .t4{width:100%}
.ls2{width:46%;margin:0 2% 60px}
.bt1{width:80%;}
.m3 .a3{padding:140px 0 50px}
.m4 .a4{width:100%;padding: 30px 0 20px}
.m4 .a4 .b5{width:640px;margin:0 auto 40px;float:none}

.m4 .a4 .b5 .fb1{width:466px;height:auto}
.m4 .a4 .b5 .fb1 a img{width:100%;height:auto}
.m4 .a4 .b5 .c2{height:auto}
.m4 .a4 .b5 .c2 .ln1{width:288px;height:auto}
.m4 .a4 .b5 .c2 .ln1 a img{width:100%;height:auto}
.m4 .a4 .b5 .c2 .t8{width:calc(100% - 340px);font:500 28px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體"}
.m4 .a4 .map1{width:100%;}
.m7 .a6 .b12{width:580px;}
.m7 .a6 .b12-5{width:98%;padding:40px 10px 30px }
	
.m7 .a6{padding:200px 0 120px}
.m3 .a3 .b4b{width:98%}
	.m5 .a5 .b7 {width:92%}
	.m5 .a5 .b7 .im2{width:100%;margin-bottom:40px}
	.m5 .a5 .b7 .c4{width: 100%}
    .m5 .a5 .b7 .c10 .vd1{width: 100%;height:450px}
	.m5 .a5{padding: 60px 0 20px}
.m5 .a5 .b8 .c5{height:100px}
.ls5{width:auto;height:50px;overflow:hidden;display: inline-block;margin-right:0;}

.ls5 a{width:auto;height:100%;overflow:hidden;font:700 28px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display: block;box-sizing: border-box;
background:
url("../../images/line.png") no-repeat right 5px/auto 80%,
url("../../images/arow1.png") no-repeat center bottom/auto 6px;padding:0 20px}

.ls5 a:hover,
.ls5 a.active
{color:#0057aa;
background:
url("../../images/line.png") no-repeat right center/auto 80%,
url("../../images/arow1b.png") no-repeat center bottom/auto 6px}
}

@media screen and (max-width: 850px) {
	
	.m7 .a6 .b12 .c11{display:none}
	.m7 .a6 .b12 .m6{display:block;padding:60px 0 0;width:100%}
	.ls9 .in9{width:32%;margin-right:2%}
	.m7 .a6 .b12 .c14{width:100%}
	.bt18{float: right}
	.bt18 a{font:500 16px/42px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-.5px;padding:0 4px;border-radius:6px}
	.bl1{right:auto;bottom:auto;top:20px;left:10px;height:60px}
	.ct1{width:28px;height:28px;font: bold 16px/28px arial, "Century Gothic","微軟正黑體"}
	
}


@media screen and (max-width: 750px) {
.m3 .a3 .b4b{width:90%}
.ls3{width:46%}
.m4 .a4 .b5{width:92%}
	.m4 .a4 .b5 .t7{font:500 28px/40px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體"}
.m5 .a5 .b7 .c10 .vd1{width: 100%;height:360px}
}
@media screen and (max-width: 700px) {

.m1 .a1 .lg1{width:140px;height:77px}
.top-bar .a1 .lg1{width: auto;height: 94px;margin:-10px 0 0 20px}
.m3 .a3 .b6{width:96%;display: none}
.m3 .a3 .b6b{width:96%;display: none}
.m3 .a3 .m6{display: block}
	
}