/* 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: 'Microsoft JhengHei','Verdana','Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent,#event{width:100%}
 a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.bgcolor1{background-color: #EBEBEB;}
.bgcolor2{background:url(../images/1402070_bg.png) center fixed no-repeat, linear-gradient(45deg, #f9eabb 30%, #fcf8e6 60%, #efe0aa 75%, #fcf8e6 90%);}
.bgcolor3{background-color: #EBEBEB;background: linear-gradient(180deg, #82104b, #9a1a3b);}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;}
h1{font-size: 3rem;}
h2{font-size: 2.7rem;}
h3{font-size: 2.2rem;text-align: center;}
h4{font-size: 1.8rem;text-align: center;}
h5{font-size: 1.4rem;text-align: center;}
small{font-size: smaller;}

.banner{width: 100%;}
.banner IMG{width: 100%;}

.event_sec h4 , .event_third h5{font-size: 3.25rem;padding: 2rem 0 0;font-family: "Noto Serif TC", serif;font-weight: bolder;}
.event_sec h4{background: linear-gradient(180deg, #83114b 50%, #9a1a3b 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}
.event_third h5 , .feature dt ,.reskill dt{background: linear-gradient(180deg, #ffe88b 65%, #fff8da 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}

.feature dl{width: calc(100% / 4 - 1%);padding: 0 0 .25rem;margin: 1% auto 3%;background: linear-gradient(180deg, #82104b 0%, #9a1a3b 35%);border-radius: .5rem;}
.feature dt{font-size: 1.6rem;line-height: 2.25rem;text-align: center;font-weight: bold;padding: 1rem 0 .25rem;font-family: "Microsoft YaHei";}
.feature dd {height: 23.5rem;font-size: 1.2rem;text-align: justify;clip-path: ellipse(150% 87% at 50% 90%);background:linear-gradient(180deg, #ffeeee, #ffffff);color: #222;border: 1px solid #9a1a3b;padding: 2.25rem 1rem 1rem;border-radius: .5rem;}
.feature dd b{color: #85114a;}
.name{color: #fff;}

/*優惠*/
.event_third{color: #fff;}
.old_buy a{background:linear-gradient(180deg, #ffcccc, #fff);font-size: 2.3rem;color: #82104b;font-family: "Noto Serif TC", serif;font-weight: bold;padding: 0 1.25rem .2rem;border-radius: .5rem;line-height: 4rem;}
.reskill {padding: 1rem 0 1.25rem;}
.reskill dl{width: calc(100% / 2);font-size: 1.5rem;line-height: 2.55rem;font-weight: 700;padding: .5rem 0 1.5rem .8rem;position: relative;}
.reskill dl:first-child,.reskill dl:nth-child(3){border-right: 4px dotted #ffe88b2a;}
.reskill dl:first-child,.reskill dl:nth-child(2){border-bottom: 4px dotted #ffe88b2a;}
.reskill dt{font-size: 2.2rem;padding: 0 .8rem;margin: .8rem .35rem;font-weight: bolder;border-left: 6px solid #ffe88b;}
.reskill span{font-family: Verdana, "Microsoft JhengHei";font-size: larger;padding: 0 .15rem;background: linear-gradient(180deg, #ffe88b 50%, #fff8da 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}
.reskill dd a{color: #82104b;background: linear-gradient(180deg, #ffcccc, #fff);padding: 0 .5rem;margin: .25rem;border-radius: .25rem;font-weight: bold;}
.reskill nav {width: fit-content;}
.reskill nav a{background: linear-gradient(180deg, #ffe88b, #fff3c2);color: #82104b;line-height: 1.6rem;border-radius: 50rem;padding:1rem 1.1rem;position: absolute;right:1.5rem;bottom:1.5rem;border: 7px double #82104b;}
.reskill nav a:hover{position: absolute;top: unset;left: unset;transform: scale(1.05);}
.line{margin: 0 auto 1rem;}
.line a{background: linear-gradient(180deg, #ffe88b, #fff3c2);font-size: 1.5rem;color: #82104b;font-weight: bold;padding: .2rem 1.5rem .3rem;border-radius: .5rem;line-height: 4rem;}

/* notice */
.event_notice ol{text-align: left;padding: 1.5rem 3rem;background: linear-gradient(45deg, #ccc, #fff, #eee);margin: auto;width: fit-content;border-radius: 1rem;}
.event_notice a{text-decoration: underline;}
.event_notice a:hover{text-decoration:none;}

/*各大相容檢視*/
@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 {
}