@charset "utf-8";
/* CSS Document */

/* 重設
--------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;background: transparent;/*vertical-align: baseline;*/}
ol, ul, li{list-style: none;}

/*以下為針對HTML5,暫時不開放----------------*/  
/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*/
fieldset,img { border: none; }

/*-------------------基本-----------------------------*/
*, ::after, ::before{box-sizing: content-box}
a{ font-size:15px; text-decoration:none;outline:none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); color:#000 /* for IE */;transition:all 0.3s}
a:hover{ font-size:15px; text-decoration:none;color:#000;outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur());transition:all 0.3s}
a:focus{outline: none;hlbr:expression(this.onFocus=this.blur());text-decoration:none;transition:all 0.3s}
body{outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */ line-height:0px; /*min-width:1200px;*/
min-height:100vh; display:flex; flex-direction:column;background: #fff}
input:focus{outline:none}
/*TOP整體下滑介面設定*/
.m0{ width:100%; height:auto; overflow:hidden; }

/*TOP*/
.m1x{width:100%;height:0;margin: 0 0 15px}
.m1{width:100%;height:auto;border-bottom:0px solid #ddd;position:relative;left:0;top:0;background:#c00/*#e60039*/;z-index:3;box-shadow:0 2px 7px rgba(0,0,0,.28)}

.m1-2{box-shadow:0 1px 3px rgba(0,0,0,0.1); height:0;overflow:hidden;position:relative; z-index:0;opacity:0;}
.top-bar{position:fixed;top:0px; z-index:100; height:70px;transition:all 0.3s; box-shadow:0 1px 5px rgba(0,0,0,0.2);opacity:1;overflow:inherit;}

.m1 .a1{width:1200px;height:70px; margin:0 auto;}
.m1 .a1 .lg1{width:230px;height:auto;overflow:hidden;float:left;padding:12px 0 0}
.m1 .a1 .lg1 img{width:100%;height:auto;}
.m1 .a1 .mn1{width:calc(100% - 240px);height:auto;float:right;text-align:right;}
.m1 .a1 .mn1 .lk1{width:auto;height:40px;display:inline-block;padding:15px 0 0;position:relative}
.m1 .a1 .mn1 .lk1 > a{width:auto;height:40px;font:400 18px/40px 'Noto Sans TC',verdana,"微軟正黑體";margin-left:2px;display:inline-block;border-radius:100px;padding:0 15px;color:#fff;}
.m1 .a1 .mn1 .lk1 > a:hover{background:#ddd;color:#222}
.m1 .a1 .mn1 .lk1 a.active{/*background:#e60039;color:#fff*/background:#fff;color:#c00}
.m1 .a1 .mn1 .lk1-2 > a{margin-left:4px;background:#fd0;font:500 18px/40px 'Noto Sans TC',verdana,"微軟正黑體"; color:#111;}
.m1 .a1 .mn1 .lk1-2 > a:hover{background:#fe8;}
/*會員登入*/
.m1 .a1 .mn1 .lk1-3 > a{margin-left:4px;background:none;font:500 18px/40px 'Noto Sans TC',verdana,"微軟正黑體"; color:#fff;border:1px solid #fff;box-sizing: border-box;}
.m1 .a1 .mn1 .lk1-3 > a:hover{background:rgba(255,255,255,.9);}
/*會員管理*/
.m1 .a1 .mn1 .lk1-4 > a{margin-left:4px;background:none;font:500 18px/40px 'Noto Sans TC',verdana,"微軟正黑體"; color:#fff;border:1px solid #fff;box-sizing: border-box;}
.m1 .a1 .mn1 .lk1-4 > a:hover{background:rgba(255,255,255,.9);}

/*會員管理登入後---下拉功能-*/
.m1 .a1 .mn1 .lk1 .smn1{width:160px;height:auto;position: absolute;top:40px;left:-20px;padding:20px 0 0}
.m1 .a1 .mn1 .lk1 .smn1 a{width:100%;height:0;overflow:hidden;font:500 18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:3px;box-shadow:0 2px 6px rgba(0,0,0,.25);background:#fff;display:block;text-align: center;border-radius:100px;}
.m1 .a1 .mn1 .lk1:hover .smn1 a{height:34px;background:#fff;}
.m1 .a1 .mn1 .lk1:hover .smn1 a:hover{background:#009de6;color: #fff}
.m1 .a1 .mn1 .lk1 .smn1 a.ck{background:#8346d5;}
.m1 .a1 .mn1 .lk1 .smn1 a:hover.ck{background:#9b64e4;}

.m1 .a1 .mn1 .lk1 .smn1 a.ot{background:#555;}
.m1 .a1 .mn1 .lk1 .smn1 a:hover.ot{background:#777;}
/*橫幅區域--*/
.m2{width:100%;height:auto;overflow:hidden}
.m2 .a2{width:1200px;height:auto;overflow:hidden; margin:0 auto 20px;}
.m2 .a2-2{margin:0 auto 40px;}
/*橫幅標題圖--*/
.b1{width:730px;height:auto;overflow:hidden; float:left}
.b1 .im1{width:100%;height:auto;overflow:hidden;margin-bottom:5px}
.b1 .im1 img{width:100%;height:auto;transition:all 0.3s}
.b1 .im1 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.b1 .t1{width:100%;height:92px;overflow:hidden;}
.b1 .t1 a{font:700 32px/44px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#111;}
.b1 .t1 a:hover{color:#c00}

/*橫幅--套件版--*/
/*--↓大橫幅-空間布局--*/
.bn1{ width:790px; height:auto; overflow:hidden; line-height:0;float:left}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn1 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0; height:auto; overflow:hidden; display:block}
/*--↓大橫幅-圓點Page控制--*/
.bn1 .carousel-indicators{height:20px;overflow:hidden}
.bn1 .carousel-indicators button{ height:10px; width:20px; background-color:#fff; border:2px solid #fff; margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:50px;transition:all 0.3s}
.bn1 .carousel-indicators button:hover{background-color:#666;transition:all 0.3s;border:2px solid #666}
.bn1 .carousel-indicators button:focus{background-color:#c00;border:2px solid #c00 !important}
.bn1 .carousel-indicators button.active{background-color:#c00;border:2px solid #c00 !important}
.bn1 .carousel-indicators{ top:430px}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn1 .carousel-control{ font-size:20px;opacity:1;color:rgba(255,255,255,0.8); text-shadow:0 1px 3px rgba(0,0,0,0.8);transition:all 0.3s}
.bn1 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn1 .carousel-control.left, .bn1 .carousel-control.right{background-image:none;background:rgba(0,0,0,0)}
.carousel-control-next, .carousel-control-prev{background:rgba(255,0,0,.7);border:0;width:30px;height:50px;top:200px}

/*橫幅--圖片標題--*/
.b2{width:100%;height:auto;overflow:hidden; float:left}
.b2 .im2{width:100%;height:auto;overflow:hidden;margin-bottom:5px}
.b2 .im2 img{width:100%;height:auto;transition:all 0.3s}
/*.b2 .im2:hover img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}*/
.b2 .t2{width:100%;height:76px;overflow:hidden;font:700 28px/38px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#111;transition:all 0.3s;margin-bottom:7px}
.b2 .t2:hover{color:#c00;transition:all 0.3s;text-decoration:underline}
.b2 .dt1{width:100%;height:24px;overflow:hidden;font:500 16px/24px verdana,"微軟正黑體"; color:#666;transition:all 0.3s;text-align:right;border-bottom:0px solid #ccc;padding:0 0 0;}
.b2 .dt1 span{width:auto;height:24px;overflow:hidden;padding:0 7px;font:500 14px/22px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";border:1px solid #005dac;display: inline-block;color:#005dac;box-sizing: border-box;vertical-align:top;margin-right:8px;border-radius:0px;}
/*AD--*/
.m2 .a2 .b3{width:calc(100% - 815px);height:auto;overflow:hidden;float:right}
.m2 .a2 .b3 .ad1{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m2 .a2 .b3 .ad1 img{width:100%;height:auto;transition:all 0.3s}
.m2 .a2 .b3 .ad1 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.m2 .a2 .b3 .ad1-2{;margin-bottom:0px}
/*各新聞分類列表區--*/
.bgt1{width:1200px;height:auto;overflow:hidden;
;font:500 30px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;background:linear-gradient(90deg,#bbb 23.5%,#bbb 23.5%) no-repeat center bottom/100% 2px;margin:0 auto 25px;}
.bgt1-2{margin-top:0px}
.bgt1-3{color:#900}
.bgt1 span{font:400 24px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#888;margin-left:0px}
.mo1{width:auto;height:auto;overflow:hidden;float:right;text-align:right}
.mo1 a{font:400 18px/30px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";}
.mo1 a:hover{color:#26aea2}
.mo1 a img{width:auto;height:34px; padding-bottom:4px; vertical-align:middle; margin-left:5px}
.m3{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m3 .a3{width:100%;height:auto;overflow:hidden; margin:0 auto;}
.m3 .a3 .b4{width:1220px;height:auto;overflow:hidden;margin:0 auto}
.ls1{width:31.3%;height:auto;overflow:hidden;float:left;margin:0 1% 20px;position:relative}
.ls1 .im3{width:100%;height:auto;overflow:hidden;margin-bottom:6px}
.ls1 .im3 img{width:100%;height:auto;transition:all 0.3s}
.ls1 .im3 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.ls1 .t3{width:100%;height:60px;overflow:hidden;margin-bottom:10px}

.ls1 .t3 a{font:500 20px/30px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#111;letter-spacing:-.4px}
.ls1 .t3 a:hover{color:#b00;text-decoration: underline}
.ls1 .dt2{width:100%;height:24px;overflow:hidden;font:500 16px/24px verdana,"微軟正黑體"; color:#666;transition:all 0.3s;text-align:left;border-bottom:0px solid #ccc;padding:0 0 0;}
.ls1 .dt2 span{width:auto;height:24px;overflow:hidden;padding:0 7px;font:500 14px/22px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";border:1px solid #005dac;display: inline-block;color:#005dac;box-sizing: border-box;vertical-align:top;margin-right:8px;border-radius:0px;}

/*橫幅小AD*/
.bn2{width:1200px;height:200px;overflow:hidden;margin:0 auto 20px}
.bn2-2{margin:30px auto 30px}
.bn2 img{width:100%;height:auto;transition:all 0.3s}
.bn2 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
/*學院首頁LIST介面*/
.m3-2{background:#111}
.m3-2 .a3{padding:30px 0 40px;}
.bgt2{width:1200px;height:auto;overflow:hidden;
;font:500 30px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fd0;background:linear-gradient(90deg,#fd0 23.5%,#fd0 23.5%) no-repeat center bottom/100% 1px;margin:0 auto 25px;}
.bgt2 span{font:400 24px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#888;margin-left:0px}
.mo2{width:auto;height:auto;overflow:hidden;float:right;text-align:right}
.mo2 a{font:400 18px/30px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#fff}
.mo2 a:hover{color:#888}
.mo2 a img{width:auto;height:34px; padding-bottom:4px; vertical-align:middle; margin-left:5px}
.ls1-2 .t3 a{color:#fff;}
.ls1-2 .t3 a:hover{color:#fd0;text-decoration:underline }
.ls1 .dt3{width:100%;height:24px;overflow:hidden;font:500 16px/24px verdana,"微軟正黑體"; color:#fff;transition:all 0.3s;text-align:left;border-bottom:0px solid #ccc;padding:0 0 0;}
.ls1 .dt3 span{width:auto;height:24px;overflow:hidden;padding:0 6px;font:500 14px/20px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";border:1px solid #fd0;display: inline-block;color:#fd0;box-sizing:border-box;vertical-align:top;margin-right:8px;border-radius:0px;background:#111}
.bt1{width:auto; height:auto;display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s; float:right;position: absolute;right:0px;bottom:0}
.bt1 img{width:auto;height:14px;display:inline-block; padding:0 0 2px; margin-right:-2px;}
.bt1 a{width:auto; height:30px;font:400 18px/27px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:100px;background:#fd0;padding:0 10px }
.bt1 a:hover{ background:#fe4; border:0px solid #3577c1;transition:all 0.3s;}
/*down*/
.m4{width:100%;height:auto;overflow:hidden;background:#111}
.m4 .a4{width:1200px;height:auto;overflow:hidden;padding:20px 0 18px;margin:0 auto}
.m4 .a4 .lg2{width:200px;height:auto;overflow:hidden;float:left;margin-right:20px}
.m4 .a4 .lg2 img{width:100%;height:auto;}
.m4 .a4 .mn2{width:auto;height:auto;overflow:hidden;float:left;text-align:left}
.m4 .a4 .mn2 a{width:auto;height:auto;overflow:hidden;font:300 15px/30px 'Noto Sans TC',verdana,"微軟正黑體";margin-left:10px;display:inline-block;border-radius:100px;padding:0 8px;color:#fff}
.m4 .a4 .mn2 a:hover{color:#ccc;text-decoration: underline}
.m4 .a4 .t4{width:auto;height:auto;overflow:hidden;font:300 15px/30px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#fff;float: right;margin-left:20px}
/*社群按鈕*/
.m4 .a4 .ic1{width:auto;height:24px;overflow:hidden;float:right;margin-left:15px;opacity:0.5;transition:all 0.3s;padding:3px 0 0 0}
.m4 .a4 .ic1:hover{opacity:1;transition:all 0.3s}
.m4 .a4 .ic1 img{width:auto;height:100%;}


/*------------頁碼----------*/
.pga{width:100%; height:auto; overflow:hidden;margin: 0 auto; padding:30px 0 55px;text-align:center;}
.pga a {width:50px;height:50px;border:1px solid #ccc;padding: 0;text-align:center;display:inline-block;font:500 20px/48px 'Noto Sans TC','Noto Sans SC',verdana,"新細明體"; color:#aaa; border-radius:5px; margin-right:5px;box-sizing:border-box;}
.pga a:hover {background:#bbb;color:#fff; border:1px solid #bbb;}
/*無法點選狀態*/
.pga span{width:50px;height:50px;box-sizing:border-box;border-radius:5px;margin:0 5px 0 0;border:1px solid #ccc;font:500 20px/48px 'Noto Sans TC','Noto Sans SC',verdana,"新細明體";display:inline-block; vertical-align:top; text-align:center}
.pga .disabled {color:#aaa;}
/*當下頁面狀態*/
.pga .current {border:1px solid #333;background:#333; color:#fff;}

/*news_view.asp*/
.m5{width:100%;height:auto;overflow:hidden;}
.m5 .a5{width:1200px;height:auto;overflow:hidden; margin:0 auto;font:400 15px/60px 'Noto Sans TC',verdana,"微軟正黑體"; color:#e2d2a;}

.m5 .a5 .b5{ width:790px; height:auto; overflow:hidden; line-height:0;float:left}
.m5 .a5 .b5 .t5{width:100%; height:auto; overflow:hidden;font:700 32px/46px 'Noto Sans TC','Noto Sans SC',verdana,"新細明體"; color:#111;margin-bottom:15px;letter-spacing:-1px}
.m5 .a5 .b5 .im4{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m5 .a5 .b5 .im4 img{width:100%;height:auto;transition:all 0.3s}
.m5 .a5 .b5 .dt4{width:100%;height:30px;overflow:hidden;font:500 16px/24px verdana,"微軟正黑體"; color:#666;transition:all 0.3s;text-align:left;border-bottom:0px solid #ccc;padding:0 0 0;margin-bottom:10px;}
.m5 .a5 .b5 .dt4 span{width:auto;height:24px;overflow:hidden;padding:0 7px;font:500 14px/22px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";border:1px solid #005dac;display: inline-block;color:#005dac;box-sizing: border-box;vertical-align:top;margin-right:8px;border-radius:0px;}

/*LINE--分享按鈕*/
.bt3{width:auto; height:30px;display:inline-block; text-align:center; border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0;float:right;margin-left:10px}
.bt3 a img{width:auto;height:16px;display:inline-block; padding:0 0 4px; margin-right:2px;}
.bt3 a{width:auto; height:30px;font:500 18px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:2px;background:#38af03;padding:0 8px; }
.bt3 a:hover{ background:#5ebf34; border:0px solid #3577c1;transition:all 0.3s;}

/*FB分享按鈕*/
.bt4{width:auto; height:30px;display:inline-block; text-align:center; border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0;float:right}
.bt4 a img{width:auto;height:16px;display:inline-block; padding:0 0 4px; margin-right:2px;}
.bt4 a{width:auto; height:30px;font:500 18px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:2px;background:#16498e;padding:0 8px; }
.bt4 a:hover{ background:#2f72cd; border:0px solid #3577c1;transition:all 0.3s;}
/*文字編輯區*/
.m5 .a5 .b5 .t6{width:100%; height:auto; overflow:hidden;font:400 20px/34px 'Noto Sans TC','Noto Sans SC',verdana,"新細明體"; color:#555;margin-bottom:25px;letter-spacing:-.5px;text-align:justify;text-justify: inter-ideograph;}
.m5 .a5 .b5 .t6 img{max-width:100%;height:auto;overflow: hidden}
.m5 .a5 .b5 .t6 ul{padding-left:20px;}
.m5 .a5 .b5 .t6 ul li{ list-style:outside;list-style-type:disc}
/*相關新聞*/
.m5 .a5 .b5 .c1{ width:100%; height:auto; overflow:hidden; margin-bottom:25px;border-bottom:1px solid #900;padding-bottom:12px}
.m5 .a5 .b5 .c1 .st1{width:100%; height:auto; overflow:hidden;font:700 24px/34px 'Noto Sans TC','Noto Sans SC',verdana,"新細明體"; color:#900;margin-bottom:12px;letter-spacing:-.5px;background:linear-gradient(90deg,#900 50%,#900 50%) no-repeat right center/86% 1px}
.ls2{width:100%;height:auto; overflow:hidden; margin-bottom:6px}
.ls2 a{width:100%;height:auto;overflow:hidden;display: block}
.ls2 a:hover{text-decoration:underline}
.ls2 a .t7{width:auto;height:24px;overflow:hidden;padding:0 7px;font:500 14px/21px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";border:1px solid #005dac;display: inline-block;color:#005dac;box-sizing: border-box;vertical-align:top;margin:3px 8px 0 0;border-radius:0px;float:left;transition:all 0.3s}
.ls2 a:hover .t7{color:#fff;background:#005dac;;transition:all 0.3s}
.ls2 a .t8{width:auto; height:auto; overflow:hidden;font:500 18px/30px 'Noto Sans TC','Noto Sans SC',verdana,"新細明體"; color:#333;letter-spacing:-.5px;float:left;display: inline-block;;transition:all 0.3s}
.ls2 a:hover .t8{color:#a00;text-decoration:underline;;transition:all 0.3s}
/*關鍵字*/
.m5 .a5 .b5 .c2{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;border-bottom:0px solid #900;padding-bottom:0px}
.m5 .a5 .b5 .c2 .st2{width:10%; height:auto; overflow:hidden;font:500 18px/30px 'Noto Sans TC','Noto Sans SC',verdana,"新細明體"; color:#333;letter-spacing:-.5px;float:left;}
.m5 .a5 .b5 .c2 .t9{width:90%; height:auto; overflow:hidden;float:left;}
.m5 .a5 .b5 .c2 .t9 a{width:auto; height:auto; overflow:hidden;font:500 18px/30px 'Noto Sans TC','Noto Sans SC',verdana,"新細明體"; color:#333;letter-spacing:-.5px;transition:all 0.3s;display:inline-block;padding:0;vertical-align: top;margin-right:10px}
.m5 .a5 .b5 .c2 .t9 a:hover{color:#900;text-decoration: underline}
/*FB社群回覆*/
.m5 .a5 .b5 .c3{ width:100%;min-height:200px; height:auto; overflow:hidden; margin-bottom:20px;border-bottom:0px solid #900;padding-bottom:0px}
/*上一篇+下一篇+回列表按鈕*/
.m5 .a5 .b5 .c4{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;border-bottom:0px solid #900;padding-bottom:0px}
.bt5{width:32.3%; height:50px;font:500 24px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:0px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 1.5% 0 0;float:left}
.bt5-2{margin:0}
.bt5 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt5 a{width:100%; height:50px;font:500 22px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333; display:block;border-radius:4px;background:#ddd; }
.bt5 a:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s;color:#fff;}
/*news_view--右邊區域*/
.m5 .a5 .b6{width:calc(100% - 830px);height:auto;overflow:hidden;float:right}
.m5 .a5 .b6 .ad2{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m5 .a5 .b6 .ad2 img{width:100%;height:auto;transition:all 0.3s}
.m5 .a5 .b6 .ad2 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
/*熱門新聞*/
.m5 .a5 .b6 .st3{width:100%; height:auto; overflow:hidden;font:700 24px/34px 'Noto Sans TC','Noto Sans SC',verdana,"新細明體"; color:#111;margin-bottom:12px;letter-spacing:-.5px;background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat right center/70% 1px}
.ls3{width:100%;height:auto;overflow:hidden;float:left;margin:0 1% 20px;position:relative;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px}
.ls3 .im5{width:100%;height:auto;overflow:hidden;margin-bottom:6px}
.ls3 .im5 img{width:100%;height:auto;transition:all 0.3s}
.ls3 .im5 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.ls3 .t10{width:100%;height:60px;overflow:hidden;margin-bottom:10px;font:500 20px/30px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#111;}
.ls3 .t10 a{font:500 20px/30px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#111;letter-spacing:0px}
.ls3 .t10 a:hover{color:#b00;text-decoration: underline}
.ls3 .dt5{width:100%;height:24px;overflow:hidden;font:500 16px/24px verdana,"微軟正黑體"; color:#666;transition:all 0.3s;text-align:left;border-bottom:0px solid #ccc;padding:0 0 0;}
.ls3 .dt5 span{width:auto;height:24px;overflow:hidden;padding:0 7px;font:500 14px/22px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";border:1px solid #005dac;display: inline-block;color:#005dac;box-sizing: border-box;vertical-align:top;margin-right:8px;border-radius:0px;}
/*熱門新聞-小列表*/
.m5 .a5 .b6 .c5{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;border-bottom:0px solid #900;padding-bottom:0px}

.ls4{width:100%;height:auto;overflow:hidden;float:left;margin:0 1% 20px;position:relative;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px}
.ls4 .im6{width:36%;height:auto;overflow:hidden;margin-rihgt:0;float:left}
.ls4 .im6 img{width:100%;height:auto;transition:all 0.3s}
.ls4 .im6 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.ls4 .d1{width:calc(100% - 40%);height:auto;overflow:hidden;float:right}
.ls4 .d1 .t11{width:100%;height:54px;overflow:hidden;margin-bottom:5px;font:500 18px/27px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#111;margin-top:-4px}
.ls4 .d1 .t11 a{font:500 18px/27px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#111;letter-spacing:0px}
.ls4 .d1 .t11 a:hover{color:#b00;text-decoration: underline}
.ls4 .cpn{width:auto;height:24px;overflow:hidden;padding:0 5px;font:500 14px/22px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";border:1px solid #005dac;display: inline-block;color:#005dac;box-sizing: border-box;vertical-align:top;float: left;margin-bottom:0}
/*news2_list---橫幅*/
/*--↓大橫幅-空間布局--*/
.bn3{ width:100%; height:400px; overflow:hidden; line-height:0;margin:-35px 0 0}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn3 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0; height:400px; overflow:hidden; display:block; }
/*--↓大橫幅-圓點Page控制--*/
.bn3 .carousel-indicators button{ height:10px; width:20px; background-color:rgba(255,255,255,.95); border:2px solid #fff; margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:50px;transition:all 0.3s}
.bn3 .carousel-indicators button:hover{background-color:#333;transition:all 0.3s;border:2px solid #333}
.bn3 .carousel-indicators button:focus{background-color:#333;border:2px solid #333 !important}
.bn3 .carousel-indicators button.active{background-color:#a00;border:2px solid #a00 !important}
.bn3 .carousel-indicators{ bottom:28px}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn3 .carousel-control{ font-size:20px;opacity:1;color:rgba(255,255,255,0.8); text-shadow:0 1px 3px rgba(0,0,0,0.8);transition:all 0.3s}
.bn3 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn3 .carousel-control.left, .m1 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
.bn3 .carousel-control .glyphicon-chevron-left{font-size:16px;}
.bn3 .carousel-control .glyphicon-chevron-right{ font-size:16px;}
/*--控制左右鍵寬度--*/
.bn3 .carousel-control.left,
.bn3 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
/*news2_list*/
.m6{width:100%;height:auto;overflow:hidden;margin-bottom:0;background:#eee}
.m6 .a6{width:100%;height:auto;overflow:hidden; margin:0 auto;padding:50px 0}
.m6 .a6 .b7{width:1220px;height:auto;overflow:hidden;margin:0 auto}

.ls5{width:48%;height:auto;overflow:hidden;float:left;margin:0 1% 20px;position:relative;border-radius:15px;box-shadow:0 3px 12px rgba(0,0,0,.15)}
.ls5 .im7{width:100%;height:auto;overflow:hidden;margin-bottom:0px}
.ls5 .im7 img{width:100%;height:auto;transition:all 0.3s}
.ls5:hover .im7 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.ls5 .c6{width:100%;height:auto;overflow:hidden;padding: 20px 20px 30px;background:#fff;box-sizing: border-box;transition:all 0.3s;text-align: center}
.ls5:hover .c6{background:#fd0;transition:all 0.3s}
.ls5 .c6 .t12{width:100%;height:64px;overflow:hidden;margin-bottom:10px}
.ls5 .c6 .t12 a{font:700 24px/32px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#111;letter-spacing:-.4px;}
.ls5 .c6 .t12 a:hover{color:#111;text-decoration: none;background:#fd0}
.ls5 .c6 .t13{width:100%;height:30px;overflow:hidden;font:500 16px/30px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#111;}
.ls5 .c6 .t13 img{width:auto;height:16px; padding-bottom:4px; vertical-align:middle; margin-right:1px}
.ls5 .c6 .dt6{width:100%;height:24px;overflow:hidden;font:500 16px/24px verdana,"微軟正黑體"; color:#666;transition:all 0.3s;text-align:left;border-bottom:0px solid #ccc;padding:0 0 0;}
.ls5 .c6 .dt6 span{width:auto;height:24px;overflow:hidden;padding:0 7px;font:500 14px/22px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";border:1px solid #005dac;display: inline-block;color:#005dac;box-sizing: border-box;vertical-align:top;margin-right:8px;border-radius:0px;}
.bt6{width:100%; height:50px;font:500 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0; }
.bt6 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt6 a{width:100%; height:50px;font:500 24px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#111; }
.bt6 a:hover{ background:#ff003c; border:0px solid #3577c1;transition:all 0.3s;}
/*news2_view--導覽*/
.gd1{width:1200px;height:auto;overflow:hidden;font: 500 22px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#002f70;padding:0 0 0;margin:0 auto 10px}
.gd1 a{font:500 16px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;}
.gd1 a:hover{color:#a00;/*text-decoration:underline*/}
.gd1 a::after{ content:'→';margin:0 1%;color:#111}
/*news2_view--圖片*/
.m7{width:100%;height:auto;overflow:hidden;margin-bottom:20px;}
.m7 .a7{width:100%;height:auto;overflow:hidden; margin:0 auto;padding:0 0 0}
.m7 .a7 .b8{width:1200px;height:auto;overflow:hidden;margin:0 auto 40px;background:linear-gradient(90deg,#eee 50%,#eee 50%) no-repeat left 80px/80% 100%;padding:0 0 10px 120px;box-sizing: border-box;}
.m7 .a7 .b8 .im8{width:100%;height:auto;overflow:hidden;float:right;margin-bottom:15px}
.m7 .a7 .b8 .im8 img{width:100%;height:auto;transition:all 0.3s}
/*news2_view--分享*/
.m7 .a7 .b8 
.sha1{width:100%;text-align: right;margin-bottom:10px}
.m7 .a7 .b8 .sha1 > div{height:auto;overflow:hidden;display: inline-block}
.m7 .a7 .b8 .sha1 .t14{height:42px;width:200px;margin:0 auto;font: 500 24px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat right center/56% 1px;text-align: left;text-transform:uppercase}
.m7 .a7 .b8 .sha1 .ic2{width:42px;margin-left:10px}
.m7 .a7 .b8 .sha1 .ic2 img{width:100%;opacity:1;transition:all 0.3s}
.m7 .a7 .b8 .sha1 .ic2:hover img{opacity:.6;transition:all 0.3s}

/*news2_view--主要標題*/
.m7 .a7 .b8 .t15{width:100%;height:auto;overflow:hidden;margin:0 auto;font:700 50px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin-bottom:25px;color:#111;}
.m7 .a7 .b8 .adr1{width:auto;height:auto;overflow:hidden;margin:0 auto;font:500 24px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align: left;text-transform:uppercase;margin-bottom:25px;color:#111;display: inline-block;float:left}
.m7 .a7 .b8 .adr1 img{width:auto;height:20px; padding-bottom:4px; vertical-align:middle; margin-right:5px}

.m7 .a7 .b8 .c7{width:auto;height:auto;overflow:hidden;margin:0 auto;padding:0 0;border:0px solid #aaa;box-sizing: border-box;display:inline-block;float: right;border-bottom:1px solid #aaa;}
.m7 .a7 .b8 .c7 > div{width:auto;height:auto;overflow:hidden;float:left;margin-right:12px}
.m7 .a7 .b8 .c7 .t16 {height:38px; font:500 20px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;clip-path:polygon(10% 0%, 100% 0%,100% 80%,90% 100%,0% 100%,0% 20%);background:#172a71;padding:0 12px;margin-top:13px}
.m7 .a7 .b8 .c7 .t17{font:italic 700 40px/56px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#ee0043}
.m7 .a7 .b8 .c7 .t17 span{font:italic 700 20px/56px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333}
.bt7{width:200px!important; height:auto;text-align:center;border:0px solid #e95377; transition:all 0.3s;padding:4px 0 0;margin-right: 0!important}
.bt7 img{width:auto;height:28px;padding:0 0 4px; margin-right:6px;}
.bt7 a{width:100%; height:52px;font:700 28px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:100px;background:#fd0; }
.bt7 a:hover{ background:#fa0; border:0px solid #3577c1;transition:all 0.3s;}
/*news2_view--副標題*/
.m7 .a7 .b9 .st4{width:auto;height:42px; font:700 24px/39px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#002c7d;clip-path:polygon(0% 0%, 100% 0%,90% 0%,100% 100%,0% 100%,0% 100%);background:#fd0;padding:0 20px 0 10px;margin-bottom:5px;text-align:center;display: inline-block}
/*news2_view--詳細介紹文案*/
.m7 .a7 .b9{width:1200px;height:auto;overflow:hidden;margin:0 auto 40px;padding:0 0 0 120px;box-sizing: border-box;}
.m7 .a7 .b9 .t18{font:400 20px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;text-align:justify;text-justify: inter-ideograph;margin-bottom:0}
/*news2_view--MAP*/
.m7 .a7 .b9 .mp1{width:100%;height:500px;overflow:hidden;margin:15px 0 0;}
.m7 .a7 .b9 .mp1 iframe{width:100%;height:100%;overflow:hidden;}
/*news2_view--講師介紹*/
.ls6{width:100%;height:auto;overflow:hidden;margin-top:15px;}
.ls6 .im9{width:250px;height:250px;overflow:hidden;float:left;border-radius:100%;border:1px solid #ccc;box-sizing: border-box;box-shadow:0 3px 12px rgba(0,0,0,.0)}
.ls6 .im9 img{width:100%;height:100%;}
.ls6 .t19{width:calc(100% - 270px);height:auto;overflow:hidden;font:400 20px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;text-align:justify;text-justify: inter-ideograph;margin-bottom:25px;float: right}

.ls6 .t19 h4{font:700 32px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:10px}
/*news2_view--報名表格*/
.m7 .a7 .b9-2{background:#eee;padding:40px 0 40px 120px}
.m7 .a7 .b9 .c8{width:800px;height:auto;overflow:hidden;margin:20px auto 0;}
.ls7{width:100%;height:auto;overflow:hidden;margin-bottom:15px}
.ls7 .t20{width:15%;height:auto;overflow:hidden;font:400 20px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;float:left}
.ls7 input{width:calc(100% - 18%);height:auto;overflow:hidden;font:400 20px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;float:left;padding:0 12px; border:1px solid #aaa;display:block;box-sizing: border-box;}
.ls7 select{width:40%;height:42px;overflow:hidden;font:400 20px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;float:left;padding:0 12px; border:1px solid #aaa;display:block;box-sizing: border-box;background:#fff}
.ls7 textarea{width:calc(100% - 18%);;height:84px;overflow:hidden;font:400 20px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;float:left;padding:5px 12px; border:1px solid #aaa;display:block;box-sizing: border-box;background:#fff}
.ls7 .d1{width:40%;height:auto;overflow:hidden;float:left}
.ls7 .d1 .qbt{width:18%; height:42px; float:left}
.ls7 .d1 .qbt a{width:100%;height:42px;font:700 28px/38px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";color:#fff;display:inline-block; text-align:center; background:#666 ; border:1px solid #666;border-radius:5px 0 0 5px;box-sizing: border-box;}
.ls7 .d1 .qbt-2 a{border-radius:0 5px 5px 0 ;}
.ls7 .d1 .qbt a:hover{background:#aaa  ; color:#fff;border:1px solid #aaa}
.ls7 .d1 input{width:30%; height:42px; border:1px solid #888 ; border-right:0;border-left:0; float:left; padding:0; text-align:center;font:500 22px/34px 'Noto Sans TC','Noto Sans SC', verdana; color:#000;box-sizing: border-box;}
.ls7 .d1 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#6b18df;}
.ls7 .d1 .t21{width:10%;height:auto;overflow:hidden;font:400 20px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";float:left;margin-left:10px}

/*報名費用*/
.ls7 .t22{width:70%;height:auto;overflow:hidden;font:italic 700 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";float:left;margin-left:0;color: #f5004b;}
/*勾選介面設定*/
/*--閱讀同意條款勾選*/
.ck1{ width:100%; height:auto; overflow:hidden;text-align: left;margin:0 0 15px 15%;border:0px solid #ccc;border-radius:100px;padding:0;float:left}
.ck1 input[type="checkbox"] {display:none;}
.ck1 input[type="checkbox"] + label { background:#bbb; width:24px; height:24px;border-radius:80px; padding:3px ;margin-top:0px}
.ck1 input[type="checkbox"] + label div {display:inline-block;width:
100%;height:100%; border:6px solid #fff;border-radius:100px;box-sizing:border-box;background:#fff }
.ck1 input[type="checkbox"]:checked + label div {border-radius:100px;background:#79d009   }
.ck1 label{height:auto;font:500 22px/28px 'Noto Sans TC','Noto Sans SC', "微軟正黑體";}
.ck1 span{width:auto;height:auto;overflow:hidden;font:700 20px/28px 'Noto Sans TC','Noto Sans SC', "微軟正黑體";color: #111;display:inline-block;vertical-align:top;padding-top:0px;margin-left:1%}
.ck1 span a{font:500 22px/28px 'Noto Sans TC','Noto Sans SC', "微軟正黑體";color:#309a8a  ;margin-left: -6px}
.ck1 span a:hover{color:#40b2a0 ;text-decoration: underline}

/*確認送出付款*/
.bt8{width:200px!important; height:auto;text-align:center;border:0px solid #e95377; transition:all 0.3s;padding:4px 0 0;margin:0 0 0 15%!important;clear: both}
.bt8 img{width:auto;height:24px;padding:0 0 4px; margin-right:6px;}
.bt8 a{width:100%; height:52px;font:700 24px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#003980; }
.bt8 a:hover{ background:#235ca2; border:0px solid #3577c1;transition:all 0.3s;}
/*報名注意事項*/
.m7 .a7 .b9 .t23{font:400 20px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;text-align:justify;text-justify: inter-ideograph;margin-bottom:0}
.m7 .a7 .b9 .t23 ul{padding-left:25px;}
.m7 .a7 .b9 .t23 ul li{ list-style:outside;list-style-type:decimal}

/*20200122--news_view--社群分享彈出視窗-*/
.m8{/* width:600px;*/height:auto;overflow:hidden;margin:60px auto 0}
.m8 .modal-dialog{max-width:600px}
.m8 .modal-content{ width:100%; height:auto; overflow:hidden;border:0;padding:0 0 0 0%; box-sizing: border-box}
.m8 .modal-content form{ width:100%;height:auto;overflow:hidden;}
.m8 .modal-content form > div{box-sizing:border-box}
/*.m13 .a16{width:100%;height:500px;overflow:hidden;margin:0 auto;}*/
.m8 .modal-body{ width:100%; height:auto; overflow:hidden; padding:30px 6% 0;margin:0 auto;}
.m8 .modal-content form .modal-footer{border:0;padding:0 6% 0; margin-bottom:30px}
.m8 .modal-content form .modal-body .btn-close{ position:absolute;top:15px; right:30px;font:42px/50px "Century Gothic","微軟正黑體"; opacity:.8}
.m8 .modal-content form .modal-body .a8{width:100%;height:auto;overflow:hidden;}
.m8 .modal-content form .modal-body .a8 .t24{ width:100%;height:auto;overflow:hidden;font:700 36px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;padding:0 0 0; letter-spacing:-2px; float:left; text-align:center; margin-bottom:20px;}
.m8 .modal-content form .modal-body .a8 .t25{ width:100%; min-height:110px;height:auto;overflow:hidden;font:500 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; margin:0 auto; letter-spacing:0px; float:left; text-align:left;  border-top:2px solid #ddd; border-radius:10px; border-0:2px solid #fff;
background:
linear-gradient(180deg,#ccc 70%,#fff 100%) no-repeat left top/2px 100%,
linear-gradient(180deg,#ccc 70%,#fff 100%) no-repeat right top/2px 100%; padding:15px 20px 20px;color:#333;box-sizing: border-box; }
.m8 .modal-content form .modal-body .a8 .t25 h4
{font:700 28px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#c00;letter-spacing:0px}
.bt9{width:100%; height:70px;font:700 28px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:100px; padding:0 0; border:0px solid #ccc; transition:all 0.3s;;margin-left:0; background:#003980}
.bt9 > img{width:auto;height:32px;display:inline-block; padding:0 0 4px; margin-right:6px}
.bt9:hover{ background:#235ca2; border:0px solid #3577c1;transition:all 0.3s}

.bx1{width:100%;height:auto;overflow:hidden;margin-bottom:25px}
.bx1 table{width:100%;height:auto;overflow:hidden;border: 1px solid #ccc;border-bottom:0;border-right:0;box-sizing: border-box;}
.bx1 table tr td {border: 1px solid #ccc;border-top:0;border-left:0;padding:0 5px;height:40px;font:500 20px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111; }
.bx1 table tr .t26 {background:#eee;text-align: right}

.bx1 table tr .t27{font:italic 700 26px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#f5004b}


/*news2_MSG.asp*/
.bgt3{width:1200px;height:auto; overflow:hidden;font:700 50px/64px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#111;margin:40px auto 20px;display:block; text-transform:uppercase; border:0px solid #F99B21;text-align:center;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center/25% 10px,linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat center/100% 1px;position: relative}
.bgt2-2{background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center/35% 10px,linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat center/100% 1px}
.bgt2-3{margin:10px auto 0;clear:both}
.bgt2 span{ font-family:"新細明體";letter-spacing:-2px}
.bgt2 > img{width:auto;height:76px; padding-bottom:0; vertical-align:top; margin:-5px -12px 0 0;display:inline}
.bn4{width:100%;height:300px; overflow:hidden;background:url(../../images/bn4.jpg) center/cover;margin:-35px 0 0 }
/*news2_MSG--標題*/

.m9{width:100%;height:auto;overflow:hidden;}
.m9 .a9{width:100%;height:auto;overflow:hidden;}
.m9 .a9 .b10{width:1200px;height:auto;overflow:hidden; margin:0 auto;}

.t34{width:96%;min-height:100px; height:auto;overflow:hidden;font:500 24px/38px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; letter-spacing:-.5px;margin:0 auto 20px;text-align:center}
.t34 h4{font:500 36px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; text-align:center; margin-bottom:8px}
.t34 h4 img{width:auto;height:38px; padding-bottom:6px; vertical-align:middle; margin-right:0px}
.bx1 table tr .t29 {background:#eee;}
.bt10{width:30%; height:70px;font:500 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 25px; }
.bt10 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt10 a{width:100%; height:70px;font:500 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#333; }
.bt10 a:hover{ background:#666; border:0px solid #3577c1;transition:all 0.3s;}

/*news2_list--分類頁籤*/
.b11{width:1200px;height:46px;overflow:hidden;background:linear-gradient(90deg,#c00 50%,#c00 50%) no-repeat center bottom/100% 1px;border-left:0px solid #ccc;box-sizing: border-box;text-align:center;margin:0 auto 30px}
.ls8{width:14.5%;height:auto;overflow:hiddend;display:inline-block;margin:0 .2%}
.ls8 a{width:100%;height:46px;overflow:hidden;font:500 20px/44px 'Noto Sans TC','Noto Sans SC', "Century Gothic","微軟正黑體";display:block;background:#eee;;text-align:center;border:1px solid #ccc;color:#777;/* border-left:0;*/box-sizing: border-box;border-radius:6px 6px 0 0;border-bottom:1px solid #c00;box-shadow:0 -4px 6px 1px rgba(0,0,0,.1) inset}
.ls8 a:hover{background:#ccc;border:1px solid #ccc;color:#555;border-bottom:1px solid #824ccd}
.ls8 a.active{background:#c00;color:#fff;border:1px solid #c00;box-shadow:0 -4px 6px 1px rgba(0,0,0,0) inset}

/*手機主選單ICON位置*/
.pmn{width:auto;height:42px;overflow:hidden;display:none;float:right;margin:14px 0 0 14px/*position:absolute;right:0;top:14px;z-index:999*/}
.pmn img{width:auto;height:100%;}
/*左拉選單*/
.mm-listview > li > a{ background: none;background:linear-gradient(90deg,#c00 0%,#c00 100%) no-repeat right top/0% 100% #111; }
.mm-listview > li > a, .mm-listview > li > span{ font:500 28px/50px 'Noto Sans TC','Noto Sans SC', "Century Gothic","微軟正黑體";}
.mm-listview > li > a:hover{background:none;background:linear-gradient(90deg,#c00 0%,#c00 100%) no-repeat left top/100% 100% #111; color:#fff }
.mm-listview > li > span{padding:0 0 0 20px;transition:all 0.3s;background: none;background:linear-gradient(90deg,#009de6 50%,#009de6 100%) no-repeat right top/0% 100% #004260;}
.mm-listview > li > span:hover{;transition:all 0.3s;background: none;background:linear-gradient(90deg,#009de6 50%,#009de6 100%) no-repeat left top/100% 100% #181818;}
.mm-listview > li > span a{font:500 28px/50px 'Noto Sans TC','Noto Sans SC', "Century Gothic","微軟正黑體";color:#fff}
.mm-listview > li > a.lk2{background: none;color:#fff;font:500 28px/50px 'Noto Sans TC','Noto Sans SC', "Century Gothic","微軟正黑體";background:linear-gradient(90deg,#fb0 50%,#fb0 100%) no-repeat left top/0% 100% #181818}
.mm-listview > li > a:hover.lk2{background:linear-gradient(90deg,#fd0 50%,#fd0 100%) no-repeat right top/100% 100% #181818;color:#333}

/*
.lk2{  height:auto; overflow:hidden; }
.lk2 a img{ width:auto; height:30px; display:inline-block; padding-bottom:4px; margin-right:5px}
.lk2 a{font:28px/50px "微軟正黑體";color:#fff; width:100%; display:inline-block; height:40px; }
.lk2 a:hover{color:#fff; }
.lk2 a::before{ content:''; margin:0 5px 0 0;  font-size:15px; vertical-align:middle}*/


/*member_login.asp*/
.bg1{background: url(../../images/mb/bg1.jpg) no-repeat center top ;background-attachment: fixed}
.m10{width:100%;min-height:500px; height:auto;overflow:hidden;}
.m10 .a10{width:100%;min-height:750px;sheight:auto;overflow:hidden;padding-top:40px;padding-bottom:20px}
.m10 .a10 .b12{width:600px; height:auto;overflow:hidden;background:rgba(255,255,255,.88);padding:20px 35px 30px;border-radius:12px;margin:0 auto 20px;box-shadow:0 2px 12px rgba(0,0,0,.25);box-sizing: border-box;}
.m10 .a10 .b12 .c9{width:100%;height:auto;overflow:hidden;border-bottom:2px solid #ccc;margin-bottom:25px;padding-bottom:25px}
.m10 .a10 .b12 .c9-2{border-bottom:0px solid #ccc;margin-bottom:0px;padding-bottom:0px}
.m10 .a10 .b12 .c9 .t30{width:100%;height:auto;overflow:hidden;font:700 42px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;;margin:0 0 20px 0px;text-align:center;letter-spacing:-2px}

.m10 .a10 .b12 .c9 .ls9{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m10 .a10 .b12 .c9 .ls9 .t31{width:23%;height:auto;overflow:hidden;font:500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;margin-right:2%}
.m10 .a10 .b12 .c9 .ls9 input{width:75%;height:auto;overflow:hidde;font:500 20px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:2px solid #ccc;border-radius:6px;box-sizing: border-box;padding:0 8px}
.m10 .a10 .b12 .c9 .ls9 .in1{width:28%;margin-right:2%}
.m10 .a10 .b12 .c9 .ls9 .im10 {width:auto;height:50px;overflow:hidde;float:left;}
.m10 .a10 .b12 .c9 .ls9 .im10 img{width:auto;height:100%;}
.m10 .a10 .b12 .c9 .ls9 .im11{width:10%;height:50px;overflow:hidde;float:left;margin-left:2%}
.m10 .a10 .b12 .im11 img{width:auto;height:100%;opacity:1;transition:all 0.3s}
.m10 .a10 .b12 .im11:hover img{opacity:.7;transition:all 0.3s}

.bt11{width:100%; height:60px;font:500 28px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto 0 ; background:#009de6}
.bt11:hover{ background:#28b1f1; border:0px solid #3577c1;transition:all 0.3s}
.bt11 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt11 a{width:100%; height:60px;font:500 28px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#0073b4; }
.bt11 a:hover{ background:#198aca; border:0px solid #3577c1;transition:all 0.3s;}

	/*忘記密碼+註冊*/
.m10 .a10 .b12 .c10{width:100%;height:auto;overflow:hidden;text-align: center}

.bt12{width:48%; height:60px;font:500 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0; transition:all 0.3s;margin:0 4% 0 0; float:left}
.bt12:hover{  border:0px solid #3577c1;transition:all 0.3s}
.bt12 img{width:auto;height:22px;display:inline-block; padding:0 0 7px; margin-right:6px;}
.bt12 a{width:100%; height:60px;font:500 22px/56px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888; display:block;border-radius:100px;background:#fff;border:2px solid #ccc;box-sizing: border-box; }
.bt12 a:hover{ background:#bbb; border:2px solid #bbb;transition:all 0.3s;color:#555}

.bt13{width:48%; height:60px;font:300 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0; transition:all 0.3s;margin:0 0 0 0; float:left}
.bt13:hover{ border:0px solid #3577c1;transition:all 0.3s}
.bt13 img{width:auto;height:22px;display:inline-block; padding:0 0 5px; margin-right:6px;}
.bt13 a{width:100%; height:60px;font:500 22px/56px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#333;border:2px solid #333;box-sizing: border-box; }
.bt13 a:hover{ background:#000; border:2px solid #000;transition:all 0.3s;color:#fff}
/*忘記密碼--提醒*/
.t32{width:100%;height:auto;overflow:hidde;font:500 22px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:justify;text-justify: inter-ideograph;margin:0 auto;letter-spacing:-1px;margin:0 0 20px;color:#00376a}
/*忘記密碼--或者使用分界線*/
.t33{width:100%;height:auto;overflow:hidde;font:500 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin:20px auto 20px;letter-spacing:-1px;background:
	linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center/35% 50%,
	linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat center/100% 1px;text-align:center}

/*立即發送驗證碼*/
.bt14{width:75%; height:60px;font:25px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:4px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 0 15px 25%; background:#12b4af; float:left}
.bt14 img{width:auto;height:28px;display:inline-block; padding:0 0 6px; margin-right:6px;}
.bt14:hover{ background:#05d8d1; border:0px solid #3577c1;transition:all 0.3s}
/*等待輸入驗證碼（倒數顯示）*/
/*會員資料管理*/
.bn5{width:100%;height:200px;overflow:hidden;background: url(../../images/mb/bn1.jpg) no-repeat center/cover;margin:-35px 0 25px}
.bt14-2{width:75%; height:60px;font:25px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:4px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 0 20px 25%; background:#aaa; float:left; cursor:default}
.bt14-2 img{width:auto;height:32px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt14-2:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s}
/*member_edit*/
.m11{width:100%;height:auto;overflow:hidden;}
.m11 .a11{width:1200px;min-height:600px;height:auto;overflow:hidden;margin:0 auto}
.m11 .a11 .b15{width:800px;height:auto;overflow:hidden; margin:0 auto 30px;}
.ls10{width:100%;height:auto;overflow:hidden;margin-bottom:20px;float:left}
.ls10 .t35{width:20%;height:auto;overflow:hidden;font:500 20px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;margin-right:2%;text-align: right;}
.ls10 .t35b{width:78%;height:auto;overflow:hidden;font:500 20px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;text-align:left;}
.ls10 .t35 span{font:500 12px/35px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#ec0f81;vertical-align:top;margin-right:8px;padding-top:4px;display: inline-block}
.ls10 input{width:50%;height:42px;overflow:hidde;font:500 20px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;border:2px solid #ccc;border-radius:6px;box-sizing: border-box;padding:0 8px;display:inline-block;margin-right:8px}
.ls10 select{width:20%;height:42px;overflow:hidde;font:500 20px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:2px solid #ccc;border-radius:6px;box-sizing: border-box;padding:0 8px;margin-left:0%;text-align:center;background:#fff}
.ls10 select option{font:500 20px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;text-align:center;} 
.ls10 .in2{width:38%;margin:0 2% 0 0}
.ls10 .in2-2{width:38%;margin:0}
.ls10 .in3{width:78%;margin:15px 0 0 22%}
.ls10 .t29{width:10%;height:42px
	;overflow:hidde;font:500 20px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";float:left;text-align:center}

.ls10 .in4{width:16%;margin:0 0 0 0}
.ls10 .in4-2{width:16%;margin:0}
.ls10 .in5{width:78%;}


/*member_EDIT.asp--確認送出按鈕*/
.bgt4{width:1200px;height:auto; overflow:hidden;font:700 50px/64px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#111;margin:30px auto 20px;text-transform:uppercase; border:0px solid #F99B21;text-align:center;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center/25% 10px,linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat center/100% 1px;position: relative}
.bt15a{width:100%;height:auto;overflow:hidden;margin:20px auto 40px;float:left}
.bt15{width:300px; height:70px;font:500 28px/66px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s; background:#009de6;margin:0 auto}
.bt15 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt15:hover{ background:#28b1f1; border:0px solid #3577c1;transition:all 0.3s}
.bt15 a{width:100%; height:70px;font:500 28px/66px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#009de6; }
.bt15 a:hover{ background:#28b1f1; border:0px solid #3577c1;transition:all 0.3s;}
/*會員資料管理*/
.bn6{width:100%;height:200px;overflow:hidden;background: url(../../images/mb/bn2.jpg) no-repeat center/cover;margin:-35px 0 25px}

	
/*MSG*/

.m11 .a11 .b13{width:100%;height:auto;overflow:hidden;}

.m11 .a11 .b13{width:100%;height:auto
	;overflow:hidde;}
.m11 .a11 .b13 .t36{width:100%;height:auto
	;overflow:hidde;font:700 42px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-1px;text-align: center;margin-bottom:20px;color:#3db39e}
.m11 .a11 .b13 .t36-2{color:#e2574c}
.m11 .a11 .b13 .t36 img{width:auto;height:48px;display:inline-block; padding:0 0 6px; margin-right:1px;}
.t37{width:800px;min-height:0; height:auto;overflow:hidde;font:500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:justify;text-justify: inter-ideograph;margin:0 auto;letter-spacing:-1px;margin-bottom:25px}
.t37-2{text-align:center}
/*MSG-回按鈕*/
.bt16{width:300px; height:70px;font:500 28px/66px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto 60px; background:#111}
.bt16 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt16:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s}
.bt16 a{width:100%; height:70px;font:500 28px/66px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#009de6; }
.bt16 a:hover{ background:#28b1f1; border:0px solid #3577c1;transition:all 0.3s;}

/*member_join.asp*/
.m11 .a11 .b14{width:100%;height:auto;overflow:hidden; margin:30px auto 30px;background:
	linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center /50% 0px,
	linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat center /100% 0px;text-align: center}

.ls11{width:auto;height:60px;overflow:hidden;display: inline-block;font:500 24px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#aaa;border:2px solid #ccc;padding:0 20px;text-align: center;border-radius:4px;bbox-sizing:border-box;margin-bottom:1px;background:#eee}
.ls11 img{width:auto;height:24px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
.arow2{width:auto;height:60px;font:900 24px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display: inline-block;vertical-align: top;padding:0 10px}
.ls11-2{background:#666;color:#fff;box-shadow:0 0px 10px rgba(0,0,0,0) inset;border:1px solid #666;}

/*member_join.asp--簡訊發送*/

.ls10 .c11{width:100%;height:auto;overflow:hidden;padding: 10px 0 0 22%;box-sizing: border-box;}
.bt17{width:140px; height:42px;font:500 24px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0; float:left;margin-right:2%;background:#555;border-radius:100px;}
.bt17 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt17:hover{ background:#777; border:0px solid #3577c1;transition:all 0.3s}
.bt17 a{width:100%; height:42px;font:500 16px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#555;}
.bt17 a:hover{ background:#777; border:0px solid #3577c1;transition:all 0.3s;}
.bt18{width:140px; height:42px;font:500 24px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0; float:left;background:#555;border-radius:100px;}
.bt18 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt18:hover{ background:#777; border:0px solid #3577c1;transition:all 0.3s}
.bt18 a{width:100%; height:42px;font:500 16px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#555;}
.bt18 a:hover{ background:#777; border:0px solid #3577c1;transition:all 0.3s;}
.ls10 .in11{width:25%;margin-right:2%}

/*20210914-activity02--會員註冊--服務條款*/
.m12{max-width:580px;}
.m12 .modal-header{ font:700 28px/40px 'Noto Sans TC',verdana,"微軟正黑體";color: #fff;background:#111;text-align: center;padding:12px;}
.m12 .modal-header h5{width:100%;height:auto;overflow:auto;display: block;margin:0 auto}
.m12 .modal-body {width:90%; height:550px;overflow:auto;overflow-x:hidden; font:500 24px/34px 'Noto Sans TC',verdana,"微軟正黑體";text-align:justify;text-justify: inter-ideograph;margin:0 auto}
.m12 .modal-body ul{padding-left:20px;}
.m12 .modal-body ul li{ list-style:outside;list-style-type:decimal}
.m12 .modal-body  h4{font:700 24px/34px 'Noto Sans TC',verdana,"微軟正黑體"; letter-spacing:-1px; margin:10px 0}
.m12 .bt19{width:50%;height:40px; font:500 24px/34px 'Noto Sans TC',verdana,"微軟正黑體";background: #333;color: #fff;border:0;border-radius:100px;margin:12px auto}
.m12 .bt19:hover{background: #555}
.m12 .btn-close{ font-size:42px;opacity:1;text-shadow:0 0 0 #fff;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}
/*報名紀錄*/
.m11 .a11 .b16{width:1200px;height:auto;overflow:hidden; margin:0 auto 30px;}
.bx2{width:1200px;height:auto;overflow:hidden;margin-bottom:10px}
.bx2 table{width:100%;height:auto;overflow:hidden;border: 1px solid #ccc;border-bottom:0;border-right:0;box-sizing: border-box;}
.bx2 table tr td {border: 1px solid #ccc;border-top:0;border-left:0;padding:0 5px;height:40px;font:400 18px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; }
.bx2 table .t38 {background:#eee;text-align: right}

.bx2 table tr .t39{font:italic 700 22px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#f5004b}
/*報名紀錄-更多項目按鈕*/

.bt20{width:300px; height:60px;font:300 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0; transition:all 0.3s;margin:0 auto; }
.bt20:hover{ border:0px solid #3577c1;transition:all 0.3s}
.bt20 img{width:auto;height:22px;display:inline-block; padding:0 0 5px; margin-right:6px;}
.bt20 a{width:100%; height:60px;font:500 22px/56px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#333;border:2px solid #333;box-sizing: border-box; }
.bt20 a:hover{ background:#000; border:2px solid #000;transition:all 0.3s;color:#fff}
/*news_listPH---新聞列表手機板---橫幅區域--*/
.m14{width:100%;height:auto;overflow:hidden}
.m14 .a12{width:1200px;height:auto;overflow:hidden; margin:0 auto 20px;}
.m14 .a12-2{margin:0 auto 40px;}
/*橫幅--套件版--*/
/*--↓大橫幅-空間布局--*/
.bn7{ width:790px; height:auto; overflow:hidden; line-height:0;float:left}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn7 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0; height:auto; overflow:hidden; display:block}
/*--↓大橫幅-圓點Page控制--*/
.bn7 .carousel-indicators{height:20px;overflow:hidden}
.bn7 .carousel-indicators button{ height:10px; width:20px; background-color:#fff; border:2px solid #fff; margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:50px;transition:all 0.3s}
.bn7 .carousel-indicators button:hover{background-color:#666;transition:all 0.3s;border:2px solid #666}
.bn7 .carousel-indicators button:focus{background-color:#c00;border:2px solid #c00 !important}
.bn7 .carousel-indicators button.active{background-color:#c00;border:2px solid #c00 !important}
.bn7 .carousel-indicators{ top:320px}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn7 .carousel-control{ font-size:20px;opacity:1;color:rgba(255,255,255,0.8); text-shadow:0 1px 3px rgba(0,0,0,0.8);transition:all 0.3s}
.bn7 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn7 .carousel-control.left, .bn7 .carousel-control.right{background-image:none;background:rgba(0,0,0,0)}
.bn7 .carousel-control-next, 
.bn7 .carousel-control-prev{background:rgba(255,0,0,.7);border:0;width:30px;height:50px;top:156px}
/*AD--*/
.m14 .a12 .b17{width:calc(100% - 815px);height:auto;overflow:hidden;float:right}
.m14 .a12 .b17 .ad3{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m14 .a12 .b17 .ad3 img{width:100%;height:auto;transition:all 0.3s}
.m14 .a12 .b17 .ad3 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.m14 .a12 .b17 .ad3-2{;margin-bottom:0px}
/*news_listPH---新聞列表手機板*/
.bn2-3{height:auto;width:100%;margin:30px auto 30px}
.bg2{ margin:0 auto;width:600px }
.m15{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m15 .a13{width:1220px;height:auto;overflow:hidden; margin:0 auto;}
.m15 .a13 .b18{width:100%;height:auto;overflow:hidden;margin:0 auto}

.ls12{width:48%;height:auto;overflow:hidden;float:left;margin:0 1% 20px;position:relative;padding-bottom:15px;border-bottom:1px solid #ccc}
.ls12 .im12{width:16%;height:auto;overflow:hidden;margin-bottom:0px;float:left}
.ls12 .im12 img{width:100%;height:auto;transition:all 0.3s}
.ls12 .im12 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.ls12 .c12{width:82%;height:auto;overflow:hidden;margin-bottom:5px;float:right}
.ls12 .c12 .t40{width:100%;height:30px;overflow:hidden;margin-bottom:0px;text-overflow:ellipsis;white-space:nowrap;}

.ls12 .c12 .t40 a{font:500 20px/20px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";color:#111;letter-spacing:-.4px}
.ls12 .c12 .t40 a:hover{color:#b00;text-decoration: underline}
.ls12 .c12 .dt7{width:100%;height:24px;overflow:hidden;font:500 16px/24px verdana,"微軟正黑體"; color:#666;transition:all 0.3s;text-align:left;border-bottom:0px solid #ccc;padding:0 0 0;}
.ls12 .c12 .dt7 span{width:auto;height:24px;overflow:hidden;padding:0 7px;font:500 14px/22px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";border:1px solid #005dac;display: inline-block;color:#005dac;box-sizing: border-box;vertical-align:top;margin-right:8px;border-radius:0px;}

.ls12 .t41{width:100%;height:88px;overflow:hidden;margin-bottom:0px;font:400 16px/22px 'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體";margin-bottom:8px}


.bt21{width:90px; height:38px;font:300 16px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0; transition:all 0.3s;margin:0 0; }

.bt21 img{width:auto;height:22px;display:inline-block; padding:0 0 5px; margin-right:6px;}
.bt21 a{width:100%; height:38px;font:400 18px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333; display:block;border-radius:3px;background:#fff;border:1px solid #aaa;box-sizing: border-box; }
.bt21 a span{ font:900 12px/31px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#c00;display: inline-block;vertical-align:top;padding:3px 0 0}
.bt21 a:hover{ background:#222; border:1px solid #222;transition:all 0.3s;color:#fff}