@import url("../../../icon_new_6.2/css/all.min.css");
:root{
	--lightA:rgb(199 59 30);
	--lightB:rgb(221 104 1);
}
/*DIY*/
small{font-size: 0.9rem;}
.fcolor1{color: #d24d05;font-weight: 900;}
.fcolor2{color: #e75d41;font-weight: 900;}
.fcolor3{color: #f47356;font-weight: 900;}
.grade{margin-bottom: 6%;}
.grade_list li{font-size: 1.8rem;width: calc(100% / 2);border-bottom: dashed 1px #c73b1e;padding: 0.3rem;color: #891e0a;}
.page_link li {font-size: 1.8rem;padding: 0.3rem;color: #d46000;}
#media{width:100%;margin:2rem auto}
.VueCarousel-slide{height:;color:;background:;display:flex;align-items:start;justify-content:center;box-sizing:border-box;text-align:left;}
.text-white{color:white;}
.student {margin-right: 0.1rem;padding: 0.5rem;}
.student dt{font-size: 1.4rem;}
.student dt,.student dd:nth-child(2){font-weight: 900;}
.student dd:nth-child(2){background: linear-gradient(to right, #e06006 10%, #f8ab51 95%);color: #fffcf6;font-size: 1.05rem;padding: 0.3rem;}
/* .student dd:nth-child(3){border-bottom: solid 2px;color: #d24d05;font-size: 1.3rem;padding: 0.2rem;margin-bottom: 0.3rem;} */
.student dd:nth-child(3) a{text-decoration: underline;}
.student dd:nth-child(4){margin-right: 0.5rem;}
.student dd a{color:#d24d05;}
.price_list,.page_note{margin: 0.5rem auto;}
.sub_each{margin: 1rem auto 0rem;}
.each_title{margin: 1rem auto 2rem;font-family: 'Noto Serif TC', serif;font-size: 4.2rem;clip-path: polygon(100% 0, 98% 50%, 100% 100%, 0% 100%, 2% 50%, 0% 0%);background: linear-gradient(to right, #ae814f 0%, #e4c8a6 15%, #f4efe5 85%, #ddba93 100%);padding: 1.3rem 0rem;color: #d24d05;font-weight: 900;border-bottom: solid 3px;text-align: center;}
.sub_each,.grade_list li{text-align: left;}
.sub_each{font-size: 2.2rem;}
.sub_each:nth-child(2){color: var(--lightA);}
.sub_each:nth-child(4){color: var(--lightB);}
.sub_each:nth-child(2) b,.sub_each:nth-child(4) b{color: #fff;margin-left: 0.3rem;display: inline-block;padding: 0 2rem;clip-path: polygon(100% 0, 93% 50%, 100% 100%, 0% 100%, 7% 50%, 0% 0%);}
.sub_each:nth-child(2) b{background-color: var(--lightA);}
.sub_each:nth-child(4) b{background-color: var(--lightB);}
.price_list,.price_list th,.price_list td{border-collapse: collapse;border:1px solid #b48959;font-size: 1.3rem;padding: 0.3rem;}
.price_list strong{color: #ff6b1c;}
.price_list td a{color: #d24d05;text-decoration: underline;}
.price_list th{color: white;font-size: 1.4rem;padding: 0.3rem;}
.priceA th{background:var(--lightA) ;}
.priceB th{background: var(--lightB);}
.page_link li a{background: linear-gradient(to right, #e06006 10%, #f8ab51 95%);padding: 0 1.3rem;border-radius: 1.5rem;color: white;text-decoration: none;margin: 0 0.3rem;display: inline-block;}
.page_link{padding: 2% 0;}
.page_note a{text-decoration: underline;}
.page_note b a{background: #0ea70e;color: white;padding: 0 0.5rem;margin: 0 0.3rem;}
.adlink{right:0;bottom: 15rem;text-align: left;font-size: 1.4rem;background: linear-gradient(to bottom, #ae814f 5%, #f0e5d0 45%, #896942 100%);padding: 0.8rem;}
.adlink a,.adlink i{color: #d24d05;}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev {
    left: 0%;
}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {
    left: 99%;
}

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;}
/*DIV END*/
.bg_padding{padding:1%;}
.bgcolor0{background: url(../images/1403081_01.png) no-repeat bottom;}
.bgcolor1{background: linear-gradient(to right, #ddba93 2%, #fffcf5 30%, #fffcf5 70%, #e0c09b 98%);}
.bgcolor2{background-color: #F3F3F3;}
.bgcolor3{background-color: #EEEEEE;}
.bgcolor4{background-color: #E4E4E4;}
.bgcolor5{background-color: #DFDFDF;}
/*所有元素漸變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: #eb863f;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle{color: white;text-align: center;font-size: 1.4rem;}
#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: #A1A1A1;}
#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;}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}

@media all and (min-width: 1px) and (max-width: 1200px){
	@media screen and (max-width: 767px) { 
		.each_title {font-size: 2.2rem;margin: 1rem auto;}
		.grade_list li {font-size: 1.2rem;}
		.sub_each {font-size: 1.7rem;}
		.page_link li {font-size: 1.4rem;}
		.page_link li,.grade_list li{width: calc(100%/1);text-align: center;}
		.adlink{width: 100%;bottom: 0rem;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;}
	}
/*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"]{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);}
	}