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


@media screen and (max-width: 5000px) {
     /*#top .nav2{ display:none}*/
	 .h_5000{ display:none}
	 .s_5000{ display:block}
     .mn3{ display:none}
}
@media screen and (max-width: 1660px) {
 .m2{height:650px}
 .m2 .carousel-inner > .item a{ width:100%; padding:650px 0 0; }
}

@media screen and (max-width: 1600px) {
.m1 .a1, .m1 .a2{ width:90%}
.m10{ width:94%}
}
@media screen and (max-width: 1400px) {
.m6{ background:url(../../images/bg5.png) no-repeat 94% bottom, url(../../images/bg4.jpg) no-repeat center top}
.m7 .a8 .b4 .t10{ width:50%}
.m7 .a8 .b5 .ls2-3{ width:40%}
body{ background:#fff}
.m10{ width:100%}
.m10 .a13 .ls3 .cv1{text-align:left}
.m10 .a13 .ls3 .cv1 span{ font:15px/26px "Century Gothic", "微軟正黑體"; text-align:left}

.m10 .a13 .ls3:hover .cv1 span{height:300px;}
.m10 .a13 .ls4:hover .cv2 span{height:300px;}
  .m2{height:550px}
 .m2 .carousel-inner > .item a{ width:100%; padding:550px 0 0; }
}
@media screen and (max-width: 1300px) {
.m20 .a21 .t20{ padding:60px 0 0}
.m10 .a13 .ls4{width:29.3%; margin:0 2% 40px }	

}
@media screen and (max-width: 1280px) {
.m20 .a21 .t20{ padding:60px 0 0}
 .m2{height:500px}
 .m2 .carousel-inner > .item a{ width:100%; padding:500px 0 0; }
}

@media screen and (max-width: 1200px) {
.m1 .a2 .b1{ display:none}
.mn3{ width:auto;height:80px; overflow:hidden;display:block; position:absolute; right:20px; top:22px; z-index:99}
.mn3 img{ width:auto;height:100%}
.m5 .a6 .ls1{width:42%; margin:0 4% 40px }

.m10 .a13 .ls3 .cv1 span{ font:14px/24px "Century Gothic", "微軟正黑體"; text-align:left}
/*左選單*/
.mm-listview > li > a, .mm-listview > li > span{ font:21px/50px "微軟正黑體"}
.mm-listview > li > a:hover{ background:#1F286F }
.mm-listview > li > span{padding:0 0 0 40px;background:#181818; transition:all 0.3s}
.mm-listview > li > span:hover{ background:#1F286F ;transition:all 0.3s}
.lk2{  height:auto; overflow:hidden; }
.lk2 a img{ width:auto; height:30px; display:inline-block; padding-bottom:4px; margin-right:5px}
.lk2 a{font:22px/40px "微軟正黑體";color:#fff; width:100%; display:inline-block; height:40px; }
.lk2 a:hover{}
.lk2 a::before{ content:''; margin:0 5px 0 0;  font-size:15px; vertical-align:middle}
}


@media screen and (max-width: 1160px) {
 .m2{height:450px}
 .m2 .carousel-inner > .item a{ width:100%; padding:450px 0 0; }
}

@media screen and (max-width: 1020px) {
 .m2{height:400px}
 .m2 .carousel-inner > .item a{ width:100%; padding:400px 0 0; }
}

@media screen and (max-width: 900px) {
 .m2{height:350px}
 .m2 .carousel-inner > .item a{ width:100%; padding:350px 0 0; }
}

@media screen and (max-width: 720px){
/*.m1{background:rgba(0,0,0,.9);}*/
/*.m1 .a1{ display:none}*/
.m1 .a2{ height:70px;}
/*.m1 .a2 .lg1{ height:36px; width:360px; padding:25px 0 0}
.m1 .a2 .lg1 a{ padding:36px 0 0}*/
.m2{}
/*.mn3{ height:70px;top:10px;right:5%}*/
/*關於騰云-新*/
.m26{height:auto; overflow:hidden;background:url(../../images/index_images/aa1/bn1.jpg)no-repeat -550px top/auto 85%}
.m26 .a11{ width:100%;}
.m26 .a11 .b84{width:180px;position:absolute; top:410px; right:30px}
.m26 .a11 .b84 a{font:22px/24px Arial, "微軟正黑體"}
.m27{ height:1210px; margin-top:0px;background:url(../../images/index_images/aa1/bg1.jpg)no-repeat -500px top/auto 90%}
.m27 .a12{ width:100%;padding-top:170px; height:auto;}
.m27 .a12 .b85{width:90%;font:42px/45px Arial, "微軟正黑體"; text-align:center}
.m27 .a12 .b86{width:90%;font:19px/30px Arial, "微軟正黑體"; height:auto; overflow:hidden; margin:0 auto 40px;text-align:justify;text-justify: inter-ideograph;}
.m27 .a12 .b86 br{ display:none}
.m27 .a12 .cv15{ background-size:90% auto; top:45px;right:5%;width:90%; background:url(../../images/aa1/im3.png) no-repeat right top; z-index:1}
.m27 .a12 .cv16{background-size:90% auto;top:500px; left:-140px}
.m27 .a12 .cv17{display:none}
.m27 .a12 .cv18{ background-size:85% auto;top:780px; right:0}
.m28{height:auto; overflow:hidden}
.m28 .a13{ width:100%; height:auto; overflow:hidden}
.m28 .a13 .b87{width:90%; font:42px/45px Arial, "微軟正黑體"; text-align:center}
.m28 .a13 .b88{width:100%;height:auto; overflow:hidden;padding-left:0}
.m28 .a13 .b88 .c48{height:auto;overflow:hidden;margin:0 5% 30px; width:40%}
.m28 .a13 .b88 .c48 .d53{ width:100%; height:auto;}
.m28 .a13 .b88 .c48 .d53 img{ width:100%; height:auto;}
.m28 .a13 .b88 .c48 .d54{height:26px;font:bold 28px/30px Arial, "微軟正黑體"}
.m28 .a13 .b88 .c48 .d55{ height:auto; overflow:hidden;font:24px/30px Arial, "微軟正黑體"}
.m2{ display:none}
.m3{ background:url(../../images/bg1.jpg) no-repeat center top/cover}
.m3 .a3{ min-height:450px; height:auto; width:90%}
.m3 .a3 .t1{ top:60px}
.m3 .a3 .t2{ top:160px; left:0;text-align:justify;text-justify: inter-ideograph; width:85%; letter-spacing:1px; text-align:left}
.m3 .a3 .t2 br{ display:none}
.m29{ display:block; margin-bottom:0px}
.m20{ border:0}
.m20 .a21{min-height:720px;height:auto;border:0; position:relative}
.m20 .a21 .im9{width:100%; margin:0}
.m20 .a21 .t20{width:90%;margin:0 auto;float:none;padding:40px 0 60px; font:19px/30px "Century Gothic","微軟正黑體"; text-align:left}
.m20 .a21 .t20-2{ position:absolute;top:425px; left:5%}
.m5 .a6{width:90%}
.m5 .a6 .ls1{width:96%;margin:0 2% 50px}
.m6{ background:url(../../images/bg5.png) no-repeat 120% bottom/50% auto, url(../../images/bg4.jpg) no-repeat center top}
.m6 .a7{ width:90%; height:650px}
.m6 .a7 .t8{width:94%;left:3%;top:250px; font:19px/27px "Century Gothic","微軟正黑體"; letter-spacing:1px}
.m6 .a7 .b3{width:90%;left:3%;top:420px}
.m7{background:url(../../images/bg6.jpg) no-repeat center top / cover}
.m7 .a8{padding:60px 0 0;height:auto;overflow:hidden;margin:0 auto 50px; width:84%}
.m7 .a8 .b4{margin:0 auto 0px; height:280px}
.m7 .a8 .b4 .t9{width:100%;}
.m7 .a8 .b4 .t10{width:98%;left:0%;top:100px; position:relative; margin:0 auto}
.m7 .a8 .b5 .ls2{width:100%; margin:0 0 40px}
.btn5{width:100%;margin:10px auto 0;box-sizing:border-box; display:block;float:right; height:70px}
footer{ background:#111} 
footer .a9{display:none}
.m8{border:0}
footer .a10{font:19px/50px Verdana,"新細明體"; text-align:center}
.m25{ width:84%; margin:80px auto 0}
.bt3{width:86%;}
.bt3 a{width:100%;box-sizing: border-box; height:70px; font:21px/60px "Century Gothic","微軟正黑體"}
.bgt2{ width:auto; height:auto; overflow:hidden;font:70px/70px 'Chonburi',"微軟正黑體"; background:linear-gradient(90deg,#1c1e29 0%,#1c1e29 50%) no-repeat left 128px/45px 3px; margin-bottom:20px}
.m10{ width:90%}
.m10 .a13 .ls3{ width:90%; margin:0 5% 40px}
.m10 .a13 .ls3:hover .cv1 span{height:300px;}
.m10 .a13 .ls3 .cv1 span{ font:19px/27px "Century Gothic", "微軟正黑體"}
.m10 .a13 .ls4{ width:46%; margin:0 2% 30px}
.m10 .a14{ width:100%;}
.m10 .a14 .ls5{ width:46%; margin:0 1.5% 25px}
.m14{ width:90%; margin:0px auto 0; padding:156px 0 0}
.m14 .a16{ width:100%}
.m14 .a16 .t7{ font:bold 42px/50px "Century Gothic","微軟正黑體"; letter-spacing:-.5px}
.m14 .a16 .im6{ width:100%}
.bt6{ margin:10px 0 80px 0}
.bt6 a{ height:70px;font:17px/70px "Century Gothic","微軟正黑體"}
.m14 .a16 .t8{overflow:hidden;font: 23px/40px "Century Gothic","微軟正黑體";}
.p1{margin:106px auto 20px;}
.t22{margin:0 auto 10px}
.p1 .m3 .b4 .bta1 .btn1 a{height:50px;font:32px/50px "Century Gothic","微軟正黑體"; }
.p1 .m3 .b4 .bta1 .btn1{}
.p1 .m3 .b4 .bta1 .btn1 a:hover{height:60px;}
.p1 .m3 .b4 .bta1 .btn1 a.active{height:61px;margin-bottom:0px;background:#000; color:#fff; font-weight:bold; margin:0px 0 0 0%; border:0;font:32px/61px "Century Gothic","微軟正黑體";}
.p1 .m3 .b4 .bta1 .btn1-2 a.active{ width:94%}
.p1 .m3 .b4 .bx1{height:70px;font:32px/70px verdana,"微軟正黑體"; padding:0 3% }
.p1 .m3 .b4 .bx2{height:70px;font:32px/70px verdana,"微軟正黑體"; padding:0 3%; margin:0 10px 20px 0}
.p1 .m3 .b4 .btn2 a{height:70px;font:32px/70px verdana,"微軟正黑體";}
.p1 .m3 .b4 .btn2 button{height:70px;font:32px/70px "微軟正黑體"}
.p1 .m3 .b4 .cd1 img{ height:50px; padding:7px 0 0 0px}
.p1 .m3 .b4 .t3{ font:28px/36px verdana,"微軟正黑體"}
.p1 .m3 .b4 .res { text-align:right; float:right}
.p1 .m3 .b4 .res img{ height:50px; padding:5px 0 0 }
.p1 .m3 .b4 .bx3{height:70px;font:32px/70px verdana,"微軟正黑體"; padding:0 3%; margin:0 10px 20px 0}

.t21{ font:28px/36px "Century Gothic","微軟正黑體";}

.rem, .rem2{height:auto;font:28px/42px "微軟正黑體"; }
.p1 .m3 .b4 .bx4{ width:58%; height:70px;font:28px/70px "微軟正黑體";}
.bt10{width:38%}
.bt10 a{height:70px;font:28px/70px "微軟正黑體";}
.m20 .a21-2{ min-height:600px; position:relative}
.m20 .a21-2 .im9{ width:100%}
.m20 .a21-2 .t20{ width:90%; padding:30px 0 0; margin:0 auto; float:none}
.m20 .a21-2 .im9-2{position:absolute; top:0; left:0; margin:0}
.m20 .a21-2 .t20-2{ padding:300px 0 0; }
 .m3 .a3 .t1{font:bold 86px/80px /*'Chonburi'*/"Times New Roman","微軟正黑體";width:460px;letter-spacing:-4px}
 

}