/* 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-color: #EBEBEB;}
.bgcolor2{background: url(../images/1107003_02.png) no-repeat top fixed;}
.bgcolor3{background-color: #45f3f0;}
.bgcolor4{background-color: #083db7;}
.bgcolor5{background-color: hwb(0deg 100% 0% / 35%);}
.bgcolor6{background-color: hwb(0deg 100% 0% / 25%);}
.bgcolor7{background: linear-gradient(to right,rgb(51 129 255 / 0%) 2%,#ffffff 25%,#ffe89e 75%,rgb(51 129 255 / 0%) 98%);}
.bgcolor7a{background: linear-gradient(to right,rgb(51 129 255 / 0%) 2%,#01d4ca 25%,#00d3f6 75%,rgb(51 129 255 / 0%) 98%);}
.bgcolor8{background-color: rgb(217 184 101 / 60%);border-bottom: solid 7px #9d7811;}
.bgcolor9{background-color: hwb(46deg 42% 1% / 50%);border-bottom: solid 7px #9d7811;}
.fcolor1{color: #FFF;}
.fcolor2{color: #001c50!important;}
.fcolor2 a{color: #003a8d!important;}
.fcolor3{color: #ff00c0!important;}
.w-full {width: 100%;}
.flex {display: flex;}

#event_banner{text-align: center;width: 100%;}
#event_banner img{width: 100%;height: auto;}
h1{font-size: 3rem;}
h1 span{font-size: 3.5rem;}
h2{font-size: 2.3rem;background-color: darkorange;display: inline;}
h3{font-size: 1.3rem;}

.group{display: grid; grid-template-columns: 0.8fr 1.5fr 0.7fr;padding: 3% 0 0;}
.title{font-size: 4.5rem;text-align: center;border-right: solid 6px;background-color: hwb(223deg 2% 60% / 83%);color: white;}
#event_master .title{grid-column-start: 1;grid-row-start: 1;grid-row-end: 3;}
#event_public .title{grid-column-start: 1;grid-row-start: 1;grid-row-end: 9;}
#event_license .title{grid-column-start: 1;grid-row-start: 1;grid-row-end: 9;}
#event_license .reskill{grid-column-start: 2;grid-column-end: 4;grid-row-start: 5;grid-row-end: 6;text-align: center;    margin: 0% 0% 0% 0.7%;font-size: 1.7em; border-bottom: dotted 1px;padding: 0 5%;}
#event_license .reskill a{color: #732e6a!important}
#event_language .title{grid-column-start: 1;grid-row-start: 1;grid-row-end: 1;}
.member{ text-align: center;margin: 2%;}
.member a{/*background: linear-gradient(to right,#00dadb 15%,#19229a 98%); */    font-size: 1.8em;color: #b91b0a;border-radius: 1em;width: max-content;margin: 2% 2%;padding: 0.1em 0.7em;text-decoration: none;background-color: #ffffff;box-shadow: 0.2em 0 0.4em #b16007;}

.uplist{margin: 0% 1%;font-size: 1.7em;border-bottom: dotted 1px;padding: 0 5%;}
#event_language .uplist{padding-top: 2%;}
.uplist a{color: #ffff00;margin-left: 2%;}
.discount{font-size: 1.3em;border-bottom: dotted 1px;padding: 0 10%;}
#event_language .discount{display: flex;align-items: center;}
.discount span{color: #b91b0a;font-size: 1.5em;font-weight: bold;margin: 0 0.2em;}
.student{padding: 0% 4% 3%;border-radius: 2em 2em 0 0;}
.student a{font-size: 1.2rem;}
.student span{color: #fbda59;}
.student dt{font-size: 1.8rem;color: #001c50;padding: 0.2%;font-weight: bold;text-align: center;margin-bottom: 0.5em;font-family: "CHei3HK","microsoft yahei";}
.student dd{font-size: 1.5rem;color: #001c50;text-align: center;}
.student dd a{font-size: 1.8rem;color: #001c50;margin-right: 0.3em;}
.student dd.award{font-size: 1.3rem;color: #f9eec0;padding: 0.3em 1em;margin: 0.3em auto;background: linear-gradient(to right,#830e01 2%,#b91b0a 98%);border-radius: 1em;width: fit-content;display: flow-root;}
.student dd.chat{font-size: 1.2rem;text-align: left;border-top: dotted 0px #ffffff;padding: 0.3em 0 0;margin-top: 0.3em;}
.student figure{float: left;}
.mov_box{margin: 2% 20% 0;}
.mov {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;box-shadow: 3px 3px 6px #818181}
.video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure img{width: 200px;border-radius: 50%;}

.item{padding: 2%}
.item p{font-size: 1.3rem;font-weight: 700;background: linear-gradient(to right,#0d4992 15%,#062134 98%);color: #FFF;border-radius: 1em;width: max-content;margin: 1% 0%;
    padding: 0.3em 0.9em;}
.item a{color: #003d95;}
.attention{text-align: center;font-size: 1.3rem;padding: 1% 0 3%;border-top: solid 2px;}

/*書單*/
.booklist{margin: 5%}
.books, .books th, .books td {border: 1px solid black;border-collapse: collapse;text-align: center}
.books td:nth-child(4){color: red}
.books p{text-align: left}

@media (max-width: 767px) {
.title {font-size: 1.8rem;}
.uplist {font-size: 1.0em;}	
.discount {font-size: 1.0em;}	
.discount span {font-size: 1.2em;}		
.member a {font-size: 1.2em;}	
.student dd {font-size: 1.0em;}	
.student dd a {font-size: 1.3em;}	
.student dt {font-size: 1.5em;padding: 0%;}	
.student dd.award {font-size: 1.1em;}	
.item p {font-size: 1.1em;}	
.student figure {display: block;text-align: center;float: none;}
.member {margin: 5%;}
}



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