/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */
#event_sec{padding: 0.5% 0!important;}
body{margin:0 auto;padding:0;font-family: 'Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent,#event{width:100%}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.bgcolor1{background-color: #e0eef7;}
.bgcolor2{background-image: linear-gradient(180deg, #e0eef7 40%, #ffffff 100%);}
.bgcolor3{background-color: #EBEBEB;}
.bgcolor4{background: url(../images/1407029_02.png) no-repeat top #FFF;background-size: contain;}
.bgcolor5{background-color: #EBEBEB;}
h1{font-size: 3rem;}
h2{font-size: 2.4rem;color: #6f4086;}
h3{font-size: 1.9rem;}
h4{font-size: 1.6rem;}

.red{color: #eb604d;font-size: 1.8rem;font-weight: bold;}
.blue{color: #0186b1;font-weight: bold;}
.intro_ol{padding: 2% 3%;background-image: linear-gradient(180deg, #f0f0f0 10%, #ffffff 15%, #fff 80%, #f9f9f9 95%);border-radius: 2.0rem;margin: 0 5%;box-shadow: 2px 3px 15px 1px #cacaca;}
.intro_info{width: 83%;}
.intro_info figure{padding: 2% 0;}
.intro{padding: 2%;font-size: 1.3rem;}
.process_content{display:flex;}
.card{width:15%;height:80px;background: linear-gradient(to right, #7a4196 15%, #b68dbc 85%);display:block;position:relative;margin:11px;text-align: center;color: #feface;}
.card::before{content:'';width:0;height:0;display:block;border-left:20px solid #b68dbc;border-bottom:40px solid transparent;border-top:40px solid transparent;position:absolute;left:100%;top:0;}
.card::after{content:'';width:0;height:0;display:block;border-left:20px solid transparent;border-top:40px solid #7a4196;border-bottom:40px solid #7a4196;position:absolute;right:100%;top:0;}
.card2{width:15%;height:80px;background: linear-gradient(to right, #e1cf8b 15%, #f7f0bd 85%);display:block;position:relative;margin:11px;text-align: center;color: #feface;}
.card2::before{content:'';width:0;height:0;display:block;border-left:20px solid #f7f0bd;border-bottom:40px solid transparent;border-top:40px solid transparent;position:absolute;left:100%;top:0;}
.card2::after{content:'';width:0;height:0;display:block;border-left:20px solid transparent;border-top:40px solid #e1cf8b;border-bottom:40px solid #e1cf8b;position:absolute;right:100%;top:0;}
.card dt{font-size: 1.4rem;color: #FFF;border-bottom: dotted 1px;padding-top: 0.2rem;font-family: 'Noto Serif TC', serif;font-weight: 600;}
.card2 dt{font-size: 1.4rem;color: #000;border-bottom: dotted 1px;padding-top: 0.2rem;font-family: 'Noto Serif TC', serif;font-weight: 600;}
.card2 dd{color: #000;}
.notic {font-size: 1.3rem;background: linear-gradient(to right, #0086b1 10%, #3bb5dc 95%);padding: 0.2rem 1.3rem;border-radius: 2.5rem;color: white;width: fit-content;text-align: center;margin: 0 auto 2.0rem;}
.list{color: #0cb5ec;font-size: 1.8rem;font-weight: bold;margin-right: 0.3rem;display: inline-block;}
.intro_main{padding: 0.2rem 1.7rem;background-image: linear-gradient(180deg, #a77ab3 00%, #7f4a98 20%, #7f4a98 80%, #6f4086 100%);color: white;font-size: 1.3rem;border-radius: 0 1.0rem;height: max-content;margin-right: 1.0rem;font-weight: bold;}
.intro_table{margin: 0 auto}
.teacher th, .teacher td {border: 1px solid #0cb5ec;border-collapse: collapse;background-image: linear-gradient(180deg, #ffffff 35%, #f0f0f0 85%);padding: 0.2rem 0.5rem;}
.teacher{border: 3px solid #0cb5ec;border-collapse: collapse;font-size: 1.2rem;}
.teacher td:nth-child(2){text-align: center}
.teacher a{color:#0086b1;font-weight: bold;}

.sale{text-align: center;margin: 1% auto 3%;background-color: #eb5f4d;width: fit-content;border-radius: 0 4rem;color: #fdf66a;font-size: 1.8rem;padding: 1.0rem 5rem;}
.yel{color: #fff;font-size: 1.8rem;font-weight: bold;}
.review dl {width: calc(100%/2 - 1%);background-image: linear-gradient(110deg, #ffffff 35%, #f0f0f0 85%);}
.review dl dt{background: linear-gradient(to right, #7a4196 15%, #b68dbc 85%);text-align: center;color: #feface;font-size: 1.6rem;padding: 0.2rem;}
.review dl dd{color: #000;font-size: 1.2rem;padding: 0.5rem 2rem;border-bottom: dotted 1px #6f4086;}
.review dl dd b{color: #6f4086;font-size: 1.0rem;margin-right: 0.5rem;}
.review dl dt a{text-decoration: underline;}
small{font-size: 1.0rem;}
nav {margin: 0.5rem auto;}
nav a{font-size: 1.3rem;background: linear-gradient(to right, #7f4a98 10%, #b68dbc 95%);padding: 0.2rem 1.3rem;border-radius: 2.5rem;color: white;text-align: center;margin: 0 1.0rem 0.5rem;display: inline-block;}


@media (max-width:767px) {
.intro_info {width: 100%;}
	.process_content {flex-wrap: wrap;}
	.card,.card2{width:40%;}
	.sale {border-radius: 0 3rem;font-size: 1.6rem;padding: 1.0rem 1rem;}
	.yel {font-size: 1.6rem;}
	h2 {font-size: 1.8rem;}
	.review dl {width: calc(100% / 1 - 1%);}
	.review dl dd {font-size: 1.0rem;padding: 0.5rem 1rem;}
	.review dl dt {font-size: 1.3rem;}
}
@media (min-width:768px) and (max-width:1179px) {
.intro_info {width: 100%;}
	.card dt ,.card2 dt {font-size: 1.2rem;}
	.card dd ,.card2 dd {font-size: 1.0rem;}
	}
/*各大相容檢視*/
@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 {
}