@import url("../../../icon_new/css/all.min.css");
@import url("../../../File/css/event_common.css?0705");
*{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;box-sizing:border-box}
body{font-family:"Microsoft YaHei",Arial}
#event a:hover{transform:scale(1.02);transition-duration: 1s;}
.row100{width:100%}
.row1200{width:1200px;margin:0 auto}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox}
[class*="cube"]{margin:3% auto;padding:2% 7%;border-bottom: dotted 9px#e4bc6e70;}
[class*="grid"]{display:grid}
.bgpadding{padding:2% 0}
.bgcolor0{background:url(../images/1206009_goldenStripes_bg2.png)repeat-y top center;background-size: 100%;}
.bgcolor1{background:url(../images/1206009_rainbowRay_bg.png)no-repeat top center;background-size: 100% 100%;}
.bgcolor2{background:url(../images/1206009_goldenStripes_bg.png)no-repeat top center;background-size: 100%;}

:root {
    --fog_blue: #473bbe;
    --red:#d6325b;
    --magenta:#cd2fc9;
    --pink:#d6449f;
    --gold:#af823d;
    --yellow:#fff16fee;
    --grey:#555;
    --holographic_gradient:linear-gradient(90deg,#f2dada,#f7d5c8,#dfe4e5,#c7d3f7,#f1c8d8,#fceed5,#f5f3f9,#e9e2f2);
    --text_linear:linear-gradient(25deg,#188bd6 30%,#b73ade 53%,#f45195 70%,#ff950d 85%);
    --gold_linear:linear-gradient(60deg, #af823d, #cea14b,#d6a54f,#af823d);
}
small{font-size: smaller;}
.blue_text{color:var(--fog_blue);}
.grey_text{color:var(--grey);}
.banner{width: 45%;margin: auto;}
.banner img{width: 100%;}
.bar{margin-top: -11%;/* 背景跟banner區塊重疊 */background:url(../images/1206009_wave.png)no-repeat center / 100% 100%;}
.bar dl{display: flex;justify-content: center;font-size: 2rem;padding: 2.8rem 1rem;}
.bar dd{padding: .85rem;width: 8%;}
.bar dd:hover{width: 8.5%;}
.bar dd img{width: 100%;}
.space{margin: 0 18%;}
.bar dl dd:nth-child(4){width:0;}
.color_red{color: var(--red);}

#event h1{font-size:3.2rem}
#event h2{font-size:2.6rem}
#event h3{font-size:1.8rem;color:var(--fog_blue);}
#event h3 strong{font-size:2.4rem;color: var(--magenta);}
#event h4{font-size:2rem}
#event h1,#event h2,#event h3,#event h4{text-align:center}
#event i{margin-right:5px}
#event img{max-width:100%}
a{color:var(--pink);}
a:hover{position: relative;top: 1px;text-decoration: none;}
.masterbanner>.grid{grid-template-columns:30% 40% 30%;grid-template-rows:repeat(3,33.3%);margin:0 8%;padding:1% 0 0}
.item{display:grid;align-items:center;justify-items:flex-start}
/* .item:nth-child(1){grid-column:1;grid-row:1} */
.item:nth-child(1){grid-column:2;grid-row:1 /span 2;justify-items:center}
/* .item:nth-child(3){grid-column:3;grid-row:1}
.item:nth-child(4){grid-column:1;grid-row:2 / span 3}
.item:nth-child(1),.item:nth-child(4){justify-items:flex-end}
.item:nth-child(5){grid-column:3;grid-row:2 / span 3}
.item:nth-child(6){grid-column:1 / span 3;grid-row:3;padding:0;align-items:flex-end} */
.motion_a{animation:active 8s linear infinite}
@keyframes active {
0%{transform:translateY(10px)rotate(-3deg)}
50%{transform:translateY(0px)rotate(3deg)}
100%{transform:translateY(10px)rotate(-3deg)}
}
.motion_b{animation:active 7s linear infinite}
@keyframes active {
0%{transform:translateY(7px)rotate(-10deg)}
50%{transform:translateY(0px)rotate(5deg)}
100%{transform:translateY(7px)rotate(-10deg)}
}
.qual{margin:5.5% 4% 3%;padding:2rem 1rem 1rem;border-radius:1rem;text-align:center;position: relative;top: 0;left: 0;right: 0;bottom: 0;background: var(--holographic_gradient);}
.qual::after{content: '';width: 100%;height: 38%;position: absolute;top: -5.5rem;left: 0;background: url(../images/1206009_smallTent.png)no-repeat center / 100% 100%;}
.qual>ul{display:inline-block}
.qual>ul>li{text-align:justify;font-size:1.55rem;margin:1.5% auto}
.qual>ul>li>div{padding:6px 35px;text-shadow: 1px 1px 6px #0000003f;font-weight: bold;letter-spacing: .1rem;background:var(--gold_linear);color:#FFF;border-radius:.5em;display:inline-block;margin:0 1rem 0 0}
.qual small{padding: 0 0 0 12rem;font-size: 1.1rem;}

.form{width: 95%;text-align: center;font-weight: bold;margin: auto;}
.form a{display:block; text-decoration: none;background-color: #ffffffaa;padding: .25rem 0 0;border-top: 2px dashed #fff;border-bottom: 2px dashed #fff;border-radius: 1rem;margin: 1rem auto;}
.boujee-text {
    --bg-size: 400%;
  font-family: sans-serif;
  font-size: clamp(2rem, 20vmin, 2.2rem);
  background: linear-gradient(25deg,#188bd6 ,#b73ade ,#f45195 ,#ff950d ) 0 0 / var(--bg-size) 100%;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

@media (prefers-reduced-motion: no-preference) {
  .boujee-text {
    animation: move-bg 8s linear infinite;
  }
  @keyframes move-bg {
    0% {background-position: 0%;}
    50% {background-position: 100%;}
  }
}


.vip_cube h1,.coupon_cube h1,.course_cube h1,.bonus_cube h1,.book_cube h1,.work_cube h1,.asktitle{color: transparent;background-image:var(--text_linear);-webkit-background-clip: text;}

.card_flex{padding: 0 5%;margin:1% auto 2%;}
.card{width:45%;display:flex;flex-wrap:nowrap}
.card img{border-radius: 1rem;}
.card>li{width:calc(100%/3);display:inline-block;transform:rotate(-9deg)}
.card_time{width:50%;font-size:1.4rem;text-align:center;margin: auto;}
.card_time small{display:inline-block;;line-height: 2;}
.card_time strong{font-size:1.6rem;color:var(--magenta);}
.card_time div{margin:2% auto 0;padding:2.5% 0 0}
.card_time a{text-shadow: 1px 1px 6px #0000003f;font-weight: bold;letter-spacing: .1rem;background:var(--gold_linear);color:#FFF;padding:5px 15px;border-radius:10px;display:inline-block;text-decoration:none;font-size:1.4rem}
.card_time a:hover,.navlink>ul>li>a:hover{background:var(--gold);}
.card_time b {color: #383838;}
.card_time .blue_text{color:var(--fog_blue);}

.coupon_cube figure{margin: .5rem auto 1rem;text-align:center;}
.coupon_cube figure img{border-radius:20px;}
.course_cube p{font-size: 1.3rem;line-height: 2;}
.certificate_text{color:var(--magenta);}
.giftCertificate{width: 50%;margin: .5rem auto 1rem;}
.giftCertificate img{width: 100%;}
.coupon_note{width:85%;margin:0 auto 2%;border-radius:0 0 20px 20px;padding:2%; color:#fff}
.coupon_note>ul{margin:1% 5% 3% 20%}
.coupon_note>ul>li{text-align:left;font-size:1.3rem;line-height:1.7em;list-style:disc}
.coupon_note>ul>li>small{font-size:1rem}
.coupon_note>ul>li>span{color:var(--yellow)}
.coupon_note>p{font-size:1.4rem;text-align:center;color:var(--yellow)}

.course_flex{gap:15px;justify-content:center;margin:3% 0}
.course_flex>dl{width:calc(100%/2 - 10px);border:solid 1px var(--gold);text-align:center}
.course_flex .box_full{width: calc(100% - 5px);}
.course_flex>dl>dt{color:#FFF;text-shadow: 1px 1px 6px #0000003f;font-weight: bold;letter-spacing: .1rem;background: var(--gold_linear);font-size:1.6rem;line-height:1.8em}
/* .course_flex>dl>dt span{position:relative;padding:0 0 0 25px} */
/* .course_flex>dl>dt span:before{content:"";position:absolute;width:35px;height:35px;transform: rotate(-10deg);filter: drop-shadow(4px 4px 3px #0000005f);background:url(../images/1206009_gift.png)no-repeat center / 100%;left:-30px;top:-2px;} */
.course_flex>dl>dd{font-size:1.2rem;padding:13px 15px;font-weight: 500;}
.course_flex>dl>dd a{color: #7a4e0b;}
.book_note{font-size: 1.3rem;}
.book_note dl:nth-of-type(1) {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin: 1.5rem 0;}
.book_note dl:nth-of-type(1) dd img{max-height: 220px;background:var(--holographic_gradient);padding: 0.3rem;border-radius: 8px}
.book_note .remarks{display:block;color:var(--fog_blue);text-indent: 3rem;}
.info div{margin-bottom: 1%;}
.book_note dl:nth-of-type(3) dd{display: flex;align-items: center;}
.book_note .info_content{display: flex;justify-content: space-between;align-items: center;}
.book_note .info{width: 70%;}
.book_note .time,.book_note .place{margin: 2rem 0;}
.book_note .area{margin-bottom: 1.5rem;}
.book_note .addmap{text-align: right;width: 30%;}
.book_note .addmap img {border-radius: 8px;background:var(--holographic_gradient);padding: 0.3rem;}
.book_note .line_purple{background-color:#802ea5;color: #fff;padding: 0 0.5rem;margin: 0 0.5rem;letter-spacing: .05rem;}
.book_note .line_yellow{background-color:#FDD100;color: #000;padding: 0 0.5rem;margin: 0 0.5rem;letter-spacing: .05rem;}
.book_cube .activity { text-align: center; margin: 1rem auto 1.5rem; background-color: #eaf390; border-radius: 100px; padding: 1rem 2rem 0.8rem; width: 80%; border: 5px #f5f5f5 solid; }
.book_cube .finsh{margin: 1rem 0 -0.7rem;}
.book_cube .question {font-size: 1.15rem;letter-spacing: 0.03em;font-weight: bold;}
.book_cube .answer{display: inline-block;margin: 1rem 0 ;}
.book_cube .answer a { padding: 0.6rem 1.4rem; background-color: #e74457; color: #fff; border-radius: 60px; text-decoration: none; font-size: 1.2rem; border: 4px #fff solid; }
.book_cube .pass{color: #e74457;font-weight: 900;font-size: 1.2rem;}
.bonus_cube{font-size: 1.3rem;}
.bonus_cube b{padding: 0 .2rem;color: var(--magenta);}

.bonus_flex{margin:2% auto;}
.bonus_flex p,.work_flex p{width: 100%;margin: .25rem 0;font-size: 1.5rem;}
.bonus_flex ol li{list-style: decimal;margin:0.5em 0 0 1.5em;text-align: justify;}
.bonus_flex>dl{width:calc(100%/2 - 20px);margin:0 auto;box-shadow:1px 1px 3px #ccc;background-color:var(--yellow)}
.bonus_flex>dl>dt{font-size:1.5rem;font-weight:700;border-bottom:1px solid #ffbe00;margin:0 auto 2%;padding:3.5% 0 3%;text-align:center}
.bonus_flex>dl>dt>strong{font-size:1.5rem;display:block;color:red;margin:5px 0 0}
.bonus_flex>dl>dd{font-size:1.125rem;line-height:33px;padding:10px 20px 20px}
.bonus_flex>dl>dd>span{color:red}
.bonus_list{margin:1% auto}
.bonus_list li{font-size:1.3rem;line-height:1.7em;color:#d84355;font-weight:bold}
.bonus_flex,.book_cube{text-align: left;}

.work_cube{border-bottom:none;}
.career>ul{margin-top: 1.5rem;}
.career>ul>li{display: inline;margin: 0 1%;font-size: 1.3rem;background: linear-gradient(45deg, #4276d8, #a544dd, #da47b4);color: #FFF;text-decoration: none;padding: 8px 20px;border-radius: 10px;font-weight: bold;letter-spacing: .1rem;text-shadow: 0px 0px 5px #0000003f;}

.book_cube h3 {color: #000000;}
.bonus_title{font-size:1.4rem;color:var(--fog_blue);font-weight: 700;}
.ps {font-size: 1rem;margin: 1% auto 0;text-align: left}
.navlink{margin:0 auto 2rem;text-align:center}
.navlink>ul>li{display:inline;margin:0 1%;font-size:1.3rem}
.navlink>ul>li>a{background:#347c76;text-decoration:none;padding:8px 20px;margin: 0.5rem auto;border-radius:10px;display:inline-block;background:var(--gold_linear);color: #FFF;font-weight: bold;letter-spacing: .1rem;text-shadow: 0px 0px 5px #0000003f;}

.askarea * {font-family: "Microsoft YaHei", Arial;}
.askarea_out{background:#fcb633;background:linear-gradient(20deg,#f2dada,#f7d5c8,#d8e1fb,#f2d2df,#fceed5,#f5f3f9,#e9e2f2);}
.askarea p{margin:15px auto}
.asktitle{font-size:2.8rem;font-weight:bolder;}
#formlist{margin:2% auto 1%;color: #000;}
#formlist input[type="text"]{width:36%;color:#757575;}
#formlist textarea{width:100%;height:205px;border-radius:7px;border:#FFF;font-size:1rem;line-height:1.8;padding:15px;color:#000;margin:8px 0 5px;}
.askarea p:nth-last-of-type(3){margin:15px auto 0}
.askarea li{list-style:decimal;margin:0 auto 0 30px;font-size:1.2rem}
#formlist input[type="submit"],#formlist input[type="reset"]{color:#fff;background:var(--gold);background:var(--gold_linear);font-weight: bold;letter-spacing: .1rem;text-shadow: 0px 0px 5px #0000003f;}
#formlist input[type="submit"]:hover,#formlist input[type="reset"]:hover{transform:scale(1.05);background:var(--gold);}
#formlist input[type="radio"]{display:none}
#formlist input[type="radio"] + label{position:relative;cursor:pointer;margin:0;padding-left:26px}
#formlist input[type="radio"] + label:before,#formlist input[type="radio"] + label:after{content:"";position:absolute;border-radius:50%;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
#formlist input[type="radio"] + label:before{top:5px;left:5px;width:18px;height:18px;background:#1565C0;-moz-box-shadow:inset 0 0 0 18px #FFF;-webkit-box-shadow:inset 0 0 0 18px #FFF;box-shadow:inset 0 0 0 18px #FFF}
#formlist input[type="radio"] + label:after{top:50%;left:14px;width:40px;height:40px;opacity:0;background:rgba(255,255,255,0.3);-moz-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
#formlist input[type="radio"]:checked + label:before{-moz-box-shadow:inset 0 0 0 4px #FFF;-webkit-box-shadow:inset 0 0 0 4px #FFF;box-shadow:inset 0 0 0 4px #FFF}
#formlist input[type="radio"]:checked + label:after{-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-moz-animation:ripple 1s none;-webkit-animation:ripple 1s none;animation:ripple 1s none}
@-moz-keyframes ripple {
5%,100%{opacity:0}
5%{opacity:1}
}
@-webkit-keyframes ripple {
5%,100%{opacity:0}
5%{opacity:1}
}
@keyframes ripple {
5%,100%{opacity:0}
5%{opacity:1}
}
/*pc*/
@media all and (min-width: 1201px){
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");left:0;top:0}
#noie a{color:#FC0}
}
/*mb*/
@media(max-width:767px){
.br_mb{ display:block;}
[class*="cube"]{width:100%;padding:4% 5%;margin:5% auto}
#event h1{font-size:2rem}
#event h3{font-size:1.4rem}
#event h3 strong{font-size:1.5rem}
.masterbanner>.grid{grid-template-columns:repeat(4,25%);margin:0 auto;padding:1% 3% 0}
.item{align-items:flex-end}
/* .item:nth-child(1){grid-column:1;grid-row:3} */
.item:nth-child(1){grid-column:1/span 4;grid-row:1}
/* .item:nth-child(3){grid-column:2;grid-row:3}
.item:nth-child(4){grid-column:3;grid-row:3}
.item:nth-child(5){grid-column:4;grid-row:3}
.item:nth-child(6){grid-column:1 / span 4} */
.item:nth-child(1) img{width:100%}
.banner {width: 98%;margin: 12% auto 0;}
.bar { width: 100%; height: auto; padding: 0; position: fixed; top: initial; bottom: -25px; right: 0; left: 0; z-index: 5;background: url(../images/1206009_wave.png)no-repeat bottom / 100% 100%, linear-gradient(0deg, white 80%, transparent);}
.bar dl{font-size: 1rem;flex-wrap: wrap;padding: 1.2rem 0 1.8rem;}
.bar dd{width: calc(100%/6 - 1%);text-align: center;padding: 0.1rem;}
.bar dd:hover{width:calc(100%/6 - .5%);}
.space {margin: 0;}
.qual{width:100%;margin:5% auto}
.qual>ul>li{font-size:1.125rem;line-height:33px}
.qual>ul>li>div{padding:5px 10px;display:block;text-align:center;font-size:1.2rem;margin: auto;}
.qual::after {content: '';height: 11%;top: -1.8rem;}
.qual small {padding: 0 ;font-size: .95rem;}

.form {font-size: 1.2rem;text-align: left;}
.form a {padding: .25rem .5rem .25rem 1rem;}
.boujee-text {font-size: 1.35rem;}

.card_flex{margin:8% auto 4%}
.card{width:100%;margin:2% auto}
.card_time{width:100%;margin:0 auto;font-size:1.25rem}
.card_time small{display:inline-block;font-size:1rem}
.card_time div{text-align:center;padding:4% 0 0}
.card_time a{font-size:1.2rem}
.coupon_note{width:100%;padding:4%}
.coupon_note>ul{margin:2% auto 4% 12%}
.coupon_note>ul>li{font-size:1.15rem}
.coupon_note>p{font-size:1.25rem}
.coupon_note>p>br{display:none}
.coupon_cube figure {margin: 0.5rem auto 1rem;}
.course_flex>dl{width:100%}
.course_flex>dl>dt{font-size:1.4rem}
.course_flex>dl>dd{font-size:1.2rem}
.course_flex>dl>dd>br{display:none}
.course_cube p {font-size: 1.2rem;line-height: unset;}

.giftCertificate {width: 80%;margin: 0.5rem auto 1rem;}
.book_note dl:nth-of-type(1){justify-content:space-around;}
.book_note dl:nth-of-type(1) dd img{max-height: none;}
.book_note dl:nth-of-type(2) dd{display: block;}
.book_note dl:nth-of-type(3) dd img{max-height:auto;margin: 0.5rem 0;}
.book_note .info_content{display: block;}
.book_note .info,.book_note .addmap{width: 100%;}
.bonus_flex>dl{width:100%;margin:1% auto 3%}
.bonus_flex>dl>dt{font-size:1.3rem}
.bonus_flex>dl>dd{font-size:1.1rem;line-height:1.7em}
.bonus_flex p, .work_flex p {font-size: 1.4rem;}
.bonus_list{margin:2% auto}
.bonus_list li{font-size:1.05rem;line-height:1.6em;margin:0 auto 2%;font-weight:500}

.career>ul>li{display:inline-block;font-size:1.1rem;width:47%;margin:.2rem;text-align:center;}

.navlink>ul>li{font-size:1.2rem}
.navlink>ul>li>a {padding: 8px 15px;margin: 1% auto;display: block;width: 90%;}

.asktitle{font-size:2rem}
.asktitle span{display:block}
.askarea p,.askarea li{font-size:1rem}
.askarea p,.askarea ol{margin:0 auto 7%}
.askarea p:nth-child(n+1):nth-child(-n+2),.askarea p:nth-last-of-type(2){margin:0 auto}

#formlist{width:94%;margin:7% auto 0}
#formlist textarea{font-size:.95rem;padding:5px 10px}
#formlist input[type="checkbox"]{height:auto;}
#formlist input[type="text"]{width:100%;height:35px;font-size:.95rem;padding:.5% 1%}
#formlist input[type="radio"] + label{padding:0 5px 0 20px}
#formlist input[type="radio"] + label:before{top:4px;left:2px;width:15px;height:15px}
#formlist input[type="radio"]:checked + label:before{-moz-box-shadow:inset 0 0 0 3px #FFF;-webkit-box-shadow:inset 0 0 0 3px #FFF;box-shadow:inset 0 0 0 3px #FFF}
#formlist input[type="radio"] + label:after{width:25px;height:25px;left:10px}
}
@media all and (min-width:768px) and (max-width: 1200px){
#formlist input[type="text"]{width:34%}
.book_note dl:nth-of-type(2) dd{display: block;}
.book_note dl:nth-of-type(3) dd img{max-height:auto;margin: 0.5rem 0;}
/* .banner {width: 60%;}
.bar {margin-top: -10%;}
.space {margin: 0 4%;}
.bar dl {padding:3.5rem 0rem 2rem;}
.bar dd {padding: 0.5rem;width: 13%;} */
.banner {width: 80%;margin: 6% auto 0;}
.bar { width: 100%; height: auto; padding: 0; position: fixed; top: initial; bottom: -55px; right: 0; left: 0; z-index: 5;background: url(../images/1206009_wave.png)no-repeat bottom / 100% 100%, linear-gradient(0deg, white 80%, transparent);}
.bar dl{font-size: 1rem;flex-wrap: wrap;padding:2rem 0 3.5rem;}
.bar dd{width: calc(100%/6 - 2%);text-align: center;padding: 0.5rem;}
.bar dd:hover{width:calc(100%/6 - 1%);}
.space {margin: 0;}
[class*="cube"] {padding: 2% 5%}
#event h3 {font-size: 1.7rem;}
#event h3 strong {font-size: 2.1rem;}
.qual {margin: 5.5% 2% 3%;}
.qual::after{content: '';width: 100%;height: 20%;top: -3.5rem;}
}
@media all and (min-width: 1px) and (max-width: 1200px){
[class*="cube"]{border-bottom: dotted 5px#e4bc6e70;}
.row1200{width:94%}
.card_time b{display: inline-block;}
.book_note dl:nth-of-type(1) dd img {max-height: 140px;}
.book_note .remarks {text-indent: -1rem;}
.bar dd:last-child{display: none;}

#topbutton {bottom: 15%;background:linear-gradient(20deg,#f29494,#f8aa8c,#a8beff,#f599be,#f7ce87,#ebe0ff,#e9e2f2),#fff;filter: drop-shadow(0 3px 5px #0000003f);}
#topbutton a {color: #000000;}
}