/* 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: url(../images/line_bg.gif);color: #363636;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background: linear-gradient(to bottom,white 75%,#FDCC00 100%);}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
h1{font-size: 3rem;}
h2{font-size: 2.2rem;}
h3{font-size: 1.7rem;}
.w-full {width: 100%;}
dl{display: flex;flex-wrap: wrap;}
dt{margin: 0;font-size: 1.5rem;color: #E60012;}

/* container */
img{max-width: 100%;height: auto;}
section:nth-of-type(1){
    background: url(../images/1104106_1.png) no-repeat center top / 100% auto #FDCC00;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 427px;
    z-index: 0;
}
.master_img{
    position: absolute;
    right:11%;
    bottom: 5%;
}
section:nth-of-type(2){
    position: relative;
    z-index: 1;
    text-align: center;
}
.intro{  
    position:relative;
    margin-top: -3%; 
    font-size: 1.3rem;
    background: linear-gradient(to bottom,#FDCC00 60%,transparent 100%);
}
.intro h2{
    font-size: 3.3rem;font-weight: bold;font-family: microsoft yahei;color: #005BAC;
    margin-bottom: 1rem;padding-top: 1rem;
    text-shadow: 2px 0 5px white,-2px 0 5px white,0 -2px 5px white,0 2px 5px white,0 0 10px white;
}
.intro h2 span,.intro_box span{color: #E60012;}
.intro_box{
    width: 62%;margin: auto;
    display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;
}
.intro_box dt{
    display: inline-block;color: white;background-color:#005BAC;border-radius: 6px;padding: 0 0.3em;font-size: 1rem;height: fit-content;margin-right: .5rem;
}
.intro_box dl{line-height: 1.8;}
.intro_img{
    position: absolute;
}

/*書單*/
.booklist{padding:3% 9%}
.books, .books th, .books td {border: 1px solid black;border-collapse: collapse;text-align: center;border-color:#005BAC;}
.books tr:nth-of-type(odd){background:#f7f7f7}
.books th{background-color: #005BAC;color: white;}
.books td:nth-child(4){color: red}
.books p{text-align: left;padding-left: 0.5rem;}
.books a{color:#005BAC;text-decoration: none;}
.books tr:last-child td{text-align: right;padding-right: 1rem}

/*經驗談*/
.tltle{font-size: 2.6rem;text-align: center;font-family: microsoft yahei;color: #005BAC;font-weight: bold;}
.student{padding: 2.2rem 5%;background: #fffbdb;}
.student a{color: #005BAC;}
.student dl{margin: 2%;font-size: 1.1rem;line-height: 1.6;padding-bottom: .5rem;margin-bottom: .5rem;border-bottom: dashed 1px #757575;}
.student dt span:nth-of-type(1){display: inline-block;padding: 0 .2rem;border-radius: 6px;margin:0 .5rem;background: #005BAC;font-size: 0.7em;color: white;}
.student dt span:nth-of-type(2){font-size: .9em;color: #952e99;}
.more{text-align: right;}

@media (max-width:767px){
    section:nth-of-type(1){height: 47vh;}
    .master_img{top: 34%;}
    @media screen and (max-width:380px){section:nth-of-type(1){height: 32vh;}}
    .master_img{
        left: 0;right: 0;margin: auto;width: 55%;
    }
    .intro{font-size: 1rem;}
    .intro h2{font-size: 1.7rem;}
    .intro_box{width: auto;margin:  0 5%;flex-direction: initial;justify-content: left;}
    .intro_box dl{margin-bottom: initial;}
}

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