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


@media screen and (max-width: 5000px) {
     /*#top .nav2{ display:none}*/
	 .h_5000{ display:none}
	 .s_5000{ display:block}
/*.a10{ width:1640px}*/
.mx .a3 .phm{ display:none}

@media screen and (max-width: 1580px) {	
.m50 .a34{width: 80%}
.m50 .a34 .im24{}
.m50 .t53{padding:50px 0 0 }	
}
@media screen and (max-width: 1500px) {
.spm1 iframe{margin-top:-14%}
.spm1{ height:600px}
.spm1 .spcv1{ height:600px}
.spm2{margin-top:600px}
.top-bar2{ margin-top:0}

}
}
@media screen and (max-width: 1400px) {
/*大橫幅*/
body{background:#fff  }
.m3{ height:450px}
.m3 .carousel-inner > .item > a{padding:450px 0 0;}



/*About Works*/
.m36 .ls16 a .t30{ width:40%}
.m39 .ls18 .t36-2{ min-height:150px}

/*.mm-listview > li > a, 
.mm-listview > li > span{ font:20px/32px "微軟正黑體"}*/
.mm-listview > li > span{padding:0 0 0 40px;background:#181818; transition:all 0.3s}
.mm-listview > li > span:hover{ background:#fc0;transition:all 0.3s;color:#000}
/*
.  height:auto; overflow:hidden; }
.lk1 a{font:20px/32px "微軟正黑體";color:#fff; width:100%; display:inline-block; height:40px; }
.lk1 a:hover{}
.lk1 a::before{ content:'◇'; margin:0 5px 0 0;  font-size:15px; vertical-align:middle}
*/
.lk1x{  height:auto; overflow:hidden; }
.lk1x a{font:20px/32px "微軟正黑體";color:#fff; width:100%; display:inline-block; height:40px; }
.lk1x a:hover{ color:#000}
/*.lk1x a::before{ content:'◆'; margin:0 5px 0 0;  font-size:15px; vertical-align:middle}*/

.m48 .a33{ width:94%}
.m49 .lg4{padding: 100px 0 0}
	
.m50 .a34{width: 90%}
.m50 .a34 .im24{}
.m50 .t53{}	
}

@media screen and (max-width: 1300px) {
.spm1 iframe{margin-top:-10%;height:140%;}
.m48 .a33 .ls23{ width:29%}
.mx .a3 .b7{ display:none}
.mx .a3 .phm{ width:40px; height:auto;color:#333; position:absolute; left:3.5%; top:20px; display:block}
.mx .a3 .phm img{ width:100%; height:auto;}
.mx .a3 .lg1{ height:100px;margin:0 auto; float:none}
.mx .a3 .phm{ width:50px; height:auto;color:#333; position:absolute; left:3.5%; top:30px; display:block}
.mx .a3 .phm img{ width:100%; height:auto;}
/*.mm-listview > li > a, .mm-listview > li > span{  font:38px/61px 'Reenie Beanie',"Century Gothic","微軟正黑體"}
.mm-listview > .lk1 > a:hover{ /*background:#ed004e;border-bottom:1px solid #ed004e*/}/*
.mm-listview > .lk1 > a img{width:auto; height:34px; display:inline; margin-right:8px; vertical-align:middle; padding-bottom:4px}*/
  
  
/*左選單*/
.mm-listview > li:not(.mm-divider)::after{ border:0}
.mm-listview > li img{width:80px;height:61px}
.mm-listview > li > a,
.mm-listview > li > span{  font:500 28px/61px 'M PLUS 1p',"Century Gothic","微軟正黑體";}
  
.mm-listview > .lk1,
.mm-listview > .lk2{font:500 28px/61px 'M PLUS 1p',"Century Gothic","微軟正黑體";padding: 4px 10px 4px 20px;background:#111;border-bottom:1px solid rgba(255,255,255,0.15);transition:all 0.3s;color: #fff}

.mm-listview > .lk1:hover,
.mm-listview > .lk2:hover{ background:#ed004e;border-bottom:1px solid #ed004e;transition:all 0.3s}
.mm-listview > .lk1 a,
.mm-listview > .lk2 a{padding: 0;background:none;border:0;transition:all 0.3s}
.mm-listview > .lk2{/*background:#111; border-bottom:1px solid rgba(255,255,255,0.15);*/padding-left:60px}
.mm-listview > .lk2 > a:hover, 
.mm-listview > .lk2 > a:focus{ /*background:#ff0070;border-bottom:1px solid #ff0070*/}
.mm-listview > li img{ width:28px; height:auto; display:inline; margin-right:8px; vertical-align:middle; padding-bottom:4px}
.mm-listview > .lk1 img,
.mm-listview > .lk2 img{width:auto; height:34px; display:inline; margin-right:8px; vertical-align:middle; padding-bottom:4px}  
.m54 .a38{width:96%}

}
@media screen and (max-width: 1280px) {
.m39 .ls18{ width:46.2%}
.m39 .ls18 .t36-2{ min-height:150px}
/*網站AA5s---EDM簡易版*/
.dm1{ width:100%; height:auto;}


@keyframes go15 {
 0% { margin:0 1.4% 20px -10%} 
 100%{opacity:1;margin:0 1.4% 20px}

}
	
}
@media screen and (max-width: 1200px) {
.m50 .a34{}
.m50 .a34 .im24{width:36%;margin-right:4%}
.m50 .a34 .im24 img{width: 90%}
.m50 .t53{ padding: 0;width:60%}
.m54 .a38 .ls25 .t56{font: 700 18px/30px 'Noto Sans TC',"微軟正黑體";padding:30px 0;box-sizing: border-box;height:auto;}

}

@media screen and (max-width: 1080px) {
.m59 .a43{width:940px;padding:60px 0}
.m60 .a44{width:940px;}
.bgt6{font:700 50px/70px 'M PLUS Rounded 1c', 'Noto Sans TC',"Century Gothic", "新細明體";margin: 0px auto 40px}
.m59 .a43 .b26 .im31{width:42%;margin:0 2%}
.m59 .a43 .b26 .t69{width:54%;font: 500 18px/28px 'Noto Sans TC',"Century Gothic", "微軟正黑體"}
.m59 .a43 .b26 .im31-2{margin:0 2%}
.m59 .a43 .b26 .t69-4{padding:40px 0 0}
.m59 .a43 .b26 .t69-4b{padding:20px 0 0 100px}
.m59 .a43 .b26 .t69-5{padding:20px 0 0}
.m59 .a43 .b26 .t69-5b{padding:10px 0 0}
.m59 .a43 .b26 .t69-5c{padding:0 0 0}
  .m59 .a43 .b26 .t69 h4{font:700 32px/38px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體"}
  .m59 .a43 .b28 .t71{padding-top:20px}
  .m54 .a38 .ls25 .t56{font: 500 18px/24px 'Noto Sans TC',"微軟正黑體";height:90px;padding:20px 10px}
 .m54 .a38 .ls25 .t57 h4{font: 20px/26px 'Noto Sans TC',"微軟正黑體"}
}
@media screen and (max-width: 900px) {
.dm1 .dma1{bottom:40px; left:1%;margin-top:-60px}
.dm1 .dma1 .dmbt1 a{width:100%; height:60px;font:26px/60px "微軟正黑體";color:#fff; }
.dm1 .dma1 .dmbt1 span{ display:none}
.spphmn1{ display:block}
.top-bar2{ display:none}
.spm1 .splg1{ display:none}
}

@media screen and (max-width: 800px) {
.bgt5{margin: 60px auto -20px}
.bgt6{font:700 50px/70px 'M PLUS Rounded 1c', 'Noto Sans TC',"Century Gothic", "新細明體";margin: 0px auto 40px}
.bgt6 span{font: italic 700 64px/100px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體"}
.m59 .a43{width:700px;padding:60px 0}
.m59 .a43 .t67{font:500 19px/50px 'Noto Sans TC',"微軟正黑體";letter-spacing:-1px}
.m59 .a43 .t67 br{margin:-20px 0}
.m59 .a43 .t67 h4{font:700 28px/28px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體"}
.m59 .a43 .im29{width:100%;height:240px}
.m59 .a43 .b25 .ls30{width:29%;margin:0 2% 20px}
.m59 .a43 .b26 .im31{width:70%;margin:0 auto 40px;float: none}
.m59 .a43 .b26 .t69{width:100%;font:500 19px/33px 'Noto Sans TC',"Century Gothic", "微軟正黑體";letter-spacing:.5px}
.m59 .a43 .b27 .ls31{height:300px; padding:60px 30px 20px}
.m59 .a43 .b28 .im32{width:70%;margin:0 auto 40px;float: none}
.m59 .a43 .b28 .t71{width:100%;padding-top:10px}
.m59 .a43 .b28 .t71 span{text-align:center}
.m59 .a43 .b26{position: relative}
.m59 .a43 .b26 .t69-5c{padding:280px 0 0  }
.m59 .a43 .b26 .im31-4{margin-bottom:-260px}
.m59 .a43 .b26 .im31-4b{position:absolute;top:0;left:15%}
.m59 .a43 .b26 .im31-2{position:absolute;top:0;left:5%;width:90%;}

.m59 .a43 .b26 .t69-2{padding:420px 0 0 ;}
.m59 .a43 .b26 .t69-4{padding:340px 0 0 ;}
.m59 .a43 .b26 .t69-4b{padding:400px 0 0 ;}
.m59 .a43 .b26 .t69-4c{padding:280px 0 0 ;}
.m59 .a43 .b26 .im31-3{width:90%;}
.m59 .a43 .b26 .t69-5{padding:0}
.m59 .a43 .b26 .t69-5b{padding:0;margin-top:-60px}
.m60 .a44{width:90%;}

.m49 .t52{width:92%;margin:0 auto}
}
@media screen and (max-width: 640px) {
body{ min-width:560px; background:#fff}
/*TOP*/
.mx{ height:79px}
.mx .a3{ width:100%; height:80px}
.mx .a3 .lg1{ height:80px;margin:0 auto; float:none}
.top-bar{ height:80px}
.mx .a3 .lg1 a{ line-height:80px; padding:80px 0 0; background:url(../../images/lg2.png) no-repeat center 5px/auto 70px}
.mx2 .a3 .lg1 a{ background:url(../../images/lg2.png) no-repeat center 5px/auto 70px}
.mx3 .a3 .lg1 a{ background:url(../../images/lg3.png) no-repeat center 8px/auto 70px}
.mx .a3 .b7{ display:none}
.mx .a3 .b8{ display:none}
.mx .a3 .phm{ width:50px; height:auto;color:#333; position:absolute; left:3.5%; top:21px; display:block}
.mx .a3 .phm img{ width:100%; height:auto;}

.mx2{ height:0; }
.top-bar{ z-index:100; height:80px}
/*大橫幅*/
.m3{ height:300px}
.m3 .carousel-inner > .item > a{padding:300px 0 0;}
.m3 .carousel-caption {  width:80%;bottom:10px; left:10%;font:28px/34px verdana,"微軟正黑體";}
.m3 .carousel-caption a{font:28px/34px verdana,"微軟正黑體";}
.m3 .carousel-indicators{ display:none}
/*標題*/
.bgt1{ width:90%;}
.bgt1-2{ width:90%;}
.bgt1-4{ line-height:30px; padding:15px 0;font:16px/30px "Century Gothic","微軟正黑體"; }
.bgt1-5{font:40px/70px "Century Gothic","微軟正黑體";}
.bgt1 h3{padding-right:4%;  margin-right:4%;}
.bgt1 h5{ font-size:24px; width:30%}
/*list*/
.m17{ margin:10px auto 30px; width:100%; padding:10px 0 0}
.a10{ width:90%; padding:0}
.a10 .ls10{ width:100%;overflow:hidden; float:none; margin:0 auto 30px;}
@keyframes go10{
 0% {} 
 100% { margin:0 auto 30px;opacity:1}
}
.a10 .ls10 .dt1{ margin-bottom:10px}
.a10 .ls10 .dt1 span{ width:auto;height:30px;font:18px/30px "Century Gothic","微軟正黑體"}
.a10 .ls10 .im5{ width:100%;}
.a10 .ls10 .im5 img{ width:100%; height:auto}
.a10 .ls10 .im5 iframe{width:100%;}
.a10 .ls10 .im5 .cv3{ width:100%; }
.a10 .ls10 .im5 .cv3 a{ width:100%;}
.a10 .ls10 .im5 .cv3 a:hover{ width:100%; height:100%}
.a10 .ls10 .im5:hover .cv3 a{ width:100%; } 
.a10 .ls10 .t18 a{ width:100%;height:68px;font:24px/34px verdana,"微軟正黑體";}
/*MORE*/
.bt13{ width:100%;margin:20px auto 30px}
.bt13 a{width:99%;padding:0; height:60px; font:20px/60px "Century Gothic", "微軟正黑體";}
.bt13-3{ }
/*ad*/
.ad1{ width:90%; height:auto;overflow:hidden;}
.ad1 img{ width:100%; height:100%}

/*內頁麵包屑*/
.b9{ width:100%}
.b9-2{ width:100%}
.gd1{ width:100%}
.m22{ display:none} 
/*news2_list*/
.m25{ width:500px;}
.m27{ width:500px}
.a20{width:500px;padding:0; padding:0 0 0 40px}
.a20 .ls14{ width:220px; margin:0 20px 15px 0}
.a20 .ls14 .im5{ width:220px; height:220px;}
.a20 .ls14 .im5 .cv3{ width:220px; height:220px;}
.a20 .ls14 .im5 .cv3 a{width:220px;font: 22px/190px "Courier New","微軟正黑體";}
.a20 .ls14 .im5:hover .cv3 a{width:220px;height:220px;font:22px/230px "Courier New","微軟正黑體";}
.a20 .ls14 .im5 img{width:367px; height:220px;margin-left:-73px}
.a20 .ls14 .t18 a{ width:220px}
.a20 .ls14 .im5 iframe{width:366px; height:220px; margin:0 0 0 -73px} 
/*news2_view*/
.a11{ width:100%}
.m28{ width:100%; padding:0}
.m28 .carousel-inner{width:100%; height:350px}
.m28 .carousel-indicators{ display:none}
.m28 .carousel-inner > .item a{ width:100%; padding:350px 0 0 0}
.m28 .carousel-control .glyphicon-chevron-right, 
.m28 .carousel-control .glyphicon-chevron-left{ top:40%}
.m28 .carousel-control.right img, .m28 .carousel-control.left img{ height:80px}
.m29{ width:500px; margin:99px auto; padding:0 0 0 17px}
.m29 .a22 .b23{ width:500px; height:300px; padding:0 }
.m29 .a22 .b23 img{ width:500px; height:300px;}
.a11 .t20{ width:90%;font:26px/38px "Century Gothic","微軟正黑體"; letter-spacing:-0.5px}
.a11 .t19{font:40px/50px "微軟正黑體"; border-bottom:0px solid #ddd; margin:0 auto; padding-bottom:10px; width:90%}
.a11 .t19 h4{font:16px/40px verdana,"新細明體"; margin-bottom:10px}
.a11 .t19 .bt6 a{height:40px;font:24px/40px  "微軟正黑體";}
/*news2_view----關鍵字---*/
.m20{ width:500px; border-bottom:1px solid #ddd}
.m20 .bt14{ margin:20px auto 0;}
/*news_list*/
.a11 .im6{ width:500px; min-height:300px}
.a11 .im6 img{ width:500px; height:300px}
.m19{ width:500px; margin:0 auto 10px}
.m19 a{ width:500px;text-align:justify;text-justify: inter-ideograph; font:italic 24px/34px verdna,"新細明體"; margin-bottom:15px}
/*news_view*/
.a10-2{padding-left:40px }
.ls11{width:220px; height:auto; margin:0 20px 15px 0;}
.ls11 .im7{ width:220px;} 
.ls11 .im7 .cv4{ width:220px}
.ls11 .dt2{ width:220px;font:16px/25px verdana,"新細明體"}
.ls11 .im7{ width:220px;}
.ls11 .im7 .cv4 {width:220px;}
.ls11 .im7 .cv4 a{width:220px;}
.ls11 .im7 .cv4:hover a{width:220px; }
.ls11 .im7 iframe{ width:220px; height:120px}
.ls11 .t21 a{width:220px;;height:48px;font:20px/24px "微軟正黑體"}
/*news_view2*/
.m21{width:100%;height:300px;}
.m21 iframe{width:100%;height:300px}
.m30{ display:none}
/*index*/
.m23{ height:auto; overflow:hidden; background:url(../../images/bg1.jpg) -700px -100px no-repeat; padding:10px 0 60px}
.m23 .a17{ width:90%;}
.m23 .a17 .t25{ width:80%;position:relative; margin:0 auto 30px;font:16px/24px "Courier New","微軟正黑體"; padding:5%}
.m23 .a17 .bt20{ display:none}
.m24{ height:auto;background:url(../../images/bg2.jpg) no-repeat center top / cover;padding:60px 0 20px; }
.a18{ width:340px; padding:0 0 0 0px  }
.a18 .ls13{ width:340px; height:auto; float:none; margin:0 0 20px 0; }
.m26{ background:none}
.m26 .a21{ width:500px}
.m26 .a21 .b21{ width:500px}
.m26 .a21 .b21 .inp1{ width:400px; }
.m26 .a21 .t26{ width:500px}
.m26 .a21 .b21 .bt21{ float:none; margin:40px auto 0; text-align:center}
.m26 .a21 .b21 .bt21 a{height:50px;font:24px/55px "Courier New", "微軟正黑體"; width:60%;border-radius:5px}
/*首頁做NESW滑動介面*/
.m33 { width:100%} 
.m33 .carousel-inner{ width:100%} 
.m33 .glyphicon-chevron-right{ right:0px}
.m33 .carousel-control.right img, 
.m33 .carousel-control.left img{ height:80px}
.m33 .glyphicon-chevron-right{ right:20%; top:35%}
.m33 .glyphicon-chevron-left{ left:20%;top:35%}
.m33{ height:500px}
.m33 .carousel-inner{height:500px}
.m34 .a24{ padding:20px 5%; border-right:0;}
.m34 d.a24 .dt5{ margin:0 0 15px 0}
.m34:hover .a24 .dt5{ margin:0 0 15px 0}
.m34:hover .a24{border-right:0px}
.m34 .im11{height:500px; }
/*首頁做Work Service滑動介面*/
.m35 { height:600px}
.m35 .carousel-inner{ height:600px}
.m35 .carousel-caption{ width:60%;right:17%;bottom:0px}
.m35 .carousel-indicators{ display:none}
.m35 .glyphicon-chevron-right{ right:20%}
.m35 .glyphicon-chevron-left{ left:10%}
.m35 .carousel-control.right img, .m35 .carousel-control.left img{ height:90px}
/*首頁做About Works滑動介面*/
.m36 .ls16{ width:100%; height:auto; overflow:hidden;}
.m36 .ls16 a{ padding:50px 3% 0; height:250px}
/*首頁做Contact Us滑動介面*/
.m26{animation:none; opacity:1}
/*work*/
.a10 .ls17{ width:100%; margin:0 0 30px}
/*About Works*/
.m36 .ls16 a{ width:100%;padding:50px 0 0}
.m36 .ls16 a .t30{ width:20%}
.m36 .ls16 a .t31{ width:90%}
/*We Do*/
.m34 .a24 .t27, .m34 .a24 .t27 a{ font:16px/26px verdana,"微軟正黑體"}
/*footer*/
footer > div{ width:96%; padding:5px 0 5px;font:24px/28px "Century Gothic","微軟正黑體";text-align:center;height: auto}
footer>div ul{height:auto;font:18px/22px "Century Gothic","微軟正黑體";padding-left:0!important}
footer>div ul li{font:24px/28px "Century Gothic","微軟正黑體";width:100%;display: none;height: auto;overflow: hidden}
footer > div .a19{ float:none; text-align:center;font:21px/32px "Century Gothic","微軟正黑體";display: block}
footer > div a, 
footer > div a:hover, footer > div a:focus{font:24px/22px "Century Gothic","微軟正黑體"}
footer > div .a19-2{}
footer > div .a19-2 a{ width:auto;font:36px/36px "Century Gothic","微軟正黑體";}
footer > div .a19-2 a img{height:32px;padding:2px 0 0; vertical-align: top}
/*首頁TOP橫幅*/
.m32{  height:350px }
.m32 .sud{ display:none}
.m32 .carousel-inner > .item a{ padding:350px 0 0; }
.m32 .carousel-inner > .item iframe{ width:100%; height:180%; position:absolute; top:-139px; left:0; z-index:0}
.m32 .carousel-caption{ width:80%; padding:0 5%;}
.m32 .cc2{height:40px;font:30px/40px "Microsoft YaHei","微軟正黑體", "Century Gothic"  ;letter-spacing:0px;padding:0}
.m32 .cc2 span{ width:100%}
@keyframes go11{
 0% { width:0; bottom:100px;} 
 100% {width:90%;opacity:1; bottom:70px;}
}
.m32 .carousel-control .glyphicon-chevron-right{background:rgba(255,255,255,0.35); width:30px;height:80px;line-height:80px;}
.m32 .carousel-control.right{bottom:auto; top:33%}
@keyframes go3 {
 0% { right:-10%;} 
 100% {   right:-3%;opacity:1}
}
.m32 .carousel-control .glyphicon-chevron-left{background:rgba(255,255,255,0.35);width:30px;height:80px;line-height:80px;  }
.m32 .carousel-control.left{bottom:auto; right:auto;top:33%}
@keyframes go2 {
 0% { left:-20%;} 
 100% {   left:-3%;opacity:1}
}
/*aa2*/
.m39{ width:100%;background:linear-gradient(90deg,#ddd 50%,#ddd 50%) repeat-y center top/1px 100px;margin:0 auto;   }
.m39 .ls18{ width:50%;/*border-right:1px solid rgba(232,232,232,1); border-bottom:1px solid rgba(232,232,232,1); */
}
.m39 .ls18 .t36{ background:rgba(255,255,255,0)}
.m39 .ls18 .t37{ background:rgba(230,230,230,0.5)}
.m39 .ls18 .t36 > span{ font-size:15px}
.m39 .ls18 .t36-2{ min-height:130px}
@keyframes go15 {
 0% {opacity:0; margin:-10% 0 0;} 
 100%{opacity:1;margin:0 0 0;}
}
.m39 .ls18 .t35{ font:20px/79px "Microsoft YaHei", "Century Gothic","微軟正黑體"; }

/*aa1*/
.m38{  width:100%; background:url(../../images/aa1/im7.jpg) no-repeat center 65px;}
.m38-2{background:url(../../images/bn6.jpg) no-repeat -400px 65px;}
.m38-3{background:url(../../images/aa1/im8.jpg) no-repeat center 65px}
.m38-4{background:url(../../images/aa1/im3.png) no-repeat center 65px/ auto 600px;}
.m38-5{background:url(../../images/aa1/im10.jpg) no-repeat center 65px;}
.m38 .t33{ width:80%;margin:200px auto 40px; float:none; font:18px/26px "Century Gothic","微軟正黑體"}
.m38 .t33-2{margin:540px auto 40px;}
.m38 .t33 h5{font:
bold 20px/20px "Century Gothic","微軟正黑體";}
.m38 .t34{ width:100%; font:bold 50px/60px "Century Gothic","微軟正黑體";color:#000;left:0%; top:0px;border-bottom:0px dotted #ddd;border-top:0px dotted #ddd; text-align:center}
@keyframes go14 {
 0% {  margin-left:0} 
 100%{opacity:1; margin-left:0}
}
.m38 .t33 > img{ width:100%}
.m38 .t33 .im14{ width:100%; margin-bottom:20px}
@keyframes go16 {
 0% {  margin-left:0%;} 
 100%{opacity:1;margin-left:0%;}
}


/*編輯器模組*/
.sp1 .sim2{ width:100%; margin:0 0 0 0}
.sp1 .sta1{ width:100%}
.sp1 .sim2 img{width:100%;}
.a11 .t20{ text-align:left;}
.sp1 .st2, .sp1 .st3{ letter-spacing:0}


/*aa3*/
.bgt1-6{ line-height:40px}
.bgt1-6 span{font:40px/60px "Century Gothic","微軟正黑體"; height:60px}
.bgt1 h3{ border:0; margin:0; padding:0; font:700 66px/66px "Century Gothic"}
.m40{width:100%;height:500px; background:url(../../images/aa3/bn1.jpg) no-repeat center top/cover}
.m40 .lg3{width:80%;top:70px; left:10%; text-align:center} 
.m40 .t38{width:80%;top:190px; right:10%} 

.m41{ width:90%; margin:0 auto}
.t39{ width:100%}
.m42{ width:100%; height:700px; overflow:hidden;}
.m42 .im17{width:100%;height:680px;background:url(../../images/aa3/im2-2.jpg) no-repeat center top/cover; position:absolute; left:0; top:20px;border-radius:0}
.t40, .t40x{ width:90%; left:5%; top:0; text-align:center}
.t40 h4, .t40x h4{ margin-left:4px}
.t40 h4::before, .t40x h4::before{ display:none;content:''}
.m42 .a27{ position:relative;width:100%; top:auto; left:auto; padding:0 20px;box-sizing: border-box; margin:140px 0 0 }
.m42 .a27 .ls19{ margin:0 20px 30px} 
.m42 .a27 .ls19-2{ margin:0 20px 30px} 

.m42{ height:auto;}
.m42 .a28{padding:0 20px}
.m42 .a28 .ls20{ border:0; width:250px; margin:0 10px 10px;font:21px/28px "Century Gothic", "微軟正黑體";color:#000;}
.m42 .a28 .ls20 span{font:bold 21px/24px verdana, "微軟正黑體";}
.m42 .a28 .ls20 img{ width:100%; height:auto; border-radius:200px;   border:3px dotted #000; padding:36px;box-sizing: border-box;margin:0 0 15px;}

.m43{ width:100%; margin:0 auto 30px}
.m43 .a29{ width:100%;margin:110px 20px 0;}
.m43 .a29 .ls21{ width:250px; margin:0 10px 10px}
.m43 .a29 .ls21 .im19{ width:160px; height:160px; margin:40px 40px 0 50px}
.m43 .a29 .ls21 .t42{ width:230px; height:260px;font:21px/27px "Century Gothic", "微軟正黑體";}

.m44{ width:100%;}
.m44 .ls22{ width:90%; margin:0 auto 20px; border-bottom:4px solid #333; padding-bottom:20px}
.m44 .ls22 .im20{ margin:0 0 20px; width:100%;height:auto }
.m44 .ls22 .im20-2{ margin:20px 0 0 }
.m44 .ls22 .a30{ width:100%}
.m45{ width:90%}
.m44 .ls22 .a30 .t43{ background:
linear-gradient(180deg,#ffef88 50%,#ffef88 100%) no-repeat 12px 0px/54% 32px; font:bold 42px/50px "Century Gothic", "微軟正黑體"}
/*aa4*/
.m46{ width:100%; margin:0 auto 0px;min-height:360px}
.t40-4{ padding:10px 1.5% 10px; letter-spacing:-2px;font-size:32px; top:30px}
.m46 .t46{ width:90%;margin:110px auto 10px; display:block}
.bt33{ width:auto; display:inline-block;}
.bt33 a{ padding:0 30px}
.bt34{ width:auto; display:inline-block;}
.bt34 a{ padding:0 30px}
.bgt1-6 h3{font:bold 60px/66px "Century Gothic"; letter-spacing:-1.5px}
.dm1-2{  position:fixed; bottom:0; left:0}
.dmdw{ height:0; width:100%; margin:0 0 100px; background:none}
.dm1 .dma1{bottom:20px; left:1%;margin-top:-50px}
.dm1 .dma1 .dmbt1 a{width:100%; height:50px;font:26px/50px "微軟正黑體";color:#fff; }

.dmbk1 {width:100%;}
.dmbn1 { width:100%; height:340px}
.dmbk1 .modal-body{height:410px}
.dmbn1 .carousel-inner > .item{  height:340px}
.dmbk1 .modal-body iframe{ height:320px; margin:15px auto}

.dm1 .dmbt2 a{font:24px/100px "Century Gothic","微軟正黑體";}
.dm1 .dmbt2 img{ width:auto;height:30px; display:inline-block; padding-bottom:8px; margin-right:8px}

.dm1 .dmbt3 a{font:24px/100px "Century Gothic","微軟正黑體";}
.dm1 .dmbt3 img{ width:auto;height:30px; display:inline-block; padding-bottom:8px; margin-right:8px}
/*模板*/
.spbody{ background:#fff}
.spm1{height:325px}
.spm1 .splg1{ display:none}
.spm1{height:325px}
.spm1 iframe{margin-top:0%; height:325px}
.spm2{display:none}
.spm3{ margin-top:325px}
.spm1 .spcv1{ height:325px}
.spm3{ padding:60px 0 70px;}
.spm3 .spa1	{width:90%; line-height:36px}
.spm3 .spa1 br{ display:none}
.spm3 .spa1 h4{ font:50px/60px "Century Gothic","新細明體"; color: #000;}

.spm4 .spls1{ width:90%; margin:0 auto 25px; float:none}
@keyframes spgo1 { 
0% {}
100% {
opacity:1;
top:5px;
}
}
.spm5 .spa2 .spls2{width:80%; float:none; margin:0 auto 30px}
.spm5 .spa2{ width:92%}
.spm5 .spa3{ width:90%;}

.spm6 .spa4{ width:90%;}
.spm6 .spa4 .spb1{ float:none; width:100%; margin:0 0 30px}
.spm6 .spim3{ font:17px/28px "微軟正黑體";padding:40px 5%; text-align:justify;text-justify: inter-ideograph;}
.spm6 .spim3 br{ display:none; }
.spm6 .spa4 .spb1 { border-bottom:2px dotted #ddd; padding:0 0 20px}
.pt1 a{width:120px;height:120px;}
.pt1 a img{ width:60%; margin-bottom:10px}
.pt1 a .t47{font:17px/20px "Century Gothic","微軟正黑體";padding:8px 0 ; }
.pt1{top:2px; z-index:9999}

.m48 .a33 .ls23{ width:46%}
.m48 .a33 .ls23 .t51{font: 24px/32px 'Noto Sans TC',"微軟正黑體";height:64px;}
.m48 .a33 .ls23 .t51:before{font:14px/28px 'Noto Sans TC',"微軟正黑體"; margin-right:8px}
	
.m49{height:100vh;background:linear-gradient(90deg,rgba(255,200,25,.85) 0%,rgba(255,200,25,.85) 0%) no-repeat center,
url(../../images/in2/bn1.jpg) no-repeat center}
@keyframes go25 { 
0% { background-size:auto 100% }
100% {background-size:auto 120%}
}
.m49 .lg4{padding:26% 0 0;width:200px;margin-bottom: 30px}
.m49 .t52 h4{font:700 45px/65px 'M PLUS Rounded 1c',"微軟正黑體"}
.m49 .t52 h5{font:300 25px/35px 'Noto Sans TC',"微軟正黑體"}
.m50{padding:50px 0}
.m50 .a34{width: 80%; padding:0}
.m50 .a34 .im24{width: 40%; float:none;margin: 0 auto}
.m50 .a34 .im24 img{width:100%;height:auto;}
.m50 .t53{width: 100%; padding:20px 0 0}
.m50 .t53{ font:400 24px/34px 'Noto Sans TC',"微軟正黑體";letter-spacing: -.5px}
.m50 .t53 h4{font:700 56px/58px 'M PLUS Rounded 1c',"微軟正黑體";letter-spacing: -2px}
.m50 .t53 h4 span{font:700 60px/60px 'M PLUS Rounded 1c',"微軟正黑體";vertical-align:top;padding:15px 0 0 }
.m51{padding:30px 0}
.bgt4 h4{font:40px/50px "Century Gothic","微軟正黑體"}
.m51 .a35{width:80%;padding:0 0}
.m51 .a35 .ls24{width:100%; margin: 0 0 10px;float: none; padding: 0; border-bottom:5px dotted rgba(0,0,0,.8);padding:0 0 20px}
.m51 .a35 .ls24 .im26{ padding: 0;width: 60%;margin: 0 auto 0}
.m51 .a35 .ls24 .t54{width: 500 42px/52px 'Noto Sans TC',"微軟正黑體"}
.m51 .a35 .ls24 .t55{height: auto;font:500 28px/36px 'Noto Sans TC',"微軟正黑體"}
.bgt4{width: 94%; font:700 46px/60px 'Noto Sans TC',"微軟正黑體"; margin: 0 auto}
.m52{padding: 50px 0}
.m52 .a36{width: 94%;padding: 50px 0 0px}
.m52 .a36 .im27{width: 100%}
.m53{padding: 50px 0}
.m53 .a37{width: 90%}
.m52 .a36 .t58{width:78%;font:500 32px/50px 'Noto Sans TC',"微軟正黑體"}
.m53 .a37 .t59{text-align:justify;text-justify: inter-ideograph;font:500 28px/36px 'Noto Sans TC',"微軟正黑體";width:90%;margin: 0 auto 30px}
.m53 .a37 .t59 br{display: none;}
.m53 .a37 .im28{width:90%;margin: 0 auto 0px}
.m53 .a38{width: 100%}
.m53 .a38 .t64{width:94%;font:700 135px/140px 'Noto Sans TC',"微軟正黑體";letter-spacing:-4px;text-align:center;margin:0 auto 20px;float:none}
.m53 .a38 .b24{width:100%}
.m53 .a38 .b24 .c25{height:60px}
.ls26 {width:33.33%}
.ls26 a{height:60px;padding: 0 5px;text-align: center}
.ls26 a .t60{font:500 24px/28px 'Noto Sans TC',"微軟正黑體";}
.ls26 a .t61{font:500 18px/20px 'Noto Sans TC',"微軟正黑體";}
.m53 .a38 .b24{overflow: hidden}
.m53 .a38 .b24 .c26{height: auto; overflow: hidden;margin: 30px 3% 0 3%}
.m53 .a38 .b24 .c26 .if3a{position:relative;left: auto; bottom:auto;width:100%;margin-bottom:10px}
.m53 .a38 .b24 .c26 .if3a .if3{width:100%}
.bt35{width:50%; position:relative;right: auto; bottom:auto;height: auto;margin: 0 auto}
.m53 .a38 .b24 .c26 .t62{font:500 24px/36px 'Noto Sans TC',"微軟正黑體";}
.m53 .a38 .b24 .c26 .t62 h4{font: 700 28px/34px 'Noto Sans TC',"微軟正黑體"}
.m53 .a38 .b24 .c26 .t62 h5{font:700 42px/50px 'Noto Sans TC',"微軟正黑體"}
.m54{padding:50px 0}
.m54 .a38{padding:50px 0 0;background: linear-gradient(90deg,#fa0 50%,#fa0 50%) no-repeat center /2px 70%}
.m54 .a38 .ls25{width:100%; margin: 0 0 20px}
.m54 .a38 .ls25 .t56{ margin-bottom: 0;font:700 36px/40px 'Noto Sans TC',"微軟正黑體"}
.m54 .a38 .ls25 .t57{background:#fff7bf;padding:5px 0 0;font:22px/36px 'Noto Sans TC',"微軟正黑體"}
.m54 .a38 .ls25 .t57 h4{font:28px/36px 'Noto Sans TC',"微軟正黑體"}
.m55{width: 560px}
.m55 .modal-body iframe{width:100%; height:310px; margin:0 0}
.m55 .close{right:-10px;top:-100px}
.m56{padding:50px 0 30px}
.m56 .a39{width:80%;padding:30px 0 0}
.m56 .a39 .ls27{margin: 0 1% 25px;width:48% }

.m58{width:560px}
.fb1,
.yut1	
{width:60px;height:60px;right:10px;top:10px}
.yut1{;right:80px;}	
/*.bta1{width:76%;left: 12%; bottom:76px;}*/
.bta1{width:44%;left: 4%; bottom:22px;}
.bta2{width:44%;left: auto;right:4%; bottom:22px;}
/*aa6+aa7*/
.m59 .a43{width:580px;padding:60px 0}
.m59 .a43 .t67{font:500 19px/40px 'Noto Sans TC',"微軟正黑體";letter-spacing:-1px}
.m59 .a43 .t67 br{margin:-20px 0}
.m59 .a43 .t67 h4{font:700 23px/28px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體";letter-spacing:-1px}
.m59 .a43 .b25 .ls30{width:60%;margin:0 auto 40px;float:none}
.m59 .a43 .b27 .ls31{height:260px; padding:40px 20px 0;margin: 0 1.5% 20px;width:47%} 
.m59 .a43 .b27 .ls31 .t70{font:700 32px/60px 'M PLUS Rounded 1c','Noto Sans TC',"Century Gothic", "微軟正黑體"} 
.m59 .a43 .b26 .im31{width:100% }
  .m59 .a43 .b26 .im31-2{left:0}
.m59 .a43 .b26 .im31-4b{left:0%}
.m60 .a44 .b29 .ls32{margin:0 10px}
.m59 .a43 .b26 .t69-2{padding:380px 0 0}
.m59 .a43 .b26 .t69{width:96%;float:none;margin:0 auto}
.m28{}
}