@import url("../../../icon_new_6.2/css/all.css");
/*DIY*/

body *{font-family: 'Noto Sans TC', sans-serif;font-weight: ;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

#event_master {padding-bottom: 6%;}

/*舊稿複製*/
#Master_title{background: var(--green-blue);}
.banner{
	display: flex;justify-content: center;align-items: center;width: 1080px;height: 459px;
	background:var(--green-blue);margin: auto;flex-wrap: wrap;position: relative;z-index: 0;
}
.banner div{position: absolute;}
.banner div:nth-of-type(1){z-index: 2;left: 4.5rem;bottom: 3.5rem;animation: move 1s linear forwards infinite alternate;}
@keyframes move{
	0%{left: 4.5rem;}100%{left: 5.5rem;}
}
.banner div:nth-of-type(2){top: 0;left: 0;right: 0;z-index: 1;margin-bottom: -0.5rem;}
.yt_player_title,.price_caption div{font-size:2.3rem;color:var(--bgcolor1);text-align:center;background:black;display:inline-block;border-radius:8px;padding:0 3rem;font-weight:300;width:80%}
.yt_player_title img{display:inline;margin-top:-.5rem}
.yt_group:nth-of-type(1){border-right:dashed 1px #42220E}
.yt_group{width:calc(100%/2);padding:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin:.8rem auto 1.5rem;font-size: 1.3rem;color: var(--deep_green);}
.yt_group dt{color:#42220E;font-size:1.8rem;font-weight:700;text-align:center;width:100%}
.yt_group dt > span{color:#d70101;font-size:1.3rem}
.price_caption{text-align:center;font-size:2.5rem;font-weight:700;font-family:"Microsoft YaHei";padding:10px 0}
.yt_group iframe{width: 30rem;height: 20rem;}
.price_caption h2{font-size:1.8rem;font-weight:400;line-height:2}
.more_link{margin:0 5px 3%;text-align:center}
.group{padding:.5rem}
.cube{background: var(--orange);padding: 0 .3rem;border-radius:6px;margin-left: .3rem;}
.offer_list dd span:is(.cube){color: white;}
.price_list dt > a,.more_link > a{color:var(--red1)}
.date_time{text-align:center;color:#fff;display:inline-block;border-radius:6px 6px 0 0;background-color:var(--deep_green);padding:0.2rem 3rem;width:100%}
.teacher_item{padding:10px;background:linear-gradient(to bottom,#fff69 10%,#eedad8cf 60%,#fff 90%);border-radius:10%;width:200px;height:200px}
figure{text-align:center}
.teacher{justify-content:center;gap:2rem;margin-bottom: 3rem;}
.teacher_item img{display:inline-block}
.teacher_item figcaption{background:var(--light_green);color:#fff;padding:2px 8px;text-align:center;border-radius:.5rem;display: grid;}
.teacher_item figcaption small{font-size: 0.8em;}
.tea_out{font-size: 1.2rem;margin-bottom: 1rem;}
.tea_out:not(:nth-of-type(n+1):nth-of-type(-n+3)){margin-bottom: 0;}
/*舊稿END*/
.offer_title{font-size: 2.8rem;font-weight: 900;margin: 1.3rem 0 0.4rem;text-align: center;}
.offer_title::before,.limit_title dt::before{content: '▶▶ ';font-size: 1.8rem;}
.offer_title span{color: #F44336;}
.offer_list{
	text-align: left;padding: 1.3rem 3rem;border:1px solid var(--line);border-radius:12px;background: white;width: 96%;margin: auto;
	display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;
	box-shadow:rgb(157 156 153 / 40%) 0px 16px 19px -10px;
}
.offer_list dt{	
	border-radius: .5rem;padding: 0.2rem 1.5rem;font-size: 2rem;font-weight: bold;margin: 1rem auto .3rem;width:100%;text-align: center;
	background: -moz-radial-gradient(50% 50%, circle closest-corner,var(--light_green) 45%,var(--deep_green) 80%);/* FF3.6+ */
	background: -webkit-radial-gradient(50% 50%, circle closest-corner,var(--light_green) 45%,var(--deep_green) 80%);/* Chrome10+,Safari5.1+ */    
}
.offer_list dt:not(:nth-of-type(1)){margin: 1.5rem auto .3rem;}
.offer_list dt:hover,.buy a:hover{transform: scale(.98);letter-spacing:0.05rem;}
.offer_list dt,.offer_list dt a{color: white;}
.row1_list dd{width: calc(100%/2.2 - .1rem);}
.offer_list dd{font-size: 1.4rem;line-height: 2.5rem;/*text-indent: -1.7rem;*//*margin-left: 1.7rem;*/}
.offer_list dd.w100{font-size: 1.4rem;line-height: 2.5rem;width: calc(100%);}
.offer_list dd::before{/*content: '● ';*/font-size: 1.2rem;color: #ffb307;}
.offer_list dd span,.gift_out span{color: #F44336;font-weight: bold;font-family: Verdana;}
.offer_list dd.ps{width: 100%;}
.offer_list dd.ps2{width: inherit;}
.offer_list dd.ps::before{display: none;}
.offer_inside{margin-left: 1.5rem;}
.offer_inside li{list-style-type: disc;}
.offer_inside2{margin-left: 5.6rem;}
.offer_list dd div{}

.hot_t {background-color: #F44336;color: #fff !important;padding: 3px 14px;border-radius: 50px;}
.space1{float: inline-end;width: 72%;}
.space2{float: inline-end;width: 75%;}
.space3{float: inline-end;width: 79%;}
.space4{float: inline-end;width: 88%;}
.space5{float: inline-end;width: 75%;}

.group_list{padding: 0.5rem;}
.buy{font-size: 1.7rem;margin:2rem auto;text-align: center; }
.buy a{display: inline-block;padding: .2rem 2rem;border-radius:.5rem;background: var(--orange);color:white;}
.AD{width: 12rem;padding: 1rem;text-align: left;background-color: var(--deep_green);color:var(--bgcolor1);transition:all .3s linear;}
.AD:hover{width: 12.5rem;}
.AD dt{font-size: 1.5rem;}
.AD dd{font-size: 1.1rem;}
/*20250425 add*/
.limit_title,.gift_title,.gift_des,.gift_link{text-align: left;}
.limit_title{margin-left: 32px;}
.limit_title dt{font-size: 2rem;line-height: 2.4rem;font-weight: 900;color: #F44336;}
.limit_title dd{font-size: 1.55rem;font-weight: bold;}
.limit_title dd b{text-decoration: underline;font-weight: normal;color: #F44336;}

.top_note{border: 1px #00000000 solid;border-left: 7px dashed #f08e28;border-right: 7px dashed #aa6cb5;width: max-content;padding:0.5rem  1.5rem  0;border-radius: 1rem;margin: 1rem auto 0;text-align: left;}
.top_note dt,.gift_title{font-size: 1.6rem;color: #24acb3;font-weight: bold;}
.top_note dd{font-size: 1.2rem;}
.top_note dd b{color: #ff4685}
.top_note dd a{text-decoration: underline}

.course_note{margin-top: 1.0rem;}
.course_note li{font-size: 1.1rem;text-indent: -1.2rem;margin-left: 2.8rem;}
.gift_des,.gift_link li{font-size: 1.3rem;}
.gift_des {border: 1px #00000000 solid;border-left: 7px #f08e28 solid;border-right: 7px #aa6cb5 solid;padding: 0 4%;border-radius: 16px;}
.gift_link{margin: 1rem 0;}
.gift_link a{text-decoration: underline;font-weight: bold;}
.gift_out {
    margin: 1rem 0;
    /*border: 1px #00000000 solid;
    border-left: 7px dashed #f08e28;
    border-right: 7px dashed #aa6cb5;*/
    width: max-content;
    width: 829px;
    padding: 0.5rem 1.5rem 0;
    border-radius: 1rem;
    margin: 1rem auto;
    text-align: left;
}
.fa-play{margin: 0 0.5rem;}
.hit{background: var(--red1);color: white;padding: 0.25rem;font-size: 1.2rem;}
.get_link li{list-style-type: disc;margin-left: 2rem;}
.police_out{position: relative;text-align: center;}
.police_title_out{text-align: left;}
.police_title {animation: move 1s linear forwards infinite alternate;position: relative;font-size: 2rem;margin-left: -10%;font-weight: bold;color: #9C27B0;}
.police_des {
    font-size: 1.3rem;
    background-color: #ac60ba;
    display: inline-block;
    padding: 2px 16px;
    color: #fff;
    margin: 0 0 5px 0;
    border-radius: 50px;
}
.police_list,.police_list td{border-collapse: collapse;border:2px solid #fff;padding: 10px;font-size: 1.25rem;}
.police_list{background-color: #e3dfeb;}
.police_list tr.bgcolor{background:#f2f2f2}

.buy_books {padding: 8px 0 12px;font-size: 1.4rem;color: #b10081;}
.buy_books a {text-decoration: underline;}


.qrcode_box {background: no-repeat top left #24acb3 !important;}
.qrcode_box>hgroup h4 {color: #ffeb40 !important;}
.qrcode_box>hgroup h4+p, .qrcode_box p > a {color: #000000 !important;}

/*DIY END*/

/*vuetabs*/
.Vuetabs a{cursor: pointer;padding: 1rem;transition: background-color 0.2s;color: var(--deep_green);font-size: 1.3rem;background:#e4e4e4;border-radius:12px 12px 0 0;}
.Vuetabs a:last-child {}
.Vuetabs a:hover {background-color: white; color: var(--deep_green);border:solid 1px var(--line);border-bottom:solid 1px white;}
.Vuetabs a.active {background-color: var(--deep_green); color:white;cursor: default;}
.Vuetabs a.active span{color:var(--bgcolor1) ;}
.Vuetabs a span{color:var(--red1) ;}
.tabVuecontent { padding: ; }

.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}



:root{
	--bgcolor1:#F4E13B;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
    --red1: #ED1B23;
    --coffee: #e6ae61;
    --orange: #ff7b15;
    --coffee2: #ca8b33;
    --orange2: #F3E0A8;
	--green-blue:#24ACB3;
	--deep_green:#005A5A;
	--light_green:#24ACB3;
	--line:#9E9E9F;
}
.bg1{background-color: var(--bgcolor1);padding-top: 1.3rem;margin-top: -.6rem;}
.bg2{background-color: var(--bgcolor2);}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}



/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}

/*Back to top button */
#back-top{position:fixed;bottom:30px;margin-left:-150px;right:1%;z-index:99}#back-top a{width:50px;height:50px;border-radius:50%;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;transition:1s}#back-top a:hover{color:#000}#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:rgba(99,99,99,0.74) url(../images/up-arrow.png) no-repeat center center;border-radius:50%;transition:1s}#back-top a:hover span{background-color:#777}

/*ask*/
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #24acb3;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 2rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: 0.5%;margin:auto 1% 1% auto;}
#formlist label{display: block;margin: 1rem 0;color: white;font-size: 1.2rem;}
#formlist img{display: inline-block;}
#formlist input{color: #585858;}
#askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5em;width: 111px;margin-top: 2%;border: 2px #fff solid;color: #ffffff !important;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
label > select {margin: 0 1rem;}
#formlist{justify-content: space-around;}
#askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}

@media (max-width:767px){
	.banner{width: 100%;height: auto; background: var(--bgcolor1);display: grid;grid-template-columns: repeat(1, 1fr);grid-template-rows: 5rem 5rem 8rem;}
	@media screen and (max-width:500px){.banner{grid-template-rows: 5rem 5rem 6rem;padding-bottom: 10px;}}
	@media screen and (max-width:390px){.banner{grid-template-rows: 7rem 4rem 4rem;padding-bottom: 10px;}}
    .banner {grid-template-rows: 7rem 4rem 4rem;padding-bottom: 10px;}
	.banner div:nth-of-type(1){grid-area: 3/1/4/3;left: 0;bottom: 0;padding: 0 1rem;animation: none;}
	.offer_title {font-size: 1.7rem;text-align: left;text-indent: -30px;letter-spacing: -1.5px;}
	.offer_list{border-radius:0 0 12px 12px;padding: 1rem;}
	.offer_list dt{font-size: 1.4rem;padding: 0.2rem 0rem;}
	.row1_list dd,.offer_list dd{width: 100%;}
	.Vuetabs a{font-size: 1.1rem;}	
	.bg1{padding-top:3rem;}
    .limit_title dd {font-size: 1.3rem;}
    .limit_title dt {font-size: 1.5rem;line-height: 2rem;}
    .offer_title::before, .limit_title dt::before {font-size: 1.3rem;}
    .top_note dd {font-size: 1.1rem;}
    .top_note {width: auto;}
    .gift_out {width: auto;padding: 0.5rem 1.1rem 0}
    .gift_des, .gift_link li {font-size: 1.05rem;}
    .gift_title {font-size: 1.5rem;}
    .police_title {position: initial;font-size: 1.7rem;line-height: 2.1rem;margin-bottom: 10px;margin-left: 0;}
    .police_des {font-size: 1.1rem;font-size: 1rem;padding: 4px 16px}
    .police_list, .police_list td {padding: 10px 0;font-size: 1rem;}
    .offer_list dd {font-size: 1.1rem;line-height: 2rem;}
    .hit {padding: 0.25rem 6px;font-size: 1.05rem;line-height: 1.5rem;}
    .hot_t {background-color: #F44336;color: #fff !important;padding: 3px 10px;border-radius: 50px;font-size: 0.95rem;}
    .space1{float: inline-end;width: 65%;}
    .space2{float: inline-end;width: 67%;}
    .space3{float: inline-end;width: 100%;}
    .space4{float: inline-end;width: 100%;}
    .space5{float: inline-end;width: 100%;}
    .course_note li {font-size: 1rem;}
    
    
    
    
}
@media (min-width:768px) and (max-width:1199px){
	.banner{width: 100%;height:42vh;background: var(--bgcolor1);}
}


@media all and (min-width: 1px) and (max-width: 1200px){
	.yt_player_title,.price_caption div{font-size:1.7rem}
	.yt_group:nth-of-type(1){border-right:none}
	.yt_group,.yt_group dt,.yt_group dd{width:100%;text-align:center}
	.yt_group iframe{width:100%;height:20rem}
	.AD{width: 100%;text-align: center;column-gap: 1rem;align-items: center;}
	/*ask*/
	#askarea{width: 100%;padding: 0.8rem;}
	#askarea .asktitle{font-size: 1.1rem;}
	#askarea .asktitle > p{line-height: 2.2rem;}
	#formlist{margin: 0 auto;}
	#askarea input[type="text"],#askarea select{width:100%;}
	#askarea input[type="checkbox"]{width: initial;}
	#formlist label{font-size: 1.0rem;}
	#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: 0.25rem 0;}
	#formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);}
}