/* 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;font-family: "Microsoft JhengHei",Arial;}
#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-color: #F6F6F6;background: linear-gradient(to left ,#eae5d4 0% ,#ffffff 20%,#ffffff 80% ,#eae5d4 100% );}
.bgcolor3 {background-color: #d7d4bfa6;padding-bottom: 2.5%;/* background: linear-gradient(to left ,#eae5d4 0% ,#ffffff 20%,#ffffff 80% ,#eae5d4 100% ); */}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;}
/*共用*/
h1{font-size: 3rem;}
h2{font-size: 2.5rem;}
h3{font-size: 2rem;}
h4{font-size: 1.7rem;}
.flex{display: flex;flex-wrap: wrap;}
.text-center{text-align: center}
.justify-center{justify-content:center;}
b{color: #F44336;font-family: "Microsoft YaHei";font-weight: bold;font-size: 1.3rem;}
.br_pc{ display:block;}

/*內容*/
#event_master img{ width:100%}
#event_student h2 {
    font-size: 2.7rem;
    padding: 2.5% 0 1.5%;
    font-family: "Microsoft YaHei";
    text-align: center;
    color: #d72323;
    font-weight: bold;
    text-shadow: white 0px 2px 10px, white 2px 0px 10px, white -2px 0px 10px, white 0px -2px 10px, white -1.4px -1.4px 10px, white 1.4px 1.4px 10px, white 1.4px -1.4px 10px, white -1.4px 0.4px 10px;
}
.group{margin: 0 auto;padding: 2%;}
.group h4 {
    font-size: 2.2rem;
    font-family: "Microsoft YaHei";
    color: #f03e34;
    margin-left: 197px;
    font-weight: bold;
}
.group h4 a{color: #f03e34;}
.group .start {font-size: 1.7rem;color: #000;}
.group ul {
    padding: 1% 3%;
    line-height: 1.7rem;
    font-size: 1.1rem;
	/*margin-left: 10%;*/
    margin-left: 187px;
    list-style-type: disclosure-closed;
}
.group .t_big {
    border-right: 10px #00BCD4 solid;
    padding: 0 8px 0 0;
    margin: 0 8px 0 0;
}
.group .discount {
    font-size: 1.2rem;
    background-color: #fff6d6;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 50px;
    border: 3px #00BCD4 solid;
    margin-left: 28px;
    color: #0c0c0c;
    font-weight: bold;
}
.group .discount a{color: #0186b7;}
.group .note_t {
    font-size: 1.15rem;
    padding-top: 7px;
    display: inline-block;
    width: 88%;
    margin: 12px auto 1.5% 0;
    text-align: center;
}
.group .note_t a {
    color: #000;
    border: 0;
    background-color: #cccccc66;
    font-size: medium;
    margin: 0 3px;
}
.course {
    width: calc(100%/1 - 30%);
    border: 7px solid #ccb77d2b;
    margin: 15px 0 0 2%;
    padding: 1% 1.5% 1.5%;
    background-color: #fff;
    border-radius: 20px;
    /* border-left: 7px #f03e34a3 solid; */
    /* border-right: 7px #5bb0bfba solid; */
    box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 20%);
}
.course dt {
    font-size: 2.1rem;
    font-weight: 900;
    background-color: #ff5768;
    border-radius: 11px;
    margin: -32px auto 0.5rem;
    color: white;
    padding: 3px 20px 0;
    display: block;
    width: max-content;
    /* font-family: "Microsoft YaHei"; */
}
.course dd{font-size: 1.7rem;text-align: center;}
.course dd a {
    color: #0186b7;
    font-weight: bold;
    border-radius: 50px;
    display: inline-block;
    border: 1px #0186b7 solid;
    padding: 2px 10px;
    background-color: #d5f9ff9c;
    font-size: 1.4rem;
}
.course dd b {
    font-family: "Microsoft YaHei";
    font-weight: bold;
    font-size: 1.8rem;
}
.course .note_t {
    font-size: 1rem;
    margin-top: 16px;
    margin-left: 22px;
    padding-top: 7px;
    display: inline-block;
    border-top: 1px #9E9E9E dotted;
    /* text-indent: -37px; */
    width: 88%;
    margin: 16px auto 0 0;
}
#event_book h2 {
    margin: 0 0 10px 0;
    font-size: 2.7rem;
    padding: 1% 0 1.5%;
    font-family: "Microsoft YaHei";
    text-align: center;
    color: #127cac;
    font-weight: bold;
    text-shadow: white 0px 2px 10px, white 2px 0px 10px, white -2px 0px 10px, white 0px -2px 10px, white -1.4px -1.4px 10px, white 1.4px 1.4px 10px, white 1.4px -1.4px 10px, white -1.4px 0.4px 10px;}



#event_book .buycar{border-bottom: 2px #00BCD4 dotted;padding: 1% 0 0.5%;}
#event_book .buycar a{
    font-weight: bold;
    font-size: 1.7rem;
    color: #d04430;
    background-color: #fff;
    padding: 0.5% 1.5%;
    border-radius: 50px;
    border: 1px #d04430 solid;display: inline-block;margin-bottom: .7%;}
#event_book .buycaricon{}
#event_book .buycaricon a{}


.student {
    padding: 2%;
    background-color: #ffffffd1;
    margin-bottom: 3%;
    border-radius: 20px;
    border-left: 7px #f03e34a3 solid;
    border-right: 7px #5bb0bfba solid;
    line-height: 1.8rem;
}
.student dt {
    font-size: 1.75rem;
    font-weight: 700;
    /* background: #f44336; */
    display: inline;
    /*color: #065378;*/
    padding-bottom: 1%;
    display: inline-block;
    /* font-family: "Microsoft YaHei"; */
}
.student dt:first-of-type{font-size: 1.25rem;font-weight: 700;}
.student dd{ text-align:justify;}
.student dd:nth-of-type(1){color: #ae20a0;font-weight: 700;font-size: 1.7rem;line-height: 2.2rem;}
.student dd a {
    /* background-color: #e2e2e2; */
    /*border-left: 1px #607D8B solid;*/
    color: #F44336;
    /*padding: 0 6px;
    margin-left: 7px;*/
    font-weight: bold;
}
.student dd b {
    color: #ff22bd;
    font-size: 1.4rem;
    font-family: "Microsoft YaHei";
}
.more{list-style: none;width: 90%;margin: 0 auto;}
.more li {
    margin: 0 0%;
    padding: 1% 0;
    width: 20%;
}
.more li a {
    color: #fff;
    font-size: 1.3rem;
    background-color: #065378;
    border-radius: 50px;
    padding: 1.5% 7.5%;
    text-decoration: none;
    /*width: 170px;*/
    display: inline-block;
    text-align: center;
}
.winner {background-color: #c00;color: #fff;border-radius: 7px;padding: 0 10px;}


.series_books{}
.series_books a{font-size:2rem;text-align:center;display:block;padding:0 1rem;text-decoration:none;}
.series_books img{margin:auto;padding-top:0.5rem}
.bookname{color:white;padding:0.2rem 5rem;font-size:2rem;background:linear-gradient(to right,transparent 0%,#d04430 10%,#d04430 90%,transparent 100%);display:inline-block;width:max-content;}
.owl-carousel{width:99%}
.owl-carousel .owl-item img {width: auto !important;height: 280px;}
.owl-theme .owl-nav [class*=owl-]{font-size:0px !important;}
.owl-prev,.owl-next{width:0;height:0;border-style:solid;position: absolute;top: 50%;}
.owl-prev{border-width:15px 15px 15px 0px;border-color:transparent #ffffffcc transparent transparent;left:-25px;}
.owl-next{border-width:15px 0px 15px 15px;border-color:transparent transparent transparent #ffffffcc;right:-25px;}



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