@import url("../../../icon_new_6.2/css/all.min.css");
/*DIY*/
.bg0{background: url(../images/1108093_01.png) no-repeat center bottom;}
.bg1{background-color: #ffe6de;}
.bg2{background-color: #df5a3b;}
.bg3{background-color: #bfe5d8;}
.bg4{background-color: #2c87b1;}

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;}
.master_list div{border: 1px black solid;width: calc(100%/2);padding: 1rem;font-size: 1.2rem;}
.master_list div:nth-child(1){border-left: none;border-top:none;}
.master_list div:nth-child(2){border-right: none;border-top:none;}
.master_list div:nth-child(3){border-left: none;border-bottom:none;}
.master_list div:nth-child(4){border-right: none;border-bottom:none;}
.feature,.offer_list_feature{text-align: left;counter-reset:num;margin: 0 auto;}
.feature dt{font-size: 1.6rem;}
.feature dd{font-size: 1.8rem;color: #b33213;padding: 0 0 0.2em 0;}
.feature dd::before,.offer_list_feature li::before{counter-increment:num; content:counter(num)' ';border-radius: 9999rem;background-color: #e76c4f;color: white;padding: 0 0.4rem 0 0.8rem;text-align: center;margin-right: 0.3em;}

.course_tb,.course_tb th,.course_tb td{border: 1px solid #ada692;border-collapse: collapse;font-size: 1.1em;padding: 0.2em;background-color: #f9f4ec;}
.course_tb td a,.course_tb span{color: #c33a24;}
.course_tb td a{text-decoration: underline;}
.course_tb th{background-color: #7d755b;color: white;}
.course_list_form td{text-align: left;}
.course_list_form  span{color: var(--join1);}
.course_title,.course_tb,.offer,.buyec,.stuednt,.student_group{margin: 0.5rem 0;}
.feature_title,.course_title,.offer_title,.stu_title{font-size: 3.5rem;text-align: center;font-family: 'Noto Serif TC', serif;font-weight: 900;margin-bottom: 0.3em;line-height: 1.2em;padding: 4% 0 0.5% 0;border-bottom: solid 3px;}
.student_group img{border-radius: 9999rem;width: 130px;}
.offer_list_feature li{margin: 0 1rem;}
.offer_list_feature li:nth-child(-n+2)::after{content: '>';margin: 0 0 0 1.5rem;}
.fcolor1{color: #df5a3b;}
.fcolor2{color: #c33a24;}
.fcolor3{color: #fff3ed;}
.fcolor4{color: #45a585;}
.fcolor5{color: #FFF;}
.feature_title span{font-size: 3.8rem;font-family: 'Noto Serif TC', serif;font-weight: 900;color: #000;}
.course_title span{font-size: 4.5rem;font-family: 'Noto Serif TC', serif;font-weight: 900;color: #ffdebc;}
.gobuy,.media_content{font-size: 1.2rem;color: #fff3d7;}
.stuname{font-size: 1.5rem;color: #FFF;border-bottom: dotted 2px;text-align: left;padding-bottom: 0.2em;margin-left: 1rem;}
.stuname span {font-weight: 900;font-size: 1.3rem;color: #df5a3b;background-color: #ffffff;padding: 0.05em 0.5em;margin: 0 0.2em 0 0;border-radius: 0.5em;}
.stuname strong {font-weight: 900;font-size: 1.8rem;color: #a1e1ff;}
.gobuy li{font-size: 1.4rem;color: #c34223;background-color: #ffffff;padding: 0.3em 0.8em;margin: 0.5em 0.5em;border-radius: 1.5em;}
.offer,.media_content,.stunam{text-align: left;}
.offer dd:nth-child(4){font-size: 1.7rem;background-color: rgb(255 249 239);text-align: center;margin: 0.3em;border-radius: 1.5em;padding: 0.2em;color: #2c7e8f;}
.offer span{color: #d33c23;font-weight: bold;}
.offer dd{font-size: 1.8rem;color: #1c2c52;padding: 0.1em 0;}
.offer dd a{text-decoration: underline; }
.buyec li{font-size: 1.6rem;color: #FFF;background-color: #c33a24;padding: 0.3em 0.8em;margin: 0.5em 0.5em;border-radius: 1.5em;}

.limit_offer dd{color: #ffffff;font-size: 1.8rem;text-align: left;
    /* text-indent: -19.8rem;
    margin-left: 19.8rem; */
}
.limit_offer dd b{font-size: 2.2rem;}
.limit_offer_note{font-size: 1.2rem;background-color: var(--join1);color: white;padding: 0.5rem;margin: 2% auto 0;}
.limit_offer{margin: 1rem 0;}
.limit_offer dd span:not(.sp_price){color: #fff7b7;}
.media_des a{color: #d33c17;}
.sp_price{color: rgb(235, 235, 179);}
.list_btn{margin: 4% auto 0;}
.readbox{margin: 1% auto 0;}
.readother{margin: 0 auto;width: max-content;}
.readother dt{background-color: #45a585;padding: 0.2rem 1.5rem;border-radius: 1.5rem;color: white;margin: 1rem 0;font-size: 1.6rem;}
.studyphoto img{width: calc(100%/4);padding: 0.5rem;}
.course_note a{text-decoration:underline}
.course_note a:hover{text-decoration: none;}

.media{text-align: left;margin: 0.5rem 1.0rem 1.5rem;}
.media_group{padding: 0.5rem;}
.list_btn li{font-size: 1.4rem;font-weight: 900;}
.media_name{font-size: 1.6rem;font-weight: 900;border-bottom: dotted 1px;}
.media_des{font-size: 1.2rem;line-height: 2rem;}
.list_btn li:nth-child(1){background:#2c87b1;}
.list_btn li:nth-child(2){background: #df5a3b;}
.list_btn li,.list_btn li a{color: white;}
.list_btn li{padding: 0.5rem 1.0rem;border-radius: 0.5rem;margin-right: 0.5rem;}

.subject_tabs a{width: calc(100%/6);}
.Vuetabs a,.subject_tabs a {text-decoration: underline;text-align: center;color: var(--darkgold);font-size: 1.6rem;background:var(--white);border-left: 1px solid #f4e3c3;box-shadow: 1px 1px 1px 1px #0000001f;padding: 0.2rem 1rem;font-weight: 500;cursor: pointer;}
.Vuetabs a:hover,.Vuetabs a.active,.subject_tabs a:hover,.subject_tabs a.active {background-color: #ffefb6;color: var(--darkgold);font-weight: bold;text-decoration: blink;box-shadow: 1px 1px 1px 1px #0000003f;}
.Vuetabs a.active,.subject_tabs a.active{background-color: #df5a3b;color:var(--white);text-align: center;}
.subject_content{padding: .5rem;}
.hit_list{width: 100%;text-align: left;padding: .25rem .125rem 1rem .5rem;margin: .5rem auto 1rem;background:var(--white);filter: drop-shadow(1px 1px 2px #0000003f);border-radius: .5rem;border-bottom: 2px #2f6aba dotted;}
.hit_list:hover{border: 1px solid var(--gold);}
.hit_list dt{font-size: 2rem;font-weight: 900;color: #2c87b1; padding: .25rem;}
.hit_list dd{width: 91%;font-size: 1.35rem;position: relative;left: 5.5rem;}
.hit_list b{position: absolute;top: 0;left:-4.5rem;border-radius: 50rem;color: var(--white);background-color: #df5a3b;padding: 1.2rem .5rem;transform: rotate(-8deg);animation: scaleDraw 8s ease-in-out alternate-reverse infinite ;-webkit-animation: scaleDraw 8s ease-in-out alternate-reverse infinite ;}
.more_sub{font-size: 1.5rem;font-weight: 900;margin-bottom: 3%;}

/*DIV END*/


:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
	--brown: #4a2b00;
    --gold: #d6a34a;
    --gold2: #e0aa04;
    --darkgold: #ab6f14;
    --lightRed: #f64e62;
    --acct-red: #ba0000;
    --beige: #fffcf3;
    --white: #fff;
    --blue: #2f6aba;
}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

#vue_banner {padding: 1% 0;position: relative;}
.hooper-slide {/*background-color: #a59db5;*/padding: 0.5rem;display: flex;justify-content: center;align-items: center; margin: 0 0.5rem;position: relative;}
.list_item,.gift_group{position: relative;}
.hooper-navigation{position: relative;top: -50%;}
.hooper-prev {left: 1.7% !important;}
.hooper-next {left: 93% !important;}
.hooper-next, .hooper-prev {
    background-color: #607d8b !important;
    border: none;
    padding: 0em !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #ffffff;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    /* border: 2px #000 solid; */
}

/*各大相容檢視*/
@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: #7d755b;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 1.8rem;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){
	
.offer_list_feature li:nth-child(-n+2)::after{content: '';}

.studyphoto img{width: calc(100%/2);}
    

/*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(max-width:1024px){
	.feature_title,.course_title,.offer_title,.stu_title{font-size: 2.4rem;}
	.limit_offer dd{
		text-indent: 0rem;
		margin-left: 0;}
}

@media (max-width: 767px) { 
	.subject_tabs a{width:calc(100% / 2)}
	/* .subject_tabs a:last-child{width: calc(100%/1);} */
	.feature_title,.course_title,.offer_title,.stu_title{font-size: 6vw;}
.feature_title span,.course_title span{font-size: 6vw;}
.feature dd{font-size: 1.3rem;}
.feature dd::before{padding: 0 0.4rem 0 0.5rem;}
	.course_tb,.course_tb th,.course_tb td{font-size: 1.0em;}
	.offer dd {font-size: 1.3rem;}
	.offer dd:nth-child(4) {font-size: 1.3rem;border-radius: 0.5em;}
	.student_group img{margin: 0 auto;}
	.stuname{width: 100%;}

	
		}