@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: 1800px) {
.bn2 .carousel-control-next,
.bn2 .carousel-control-prev{width:9%;top:35%}
.bn2 .carousel-inner > .carousel-item a > img{height:545px}
.ls9 a .im14{;height:222px;}
}
@media screen and (max-width: 1700px) {
     /*#top .nav2{ display:none}*/

.m1 .a1 .lg1{width:240px}
.top-bar .a1 .lg1{width:200px;}
.m1 .a1 .mn1{width:240px;}
.top-bar .a1 .mn1{width:200px;}
.ads{left:0%;width:calc(100% - 500px);margin:0 0 0 250px}
.m2 .a2{padding: 400px 0 400px}
.m2 .a2 .im1 {width:500px;left:15%;top:350px}
.m2 .a2 .b1 .t1{width:50%;height:126px}
.m2 .a2 .b1{;background:linear-gradient(90deg,#da9b66 50%,#da9b66 50%) no-repeat center 160px/10px 96%;}

}


@media screen and (max-width: 1680px) {
	
.m3 .a3{padding:200px 0 0}
.m3 .a3 .b2{width:500px}
.m3 .a3 .b2 .t2{font:500 24px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.m3{
background:
url("../../images/cdbg3.png") no-repeat left 13%,
url("../../images/im2.png") no-repeat right 200px/64% auto,
url("../../images/bg3.png") no-repeat left 400px/46% auto,
url("../../images/bg2.png") no-repeat center top/100% auto,
url("../../images/bg4.jpg") no-repeat center bottom/100% 60%
;margin-top:-400px;}
}

@media screen and (max-width: 1630px) {
.bn2 .carousel-control-next,
.bn2 .carousel-control-prev{width:10%;top:35%}
.bn2 .carousel-inner > .carousel-item a > img{height:487px}
	
}

@media screen and (max-width: 1600px) {
	
.m2 .a2 .im1 {width:500px;left:12%;top:350px}

}

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

.bn1 .carousel-indicators{bottom:400px}
}

@media screen and (max-width: 1480px) {
.bn2{width:100%}
.bn2 .carousel-inner > .carousel-item a > img{height:563px}

.m5 .a5 .b4{width:96%;height:auto}
/*.m5 .a5 .b4 .d1{width:44%}
.m5 .a5 .b4 .d2{width:calc(100% - 48%)}*/
.ls9 a .im14{;height:191px;}
	
}


@media screen and (max-width: 1400px) {
	
.m2 .a2 .im1 {width:450px;left:8%;top:350px}
.m8 .a8{width:100%;}
.m8 .a8 .b8{width:90%}
.m3 .a3 .b2{min-height:600px}
}

@media screen and (max-width: 1350px) {
.m3 .a3 .b2{width:500px}
.m3 .a3 .b2 .t2{font:500 24px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding: 140px 8% 0}
.m3{
background:
url("../../images/cdbg3.png") no-repeat left 13%,
url("../../images/im2.png") no-repeat right 200px/60% auto,
url("../../images/bg3.png") no-repeat left 400px/46% auto,
url("../../images/bg2.png") no-repeat center top/100% auto,
url("../../images/bg4.jpg") no-repeat center bottom/100% 60%
;margin-top:-400px;}
	
.bn2 .carousel-inner > .carousel-item a > img{height:563px}
.m5 .a5 .b4 .d1 .t6,
.m5 .a5 .b4 .d1 .t6 a,
.m5 .a5 .b4 .d1 .t6 span,
.m5 .a5 .b4 .d1 .t7{font:500 19px/42px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m5 .a5 .b4 .d1 .t8a .t8{font:500 19px/36px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m5 .a5 .b4 .d1 .t14{font:500 19px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體"; }
}

@media screen and (max-width: 1300px) {
.bn2 .carousel-inner > .carousel-item a > img{height:482px}

	
}

@media screen and (max-width: 1240px) {
.m3 .a3 .b2{width:460px}
.m3 .a3 .b2 .t2{font:500 21px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding: 140px 6% 0;letter-spacing:-.5px}
.m3{
background:
url("../../images/cdbg3.png") no-repeat left 13%,
url("../../images/im2.png") no-repeat right 200px/60% auto,
url("../../images/bg3.png") no-repeat left 400px/46% auto,
url("../../images/bg2.png") no-repeat center top/100% auto,
url("../../images/bg4.jpg") no-repeat center bottom/100% 60%
;margin-top:-400px;}
	

.bn2 .carousel-control-next,
.bn2 .carousel-control-prev{width:11%;top:35%}
	

	
}
@media screen and (max-width: 1200px) {
	
.m2{margin:-220px 0 0}
.bn1 .carousel-indicators{bottom:300px}
}

@media screen and (max-width: 1140px) {
	
.m2 .a2 .im1 {width:450px;left:4%;top:300px}
.m2 .a2{padding: 200px 0 400px}
.ls1 span,
.ls2 span{display:block}
.ls1 span br,
.ls2 span br{display:none}
}

@media screen and (max-width: 1100px) {
.m3 .a3 .b2{width:460px}
.m3 .a3 .b2 .t2{font:500 21px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding: 140px 6% 0;letter-spacing:-.5px}
.m3{
background:
url("../../images/cdbg3.png") no-repeat left 13%,
url("../../images/im2.png") no-repeat right 320px/54% auto,
url("../../images/bg3.png") no-repeat left 400px/46% auto,
url("../../images/bg2.png") no-repeat center top/100% auto,
url("../../images/bg4.jpg") no-repeat center bottom/100% 60%
;margin-top:-400px;}
.bn2 .carousel-control-next,
.bn2 .carousel-control-prev{width:15%;top:35%}
.bn2 .carousel-control-next img,
.bn2 .carousel-control-prev img{width:45px;}
.bn2 .carousel-inner > .carousel-item a > img{height:395px}
.m5 .a5 .b4 .d1{width:36%}
.m5 .a5 .b4 .d2{width:calc(100% - 40%)}
.m5 .a5 .b4 .d2 .t9{font:500 26px/50px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體";width:100%}
.m5 .a5 .b4 .d1 .t14 br{display:none}
.ls4 .t10{font:500 19px/50px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體";}
.ls9 a .im14{;height:158px;}
}

@media screen and (max-width: 1040px) {
	
.m2 .a2 .im1 {width:400px;left:4%;top:300px}
.m2 .a2{width:92%}

.m2{margin:-190px 0 0}
.bn1 .carousel-indicators{bottom:260px}
.m6 .a6 .flw{bottom:60%}
.m6 .a6 .map1{height:500px}

}

@media screen and (max-width: 1040px) {
.m5 .a5 .b4 .d1{width:580px;float:none;margin:0 auto 60px}
.m5 .a5 .b4 .d2{width:580px;float:none;margin:0 auto}
	.m8 .a8 {width:92%}
	.m8 .a8 .b10{width:100% }
	.m8 .a8 .b11 .c2{width:100% }
}
@media screen and (max-width: 940px) {
.m3 .a3 .b2{width:420px}
.m3 .a3 .b2 .t2{font:500 21px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding: 140px 6% 0;letter-spacing:-.5px}
.m3{
background:
url("../../images/cdbg3.png") no-repeat left 13%,
url("../../images/im2.png") no-repeat right 320px/54% auto,
url("../../images/bg3.png") no-repeat left 450px/50% auto,
url("../../images/bg2.png") no-repeat center top/100% auto,
url("../../images/bg4.jpg") no-repeat center bottom/100% 60%
;margin-top:-400px;}
.m5 .a5{width:100%}
.bn2 .carousel-control-next,
.bn2 .carousel-control-prev{width:15%;top:35%}
.bn2 .carousel-control-next img,
.bn2 .carousel-control-prev img{width:45px;}
.bn2 .carousel-inner > .carousel-item a > img{height:360px}
.ls9 a .im14{;height:130px;}
}
@media screen and (max-width: 910px) {
.m2{margin:-160px 0 0}
.bn1 .carousel-indicators{bottom:200px}
.bn1 .carousel-indicators button.active{width:16px;height:16px}
.bn1 .carousel-indicators button{width:16px;height:16px}
}

@media screen and (max-width: 900px) {
	
.m2 .a2 .im1 {width:350px;left:4%;top:300px}
.m2 .a2{width:96%}
.m1 .a1 .lg1{width:140px}
.top-bar .a1 .lg1{width:140px;}
.m1 .a1 .mn1{width:140px;}
.top-bar .a1 .mn1{width:140px;}
.ads{left:0%;width:calc(100% - 320px);margin:0 0 0 160px}
	

}
@media screen and (max-width: 860px) {
.bn2 .carousel-control-next,
.bn2 .carousel-control-prev{width:17%;top:35%}
.bn2 .carousel-control-next img,
.bn2 .carousel-control-prev img{width:45px;}
	.ls9{width:46%;margin:0 2% 25px}
	.ls9 a .im14{height:185px;}
}

@media screen and (max-width: 810px) {
	
.m2 .a2 .im1 {width:300px;left:4%;top:300px}
.m2 .a2{width:92%}
.m2{margin:-150px 0 0}
.bn1 .carousel-indicators{bottom:160px}
.m3 .a3{padding:160px 0 0}
.m3 .a3 .b2{width:520px}
.m3 .a3 .b2 .t2{font:500 21px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding: 460px 6% 0;letter-spacing:-.5px}
.m3{
background:
url("../../images/cdbg3.png") no-repeat left 13%,
url("../../images/im2.png") no-repeat right 300px/74% auto,
url("../../images/bg3.png") no-repeat left 500px/90% auto,
url("../../images/bg2.png") no-repeat center top/100% auto,
url("../../images/bg4.jpg") no-repeat center bottom/100% 60%
;margin-top:-400px;}
.tg1 .slick-prev{left:-25px}
.tg1 .slick-next{right:30px;top:40%;}
.m7 .a7 .im3{width:100%;margin:0 0 0 0}
/*.m7 .a7 .b5{float:left}*/
}

@media screen and (max-width: 780px) {
.bn2 .carousel-inner > .carousel-item a > img{height:288px}
}
@media screen and (max-width: 760px) {
.bn2 .carousel-control-next,
.bn2 .carousel-control-prev{width:18%;top:35%}
.bn2 .carousel-control-next img,
.bn2 .carousel-control-prev img{width:45px;}
}
@media screen and (max-width: 740px) {
.m2{margin:-140px 0 0}
.bn1 .carousel-indicators{bottom:130px}
.m4 .a4 .b3{width:88%}
.ls3-2{width:470px!important}
.ls3 a .im14{width:100%;height:263px;}
.m7{background:url("../../images/bg7.png") no-repeat center top/100% auto,
linear-gradient(90deg,#fff 50%,#fff 50%)  no-repeat center bottom/100% 90%}
	.m7 .a7 .b5{width:340px}
	.m7 .a7 .b6{width:200px}
	.ls9 a .im14{height:155px;}
    .b7{display:none}
	.b9{display:block}
}
@media screen and (max-width: 710px) {
	
.m2 .a2 .im1 {width:250px;left:4%;top:300px}
.m2 .a2{width:92%}
	
.m3 .a3{padding:160px 0 0}
.m3 .a3 .b2{width:90%;margin:0 auto;min-height:900px}
.m3 .a3 .b2 .t2{font:500 21px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding: 460px 6% 0;letter-spacing:-.5px}
.m3{
background:
url("../../images/cdbg3.png") no-repeat left 13%,
url("../../images/im2.png") no-repeat right 320px/76% auto,
url("../../images/bg3.png") no-repeat left 500px/90% auto,
url("../../images/bg2.png") no-repeat center top/100% auto,
url("../../images/bg4.jpg") no-repeat center bottom/100% 60%
;margin-top:-400px;}
	
.bn2 .carousel-control-next,
.bn2 .carousel-control-prev{width:22%;top:35%}
.bn2 .carousel-control-next img,
.bn2 .carousel-control-prev img{width:35px;}
}

@media screen and (max-width: 680px) {
.bn2 .carousel-inner > .carousel-item a > img{height:230px}
.ls9 a .im14{height:131px;}
}