@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:1080px;*/
min-height:100vh; display:flex; flex-direction:column}
/*TOP整體下滑介面設定*/
.m0{ width:100%; height:auto; overflow:hidden; }
.m0-2{box-shadow:0 1px 3px rgba(0,0,0,0.1); height:0;overflow:hidden;position:relative; z-index:0;opacity:0;}



/*大背景*/
.bg1{background: url("../../images/bg1.jpg") top/cover;background-attachment: fixed}


/*top*/
.m1x{width:100%;height:300px;overflow:hidden;}
.m1{width:100%;height:auto;overflow:hidden;position:fixed;z-index:99;transition:all 0.3s;}
.m1 .a1{width:100%;height:280px;overflow:hidden; margin:0 auto;padding:20px 0 0 }

.m1 .a1 .lg1{width:400px;height:220px;overflow:hidden;float: left;margin-left:8%}
.m1 .a1 .lg1 img{width:100%;height:100%;}

/*選單*/
.m1 .a1 .mn1 {width:80px;height:80px;overflow:hidden;margin:40px 20px 0 0;float:right}
.m1 .a1 .mn1 img{width:100%;height:100%;transition:all 0.3s}
.m1 .a1 .mn1 img:hover{transform:scale(.92);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}

/*通知*/
.m1 .a1 .not2 {width:80px;height:80px;margin:40px 20px 0 0;float:right;position: relative}
.m1 .a1 .not2 img{width:100%;height:100%;transition:all 0.3s;border:0px solid #ccc;border-radius:100px;box-sizing: border-box;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.m1 .a1 .not2 img:hover{transform:scale(.92);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}
.m1 .a1 .not2  .ct2{width:40px;height:40px;background:#ed0a30;color:#fff;font:bold 20px/40px arial, "Century Gothic","微軟正黑體";text-align:center;position: absolute;right:-10px; top:-10px;border-radius:100px;z-index:99}

/*購物車按鈕*/
.m1 .a1 .cart1{width:auto; height:80px;font:16px/30px "Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0px;border:0px solid #e95377; transition:all 0.3s; position:relative;z-index:3;float:right;margin:40px 20px 0 0}
.m1 .a1 .cart1 a{width:auto;height:100%;font:16px/30px "Century Gothic","微軟正黑體";color:#fff; border-radius:0px;/*background:#1d2088;*/display:inline-block;padding:0 0;}
.m1 .a1 .cart1 a:hover{ /*background:#1d219d; */border:0px solid #3577c1;transition:all 0.3s;}
.m1 .a1 .cart1 a img{width:auto;height:100%;transition:all 0.3s}
.m1 .a1 .cart1 a:hover img{transform:scale(.92);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}

.ct1{width:40px;height:40px;background:#ed0a30;color:#fff;font:bold 20px/40px arial, "Century Gothic","微軟正黑體";text-align:center;position: absolute;right:-10px; top:-10px;border-radius:100px;z-index:99}

/*top*/
.m2{width:100%;height:auto;overflow:hidden;}
.m2 .a2{width:100%;height:auto;overflow:hidden; margin:0 auto;}
.m2 .a2 .b1{width:calc(100% - 1140px);height:auto;overflow:hidden;float:left;padding:280px 0 0 100px;box-sizing: border-box;}
.m2 .a2 .b1 .im1{width:694px;height:auto;overflow:hidden;}
.m2 .a2 .b1 .im1 img{width:100%;height:auto;}


.top-bar2{height:0;opacity:0;transition:all 0.3s;display: none;}
/*.top-bar2 .a1{height:0;opacity:0;transition:all 0.3s;display: none}*/
.m1-2{height:0;opacity:0;transition:all 0.3s;display: none}
.top-bar{height:120px;transition:all 0.3s; background:url("../../images/bg5.jpg") no-repeat center/cover;box-shadow:0 1px 5px rgba(0,0,0,0.2);opacity:1;overflow:inherit;transition:all 0.3s;display: block;z-index:9}
.top-bar .a1{height:100px;}
.top-bar .a1 .lg1{width:auto;height:94px;margin:-10px 0 0 2%}
.top-bar .a1 .mn1 {margin:0px 20px 0 0;}
.top-bar .a1 .cart1 {margin:3px 30px 0 0;}
.top-bar .a1 .not2{margin:5px 20px 0 0;}
/*回上*/
.btp{width:50px;height:50px;overflow:hidden;position:fixed;right:8px;bottom:4vh;z-index: 99;background:rgba(255,255,255,.5);padding: 3px;border-radius:100px;}
.btp a img{width:100%;height:auto;}

/*--↓大橫幅-圓點Page控制-----崁入圖片模式'*/
.bn1{width:1100px;height:auto;overflow:hidden;margin:0 0 0;position: relative;float: right;border-radius:0 0 0 120px}

/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn1 .carousel-inner > .carousel-item{background-size:auto 100%!important;background-position:center top !important}
.bn1 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0;height:auto; overflow:hidden; display:block; }
.bn1 .carousel-inner > .carousel-item a > img{ width:100%; padding:0 0 0;height:auto;  }
.bn1 .carousel-indicators{ bottom:80px}
.bn1 .carousel-indicators [data-bs-target]{opacity:1!important}
.bn1 .carousel-indicators button{ height:14px; width:20px; background-color:rgba(255,255,255,1); border:2px solid rgba(255,255,255,1); 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:#82aef0;transition:all 0.3s;border:2px solid #82aef0}
.bn1 .carousel-indicators button:focus{background-color:#82aef0!important;border:2px solid #82aef0!important}
.bn1 .carousel-indicators button.active{background-color:#82aef0; border:2px solid #82aef0;width:40px;}
/*--控制左右鍵滑鼠碰到顏色--*/
.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}
/*--控制左右鍵尺寸--*/
.bn1 .carousel-control .glyphicon-chevron-left{font-size:16px;}
.bn1 .carousel-control .glyphicon-chevron-right{ font-size:16px;}
/*--控制左右鍵寬度--*/
.bn1 .carousel-control.left,
.bn1 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
.bn1 .carousel-control-next, .m2 .carousel-control-prev{background:none;border: 0;opacity:.85;transition:all 0.3s}
.bn1 .carousel-control-next:hover, 
.bn1 .carousel-control-prev:hover{opacity:1;transition:all 0.3s}
.bn1 .carousel-control-next-icon,
.bn1 .carousel-control-prev-icon
{width:4rem;height:4rem}
.bn1 .carousel-control-next, 
.bn1 .carousel-control-prev{width:8%}
.bn1 .carousel-control-prev-icon{background-image:none!important}
.bn1 .carousel-control-next-icon{background-image:none!important}
/*課程*/
.m3{width:100%;min-height:500px;height:auto;overflow:hidden;box-sizing: border-box;background: url("../../images/bg2.png")no-repeat center top/100% auto}
.m3 .a3{width:100%;height:auto;overflow:hidden; margin:0 auto;padding:140px 0 100px}
.m3 .a3 .b2{width:75%;height:auto;overflow:hidden; margin:0 auto;text-align: left;}
.m3 .a3 .b2 .tt1{width:512px;height:auto;overflow:hidden; margin:0 auto;float: left}

.m3 .a3 .b2 .tt1 img{width:100%;height:auto;overflow:hidden; margin:0 auto;}

.m3 .a3 .b3{width:82%;height:170px;overflow:hidden; margin:0 auto;background:rgba(255,255,255,.7);border-radius:100px;box-shadow: 0 5px 16px rgba(55,105,220,.35);text-align:center;padding-top:40px;box-sizing: border-box;margin-bottom:60px}

.ls1{width:240px;height:90px;overflow:hidden;display: inline-block;margin-right:20px}

.ls1 a{width:100%;height:100%;overflow:hidden;font:700 36px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display: block;padding-left:15px;box-sizing: border-box;
background:
url("../../images/line.png") no-repeat right center/auto 96%,
url("../../images/ic1.png") no-repeat 6px 12px/auto 36px,
url("../../images/arow1.png") no-repeat center 70px/auto 16px;}
/*.ls1 a:hover{transform:scale(.92)}*/
.ls1 a:hover,
.ls1 a.active
{color:#0057aa;
background:
url("../../images/line.png") no-repeat right center/auto 96%,
url("../../images/ic1b.png") no-repeat 6px 12px/auto 36px,
url("../../images/arow1b.png") no-repeat center 73px/auto 16px;}


.ls1b a{background:
url("../../images/line.png") no-repeat right center/auto 96%,
url("../../images/ic2.png") no-repeat 0px 12px/auto 36px,
url("../../images/arow1.png") no-repeat center 70px/auto 16px;}

.ls1b a:hover,
.ls1b a.active
{background:
url("../../images/line.png") no-repeat right center/auto 96%,
url("../../images/ic2b.png") no-repeat 0px 12px/auto 36px,
url("../../images/arow1b.png") no-repeat center 73px/auto 16px;}

.ls1c a{background:
url("../../images/line.png") no-repeat right center/auto 96%,
url("../../images/ic3.png") no-repeat 0px 12px/auto 36px,
url("../../images/arow1.png") no-repeat center 70px/auto 16px;}

.ls1c a:hover,
.ls1c a.active
{background:
url("../../images/line.png") no-repeat right center/auto 96%,
url("../../images/ic3b.png") no-repeat 0px 12px/auto 36px,
url("../../images/arow1b.png") no-repeat center 73px/auto 16px;}

/*課程列表*/

.m3 .a3 .b4{width:96%;height:auto;overflow:hidden; margin:0 auto;padding-top:30px}
.m3 .a3 .t1{width:160px;height:auto;overflow:hidden;font:500 34px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;background:linear-gradient(90deg,#0059ac 10%,#5da9d2 90%) no-repeat center bottom/100% 3px;margin:0 auto 40px;text-align:center}
.m3 .a3 .t1 span{font:700 42px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#0057aa;vertical-align:top}

.ls2{width:23%;min-height:200px; height:auto;overflow:hidden;margin:0 1% 40px;float:left;border-radius:80px 0 80px 0;background:#fff;box-shadow: 0 5px 16px rgba(55,105,220,.35);transition:all 0.3s;margin-bottom:80px}
.ls2:hover {transform:scale(1.04);transition:all 0.3s}
.ls2b{margin-top:60px}
.ls2 a{width:100%;height:auto;overflow:hidden;display: block}


.ls2 a .im1 {width:100%;height:auto;overflow:hidden; margin:0 auto;}
.ls2 a .im1 img{width:100%;height:auto;}

.ls2 a .c1{width:100%;min-height: 320px; height:auto;overflow:hidden;padding:20px 20px 5px;box-sizing: border-box;}
/*課程標題名稱*/
.ls2 a .c1 .t2 {width:100%;height:80px;overflow:hidden;font:500 32px/40px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-1.5px;margin-bottom:15px}
/*價格*/
.ls2 a .c1 .pr1 {width:100%;height:auto;overflow:hidden;font:700 32px/40px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";color:#0059ac;margin-bottom:25px}

.ls2 a .c1 .d1{width:100%;height:auto;overflow:hidden;box-sizing: border-box;margin-bottom:10px}
/*報名人數*/
.ls2 a .c1 .d1 .t3 {width:50%;height:auto;overflow:hidden;font:500 25px/36px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;float:left;text-align:left}
.ls2 a .c1 .d1 .t3 img{width:auto;height:28px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
/*時段*/
.ls2 a .c1 .d1 .t4 {width:50%;height:auto;overflow:hidden;font:500 25px/36px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;float:left;text-align:left}
.ls2 a .c1 .d1 .t4 img{width:auto;height:28px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
/*星星數*/
.ls2 a .c1 .t5 {width:100%;height:auto;overflow:hidden;font:500 25px/36px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;text-align:left;margin-bottom:5px;border-bottom:1px solid #ccc;padding-bottom:15px}
.ls2 a .c1 .t5 img{width:auto;height:24px; padding-bottom:4px; vertical-align:middle; margin-right:0px}
/*實體已開課*/
.ls2 a .c1 .t6 {width:100%;height:auto;overflow:hidden;font:500 25px/36px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;text-align:center}
.ls2 a .c1 .t6 span{font:700 12px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#0057aa;vertical-align:middle;margin-right:10px}

/*更多按鈕*/
.bt1{width:680px;height:auto;overflow:hidden;margin:0 auto 40px;clear:both}
.bt1 a{width:100%;height:auto;overflow:hidden;display: block}
.bt1 a img{width:100%;height:auto;overflow:hidden;transition:all 0.3s}
.bt1 a img:hover{transform:scale(.92);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}


/*聯絡資訊+MAP*/
.m4{width:100%;min-height:800px;height:auto;overflobox-sizing: border-box;w:hidden;
background: 
url("../../images/bg4.jpg") repeat-x center bottom/100% 30px/*,
url("../../images/bg3.jpg") no-repeat center top/100% auto*/}
.m4 .a4{width:86%;height:auto;overflow:hidden; margin:0 auto;padding:60px 0 140px}
.m4 .a4 .b5{width:42%;height:auto;overflow:hidden; margin:0 auto;float:left}

.m4 .a4 .b5 .t7 {width:100%;height:auto;overflow:hidden;font:500 36px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;margin-bottom:6px}


.m4 .a4 .b5 .fb1 {width:100%;height:70px;overflow:hidden;margin:0 0 20px;padding:10px 0 0}
.m4 .a4 .b5 .fb1 a img{width:auto;height:70px;transition:all 0.3s}
.m4 .a4 .b5 .fb1 a img:hover{transform:scale(.92);transition:all 0.3s}
.m4 .a4 .b5 .c2{width:100%;height:70px;overflow:hidden}
.m4 .a4 .b5 .c2 .ln1 {width:288px;height:70px;overflow:hidden;margin:0 20px 20px 0;float:left}
.m4 .a4 .b5 .c2 .ln1 a img{width:auto;height:70px;transition:all 0.3s}
.m4 .a4 .b5 .c2 .ln1 a img:hover{transform:scale(.92);transition:all 0.3s}

.m4 .a4 .b5 .c2 .t8 {width:calc(100% - 65%);height:auto;overflow:hidden;font:500 36px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;margin-bottom:6px;float:left;text-align: left}
.m4 .a4 .b5 .lg2{width:490px;height:auto;overflow:hidden;margin-bottom:30px}
.m4 .a4 .b5 .lg2 img{width:100%;height:auto;}

.m4 .a4 .map1{width:calc(100% - 46%);height:650px;overflow:hidden; margin:0 ;float:right;border-radius:20px;border:6px solid rgba(0,82,155,.15)}
.m4 .a4 .map1 iframe{width:100%;height:100%;}



/*手機選單*/
.phm{width:auto;height:46px;overflow:hidden;float:right;margin:22px 15px 0 0;display: none}
.phm a{width:auto;height:100%;}
.phm a img{width:auto;height:100%;}

.mm-listview > li > span{padding:0 0 0 62px;background:#181818; transition:all 0.3s}

.mm-listview > li ,
.mm-listview > li > a,
.mm-listview > li > span{  font:500 26px/60px  'Noto Sans TC',"Century Gothic","微軟正黑體";color: #fff !important}
.mm-listview > li > img,
.mm-listview > li > a img{width:auto;height:24px; padding-bottom:4px; vertical-align:middle; margin-right:4px}
.mm-listview > li > span:hover{ background:#fc0;transition:all 0.3s;color:#000}
.mm-listview > .plk1  a{position:relative}
.mm-listview > .plk1 > a img{width:36px; height:34px; display:inline; margin-right:8px; vertical-align:middle; padding-bottom:4px}
.mm-listview > .plk1 > a:hover{ background:#1249ae ;border-bottom:1px solid #1249ae }
.mm-listview > .plk1-2 > a:hover{ background:#111 ;border-bottom:1px solid #666 }

.mm-listview > .plk1-3 > a{ background:#f0032f ;border-bottom:1px solid #f0032f }
.mm-listview > .plk1-3 > a:hover{ background:#f73257 ;border-bottom:1px solid #f73257 }

/*.plk1x{ height:auto; overflow:hidden;}*/

.mm-listview > .plk1b a{font:500 26px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"!important;color:#fff; width:100%; display:block; /*height:41px;*/background:#111; padding-left:48px!important;box-sizing: border-box!important;}
.mm-listview > .plk1b a:hover{ color:#000;background:#1249ae
}

.mm-listview > .plk1b a::before{content:'∟';font:500 20px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;vertical-align:top;margin-right:4px}
.mm-listview > .plk1b a.active{ color:#000;background:#2e281e;padding-left:16px!important;}
.mm-listview > .plk1b a.active::before{content:'';}



.mm-listview > .plk2  a{position:relative}
.mm-listview > .plk2 > a img{width:36px; height:34px; display:inline; margin-right:8px; vertical-align:middle; padding-bottom:4px}
.mm-listview > .plk2 > a:hover{ background:#e81e74 ;border-bottom:1px solid #e81e74 }
/*會員登入後顯示就面*/
/*.mm-listview > .t65{padding:0 20px;font:italic 400 26px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";box-sizing: border-box;background:#3c3833;border-bottom:1px dotted #555}*/
.mm-listview > .t65 a{font:italic 400 26px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";box-sizing: border-box;background:#3c3833;border-bottom:1px dotted #555;color:#fff;}
.mm-listview > .t65 a:hover{ background:#3c3833;}
.mm-listview > .t65 > a img{width:auto; height:22px; display:inline; margin-right:8px; vertical-align:middle; padding-bottom:4px}
.mm-listview > .plk1c a{font:500 26px/39px 'Noto Sans TC',"Century Gothic","微軟正黑體"!important;color:#fff; width:100%; display:block; height:41px;background:#30193a; padding-left:48px!important;}
.mm-listview > .plk1c a:hover{ color:#000;background:#452055;}
.mm-listview > .plk1c a::before{content:'∟';font:500 20px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;vertical-align:top;margin-right:4px}
.mm-listview > .plk1c a.active{ color:#000;background:#30193a;padding-left:16px!important;text-overflow:ellipsis;white-space:nowrap;}
.mm-listview > .plk1c a.active::before{content:'';}

/*會員登入前*/
.mm-listview > .plk1d a{font:500 26px/39px 'Noto Sans TC',"Century Gothic","微軟正黑體"!important;color:#fff; width:100%; display:block; height:41px;background:#69263a; padding-left:20!important;}
.mm-listview > .plk1d a:hover{ color:#000;background:#aa3559;}



/*course_list.asp-課程列表*/
.m3b{margin:150px 0 0;background:none}

.tt2{width:737px;height:auto;overflow:hidden; margin:0 auto 60px;}
.tt2 img{width:100%;height:auto;overflow:hidden; margin:0 auto;}

.m3 .a3 .b4b{width:80%;height:auto;overflow:hidden; margin:0 auto;padding-top:30px}
.ls3{width:29.33%;height:auto;overflow:hidden;margin:0 2% 40px;float:left;border-radius:80px 0 80px 0;background:#fff;box-shadow: 0 5px 16px rgba(55,105,220,.35);transition:all 0.3s;margin-bottom:80px}
.ls3:hover {transform:scale(1.04);transition:all 0.3s}
.ls3 a{width:100%;height:auto;overflow:hidden;display: block}

.ls3 a .im2 {width:100%;height:auto;overflow:hidden; margin:0 auto;}
.ls3 a .im2 img{width:100%;height:auto;}

.ls3 a .c3{width:100%;min-height: 200px; height:auto;overflow:hidden;padding:20px 20px 5px;box-sizing: border-box;}

.ls3 a .c3 .t9 {width:100%;height:80px;overflow:hidden;font:500 32px/40px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-1.5px;margin-bottom:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2}
.ls3 a .c3 .t10 {width:100%;height:120px;overflow:hidden;font:400 22px/30px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;margin-bottom:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.ls3 a .c3 .bt2 {width:100px;height:32px;overflow:hidden;font:500 18px/32px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;letter-spacing:-.5px;margin-bottom:25px;background:#00529a;border-radius:20px;text-align: center;float:left;margin-right:0}

/*course_list.asp--課程分區*/
.m3 .a3 .b6{width:82%;height:80px;overflow:hidden; margin:0 auto 20px;background:rgba(255,255,255,.7);border-radius:100px;box-shadow: 0 5px 16px rgba(55,105,220,.35);text-align:center;padding-top:15px;box-sizing: border-box;}

.ls4{width:auto;height:50px;overflow:hidden;display: inline-block;margin-right:0;}

.ls4 a{width:auto;height:100%;overflow:hidden;font:700 32px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display: block;box-sizing: border-box;
background:
url("../../images/line.png") no-repeat right 0/auto 96%/*,
url("../../images/arow1.png") no-repeat center 50px/auto 12px*/;padding:0 30px}

.ls4 a:hover,
.ls4 a.active
{color:#0057aa;
background:
url("../../images/line.png") no-repeat right center/auto 82%/*,
url("../../images/arow1b.png") no-repeat center 54px/auto 12px;*/}

/*course_list.asp--課程分類*/
.m3 .a3 .b6b{width:82%;height:70px;overflow:hidden; margin:0 auto 60px;background:url("../../images/bg2.jpg") center/auto 100%;border-radius:100px;box-shadow: 0 5px 16px rgba(55,105,220,.35);text-align:center;padding-top:16px;box-sizing: border-box;}
.ls4b{width:auto;height:36px;overflow:hidden;display: inline-block;margin-right:0;}
.ls4b a{width:auto;height:100%;overflow:hidden;font:700 32px/36px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display: block;box-sizing: border-box;
background:
url("../../images/line.png") no-repeat right center/auto 96%/*,
url("../../images/arow1.png") no-repeat center 50px/auto 12px*/;padding:0 30px}

.ls4b a:hover,
.ls4b a.active
{color:#0057aa;
background:
url("../../images/line.png") no-repeat right center/auto 96%/*,
url("../../images/arow1b.png") no-repeat center 54px/auto 12px;*/}



/*頁籤*/
.pga1{width:100%;  border-top:0px dotted #ccc; height:auto; overflow:hiddepn;margin:20px 0 0px;text-align:center}
.pga{ border-top:0; margin-left:20px}
.pager div, .pager span, .pager a {
    border-radius: 5px;
}
.pager{
    margin: 0;
    padding:10px 0 0; height:auto; overflow:hidden
}
ul.PagerPagination li{display:inline}
ul.PagerPagination li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #888;
    display: inline-block;
    font:bold 26px/58px "Century Gothic","新細明體";
    height: 60px;
    margin-right:5px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 60px; cursor:pointer
}
ul.PagerPagination li a:hover {
    background: #666 none repeat scroll 0 0;
    border: 1px solid #666;
    color: #fff !important;
}
ul.PagerPagination li.active a {
    background: #15426c none repeat scroll 0 0;
    border: 1px solid #15426c;
    color: #fff;
    display: inline-block;
    font:bold 26px/58px "Century Gothic","新細明體";
    width:60px;height:60px;
    text-align: center;
}
ul.PagerPagination .PagedList-skipToPrevious a, ul.PagerPagination .PagedList-skipToNext a {
    background: #fff none repeat scroll 0 0;
    color: #888;
    display: inline-block;
    font:bold 26px/58px "Century Gothic","新細明體";
    height: 60px;
    text-align: center;
    width: 60px;
}

/*課程內容--course_detail.asp*/
.m5{width:100%;min-height:200px;height:auto;overflow:hidden;margin-top:180px}
.m5 .a5{width:84%;height:auto;overflow:hidden; margin:0 auto;padding:200px 0 20px}
.m5 .a5 .b7{width:100%;height:auto;overflow:hidden; margin:0 auto 80px;text-align: left;}

.m5 .a5 .b7 .im2{width:68%;height:auto;overflow:hidden;border-radius:25px;float: left}
.m5 .a5 .b7 .im2 img{width:100%;height:100%;}

.m5 .a5 .b7 .c4{width:calc(100% - 72%);height:auto;overflow:hidden; margin:0 auto;float:right;position:relative}



/*實體/已開課*/
.m5 .a5 .b7 .c4 .t11{width:auto;height:40px;overflow:hidden;font:500 24px/38px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;letter-spacing:-.5px;background:#00529a;border-radius:10px;text-align: center;display: inline-block;padding:0 25px;margin-bottom:20px}
/*課程標題名稱*/
.m5 .a5 .b7 .c4 .t12 {width:100%;height:auto;overflow:hidden;font:700 46px/52px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-2.5px;margin-bottom:15px}

/*報名人數*/
.m5 .a5 .b7 .c4 .t13 {width:100%;height:auto;overflow:hidden;font:500 30px/42px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;text-align:left;margin-bottom:10px}
.m5 .a5 .b7 .c4 .t13 img{width:auto;height:30px; padding-bottom:8px; vertical-align:middle; margin-right:5px}
/*時段*/
.m5 .a5 .b7 .c4 .t14 {width:100%;height:auto;overflow:hidden;font:500 30px/36px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#3785c3;letter-spacing:-.5px;text-align:left;margin-bottom:5px}
.m5 .a5 .b7 .c4 .t14 img{width:auto;height:30px; padding-bottom:8px; vertical-align:middle; margin-right:5px}
/*星星數*/
.m5 .a5 .b7 .c4 .t15 {width:100%;height:auto;overflow:hidden;font:500 25px/36px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;text-align:left;margin-bottom:5px;border-bottom:0px solid #ccc;padding-bottom:40px}
.m5 .a5 .b7 .c4 .t15 img{width:auto;height:24px; padding-bottom:4px; vertical-align:middle; margin-right:0px}

/*價格*/
.m5 .a5 .b7 .c4 .pr2 {width:100%;height:auto;overflow:hidden;font:900 55px/65px'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;margin-bottom:10px}
/*講師*/
.m5 .a5 .b7 .c4 .t16 {width:100%;height:auto;overflow:hidden;font:500 30px/42px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;text-align:left;margin-bottom:20px}
/*關鍵字*/
.m5 .a5 .b7 .c4 .d2 {width:100%;height:auto;overflow:hidden;}
.m5 .a5 .b7 .c4 .d2 img{width:auto;height:30px; padding-bottom:8px; vertical-align:top; margin-right:5px;display: inline-block}
.m5 .a5 .b7 .c4 .d2 .tg1 {width:auto;height:32px;overflow:hidden;font:500 22px/32px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;margin-bottom:25px;background:#fff;border-radius:10px;text-align: center;margin-right:0;display: inline-block;border:1px solid #666;padding:0 12px}


/*course_detail.asp--課程影片預覽*/
.m5 .a5 .b7 .c10{width:100%;height:auto;overflow:hidden; background:rgba(255,255,255,.6);margin:40px auto 40px;padding:40px 5% 20px;box-sizing: border-box;;border-radius:35px;float:left}
.m5 .a5 .b7 .c10 .st1{width:100%;height:auto;overflow:hidden; margin:0 auto 40px;font:500 36px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-bottom:1px solid #185496;color: #185496} 
.m5 .a5 .b7 .c10 .vd1{width:900px;height:540px;overflow:hidden;margin:0 auto 40px}
.m5 .a5 .b7 .c10 .vd1 iframe{width:100%;height:100%;}
/*course_detail.asp--課程分類*/
/*course_detail.asp.--課程分類*/
.m5 .a5 .b7{width:100%;height:auto;overflow:hidden; margin:0 auto;text-align: left;}


.m5 .a5 .b8 .c5{width:100%;height:120px;overflow:hidden; margin:0 auto 30px;background:rgba(255,255,255,.7);border-radius:100px;box-shadow: 0 1px 6px rgba(55,105,220,.35);text-align:center;padding-top:25px;box-sizing: border-box;}

.ls5{width:auto;height:70px;overflow:hidden;display: inline-block;margin-right:0;}

.ls5 a{width:auto;height:100%;overflow:hidden;font:700 32px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display: block;box-sizing: border-box;
background:
url("../../images/line.png") no-repeat right center/auto 96%,
url("../../images/arow1.png") no-repeat center 50px/auto 12px;padding:0 50px}

.ls5 a:hover,
.ls5 a.active
{color:#0057aa;
background:
url("../../images/line.png") no-repeat right center/auto 96%,
url("../../images/arow1b.png") no-repeat center 54px/auto 12px}

/*課程介紹+章節+問答--編輯器*/

.tt3{width:737px;height:auto;overflow:hidden; margin:0 auto 60px;}
.tt3 img{width:100%;height:auto;overflow:hidden; margin:0 auto;}
.m5 .a5 .b8 .c6{width:90%;height:auto;overflow:hidden;background:rgba(255,255,255,.6);padding:40px 5%;border-radius:35px;margin:0 auto 20px;box-sizing: border-box;}

.m5 .a5 .b8 .c6 .t17 {width:100%;height:auto;overflow:hidden;line-height:20px}


/*購買按鈕*/
.bt3a{width:100%; height:auto;overflow:hidden;margin:0 auto 120px;}

.bt3{width:80%; height:70px;font:34px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:10px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 0 20px; background:#c00;float: left }
.bt3-2{width:400px;float:none;margin:0 auto}
.bt3 img{width:auto;height:28px;display:inline-block; padding:0 40px 8px 0; margin-right:20px;border-right:0px solid #ccc;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat right top/2px 84%}
.bt3:hover{ background:#f00; border:0px solid #3577c1;transition:all 0.3s}
.bt3 a{width:100%; height:70px;font:500 34px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:12px;background:#d00}
.bt3 a:hover{ background:#f00; border:0px solid #3577c1;transition:all 0.3s;}


.bt3b{width:80%; height:70px;font:34px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:10px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 0 20px; float: left }
.bt3b img{width:auto;height:28px;display:inline-block; padding:0 40px 8px 0; margin-right:20px;border-right:0px solid #ccc;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat right top/2px 84%}

.bt3b a{width:100%; height:70px;font:500 34px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:12px;background:#ccc}
.bt3b a:hover{ background:#ccc; border:0px solid #3577c1;transition:all 0.3s;}

.bt3b a.active{ background:#ccc; border:0px solid #3577c1;transition:all 0.3s;color:#333}

/*course_car.asp---*/
.m5 .a5 .b9{width:1200px;height:auto;overflow:hidden; margin:0 auto;text-align: left;padding:20px;background:rgba(255,255,255,.0);}
.tt4{width:737px;height:auto;overflow:hidden; margin:0 auto 60px;}
.tt4 img{width:100%;height:auto;overflow:hidden; margin:0 auto;}
/*course_car.asp---步驟標頭*/

.m5 .a5 .b9 .t18
{width:100%;height:auto;overflow:hidden;background:rgba(255,255,255,.6);padding:20px 5%;border-radius:100px;margin:0 auto 40px;box-sizing: border-box;font:400 32px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";box-shadow: 0 6px 16px rgba(55,105,220,.35);}
.m5 .a5 .b9 .t18 span
{font:800 32px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";}

/*course_car.asp---表單--*/
.bx1{width:100%;height:auto;overflow:hidden;border:1px solid #ccc;box-sizing: border-box;margin-bottom:20px;background:rgba(255,255,255,.9)}
.bx1-2{width:1200px}
.bx1 table{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;font:500 24px/36px "Chiron GoRound TC",'Noto Sans TC', "Century Gothic","微軟正黑體";padding:10px 8px;letter-spacing:-.5px;box-sizing: border-box;border-right:1px solid #ccc!important;height:32px}
/*原t54--course_car.asp*/
.bx1 table .t19{background:#eee}
/*原t96--課程標頭名稱--course_car.asp*/
.bx1 table .t20{width:100%;height:auto;overflow:hidden;font:500 24px/26px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#555;float:right}
.bx1 table .t20 a{font:500 24px/25px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#555;}
.bx1 table .t20 a:hover{ color:#111;text-decoration: underline}

.bx1 table tr td span{font:700 24px/24px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#ff004e}
.bx1 table tr .t97{background:#ddd;}
/*原im49--course_car.asp---刪除圖--*/
.im3{width:36px;height:auto;overflow:hidden;margin:0 auto}
.im3 a img{width:100%;height:auto;opacity:1;transition:all 0.3s}
.im3 a img:hover{opacity:.75;transition:all 0.3s}

/*表單內表格框*/
.bx1 input{width:60%;height:50px;overflow:hidde;font:500 20px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;border:2px solid #ccc;border-radius:6px;box-sizing: border-box;padding:0 12px;display: block}
.bx1 select{width:50%;height:50px;overflow:hidde;font:500 20px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;border:2px solid #ccc;border-radius:6px;box-sizing: border-box;padding:0 12px;display: block;margin-bottom:10px}
.bx1 .in14{width:30%;margin-right:2%;float:left;margin-bottom:10px}
.bx1 .in14b{width:30%;float:left}
.bx1 .in15{width:26%;margin-right:0%;float:left;}
.bx1 .in16{width:100%;}

/*course_car.asp--商品確定勾選*/
.ck1{ width:100%; height:auto; overflow:hidden;padding: 0px 0 0}
.ck1 input[type="checkbox"] {display:none;}
.ck1 input[type="checkbox"] + label { background:#bbb; width:32px; heicght:32px;border-radius:100px; padding:2px;box-sizing: border-box;}
.ck1 input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:1px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff; cursor:pointer;transition:all 0.3s}
.ck1 input[type="checkbox"]:checked + label div {border-radius:100px;background:#6598d3;transition:all 0.3s;}
.ck1 label{height:32px;font:13px/18px "微軟正黑體";}
/*付款方式Radio介面設定-無法點選之樣式*/
.ck1 input[type="checkbox"] + .dis{background:#d8d8d8;}
.ck1 input[type="checkbox"] + .dis div{ cursor:default}
.ck1 input[type="checkbox"]:checked + .dis div{background:#fff;}

/*course_car.asp--商品確定勾選*/
.ck2{ width:100%; height:auto; overflow:hidden;padding: 0px 0 0}
.ck2 input[type="radio"] {display:none;}
.ck2 input[type="radio"] + label { background:#bbb; width:32px; heicght:32px;border-radius:100px; padding:2px;box-sizing: border-box;}
.ck2 input[type="radio"] + label div {display:block;width:
100%;height:100%; border:1px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff; cursor:pointer;transition:all 0.3s}
.ck2 input[type="radio"]:checked + label div {border-radius:100px;background:#6598d3;transition:all 0.3s;}
.ck2 label{height:32px;font:13px/18px "微軟正黑體";}
/*付款方式Radio介面設定-無法點選之樣式*/
.ck2 input[type="radio"] + .dis{background:#d8d8d8;}
.ck2 input[type="radio"] + .dis div{ cursor:default}
.ck2 input[type="radio"]:checked + .dis div{background:#fff;}

/*發票介面*/ 
.c7{width:100%;height:auto;overflow:hidden;margin-bottom:10px;background:#c8d9f8;padding:12px 20px;box-sizing: border-box;}
.in17{width:50%;margin-bottom:20px}
.c7 .ls6{width:48%;height:auto;overflow:hidden;margin-right:1%;float:left}
.c7 .ls6 .t21{width:30%;height:auto;overflow:hidden;font:700 22px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;}
.bx1 .in18{width:68%;height:auto;float:left;}

/*同上資訊*/
.in19{width:20px!important;height:20px!important;display:inline-block;vertical-align: middle;margin:16px 8px 0 30px }
.in19b{width:20px!important;height:20px!important;display:inline-block;vertical-align: middle;margin:2px 0px 0 10px }
.t100{width:50%;height:auto;overflow:hidden;font:700 22px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;text-align: left}

.bx1 textarea{width:100%;height:120px;overflow:hidde;font:700 20px/30px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:2px solid #ccc;border-radius:6px;box-sizing: border-box;padding:5px 12px}
/*shop_car.asp--閱讀同意條款勾選*/
.ck3{ width:100%; height:auto; overflow:hidden;text-align: left;margin:10px auto 10px;border:0px solid #ccc;border-radius:10px;padding:10px 0% 5px 2%;box-sizing: border-box;}
.ck3 input[type="checkbox"] {display:none;}
.ck3 input[type="checkbox"] + label { background:#bbb; width:24px; height:24px;border-radius:100px; padding:2px ;margin-top:0px}
.ck3 input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:3px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff }
.ck3 input[type="checkbox"]:checked + label div {border-radius:100px;background:#004986   }
.ck3 label{height:auto;font:500 20px/28px 'Noto Sans TC', "微軟正黑體";}
.ck3 span{width:calc(100% - 50px);height:auto;overflow:hidden;font:700 20px/32px 'Noto Sans TC', "微軟正黑體"!important;color:#111!important;display:inline-block;vertical-align:top;text-align: left;padding-left:10px;box-sizing: border-box;}
.ck3 span a{font:500 20px/28px 'Noto Sans TC', "微軟正黑體";color:#ff0072  ;margin-left: -6px}
.ck3 span a:hover{color:#cc0534 ;text-decoration: underline}

/*course_car.asp---結帳送出按鈕+上一步*/
.m5 .a5 .b10{width:100%;height:auto;overflow:hidden;margin-bottom:80px;text-align:center}
/*繼續購物按鈕*/
.bt4{width:auto; height:44px;font:700 22px/42px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block; text-align:center;border-radius:6px; border:0px solid #e95377; transition:all 0.3s;margin:0  8px;background:#c7c0a5;padding:0 60px;}
.bt4:hover{  border:0px solid #3577c1;transition:all 0.3s;background:#e3d9b2;}
.bt4 a{width:auto; height:44px;font:700 22px/42px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block;border-radius:10px; background:#c7c0a5;padding:0 60px;border:0px solid #ddd;box-sizing: border-box;}
.bt4 a:hover{ background:#e3d9b2; border:0px solid #333;transition:all 0.3s;color:#111}
/*下一步*/
.bt5{width:auto;height:44px;font:700 22px/42px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; border:0px solid #e95377; transition:all 0.3s;margin:0 8px;background:#c00;padding:0 60px;}
.bt5:hover{  border:0px solid #3577c1;transition:all 0.3s;background:#f00;}
.bt5 a{width:auto; height:44px;font:700 22px/42px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block;border-radius:10px; background:#e95377;padding:0 60px;border:0px solid #ddd;box-sizing: border-box;}
.bt5 a:hover{ background:#f12a6b; border:0px solid #333;transition:all 0.3s;color:#111}

/*shop_MSG*/
.m5 .a5 .b11{width:1200px;height:auto;overflow:hidden;margin:0 auto}
.t22{width:96%;min-height:100px; height:auto;overflow:hidden;font:500 24px/38px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; letter-spacing:-.5px;margin:0 auto 20px;text-align:center}
.t22 h4{font:500 36px/50px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; text-align:center; margin-bottom:8px}
.t22 h4 img{width:auto;height:38px; padding-bottom:6px; vertical-align:middle; margin-right:0px}
/*shop_MSG 按鈕*/
.m5 .a5 .b11 .c8{width:100%;height:auto;overflow:hidden;text-align:center;margin-bottom:80px}
.bt6{width:auto; height:60px;font:500 26px/58px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block; text-align:center;border-radius:6px; border:0px solid #e95377; transition:all 0.3s;margin:0 8px;padding:0 60px;}
.bt6:hover{  border:0px solid #3577c1;transition:all 0.3s;}
.bt6 a{width:auto; height:60px;font:500 26px/58px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block;border-radius:10px; background:#004588;padding:0 60px;border:0px solid #ddd;box-sizing: border-box;}
.bt6 a:hover{ background:#1560a9; border:0px solid #333;transition:all 0.3s;color:#fff}

/*--手機版下拉分類介面*/
.m6{width:80%;height:auto;overflow:hidden;display:none;margin:-25px auto 40px}
.m6 .t23{width:20%;height:62px;overflow:hidden;float:left;font:500 28px/62px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:center}
.m6 select{width:calc(100% - 22%);height:62px;overflow:hidden;float:left;display: block;font:500 28px/56px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";border:2px solid #ccc;border-radius:6px;text-align:center}



/*會員登入介面*/


.m7{width:100%;min-height:500px; height:auto;overflow:hidden;}
.m7 .a6{width:100%;height:auto;overflow:hidden;padding:300px 0 120px}
.m7 .a6 .b12{width:600px;height:auto;overflow:hidden;padding:40px 50px 30px;border-radius:12px;margin:0 auto 25px;box-shadow:0 2px 12px rgba(0,0,0,.25);box-sizing: border-box;background:url("../../images/mb/bg2.png") no-repeat top right/45% auto,
url("../../images/mb/bg7.jpg") repeat-x center top/cover;position:relative}
.m7 .a6 .b12 .c9{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ccc;margin-bottom:20px;padding-bottom:0}
.tt5{width:100%;height:auto;overflow:hidden; margin:0 auto 40px;font:500 42px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-bottom:1px solid #185496;color: #185496} 

/*原ls20*/
.m7 .a6 .b12 .c9 .ls7{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m7 .a6 .b12 .c9 .ls7 .t24{width:23%;height:auto;overflow:hidden;font:500 22px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;float:left;margin-right:2%}
.m7 .a6 .b12 .c9 .ls7 input{width:75%;height:60px;overflow:hidde;font:500 17px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:1px solid #333;border-radius:6px;box-sizing: border-box;padding:0 12px}
.m7 .a6 .b12 .c9 .ls7 select{width:75%;height:60px;overflow:hidde;font:700 18px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:1px solid #333;border-radius:12px;box-sizing: border-box;padding:0 12px}
.m7 .a6 .b12 .c9 .ls7 .in5{width:30%;height:50px;overflow:hidden;font:500 20px/50px "Chiron GoRound TC",'Noto Sans TC',"微軟正黑體";float: left;padding: 0 6px;box-sizing: border-box;border:2px solid #ccc;border-radius:6px;}
.m7 .a6 .b12 .c9 .ls7 .in1{width:28%;margin-right:2%}
.m7 .a6 .b12 .c9 .ls7 .im4{width:auto;height:50px;overflow:hidde;float:left;margin-top: 5px}
.m7 .a6 .b12 .c9 .ls7 .im4 img{width:auto;height:100%;}

.m7 .a6 .b12 .c9 .ls7 .im5{width:10%;height:50px;overflow:hidde;float:left;margin-left:2%;margin-top:5px}
.m7 .a6 .b12 .c9 .ls7 .im5 img{width:auto;height:100%;opacity:1;transition:all 0.3s}
.m7 .a6 .b12 .c9 .ls7 .im5:hover img{opacity:.7;transition:all 0.3s}

/*忘記密碼+帳號*/
.m7 .a6 .b12-3{background:url("../../images/mb/bg3.png") no-repeat top right/45% auto,
url("../../images/mb/bg7.jpg") repeat-x center top/cover}

.m7 .a6 .b12-3b{background:url("../../images/mb/bg3b.png") no-repeat top right/45% auto,
url("../../images/mb/bg7.jpg") repeat-x center top/cover}
.m7 .a6 .b12 .c9 .d3{border-bottom:0px solid #ccc;margin:0 auto 25px;padding-bottom:0;text-align:center;padding:10px 0 0}
.t25{width:100%;height:auto;overflow:hidden;font:500 24px/30px  "Chiron GoRound TC",'Noto Sans TC',"微軟正黑體";color:#111;}
.t25 a{font:500 24px/30px   "Chiron GoRound TC",'Noto Serif TC','Noto Sans TC',"微軟正黑體";color:#111;}
.t25 a:hover{text-decoration:underline}
/*登入按鈕*/
.m7 .a6 .b12 .c9 .d4{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ccc;margin:25px 0 0px 0 ;padding-bottom:0}
.bt7{width:65%; height:60px;font:500 28px/60px  "Chiron GoRound TC",'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 0 0 0; background:#888;float:left}
.bt7:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s}
.bt7 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt7 a{width:100%; height:60px;font:500 28px/60px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#001a4d; }
.bt7 a:hover{ background:#2343a1; border:0px solid #3577c1;transition:all 0.3s;}



.bt8{width:calc(100% - 70%); height:60px;font:500 28px/60px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 0 0 0; background:#fff;float:right}

.bt8:hover{ background:#ddd; border:0px solid #3577c1;transition:all 0.3s}
.bt8 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-left:6px;}
.bt8 a{width:100%; height:60px;font:500 28px/60px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#001a4d; }
.bt8 a:hover{ background:#2343a1; border:0px solid #3577c1;transition:all 0.3s;}


/*google*/
.bt9{width:100%; height:60px;font:500 28px/58px  "Chiron GoRound TC",'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;float:left;margin-right:0%;margin:0 0 20px}
.bt9:hover{ border:0px solid #3577c1;transition:all 0.3s;}
.bt9 a{width:100%; height:60px;font:500 28px/58px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block;border-radius:6px; background:#fff;padding:0 0}
.bt9 a img{width:auto;height:26px; padding-bottom:6px; vertical-align:middle; margin-right:5px}
.bt9 a:hover{ background:#ccc; border:0px solid #3577c1;transition:all 0.3s;color:#111}
/*line*/
.bt10{width:100%; height:60px;font:500 28px/58px  "Chiron GoRound TC",'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;float:left;margin-left:0;margin:0 0 20px}
.bt10:hover{ border:0px solid #3577c1;transition:all 0.3s}
.bt10 a{width:100%; height:60px;font:500 28px/58px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block;border-radius:6px; background:#3abf00;padding:0 0}
.bt10 a img{width:auto;height:24px; padding-bottom:6px; vertical-align:middle; margin-right:5px}
.bt10 a:hover{ background:#4bcc12; border:0px solid #3577c1;transition:all 0.3s;color:#fff}


/*忘記密碼---說明*/
.t26{width:100%;height:auto;overflow:hidden;float:left;font:500 24px/36px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin:-10px 0 30px}
/*忘記密碼---確認送出按鈕*/

.bt11{width:100%; height:60px;font:500 28px/60px  "Chiron GoRound TC",'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 0 20px 0; background:#888;float:left}
.bt11:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s}
.bt11 img{width:auto;height:20px;display:inline-block; padding:0 0 4px; margin-left:6px;}
.bt11 a{width:100%; height:60px;font:500 28px/60px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#888; }
.bt11 a:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s;}


.bt12{width:200px; height:60px;font:500 24px/60px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto;background:linear-gradient(180deg,#ccc 50%,#ccc 50%) no-repeat center bottom/100% 50%;transition:all 0.3s} 
.bt12:hover{  border:0px solid #3577c1;transition:all 0.3s;background:linear-gradient(180deg,#aaa 50%,#aaa 50%) no-repeat center bottom/100% 50%}

/*member_MSG.asp*/
.m7 .a6 .b12-2{background:url("../../images/mb/bg7.jpg") repeat-x center top/cover}
.m7 .a6 .b12 .c9 .t27{width:100%;height:auto
	;overflow:hidde;font:500 24px/60px  "Chiron GoRound TC","Century Gothic","微軟正黑體";letter-spacing:-1px;text-align: center;margin-bottom:20px;color:#111}
.m7 .a6 .b12 .c9 .t27-2{color:#ed0027}
.m7 .a6 .b12 .c9 .t27 img{width:auto;height:48px;display:inline-block; padding:0 0 6px; margin-right:1px;}
.m7 .a6 .b12 .c9 .t28{width:100%;min-height:0; height:auto;overflow:hidde;font:500 24px/40px  "Chiron GoRound TC",
'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:justify;text-justify: inter-ideograph;margin:0 auto;letter-spacing:-1px;margin-bottom:25px}
.m7 .a6 .b12 .c9 .t28-2{text-align:center}
/*MSG-回按鈕*/

.bt13{width:100%; height:60px;font:500 28px/60px  "Chiron GoRound TC",'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 0 20px 0; background:#888;float:left}
.bt13:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s}
.bt13 img{width:auto;height:20px;display:inline-block; padding:0 0 4px; margin-left:6px;}
.bt13 a{width:100%; height:60px;font:500 28px/60px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#333; }
.bt13 a:hover{ background:#666; border:0px solid #3577c1;transition:all 0.3s;}


/*member_join.asp-加入會員*/
.m7 .a6 .b12-4{background:url("../../images/mb/bg4.png") no-repeat top right/45% auto,
url("../../images/mb/bg7.jpg") repeat-x center top/cover}

.not1{width:100%;height:36px;overflow:hidden;float:left;font:500 18px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:left;color: #c00;margin-left: 25%;box-sizing: border-box;}
/*member_join.asp--閱讀同意條款勾選*/
.ck4{ width:100%; height:auto; overflow:hidden;text-align: center;margin:30px auto 30px;border:0px solid #ccc;border-radius:10px;padding:10px 0 5px;box-sizing: border-box;}
.ck4 input[type="checkbox"] {display:none;}
.ck4 input[type="checkbox"] + label { background:#bbb; width:24px; height:24px;border-radius:100px; padding:2px ;margin-top:0px}
.ck4 input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:3px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff }
.ck4 input[type="checkbox"]:checked + label div {border-radius:100px;background:#004986   }
.ck4 label{height:auto;font:500 20px/28px 'Noto Sans TC', "微軟正黑體";}
.ck4 span{width:100%;height:auto;overflow:hidden;font:700 20px/28px 'Noto Sans TC', "微軟正黑體";color: #111;display:inline;vertical-align:top;}
.ck4 span a{font:500 20px/28px 'Noto Sans TC', "微軟正黑體";color:#ff0072  ;margin-left: -6px}
.ck4 span a:hover{color:#cc0534 ;text-decoration: underline}


/*member_join.asp--註冊按鈕*/
.m7 .a6 .b12 .c9 .d4{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ccc;margin:25px 0 0px 0 ;padding-bottom:0}
.bt14{width:100%; height:80px;font:500 28px/80px "Chiron GoRound TC",'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 0 0 0; background:#c1272d;float:left}
.bt14:hover{ background:#f03f46; border:0px solid #3577c1;transition:all 0.3s}
.bt14 img{width:auto;height:24px;display:inline-block; padding:0 0 8px; margin-left:6px;}
.bt14 a{width:100%; height:80px;font:500 28px/80px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#001a4d; }
.bt14 a:hover{ background:#2343a1; border:0px solid #3577c1;transition:all 0.3s;}

.m7 .a6 .b12 .c9 .im6{width:80px;height:80px;overflow:hidden;float:left;margin-right:20px}
.m7 .a6 .b12 .c9 .im6 img{width:100%;height:100%;transition:all 0.3s}
.m7 .a6 .b12 .c9 .im6 img:hover{transform:scale(.92);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}

.bt15{width:calc(100%-220px);height:80px;overflow:hidden;float: right}
.bt15 a{font:500 28px/80px "Chiron GoRound TC",'Noto Sans TC', "微軟正黑體";color:#111  ;margin-left:6px;text-decoration: underline}
.bt15  a:hover{color:#1249ae ;}
.bt15  a img{width:auto;height:28px;display:inline-block; padding:0 0 8px; margin-left:6px;}
/*member_edit.asp*/
.m7 .a6 .b12 .c9-2{width:600px;margin: 0 auto 20px}
/*member_edit.asp--頁籤*/
.m7 .a6 .b12-5{background:url("../../images/mb/bg6.jpg") repeat-x center top/cover;width:900px}
.m7 .a6 .b12 .c11{width:100%;height:60px;overflow:hidden;background:linear-gradient(90deg,#137fbd 50%,#137fbd 50%) no-repeat center bottom/100% 2px;border-left:0px solid #ccc;box-sizing: border-box;text-align:center;margin:0 auto 60px}
.ls8{width:auto;height:auto;overflow:hiddend;display:inline-block;margin:0 .2%}
.ls8 a{width:auto;height:58px;overflow:hidden;font:500 18px/58px "Chiron GoRound TC",'Noto Sans TC', "Century Gothic","微軟正黑體";display:block;background:#fefefe;;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 #ccc;box-shadow:0 -4px 6px 1px rgba(0,0,0,.1) inset;padding:0 12px}

.ls8 a:hover{background:#ccc;border:1px solid #ccc;color:#555;border-bottom:1px solid #137fbd}
.ls8 a.active{background:url("../../images/mb/bg5.png") center/100% 100%;color:#fff;border:0px solid #252b85;box-shadow:0 -4px 6px 1px rgba(0,0,0,0) inset;border-bottom:1px solid #137fbd}
/*member_edit.asp-資訊欄位*/
.ls9{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.ls9 .t29{width:120px;height:auto;overflow:hidden;font:700 22px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;margin-right:20px}
.ls9 .t30{width:calc(100% - 140px);height:auto;overflow:hidden;font:700 22px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:right;}
.ls9 input{width:calc(100% - 140px);height:60px;overflow:hidde;font:700 20px/58px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:2px solid #ccc;border-radius:12px;box-sizing: border-box;padding:0 12px}
.ls9 .in6{width:53%;margin-right:2%}
.ls9 select{width:50%;height:60px;overflow:hidde;font:700 20px/58px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:2px solid #ccc;border-radius:12px;box-sizing: border-box;padding:0 12px}
.ls9 textarea{width:calc(100% - 140px);height:120px;overflow:hidde;font:700 20px/30px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:2px solid #ccc;border-radius:12px;box-sizing: border-box;padding:5px 12px}
.ls9 .in7{width:25%;}

.ls9 .c10{width:calc(100% - 140px);height:auto;overflow:hidden;margin-bottom:0px}
.ls9 .c10 .in8{width:27%;}
.ls9 .t63{width:6%;height:60px;overflow:hidden;font:700 22px/60px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;text-align:center}
.ls9 .in9{width:40%;margin:0 2% 15px 0}
.ls9 .in9-2{margin:0 0 15px 0}
.ls9 .in10{width:calc(100% - 140px);margin-left:140px}
.ls9 .in11{width:15%}
.ls9 .in11b{width:35%;margin-left:15px}
/*member_edit.asp-儲存按鈕*/
.bt16{width:50%; height:80px;font:500 28px/80px  "Chiron GoRound TC",'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:40px auto 0; background:#888;}
.bt16:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s}
.bt16 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-left:6px;}
.bt16 a{width:100%; height:80px;font:500 28px/80px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#001a4d; }
.bt16 a:hover{ background:#2343a1; border:0px solid #3577c1;transition:all 0.3s;}


/*新課程通知按鈕*/
.bl1{width:auto; height:80px;font:16px/30px "Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0px;border:0px solid #e95377; transition:all 0.3s; position:absolute;bottom:30px;right:30px}
.bl1 a{width:auto;height:100%;font:16px/30px "Century Gothic","微軟正黑體";color:#fff; border-radius:0px;/*background:#1d2088;*/display:inline-block;padding:0 0;}
.bl1 a:hover{ /*background:#1d219d; */border:0px solid #3577c1;transition:all 0.3s;}
.bl1 a:hover img{transform:scale(.92);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}
.bl1 img{width:auto;height:100%;transition:all 0.3s}


.bl1 .ct2{width:40px;height:40px;background:#ed0a30;color:#fff;font:bold 20px/40px arial, "Century Gothic","微軟正黑體";text-align:center;position: absolute;right:-10px; top:-10px;border-radius:100px;z-index:99}




/*course_detail.asp回列表課程區*/
.bk1{width:150px; height:40px;font:500 24px/38px  "Chiron GoRound TC",'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 0 0; position:absolute;right:0;top:0;z-index: 2}

.bk1 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-left:6px;}
.bk1 a{width:100%; height:40px;font:500 24px/38px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:6px;}
.bk1 a:hover{ border:0px solid #3577c1;transition:all 0.3s;text-decoration: underline}
/**/
.bgt1{width:1200px;height:auto;overflow:hidden; margin:0 auto 40px;font:500 42px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-bottom:1px solid #185496;color: #185496} 



/*aa1+aa2*/
.m8{width:100%;height:auto;overflow:hidden}
.m8 .a7{width:1200px;min-height:500px;overflow:hidden;margin:0 auto 0;padding:300px 0 0}
.m8 .a7 .b13{width:100%;height:auto;overflow:hidden; }


.m8 .a7 .b13 .c12{width:100%;height:auto;overflow:hidden; margin:0 auto;font:400 20px/30px  "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#000;text-align:justify;text-justify: inter-ideograph;}
.m8 .a7 .b13 .c12 > ul{padding-left:30px;margin-bottom:20px}
.m8 .a7 .b13 .c12 > ul > li{ list-style:outside;list-style-type:decimal}
.m8 .a7 .b13 .c12 > ul > li > ul {padding-left:30px;margin-bottom:0}
.m8 .a7 .b13 .c12 > ul > li > ul > li{ list-style:outside;list-style-type:disc}
.m8 .a7 .b13 .c12 .t31{font:700 24px/36px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#244b7f ;margin:10px 0 5px}


/*上下一則*/
.m8 .a7 .b13 .c13{width:100%;height:auto;overflow:hidden; ;margin:40px 0 20px;text-align:center}
.bt17{width:auto; height:44px;font:500 20px/42px "Chiron GoRound TC",'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 8px}
.bt17:hover{  border:0px solid #3577c1;transition:all 0.3s}
.bt17 a{width:auto; height:44px;font:700 20px/42px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block;border-radius:10px; background:#c7c0a5;padding:0 60px;border:0px solid #ddd;box-sizing: border-box;}
.bt17 a:hover{ background:#e3d9b2; border:0px solid #333;transition:all 0.3s;color:#111}


/*member_order.asp-訂單*/
.m7 .a6 .b12 .c14{width:90%;min-height: 500px; height:auto;overflow:hidden;border-bottom:0px solid #ccc;margin:-20px auto 20px;padding-bottom:0}
.bx2{width:100%;height:auto;overflow:hidden;border:1px solid #ccc;box-sizing: border-box;margin-bottom:20px;background:#fff;border-radius:10px}
.bx2 table{border:1px solid #ccc;/*border-bottom:0;*/border-right:0;box-sizing: border-box;border-left:0;}
.bx2 table tr td{border:1px solid #ccc;border-top:0;border-left:0;border-right:0;font:500 20px/24px "Chiron GoRound TC",'Noto Sans TC', "Century Gothic","微軟正黑體";padding:6px 8px;height:30px;letter-spacing:-.5px;box-sizing: border-box;/*border-right:1px solid #ccc!important;*/}
.bx2-2 table tr td{border-right:1px solid #ccc!important;}
.bx2 table .t32{background:#666;color:#fff}
.bx2 table tr td span{font:700 20px/24px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#ff004e}
.bx2 table tr .t33{background:#fdf9da;}
/*再次購買+重新購買*/
.bt18{width:auto; height:44px;font:500 20px/42px "Chiron GoRound TC",'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 8px}
.bt18:hover{  border:0px solid #3577c1;transition:all 0.3s}
.bt18 a{width:auto; height:44px;font:700 20px/42px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block;border-radius:10px; background:#c7c0a5;padding:0 15px;border:0px solid #ddd;box-sizing: border-box;}
.bt18 a:hover{ background:#e3d9b2; border:0px solid #333;transition:all 0.3s;color:#111}

/*20251019---通知課程彈跳視窗*/
.m9a{background:rgba(0,0,0,.9);border-radius:0;}
.m9{max-width:560px;heigh:auto;overflow:hidden; margin:40px auto;border-radius:20px;box-sizing: border-box;}
.m9 .modal-content{/*padding:0 25px*/}
.m9 .modal-header{font:24px/28px  "微軟正黑體"; text-align:center;padding:5px 25px;/*border:0;*/ background:#fff;border-radius:5px 5px 0 0;}

.m9 .modal-header h5{font:500 25px/60px 'Noto Sans TC',"微軟正黑體";color:#111}
.m9 .modal-header h5 img{width:auto;height:34px; padding-bottom:6px; vertical-align:middle; margin-right:2px}
.m9 .modal-body{padding:0 0 0px;font:500 28px/50px 'Noto Sans TC',"微軟正黑體";color:#fff; text-align:center;positifon: relative;background:#fff;border-radius:10px;}
.m9 .modal-body button{ font-size:42px; opacity:1; text-shadow:0 0 0 #333;color:#fff;transition:all 0.3s; /*font-weight:bold !important;*/ margin:0 0 0; float:none;position:absolute; top:0px ; right:15px;z-index: 99; background: none}
.m9 .modal-body button img{width:100%;height:auto;transition:all 0.3s}
.m9 .modal-body button img:hover {transform:rotate(0deg) scale(1.15); transition:all 0.3s;}


.m9 .modal-body .a8{width:100%;height:500px;overflow:auto;overflow-x: hidden;padding:10px 0 0px}
.ls10{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ccc;margin-bottom:10px;text-align: left;padding:0 12px 10px;box-sizing: border-box;}

.ls10 .im7{width:60px;height:60px;overflow:hidden;float:left;margin-right:20px}
.ls10 .im7 img{width:100%;height:100%;transition:all 0.3s}
.ls10 .b10{width:calc(100% - 80px);height:60px;overflow:hidden;float:left;}

.ls10 .b10 .t34{width:100%;height:30px;overflow:hidden;font:500 20px/30px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#111;text-overflow:ellipsis;white-space:nowrap;}
.ls10 .b10 .t34 a{font:500 24px/30px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#111;}
.ls10 .b10 .t34 a:hover{ color:#3278ba;text-align:center}

.ls10 .b10 .t35{width:100%;height:auto;overflow:hidden;font:500 18px/30px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#666;}

/*滿意度調查*/

.ls11{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ccc;margin-bottom:10px;text-align: left;padding:0 18px 10px;box-sizing: border-box;}

.ls11 .t36{width:100%;height:auto;overflow:hidden;font:500 20px/30px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#111;text-overflow:ellipsis;white-space:nowrap;}

.ls11 textarea{width:100%;height:70px;overflow:hidden;font:500 20px/30px "Chiron GoRound TC",'Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#111;border:1px solid #ccc;display:block;box-sizing: border-box;border-radius:6px}