@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: 1840px) {
.ls10{width:48%;height:auto;}
    
}

@media screen and (max-width: 1720px) {
.bn5{width:900px;height:auto;overflow:hidden;margin:0 auto 20px}
.bgt5{width:900px;text-align:center;margin:0 auto}
.ls10{width:92%;height:auto;margin:0 auto 20px;float:none}
}
@media screen and (max-width: 1600px) {
.ls6 .c7{padding:10px;}
.m16 .a10 .b11{width:100%}

}
@media screen and (max-width: 1320px) {
.m5 .a5{width:100%}
.ls6 .c7 .t18{width:100%;height:28px;overflow:hidden;font:500 18px/26px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";}
.ls6 .c7 .t19{width:100%;height:20px;overflow:hidden;font:400 16px/20px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";}
}
@media screen and (max-width: 1240px) {
.h_640{ display:none}
.s_640{ display:block}
.m2 .a2 .b2 .t2{width:80%;margin:0;left:10%}
.m2 .a2 .b3 .t3{width:80%;margin:0;left:10%}
.bgt1{width:100%}
.m12 .a6{width:100%}
.gd1{width:92%}
.m13 .a7{width:92%}
.m18 .a12{width:96%}
.m19 .a13{width:92%}
.m21 .a14{width:92%}
.m17 .a11 .b12{width:96%}
.ls8 .t21{font:400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.bgt5{width:100%;text-align:center}
.m4 .a4{width:92%}
}
@media screen and (max-width: 1200px) {
.ls6{width:31%;}
.m14{-webkit-mask-image: linear-gradient(to bottom, transparent, black 0%, black 90%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 0%, black 90%, transparent);}
.m14 .cv1 .t13{margin:30% auto 0;font:400 20px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";letter-spacing:2px;} 
.m14 .cv1 .a8{margin:8px auto 0}

}
@media screen and (max-width: 1040px) {
.m5 .a5 .b4{width:92%}
.ls7 a .c8{padding:8px 12px}
.ls7 a .c8 .t20{height:78px;overflow:hidden;font:500 18px/26px  'Noto Sans TC',"Century Gothic","微軟正黑體"; /*color:#111*/
;letter-spacing:-.5px;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.bgt6{font:700 54px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
}
@media screen and (max-width: 880px) {
.ls6{width:46.5%;margin:0 1.2% 20px;background:rgba(0,0,0,.95);}
/*.m15{-webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 88%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 20%, black 88%, transparent);}*/
.m15 .a9{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:100px 0 100px;border-bottom:0px dashed rgba(185,165,115,.15)}
.ls5 .t16{height:90px;-webkit-line-clamp: 3;font:500 18px/28px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:left }
.mn1{display:block}
.bt9b{display:block}
.m1 .a1 .b1{display:none} 
.ls7{width:22%}
}

@media screen and (max-width: 800px) {
.m4 .a4{font:300 20px/34px'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-.5px;text-align:center;padding:12px 0;}
.m4 .a4 h4{display:block;margin: 0;width:100%;height:auto;overflow:hidden;text-align:center}

}
@media screen and (max-width: 760px) {
.m2 .a2 .b2{width:100%;position:relative}
.m2 .a2 .b3{width:100%;position:relative}
.m3 .a3{width:100%;position:relative}
.m3 .a3 .t4{width:80%;margin:400px auto 0;}
/*.m1 .a1 .lg1{height:26px;margin:27px 0 0}*/
.m1 .a1 .b1{width:calc(100% - 200px)}
    
.bgt2{font:italic 900 56px/72px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";margin:0 auto 10px}
.m5 .a5{min-height:400px;padding:60px 0 20px}
.m4 .a4{font:400 17px/30px'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-.5px}
.m4 .a4 h4{display:block;margin: 0}
/*.m19{
-webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 95%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 10%, black 95%, transparent);
}
.m16{
-webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);}
.m17{
-webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);}*/
.ls7{width:45%;margin:0 2% 20px}
.ls7 a .c8 .t20{font:500 24px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";height:68px;-webkit-line-clamp:2}
.m14{margin-top:0}
.m14 .cv1 .a8{display:none}
.m14 .cv1 .t13{margin:36% auto 0;}
.bgt4{margin:0 auto 25px}
.bn3 .carousel-inner .carousel-item{padding:0px 0 0}
.bgt4,
.bgt5,
.bgt6{font:700 42px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin:0 auto 25px}
.bgt5 span{font:400 42px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.m15 .a9{padding:50px 0}
.m16 .a10{padding:50px 0}
.m17 .a11{padding:50px 0}
.m18 .a12{padding:50px 0 50px}
.m19 .a13{padding:50px 0}
.m21 .a14{padding:50px 0}
.m14{-webkit-mask-image: linear-gradient(to bottom, transparent, black 0%, black 10%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 0%, black 100%, transparent);}
.m18 {-webkit-mask-image: linear-gradient(to bottom, transparent, black 0%, black 100%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 0%, black 100%, transparent);}
.m18 .a12{width:92%;}
.ls8{width:27%;margin:0 2.5% 25px;background:rgba(65,50,40,.95)}
.m17 .a11 .t22{margin-bottom:25px}
.m19{
-webkit-mask-image: linear-gradient(to bottom, transparent, black 0%, black 100%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 0%, black 100%, transparent);background:#171107}
.m21 .a14 .b15{padding:25px 25px 25px 40px;text-align:justify;text-justify: inter-ideograph;}
    .bgt6 h4{padding:0px 0 0;margin-bottom:15px}
.ls7{width:100%;margin:0 0 25px;transition:all 0.3s;}
.ls7:hover{background:#555;transition:all 0.3s;}
.m17 .a11 .b12{width:88%;border-radius:20px}
.ls7{background:#333}
.ls7 a .im7{width:46%;float:left}
.ls7 a .c8{width:calc(100% - 48%);float:left;padding:100px 20px 0 }
.ls7 a .c8,
.ls7 a:hover .c8{background: none}
.ls7 a .c8 .t20{width:100%;height:auto;overflow:hidden;font:500 24px/30px  'Noto Sans TC',"Century Gothic","微軟正黑體";/*display: table-cell;vertical-align: middle*/;text-align: left}
.m17 .a11 .t22{display:none}
    
.m20 .accordion-button::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-image: url("../../images/ic5.png");background-repeat:no-repeat;background-size:auto 28px;width:28px;height:28px;display:inline-block;padding-left:0;transform: scale(1);text-align:justify;text-justify: inter-ideograph;background-position:right center/*;margin-left:20px*/}
.bn5{width:100%;height:auto;overflow:hidden;margin:0 auto 20px}
.bgt5{width:100%;text-align:center;margin:0 auto}
.m16 .a10 .b11{margin:0 auto 10px}
.ls10{width:96%}
.ls10 a .c9 .d1{height:44px}
.bn5 .carousel-control-prev,
.bn5 .carousel-control-next{display:none   }
.ls10 a .c9 .t26{height:20px}
.ls10 a .im9{width:250px;}
.ls10 a .c9{width:calc(100% - 250px);padding:10px 12px}
.ls10 a .c9 .t24{text-align: left}
.ls10 a .c9 .t24{height:21px;font:300 21px/21px arial,'Noto Sans TC',"Century Gothic","微軟正黑體"}
.ls10 a .c9 .t25{height:23px;font:400 21px/21px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.ls10 a .c9 .t26{height:23px;font:400 21px/21px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.bn4{height:400px}
.m14 .cv1{background:rgba(0,0,0,.45)}
.m14 .cv1 .t13{font:400 24px/38px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";letter-spacing:0px}
.ls5 .t15{font:400 19px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.ls5 .t16{height: 156px; font:500 24px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"}
.bn2-2{height:320px  }
.bn2-2 .carousel-inner .carousel-item{height:320px  }
}

@media screen and (max-width: 700px) {
.bn2 .carousel-inner .carousel-item{padding:0px 0 0}
.m1 .a1 .lg1{height:54px;margin:14px 0 0}
.m12 .a6 .b5 .ls2 {width:44%;margin:0 3% 30px;}
.m13 .a7 .b6{width:100%}
.m13 .a7 .b7{width:100%}
.m14 .cv1 .t13{width:92%}
/*.m15 .a9{padding:25px 0}
.m16 .a10{padding:25px 0}
.m17 .a11{padding:25px 0}
.m18 .a12{padding:25px 0 25px}
.m19 .a13{padding:25px 0}
.m21 .a14{padding:25px 0}*/
.m20 .accordion-button span{font:700 28px/36px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"}
.m20 .accordion-button:not(.collapsed) span{font:700 28px/36px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"}
.m20 .accordion-button{font:500 28px/36px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:justify;text-justify: inter-ideograph;}
.m20 .t161{font:300 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding: 12px 25px 14px 70px}

.m21 .a14 .b15{font:300 28px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.bgt6{text-align:left;width:88%;font:700 50px/64px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:0}
.bgt6 h4{text-align:left;margin:40px 0 40px}
.bgt6 br{display:block!important}
.bt8{width:88%; border-radius:25px}
.bt8-2{width:100%;margin-bottom:60px;}
.bt8 a{width:100%; height:110px;font:700 28px/108px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";}
.bn2{display:none}
.bn2-2{display:block}
/*.bn2-2{height:280px}*/
.bn2-2 .ls5{width:46%; padding:60px 25px}
.bn2-2 .carousel-inner{width:105%;/*width:100vw*/}
/*.bn2-2 .carousel-inner .carousel-item{height:280px;overflow:hidden;width:100%}*/
.bn3{display:none}
.bn3-2{display:block}
.bn3-2{height:360px;margin-top:30px}
.bn3-2 .carousel-inner{width:105%;}
 .m18 .a12 .b13{width:88%}
.ls8{width:42%;margin:0 3.5% 40px;background:rgba(65,50,40,.95);padding:50px}
.ls8 .t21{height:40px; font:500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.bn2-2 .carousel-control-prev,
.bn2-2 .carousel-control-next,
.bn3-2 .carousel-control-prev,
.bn3-2 .carousel-control-next{display:none}

}