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

body *{font-family: 'Noto Sans TC', sans-serif;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#Master_title img {
}
.bg0{background-image: url(../images/0611026_bg1.png);
	background-size:;
}
.admit_title { margin-block:1.6rem .5rem;text-align: center; }
.admit_title,.offer_note dt{color:#ff0;font-family:'微軟正黑體';font-size:2.4rem;text-shadow:#000 3px 3px 3px;font-weight:900}
.admit_title::before{content:"★"}
.admit_title2 {border:medium dashed rgb(255, 255, 255);border-right: 0px;border-left: 0px;color:white;font-size: 1.8rem;text-align: center;}
.exam_bg{background-color: #fcfaf5;border: 0px;border-radius: 20px;padding: 1.5rem;margin: 0 1rem;}
.exam_bg strong::before{content:"●"}
.classred,.exam_bg strong{color:#eb665a;}
.exam_bg strong{list-style-type:none;font-weight:900;font-size:1.3em;border-bottom:#eb665a 2px dotted;display: block;margin: 0 0.25rem;}
.exam_bg li{list-style-type:decimal;font-size:1.25rem;margin-left: 2rem;text-align: left;}
.exam_bg table {background-color: rgb(255, 255, 255);border:2px solid black}
.exam_note{text-align: right;}
.exam_note a{background-color: #FF0;}
.teacher_bg{padding:.5rem 5%;text-align:center}
.teacher_group{margin:2rem 0 0;background:linear-gradient(to top,#ffca1e 70%, white 100%);transform:skewX(-10deg);width:20%}
.teacher_group img{width:115%;height:auto;transform:skewX(10deg);margin-left:-16px;margin-block-start: -1.2rem;}
.teacher_group.bg2{background:linear-gradient(to top,#229bdc 70%, white 100%);}
.teacher_group.bg3{background:linear-gradient(to top,#7bc277 70%, white 100%)}
.teacher_group.bg4{background:linear-gradient(to top,#eb665a 70%, white 100%)}
.teacher_group.bg5{background:linear-gradient(to top,#605aa5 70%, white 100%)}
.teacher_group figure,.teacher_group figure a,.offertb th,.spec_price{color:white;}
.teacher_group figure { margin: .3rem auto; }
.teacher_group figure a{color:#fff;font-weight:700;font-size:1.2rem}
.gradeList { display: flex;flex-wrap: wrap;justify-content: center;align-items: center; }

.offer_note,.class_selectOut .sub_note{text-align:center;font-size:1rem;margin: 1rem auto 0;}
.offer_note { margin-bottom: 0.5rem; }
.offertb{margin:0 auto;width:90%}
.offertb,.offertb th,.offertb td{border-collapse:collapse;border:1px #000 solid;padding:1%;text-align:center}
.offertb th{background-color:#EB665A;font-size:1.3em}
.offertb td{background-color:#FCFAF5;color:#EB665A;font-size:1.1rem}
.textS{color:#8d8d8d}

.Price_Link li {
    background-color: #eb665a;
    color: white;
    border-radius: 0.5rem;
    padding: 0.2rem 1rem;
	font-size: 1.3rem;
	margin: 1rem 0;
}
.spec_price{font-size: 1.0rem;}

.class_selectOut{padding: 1.5rem; border-radius: 20px;background-color: #fcfaf5;display: flex;flex-wrap: wrap;margin: 0 1rem;justify-content: center;}
.class_selectOut ul{width:20%;list-style-type:none}
.class_selectOut .class_title{font-size:0.9rem;font-weight:900;color:#ff3b0d;border-radius:8px;margin:0 8px}
.class_selectOut .class_icon{height:120px;width:auto;border:0 dashed #000;margin:10px auto 3px;padding-top:30px;background:url(../images/classicon00.png) repeat-x top}
.class_selectOut .class_icon img{height:auto;width:100px;margin:0 auto}
.class_selectOut .class_content{font-size:.9em;line-height:1.3em;list-style-type:square;list-style-position:outside;text-align:left;margin-left:30px;color:#332005;padding-left:0;width:auto}
.gradeList dd{color: white;text-shadow: 1px 1px 3px #000;font-weight: 900;font-size: 1.5rem;padding: 0.3rem;}

.media_bg {
    border-radius: 20px;
    background-color: #fcfaf5;
	padding: 2rem;
	text-align: left;
	margin: 0.5rem 1rem;
}
.media_content a {
    color: #000;
    background-color: #FFFF00;
}
.media_bg .subject {
    font-size: 1.4rem;
    color: #FFF;
    background-color: #eb665a;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 5px;
    word-break: keep-all;
}
.red {
    margin-left: 3px;
    padding: 0 1rem;
    font-size: 1.0em;
    background-color: #C00;
    border-radius: 2rem;
}
.media_bg .hitname {
    color: #eb665a;
    font-size: 1.45em;
    font-weight: bold;
}
.media_bg .media_content {
    font-size: 1.1em;
    line-height: 1.6em;
    margin-bottom: 2%;
    border-bottom: 1px dashed #CCC;
}


/*DIV END*/


:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
}
.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: #eb543f;}
#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 (width >= 768px) and (width < 1200px) {
    .class_selectOut ul{ width: calc(100% / 3 - 6px);margin: 1rem auto;}
}

@media (width < 767px) {
    .class_selectOut ul{ width: calc(100%);margin: 1rem auto;}
    .gradeList { margin: 0 1rem;text-align: center; }
    .gradeList dd { font-size: 1.2rem; }
    .teacher_group { width: calc(100%/3 - 10px); }
    @media screen and (width < 480px) { .teacher_group { width: calc(100%/2.03 - 10px); }}
}

@media all and (min-width: 1px) and (max-width: 1200px){
	.admit_title,.offer_note dt{font-size: 1.7rem;padding: 0.5rem;}
	.class_title,.spec_price{text-align: 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);}
	}