/* 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 */

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: linear-gradient(to right, #f8ccdb 0%, #fbeede 100%);}
.bgcolor2{background: url(../images/1503072_02.jpg) no-repeat top center;}
.bgcolor3{background: linear-gradient(to right, #80cdbc 0%, #d4f0ea 100%);}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;}
#event_master img {width: 100%;display: block;}
h1{font-size: 4rem;font-weight: 700;}
h1 span{color: red;}
h2 b{margin: 0 1%;font-size: 2rem;border: 1px solid #000000;}

.intro {padding-bottom: 2%;}
.intro p{padding: 2%;font-family: 'Noto Serif TC', serif;font-weight: 600;font-size: 1.6rem;}
.intro a{color: #d42359;border-bottom: 1px solid #d42359;}
.intro .welcome{font-size: 150%;font-weight: 900;color: #d42359;}
.intro img{display: block;padding: 0%;margin: 0 auto;}
.member{padding: 0.5rem 2.5rem;width: fit-content;font-size: 1.8rem;margin: 0.3rem auto 3%;background: radial-gradient(ellipse at center, #fff8e4 20%, #e2c79d 80%);border-radius: 2.5rem;}
.member a{color: #d42359;border-bottom: 1px solid #d42359;}
.member span{color: #1ab309;}
.member span a{color: #1ab309;border-bottom: 1px solid #1ab309;}

.special{display: flex;width: 80%;margin: 0% auto;padding: 1% 0 2%;}
.special div{padding: 1.5% 2% 1%;color: #FFFFFF;border-radius: 0 3rem;margin: 1%;font-size: 1.5rem;border-left: solid 9px #7eb4b0;width: 100%;}
.special dt{font-weight: 700;padding-bottom: 2%;font-size: 1.8rem;font-family: 'Noto Serif TC', serif;color: #fffad2;}
.special dt i{font-size: 2.5rem;color: #ffffff;background-color: #ffffff38;border-radius: 50%;padding: 0.9rem 0.5rem;display: block;width: 70px;margin: 0 auto;height: 70px;}
.special figure img{margin: 0 auto;}
.special small{font-size: 85%;display: block;font-weight: 400;}
.special dt .step{font-size: 1.3rem;color: #d42359;background: linear-gradient(to right, #ffffff00 2%, #ffffffe3 30%, #ffffffe3 70%, #ffffff00 98%);padding: 0 1.0rem;display: inline-block;}
.special .sale{font-weight: bold;color: #fffad2;font-size: 2.0rem;}
.discount{background:#c665a5;}
.plan{background:#3e938c;}
.lawyer{background:#294a6f;}
.student img{margin: 0% auto;padding-top: 2%;text-align: center;}


/*-----------------------------------------------------------*/
@media (min-width: 1201px){
#event_master, #event_sec, #event_third, #event_fourth {width: 100%;}
.master_mb {display: none;}
}

/*iPad*/
@media all and (max-width:1200px){
.master_pc {display: none;}
.sm\:block {display: block;}
.bgcolor2 {background-size: auto 100%;}
}

@media all and (max-width:1400px){
	.special {width: 95%;}
	
	}
@media all and (min-width:768px) and (max-width:1200px){
	.special dt {font-size: 1.6rem;}

}
/*手機*/
@media all and (min-width: 1px) and (max-width:767px){
.intro {padding: 2%;}
.intro p {padding: 2%;font-size: 1.0rem;}

	.member {font-size: 1.3rem;padding: 0.5rem 1.0rem;}
	.special {flex-direction: column;}
	.special dt {font-size: 1.5rem;	}
	.special div {font-size: 1.3rem;}
}	
/*各大相容檢視*/
@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 {
}