@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;}
#Master_title img {margin: 0 auto;}

.bg0 {background: url(../images/1212026_bg.png) no-repeat bottom;}
.bg1 {background: linear-gradient(90deg,#fbf3e6 5%, #ffffff 30%, #ffffff 70%, #f8e2dd 95%);}
.blank {background-color: #c7f7f8;height: 40px;margin-bottom: 2%;}
.bg2 {background-color: #fff5e5;}
.bg3 {background: url(../images/1212026_bg.png) no-repeat center right;}


.group_title{color: #ffffff;font-size: 2.5rem;font-weight: 900;font-family: 'Microsoft YaHei','Noto Sans TC', sans-serif;background: linear-gradient(90deg,#fff5e5 0%, #ae7b31 70%, #ae7b31 100%);width: 100%;letter-spacing: 0.5rem;position: relative;text-align: center;}
.group_title::after{position: absolute;width: 150px;height: 7px;top: 45%;right: 25%;background: linear-gradient(-90deg,#ffffff 0%, #fff0 100%);content: " "}
.group_title_bg2{background: linear-gradient(90deg,#fff5e5 0%, #4cc9c2 70%, #4cc9c2 100%);}
.group{background: linear-gradient(180deg,#ffffff 85%, #fff5e5 100%);}
.grouplist{text-align: left;padding: 2% 4%;margin: 0 auto 2%;}
.question{cursor: pointer;font-size: 1.5rem;padding-bottom: 0.3rem;border-bottom: dashed 1px #ae7b31;color: #432b09;margin-bottom: 0.3rem;}
.question.selected{font-weight:900;color: #ae7b31;font-size: 1.8rem;}
.icon{margin-left:0.5rem;}
.icon.rotate{transform:rotate(90deg)}
.answer-container{max-height: 0;overflow:hidden;transition:max-height .5s ease;}
.answer-container.active{max-height:1000px}
.answer{color: #b37720;display: block;background: rgb(239 231 219);font-size: 1.2rem;padding: 0.8rem 1.5rem;margin-bottom: 1rem;}
.answer a{text-decoration: underline;}
a:hover{text-decoration: none;}
.icon,.answer,.question{transition:transform .3s ease;}
.offer_news{font-size: 1.5rem;margin:1rem 0;color: #432b09;}
.offer_news span{color:#ed4400;}
.price_list,.price_list th,.price_list td{border: 1px solid #58bdb7;padding: 0.5rem;font-size: 1.2rem;}
.price_list th{font-size: 1.2rem;background-color: #98dbd1;color: #08706b;}
.price_list{color: #ae7b31;}
.price{color:#ed4400;font-weight: 900;font-size: 1.5rem;}
.go_buy{margin: 1rem auto 3%;width: 100%;text-align: center;}
.go_buy a{background: #ed4400;color: white;padding: 0.5rem 1.5rem;border-radius: 2.5rem;font-size: 1.5rem;margin: 0 3%;}
.stu_group{margin: 0.5rem auto;text-align: left;padding: 2% 4% 0.5%;}
.stu_name{font-size: 1.5rem;color: #ae7b31;border-bottom: dashed 1px #ae7b31;}
.stu_name span{background: #4cc9c2;color: white;padding: 0 0.9rem;margin:0 0.5rem 0 0;}
.stu_content{margin: 0.5rem 0;font-size: 1.2rem;color: #432b09;}
.stu_content a{color: #ae7b31;}
.teacher{margin: 1rem 0;padding: 2% 4%;}
.teacher_title{color: #ae7b31;font-size: 2.2rem;font-weight: 900;font-family: 'Microsoft YaHei','Noto Sans TC', sans-serif;letter-spacing: 0.5rem;text-align: left;border-bottom: solid 3px #432b09;padding-bottom: 0.3rem;margin-bottom: 1.8rem;width: 70%;}
.teacher_title strong{color: #432b09;font-size: 2.5rem;}
.teacher_list li{text-align: left;list-style-type: decimal;margin: 0 0 1rem 1.5rem;font-size: 1.2rem;}
.teacher_course{margin: 1rem 0;}
.teacher_course a{font-size: 1.3rem;background: linear-gradient(-90deg,#ffffff00 0%, #dbb987 20%, #ae7b31 100%);padding: 0.3rem 3rem 0.3rem 1rem;color: white;margin: 0.2rem;}

/*子頁彈出視窗*/
body.overlay {
	overflow: hidden; 
  /*   width: 100%;height: 100%;position: absolute; */
  }
  .overlay::before{content: '';background: rgba(0, 0, 0, 0.3); position: fixed;z-index: 99;width: 100vw;height: 100vh;left:0;top:0;}.
  *{transition:.3s;}
  .click_tag{background:rgb(68 190 193);padding:0.5rem 1.0rem;border-radius:0.8rem;width:max-content;margin: 1% auto;}
  .click_tag, .click_tag a {color:white;}
  .click_tag:hover{background:rgb(0,0,0,1.0);}
  .target_content{display: none; border-radius: 1rem; width: 95%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0.5rem; background-color: rgba(255, 255, 255, 1.0); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); z-index: 999;   height: auto;max-height: 90%;overflow-y: auto; }
  .fa-times-circle:hover,.click_tag:hover{cursor:pointer;}
  .clickable-group .fa-times-circle{position: absolute;right:0.5rem;top:0.5rem;background:white;border-radius:9999rem;font-size:1.4rem;}
  .target_content{animation: fadeDown-jump .6s;}
  @keyframes fadeDown-jump{0%{opacity:0;transform:translate(-50%,-100%)}100%{opacity:1;transform:translate(-50%,-50%)}}

.Vuetabs a{cursor: pointer;padding: 1rem 3rem;transition: background-color 0.2s;border: 1px solid #ccc; border-right: none;background-color: #;font-size: 1.2rem;}
.Vuetabs a:last-child {border-right: 1px solid #ccc;}
.Vuetabs a:hover {background-color: #d5d5d5; color: #fff;}
.Vuetabs a.active {background-color: ;color: #484848; border-bottom: 2px solid #fff;cursor: default;border-bottom: solid;}
.tabVuecontent { padding: 1rem; border: 1px solid #ccc;/*border-radius: 10px; */ box-shadow: 3px 3px 6px #e1e1e1;}

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

.in_page,.in_page th,.in_page td{border: 1px solid black;padding:0.5rem;}
.in_page a{color: var(--join2);}
.A_color{background-color: azure;}
.B_color{background-color: #fff5e5;}
.yt_playbg iframe,.yt_playbg img{margin: 0.5rem 0;}
.yt_playbg iframe{height: 34.5rem;}
/*DIV END*/


:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
	--spec-price:red;
}
.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: #ae7b31;}
#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: 88px;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 all and (min-width: 1px) and (max-width: 1200px){
    

/*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);}
	}


@media all and (min-width: 1px) and (max-width: 767px){
	.blank {height: 15px;}
	.group_title{font-size: 1.5rem;}
.group_title::after{position: absolute;width: 100px;height: 4px;top: 45%;right: 5%;background: linear-gradient(-90deg,#ffffff 0%, #fff0 100%);content: " "}
	.question.selected {font-size: 1.4rem;}
	.bg3 {background: url(../images/1212026_bg.png) repeat-y top right;}
	.teacher_title {font-size: 1.5rem;letter-spacing: 0.3rem;margin-bottom: 1.3rem;width: 100%;}
		}