@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;color:#111}
body{outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */ line-height:0px; 
min-height:100vh; display:flex; flex-direction:column;background: #fff}
input:focus{outline:none}
/*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;}
.top-bar{position:fixed;top:0px; z-index:100; height:172px;transition:all 0.3s; background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2);opacity:1;overflow:inherit;}
.dwbt1{width:50px; height:50px;overflow:hidden;display:inline-block; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;position:fixed; bottom:20px; right:10px;z-index:99;box-shadow:0 2px 8px rgba(0,0,0,0.3)}
.dwbt1 a img{width:100%;height:auto;transition:all 0.3s}
.dwbt1 a img:hover {transform:rotate(0deg) scale(.85); transition:all 0.3s;}


.m1{width:100%;height:auto;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.25);position:fixed;top:0;left:0;z-index:99}
.m1 .a1{width:96%;height:80px;overflow:hidden; margin:0 auto;}
.m1 .a1 .lg1{width:auto;height:40px;float:left;display:inline-block!important;margin:20px 0 0}
.m1 .a1 .lg1 img{width:auto;height:100%;}

.m1 .a1 .b1{width:50%;height:auto;overflow:hidden;float:right;margin-top:15px;text-align:right}
.m1 .a1 .b1 .t1{width:auto;height:50px;overflow:hidden;float:right;display: inline-block;margin:0 20px 40px}
.m1 .a1 .b1 .t1 a{width:auto;height:50px;font:500 19px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m1 .a1 .b1 .t1 a:hover{text-decoration: underline;color:#1b4da0}
.m2{width:100%;height:auto;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.25);margin:80px 0 0}
.m2 .a2{width:100%;height:auto;overflow:hidden; margin:0 auto;}
/*第1區*/
.m2 .a2 .b2{width:50%;height:900px;overflow:hidden;float:left;background: url("../../images/im1.jpg") no-repeat center/cover;position:absolute}
.m2 .a2 .b2 .t2{width:500px;height:auto;overflow:hidden;position:absolute; bottom:11%;left:50%;font:700 26px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase;color:#fff;margin:0 0 0 -250px}
.m2 .a2 .b2 .t2 span{font:500 36px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m2 .a2 .b2 .t2 h4{font:400 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
/*第2區*/
.m2 .a2 .b3{width:50%;height:900px;overflow:hidden;float:right;background: url("../../images/im2.jpg") no-repeat center/cover;position:relative}
.m2 .a2 .b3 .t3{width:500px;height:auto;overflow:hidden;position:absolute; bottom:11%;left:50%;font:700 26px/32px'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase;color:#fff;margin:0 0 0 -250px}
.m2 .a2 .b3 .t3 span{font:500 36px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m2 .a2 .b3 .t3 h4{font:400 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";}

/*第3區*/
.m3{width:100%;height:auto;overflow:hidden;background: url("../../images/im3.jpg") no-repeat center top/cover;}

.m3 .a3{width:86%;height:1000px;overflow:hidden;position:relative;margin:0 auto}
.m3 .a3 .t4{width:600px;height:auto;overflow:hidden;font:700 26px/32px'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase;color:#111;margin:400px 0 0 ;float:right}
.m3 .a3 .t4 span{font:500 36px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m3 .a3 .t4 h4{font:400 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";}

/*DOWN*/
.m4{width:100%;height:auto;overflow:hidden;background:#1b4da0}
.m4 .a4{width:100%;height:60px;overflow:hidden;position:relative;margin:0 auto;font:400 13px/60px'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:center;color:#fff}
/*DOWN*/
.bg1{background:url("../../images/bg1.jpg") center/cover;background-attachment: fixed}
/*Registration.asp*/
.bgt2{width:100%;height:auto;overflow:hidden;font:italic 900 72px/92px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;color:#d3e4ff;text-align:center;margin:0 auto 40px;letter-spacing:-4px;text-shadow:0 2px 12px rgba(0,0,0,.8);padding-bottom:8px}
.bgt2 h4{width:100%;height:auto;overflow:hidden;font:italic 700 28px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;color:#333;text-align:center;letter-spacing:-1px;padding:25px 0 0}


/*Registration.asp--報名表*/
.m5{width:100%;height:auto;overflow:hidden;border-bottom:0px dashed #b6b6cc;margin-top:40px;}
.m5 .a5{width:1300px;min-height:1050px; height:auto;overflow:hidden;padding:60px 0 60px;margin:0 auto}

.m5 .a5 .b4{width:1000px;min-height:500px; height:auto;overflow:hidden;padding:0 0 0;background:rgba(255,255,255,.85);border:4px solid rgba(25,75,160,.6);box-shadow:0 2px 8px rgba(0,0,0,.25);border-radius:30px;margin:0 auto 40px;padding:40px 5%;box-sizing: border-box;}

.m5 .a5 .b4 .t5{width:100%;height:auto;overflow:hidden;font: 500 28px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;color:#111;margin:0 0 25px 0;letter-spacing:0px;
 border-bottom:3px dotted rgba(230,70,50,.4) ;padding:0 0 25px}

.ls1{width:100%;height:auto;overflow:hidden;margin:0 0 12px 0;padding-bottom:12px;border-bottom:1px solid #ccc}

.ls1{width:100%;height:auto;overflow:hidden;}
.ls1 .t6{width:25%;height:50px;overflow:hidden;font: 500 24px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;float:left;text-align:right;margin-right:2%}

.ls1 .t6 span{font: 500 26px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#E60029;letter-spacing:0px;}

.not1{width:73%;height:40px;overflow:hidden;font: 500 22px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#0f3177;letter-spacing:0px;float:left;padding:0 0 0 27% }


.ls1 input{width:calc(100% - 
 27%);height:50px;overflow:hidden;display:block;float:right;padding:0 12px;border:2px solid rgba(25,75,160,.6);box-sizing: border-box;font: 500 22px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-radius:8px}

.ls1 select{width:42%;height:50px;overflow:hidden;display:block;float:left;padding:0 12px;border:2px solid rgba(25,75,160,.6);box-sizing: border-box;font: 500 22px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-radius:8px;background:#fff}


.ls1 .c2{width:73%;height:50px;overflow:hidden;font: 500 22px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#0f3177;letter-spacing:0px;float:right;margin:0 0 10px}

.ls1 .c2 .in1{width:46%;height:50px;overflow:hidden;display:block;float:left;padding:0 12px;border:2px solid rgba(25,75,160,.6);box-sizing: border-box;font: 500 22px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-radius:8px;background:#fff;margin-right:2%}

/*目前合作通路*/
/*勾選介面設定*/
.ck1{ width:auto; height:42px; overflow:hidden;margin:8px 6px 0 0;display: inline-block}
.ck1 > input[type="checkbox"] {display:none;}
.ck1 > input[type="checkbox"] + label { width:36px; height:36px;border-radius:5px; padding:3px}
.ck1 > input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:2px solid #888/*rgba(230,70,50,.4)*/;border-radius:8px;box-sizing: border-box; background:#fff }
.ck1 > input[type="checkbox"]:checked + label div {border-radius:8px;background:#e36150}
.ck1 label{height:19px;font:13px/18px "微軟正黑體";}
.ck1 span{width:100%;height:auto;overflow:hidden;font:500 24px/38px 'Noto Sans TC', "微軟正黑體";color: #111;display:inline;vertical-align:top;}
.ck1 span a{font:500 24px/38px 'Noto Sans TC', "微軟正黑體";color:#ff0072  ;margin-left: -6px}
.ck1 span a:hover{color:#cc0534 ;text-decoration: underline}

.ck1 span .in2{width:250px;height:36px;overflow:hidden;display:block;float:right;padding:0 12px;border:0; border-bottom:2px solid rgba(230,70,50,.4);box-sizing: border-box;font: 500 22px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-radius:0px;background:none}
.ls1 .c3{width:73%;height:auto;overflow:hidden;font: 500 22px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#0f3177;letter-spacing:0px;float:right;margin:0 0 10px;position:relative}


.ls3{width:300px;height:auto;overflow:hidden;margin:0 0 12px 0;padding-bottom:0;border-bottom:0px solid #ccc}



/*報名場次*/
.ck2{ width:100%; height:42px; overflow:hidden;margin:8px 6px 0 0;display: inline-block}


.ck2{ width:100%; height:auto; overflow:hidden;margin:0;display: inline-block}
.ck2 > input[type="radio"] {display:none;}
.ck2 > input[type="radio"] + label { width:28px; height:28px;border-radius:2px; padding:2px;margin:12px 8px 0 0}
.ck2 > input[type="radio"] + label div {display:block;width:
100%;height:100%; border:1px solid #888/*rgba(230,70,50,.4)*/;border-radius:3px;box-sizing: border-box; background:#fff }
.ck2 > input[type="radio"]:checked + label div {border-radius:4px;background:url("../../images/SP/ic36.png") no-repeat center/auto 12px #e36150;border:2px solid #e36150}
.ck2 label{height:19px;font:13px/18px "微軟正黑體";}
.ck2 span{width:100%;height:auto;overflow:hidden;font:500 24px/50px 'Noto Sans TC', "微軟正黑體";color: #111;display:inline;vertical-align:top;}
.ck2 span a img{width:40px;height:40px;display:inline-block;margin-right:4px;padding-bottom:6px;vertical-align:middle}
.ck2 span a{font:500 20px/38px 'Noto Sans TC', "微軟正黑體";color:#111  ;}
.ck2 span a:hover{color:#f7422f;text-decoration: underline}




/*提交資料*/
.bt2{width:420px; height:70px;font:500 28px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:60px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto; background:#c1272d;}
.bt2:hover{ background:#f03f46; border:0px solid #3577c1;transition:all 0.3s}
.bt2 img{width:auto;height:24px;display:inline-block; padding:0 0 8px; margin-left:6px;}
.bt2 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; }
.bt2 a:hover{ background:#2343a1; border:0px solid #3577c1;transition:all 0.3s;}

/*MSG--彈出視窗*/
.m6 {margin-top:40px}
.m6 .modal-content{ background-color:#fff}
.m6 .modal-header{font:500 24px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; }

.m6 .modal-body{font:500 22px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center}
.modal-footer{}
.bt3{width:120px; height:50px;font:500 21px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:60px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto; background:#c1272d;}
.bt3:hover{ background:#f03f46; border:0px solid #3577c1;transition:all 0.3s}
.bt3 img{width:auto;height:24px;display:inline-block; padding:0 0 8px; margin-left:6px;}
.bt3 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; }
.bt3 a:hover{ background:#2343a1; border:0px solid #3577c1;transition:all 0.3s;}


/*MSG--彈出視窗*/
.m11 {margin-top:40px;}
.m11 .modal-dialog {max-width:700px}
.m11 .modal-content{ background-color:#fad6b1;max-width:700px}
.m11 .modal-header{font:500 24px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;border-bottom:0px solid #ffaaa1 }
.m11 .modal-header h5{text-align:center;margin:0 auto;width:100%;padding:0 0 0 20px;font:italic 900 36px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m11 .modal-body{font:500 22px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center;border-top:1px solid #ffaaa1 }
.m11 .modal-footer{border-top:1px solid #ffaaa1 }

/*202580925--追加活動行程*/
.bt4{width:240px;height:auto;overflow:hidden;position:absolute;right:20px;top:0}
.bt4 img{width:100%;height:100%;transition:all 0.3s}
.bt4 img:hover{transform:scale(.92);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}

.st1{width:100%;height:36px;overflow:hidden;font:italic 700 28px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-1.5px;margin-bottom:20px}
.ls4{width:100%;height:auto;overflow:hidden;margin:0 0 6px 0;padding-bottom:6px;border:2px solid #ffaaa1;padding:10px 20px; border-radius:100px;box-sizing: border-box;background:rgba(255,255,255,.45)}
.ls4 .t8{width:30%;height:36px;overflow:hidden;font:italic 500 24px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;float:left;text-align:left;}
.ls4 .t8 span{width:15px;height:36px;font:500 12px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;vertical-align:middle;padding-bottom:4px;margin-right:0px;transform:scale(.45);display:inline-block}

.ls4 .t9{width:70%;height:36px;overflow:hidden;font:italic 700 24px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;float:left;text-align:left;}

.bt1{width:200px; height:50px;overflow:hidden;margin-top:10px}
.bt1 img{width:100%;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt1 a{width:100%; height:50px;font:400 22px/46px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:2px;border:1px solid #333;display:block;box-sizing: border-box;text-align:center
}
.bt1 a:hover{ background:#1b4da0; border:1px solid #1b4da0;transition:all 0.3s;color:#fff;}