@import url("../../../icon_new_6.6/css/all.min.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;}


/*DIV END*/


:root{
	--bgcolor1:#fbefd5;
	--bgcolor2:#fffdf1;
	--bgcolor3:rgb(236, 236, 236);
	--bgcolor4:#f9e1e2;
	--join2:#00BCD4;
	--light-purple:#4a5bb1;
	--light-origi:#ff4133;
	--dark-purple:rgb(70, 11, 70);
	--dark_blue:#222558;
	--light-yellow:rgb(252, 252, 138);
	--dark-red:#a7302d
}

a{text-decoration: underline;}
a:hover{text-decoration: none;}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}
.bg0{background: var(--bgcolor1);}
.bg1{background: var(--bgcolor2);}
.bg3{background: var(--bgcolor3);}
.bg4{background: var(--bgcolor4);}

#event_master{z-index: 0;}
.star {padding-left: 17%;}
.star ul li{font-size: 1.8em;color: #222457;font-weight: bold;line-height: 2.8rem;text-align: left;margin-bottom: 0.4em;}
.star ul li i{font-size: 1.1em;color: #ff4133;}
.star ul li strong{font-size: 0.9em;color: #ffF;background-color: #222457;font-weight: bold;text-align: center;padding: 3px 15px;margin-right: 0.3em;border-radius: 0.3em;}
.Medal{position: absolute;bottom: 0;right: 2%;}
.exam_title {margin: 0rem auto 2rem;font-size: 3.6rem;clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);background: linear-gradient(to right, #ca3929 0%, #e60213 15%, #ff4133 85%, #ce3226 100%);padding: 0.3rem 7rem;color: #fff;font-weight: 900;text-align: center;width: max-content;}
.exam_h{font-size: 3.4rem;padding: 1rem 0 0.3rem;color: #202059;font-weight: bold;border-bottom: solid 8px;}
.exameach{padding:0rem 0 1rem;}
.exameach div:nth-child(odd){background-color:#5e6db9;}
.exameach div:nth-child(even){background-color:#29398e;}
.exameach div{color:#fff;padding:1rem;text-align:center;position:relative;font-size:1.5rem}
.exameach div:after{content:"";position:absolute;width:0;height:0;top:13px;right:-15px;border-style:solid;border-width:20px 0 20px 15px;border-color:transparent transparent transparent #FFF;z-index:99}
.goJump{justify-content: center;}
.goJump a,.teacher_group figure,.teacher_group a{color: #754c24;}
.goJump li{padding: 0.7rem 3rem;border-radius: 2rem;background: linear-gradient(to right, #ad8e53 0%, #d6b97c 20%, #ffeaa4 83%, #d1b274 100%);color: #1b1d45;font-weight: bold;font-size: 1.8rem;margin: 2rem;}
.goJump a:hover{color: #1b1d45;}
.group{background-color: white;border-radius: 2.0rem;padding: 1.5rem 3rem;}
.group_title,.group_des{text-align: left;}
.group dl{margin: 0.5rem 0;}
.group dt,.teacher_title{font-weight: 900;}
.title_style{color: white;margin: 2rem 0;text-align: center;display: flex;align-items: center;width: 100%;border-radius: 0em;position: relative;background: linear-gradient(to right, #222457 10%, #29398e 50%, #222457 90%);justify-content: center;flex-wrap: wrap;}
.title_style:before {border-color: #29398e transparent transparent transparent;}
.title_style:before{content:'';position:absolute;height:0;width:0;border-style:solid;border-width:30px 30px 0;left:0;right:0;margin:auto;bottom:-27px}
.title_style span{color: var(--light-yellow);font-size: 1.9rem;}
.title_style img {width: 8%;height: auto;margin-right: 0.5rem;}
.group_title{border-bottom:dotted var(--dark_blue) 2px;color: var(--dark_blue);}
.group_title dt{font-size: 2.5rem;font-weight: 900;padding: 0 0.7rem;border-left: solid 6px;margin: 0.5rem 0;}
.teacher_title,.offer_title,.course_title{font-size: 2.5rem;font-weight: 900;padding: 0.7rem;}
.group_title dd,.more{font-size: 1.3rem;line-height: 2.5rem;}
.group_des dt{font-size: 1.5rem;color: #b08254;margin: 0.8rem 0;}
.group_des span{background: rgb(255 255 210);margin-right: 0.5rem;padding: 0 1.5rem;color: #b08254;border: solid 2px;}
.tb_list,.tb_list th,.tb_list td{border:1px gray solid;border-collapse: collapse;}
.tb_list{text-align: center;font-size: 1.3rem;line-height: 2.5rem;}
.tb_list th{background:#5e6db9 ;color: white;font-size: 1.2rem;}
.tb_list td{background: white;}

.teacher_bg{padding:0.5rem 2rem;text-align:center}
.teacher_group{margin:2rem 0 0;background:linear-gradient(to top, #eed78f 70%, #ffffff00 100%);transform:skewX(-10deg);width:calc(100%/6)}
.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, #e3af7c 70%, #ffffff00 100%);}
.teacher_group.bg3{background:linear-gradient(to top, #f7d28e 70%, #ffffff00 100%);}
.teacher_group.bg4{background:linear-gradient(to top, #eecdcd 70%, #ffffff00 100%);}
.teacher_group.bg5{background:linear-gradient(to top, #accfcb 70%, #ffffff00 100%);}
.teacher_group figure{margin:.3rem auto;}
.teacher_group figure a{font-weight:700;font-size:1.2rem}

.student{border-radius: 1rem;text-align: left;box-shadow: 0px 0px 9px rgb(214, 214, 214);padding: 1rem;margin: 0.5rem;background-color: white;}
.student span{color: white;margin-right: 0.5rem;padding: 0 0.5rem;clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 0% 0%, 0% 0%);background: linear-gradient(to right, #cd3528 10%, #ff4133 55%);display: inline-block;}
.student dt{font-size: 1.3rem;color: #b08254;}
.student dt a{font-size: 1.3rem;color: #b08254;}
.student dd{font-size: 1.0rem;margin-top: 0.5rem;}
.salemoney {color: var(--light-origi);font-weight: 900;}
.audi{padding: 0.5rem;font-size: 1.3rem;}
.audi dt{color: var(--light-origi);position: relative;background: white;margin-right: 2rem;padding: 0.05rem 0.8rem;}
.audi dt:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:25px 0 25px 25px;border-color:transparent transparent transparent #fff;right:-19px;top:-7px}
.audi a{color:#038b9d}
.lerning{border-bottom:3px var(--dark-red) solid;width:calc(100% / 4 - 2%);height:200px;background:url(../images/1311035_bg3.jpg) repeat-y center / 100%;filter:drop-shadow(0 2px 5px #0000003a)}
.lerning dt{font-size:1.2rem;color:#fff;background:linear-gradient(to top, #cd3528 10%, #ff4133 55%);line-height:2rem;text-align:center;padding:.6rem 0 1.2rem;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}
.lerning dd{font-size:1.05rem;text-align:left;padding:.6rem .5rem 0 1rem}
.arrow{width:2.5%}
.media_group{margin-bottom:1.5rem;text-align:left}
.media_group dt{font-size:1.5rem;color:var(--light-origi);font-weight:700;border-bottom:2px dotted;line-height: 2.4rem;margin-bottom: 0.5rem;}
.media_group dd{font-size:1.2rem;color:#58597b;line-height:1.7rem}
.Vuetabs a{cursor: pointer}
.Vuetabs a.active{cursor: default;color:#1b1d45;}
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}
.VueCarousel-slide{display:flex;align-items:start;justify-content:center;box-sizing:border-box;text-align:center}

button.VueCarousel-navigation-button.VueCarousel-navigation-prev {
    left: 0%;
}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {
    left: 95%;
}


/*各大相容檢視*/
@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 all and (min-width: 1px) and (max-width: 1200px){
    
@media (max-width: 768px) {	
	.exameach div:after {
		top: 25px;
		right: -5px;
		border-width: 10px 0 10px 5px;
	}
	.lerning{margin:.5rem auto;height:auto;width:95%;display:block}
	.arrow{width:6%;transform:rotate(90deg)}
	.teacher_group{width:calc(100%/2)}
	.student_out{width:90%;margin:0 auto}
	button.VueCarousel-navigation-button.VueCarousel-navigation-prev{left:4%}
	button.VueCarousel-navigation-button.VueCarousel-navigation-next{left:85%}
.star {padding: 3%;}
	.star ul li {font-size: 1.1rem;line-height: 1.8rem;}
	.Medal {display: none;}
	.exam_title {margin: 0rem auto 1rem;font-size: 1.6rem;clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);padding: 0.3rem 2rem;width: fit-content;}
	.exam_h {text-align: center;font-size: 1.5rem;}
	.exameach div {padding: 0.5rem;font-size: 1.2rem;}
	.goJump li {padding: 0.3rem 1rem;font-size: 1.2rem;margin: 0.3rem;}
	.group {border-radius: 2.0rem;padding: 0.5rem 1rem;}
	.group_title dt {font-size: 1.8rem;margin: 0.1rem 0;}
	.group_des dt {font-size: 1.3rem;margin: 0.4rem 0;}
	.teacher_title, .offer_title, .course_title {font-size: 1.5rem;}
	.title_style span {font-size: 1.2rem;}
	.lerning dd {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);}
	}