/* 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: Arial'Microsoft JhengHei', '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(0deg, #e6e6e6, #eeeeee, #e6e6e6);}
.bgcolor2{background: linear-gradient(130deg ,#fff0de 0,#fffcf8 30%,#fffcf8 70%,  #ebd0b3 100%);border-top: 1px dotted #b28f51ad;border-bottom: 1px dotted #b28f51ad;}
.bgcolor3{background: linear-gradient(80deg, #98171d, #d70a17, #96171d);}
.bgcolor4{background: url(../images/1212058_bg_lift.png) no-repeat left bottom / 8% , url(../images/1212058_bg_right.png) no-repeat right bottom / 8% , linear-gradient(0deg, #f0f0f0 10%, #fff);}
.bgcolor5{background: #fff;}

.title{font-size: 2.8rem;color: transparent;width: 30%;background: linear-gradient(45deg, #8e171f, #d70a17, #8e171f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;padding: 1.5rem 0 0;margin: 0 auto;font-weight: bold;/*font-family: "DFMingXBold-B5","DFMingBold-B5","DFMingMdium-B5",'Noto Sans TC';*/}
small{font-size: small;}

.banner {width: 100%;}
.banner img{width: 100%;}
.banner_phone , .banner_mobile {display: none;}

/*師資*/
.teacher_box{/*width: calc(100%/3 - 10%);*/width: calc(100%/5);text-align: center;}
.teacher_box figure {width: 80%;margin:.5rem auto;}
.teacher_box a{text-decoration: underline;padding: 0 2px}
.teacher_box dt{font-weight: 700;font-size: 1.5rem;color: #0b3870;}
.teacher_box dd{color: #ae7a1f;font-size: 1.2rem;}
.teacher_box dd a:hover , .list_box dd a:hover , .book_group figcaption a:hover , .resource figcaption a:hover {color: #aa131a;}

/*課程*/
#event_list .title{background: linear-gradient(90deg, #e3c29a, #fff8ef, #e3c29a);filter: drop-shadow(1px 2px 3px #0000003f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.list_group{grid-template-columns: repeat(3, 1fr);padding: 0 2rem;}
.list_box{border-radius: 1rem;background: linear-gradient(90deg, #e3c29a, #fff8ef, #e3c29a);border-top: 3px solid #ffffff;border-bottom: 3px solid #c49760;padding:.25rem 0 .5rem;margin: .5rem;text-align: center;}
.list_box:nth-child(1){grid-area:1/1/2/2}
.list_box:nth-child(2){grid-area:1/2/2/3}
.list_box:nth-child(3){grid-area:1/3/2/4}
.list_box:nth-child(4){grid-area:2/1/3/4}
.list_box:nth-child(4) dd{width: calc(100%/3 - 4%);display: inline-block;}
.list_box dt{font-size: 1.45rem;padding: 0 0 .15rem;margin: 0 auto .5rem;font-weight: 700;border-bottom: 2px dotted #c50e19;color: #0b3870;}
.list_box dd a{text-decoration: underline;font-size: 1.1rem;line-height: 1.8rem;}

/*介面*/
.interface_box{width: calc(100%/4 - 2%);text-align: center;padding: 0 0 1rem;margin: .5rem;border: 1px solid #7790af;filter: drop-shadow(0 2px 2px #0000003f);background: linear-gradient(130deg ,#f1f1f1 5%,#ffffff 70%, #f0f0f0 100%);border-radius: 1rem;}
.interface_box dt{font-weight: 700;font-size: 1.45rem;padding: 0.5rem 0 0;color: #0b3870;}
.interface_box dd{font-size: 1.1rem;}
.interface_box figure{width: 100%;margin: auto;}
.interface_box figure img{width: 100%;margin: auto;border-bottom: 1px solid #0b2f6a3f;border-radius: 1rem 1rem 0 0;}

/*書*/
.book_group figure{width: calc(100%/6 - 1%);text-align: center;margin: 0.5%}
.book_group figure img{width: 95%;margin: auto;filter: drop-shadow(1px 2px 3px #0000003f);}
.book_group figcaption{font-weight: 700;padding: 1rem .5rem 0;}
.book_group figcaption a{font-size: 1.1rem;padding: 1rem 0 0;line-height: 1.5rem;}

/*資源*/
#event_resource .title {background: linear-gradient(90deg, #e3c29a, #fff8ef, #e3c29a);filter: drop-shadow(1px 2px 3px #0000003f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.resource figure{width: calc(100%/3 - 3%);text-align: center;margin: 0.5%;border-radius: 1rem;filter: drop-shadow(0 2px 2px #0000003f);}
.resource figure img{width: 100%;border-radius: 1rem 1rem 0 0;border: 1px solid #fff;}
.resource figcaption{font-size: 1.25rem;font-weight: 700;padding: .5rem;border-radius: 0 0 1rem 1rem;background: linear-gradient(130deg ,#fff0de 0,#fffcf8 30%,#fffcf8 70%, #ebd0b3 100%);}
.resource figcaption a{color: #0b3870;}

/*social*/
#morelink{background: linear-gradient(90deg, #08306b, #395a93, #08306b);}
.social{width: 60%;padding: 1rem;margin: auto;}
.social li{width: calc(100%/2);text-align: center;color: #fff;}
.social img{display: block;margin: .6rem auto;}




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