/* 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;}
.inline-flex{display: ruby;}
.align-center{align-items: center;}

.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.65rem;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;    margin: 0 1rem;}
.special .sale{font-weight: bold;color: #fffad2;font-size: 2.0rem;}
.discount{background:#c665a5;}
.plan{background:#3e938c;}
.lawyer{background:#294a6f;}
.public{background:#D46B18;}
.special .cafe{background:#b57b50;margin:0 auto;justify-content: center;position: relative;width: fit-content;}
.special .cafe .coupon {margin: 0.5rem;background-color: #f5deb326;border-radius: 1.0rem;padding: 1.0rem 2rem;font-size: 1.25rem;}
.special .cafe dd {margin: 0.5rem;}
.special .cafe .adress {font-size: 1.4rem;}
.special .cafe dd strong{font-size: 1.8rem;font-family: 'Noto Serif TC', serif;color: #d42359;text-shadow: 0 1px 10px rgb(255 255 255 / 100%);filter: drop-shadow(1px 1px 2px #FFF);}
.special .cafe dd .cop{border: solid 1px;padding: 0rem 0.5rem;border-left: solid 5px;display: inline-block;}
.special .cafe_pic {width:30%;position: relative;border-left: solid 0px #ffffff;}
.special .cafe_pic figure:nth-child(1){left: -11%;top: -3%;transform: rotate(7deg);}
.special .cafe_pic figure:nth-child(2){top: 60%;left: 8%;transform: rotate(3deg);}
.special .cafe_pic figure:nth-child(3){left: 45%;top: 22%;transform: rotate(-3deg);}
.special .cafe_pic figure{position: absolute;border: solid 7px #FFF;border-radius: 0.5rem;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);}
.cafe .pic{border: solid 7px #FFF;border-radius: 0.5rem;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);width: 38%;float: right;transform: rotate(0deg);}
.reserve {
	color: #503724;
    background-color: #fff;
    border: 2px #cca86a solid;
    border-radius: 2rem;
    padding: 0.4rem 1rem;
    margin-left: 0.5rem;
	margin-top: 0.5rem;
}
.line_green {
    color: #39b54a;
}
.reserve a {
    color: #39b54a;
}
.cafe hr{margin: 1rem 0;}
.cafe dd a{}
.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 {flex-direction: column;}
	.special dt {font-size: 1.6rem;}
	.special .cafe_pic {width: 100%;position: relative;border-left: solid 0px #ffffff;display: flex;flex-direction: row;align-items: center;}
	.special .cafe_pic figure:nth-child(1) {left: 0%;top: 0%;transform: rotate(-2deg);}
	.special .cafe_pic figure:nth-child(2) {top: 0%;left: 0%;transform: rotate(0deg);}
	.special .cafe_pic figure:nth-child(3) {left: 0%;top: 0%;transform: rotate(3deg);}
	.special .cafe_pic figure {position: inherit;border: solid 5px #FFF;border-radius: 0.5rem;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);}
	.special .cafe dd strong {font-size: 1.6rem;text-shadow: 0 1px 6px rgb(255 255 255 / 100%);filter: drop-shadow(0px 0px 9px #FFF);display: block;}
}
/*手機*/
@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;}
	.special .cafe_pic {width: 100%;position: relative;border-left: solid 0px #ffffff;display: flex;flex-direction: row;align-items: center;}
	.special .cafe_pic figure:nth-child(1) {left: 0%;top: 0%;transform: rotate(-2deg);}
	.special .cafe_pic figure:nth-child(2) {top: 0%;left: 0%;transform: rotate(0deg);}
	.special .cafe_pic figure:nth-child(3) {left: 0%;top: 0%;transform: rotate(3deg);}
	.special .cafe_pic figure {position: inherit;border: solid 5px #FFF;border-radius: 0.5rem;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);}
	.cafe .pic {border: solid 5px #FFF;border-radius: 0.5rem;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);width: 90%;float: inherit;transform: rotate(0deg);margin: 0 auto;}
	.special .cafe dd strong {font-size: 1.5rem;text-shadow: 0 1px 6px rgb(255 255 255 / 100%);filter: drop-shadow(0px 0px 9px #FFF);display: block;}
	.special .cafe .coupon {padding: 1.0rem 1rem;font-size: 1.0rem;}
	.reserve {font-size: 1.0rem;text-align: center;}
	.special .cafe .adress {font-size: 1.1rem;}
}	
/*各大相容檢視*/
@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 {
}