/* 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;background: #f7b32b14;background-image: linear-gradient(#f7b32b30 1px, transparent 1px), linear-gradient(to right, #f7b32b30 1px, transparent 1px);background-size: 20px 20px;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background:#ffffff}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
h1{font-size: 3rem}
h2{font-size: 2rem}
h3{font-size: 1.4rem}
.banner{position: relative;}
.banner img{width: 100%;height: auto;}
.banner span{
    position: absolute;content: "";bottom: 2.8%;margin: auto;left: 0;right: 0;color: white;font-size: 1.8rem;
    text-align: center;font-weight: 500;
}
.bg1{background-color: #f7b22d;}
.bg2{background-color: #fff;}
.info{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;/*grid-template-columns: 1fr 1fr*/}
.info figure{width: 49%;padding: 0 0 0.5rem 0;margin: 0 0 0 -3.2rem;}
.info figure img{width: 100%;height: auto;}
.info_box{font-size: 1.65rem;font-weight: bold;font-family: 繁黑體;padding: 0 0 0 1.5rem;}
.info_text{width: 65%;color: #fff;text-align: center;padding: .5rem 3.2rem 1.5rem 0;margin:0 auto ;}
.info_text dl{background: #2f200e;padding: .8rem 0 0;}
.info_text dd:nth-child(1),.info_text dd:nth-child(3){background: #2f200e;padding: .1rem 0 .2rem 0;}
.info_text dd:nth-child(2){background: #4b3a26;padding: .1rem 0 .2rem 0;}
.info_text dd:nth-child(4){background: #4b3a26;padding: .1rem 0 .8rem 0;}
.info_box ul{list-style: none;font-size: 1.5rem;}
.info_box ul span{color: #d80c18;padding: 0 .1rem;}



/*書單*/
.booklist{width: 85%;margin: auto;padding: 0% 0 3%;}
.books{width: 100%;margin: auto;font-size: 1.2rem;background-color: white;}
.books, .books th, .books td {border: 1px solid #23181536;border-collapse: collapse;text-align: center}
.books th{background-color: #d80c18;color: #ffffff;font-size: 1.1rem;font-weight: lighter;letter-spacing: 1rem;padding: 0.2em 0 0.2em 1rem;}
.books td{padding: 0.2em;}
.books td a{color: #964423;}
.books td a:hover{color: #d80c18;}
.books td:nth-child(4){color:#d80c18;}
.books p{text-align: left;padding-left: 1%}
.books tr:nth-child(even) {background-color: #fff;}
.books tr:nth-child(odd) {background-color: #d80c180a;}
.books tr:last-child{background-color: #fff;}
.books tr:last-child td{text-align: right;padding: .1rem 2.3rem .5rem 0;}
.ps{text-align: right;font-size: 0.9rem;color: #484848;}

/*經驗談*/
/* .event_student{background: #ff000f1f;} */
.title{font-size: 2.55rem; font-family: "Microsoft YaHei";color: #cf121c;font-weight: bolder;text-align: center;border-top: 7px #dd9f26 dotted;padding: 1.5rem 0 0;box-shadow: 0 -5px 5px #0000000d;}
.student{padding: 2%;}
.student dl{padding: 1rem;}
.student dl dt {width: 70%;font-size: 1.6rem;font-weight: bold;padding: 0.1rem 0.8rem 0.3rem;color: #4b3a26;background: linear-gradient(45deg, #fffaf0, #fffaf01f);border-left: 3px #f7b22d solid;}
.student dl dt span{font-weight: bold;color: #327aa9;font-size: 1.7rem;}
.student dl dt span mark{font-size: 1.55rem;background: #d80c18;color: #fff;border-radius: 2rem;padding: 0 .7rem .1rem;margin: 0 .2rem;}
.student dl dd{font-size: 1.1rem;border:2px #fbd58cbd dotted;padding: 0.5rem 1rem;color: black;}
.student dd a ,.more a {color: #964423;}
.student dd a:hover ,.more a:hover {color: #d80c18;}

.more{width: 98%;text-align: right;padding: 0 0 0.5rem;}





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