/* 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:"微軟正黑體"}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{width:100%;margin:0 auto;background:#feee50}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.br{display:block}


h1{font-size: 3rem}
h2{font-size: 2.5rem}
h3{font-size: 1.8rem;}
[class*="flex"]{display: flex;flex-wrap: wrap;}
#event_master{text-align: center;}
.banner{position: relative;}
.banner:before{content:"";position: absolute;width:0;height: 0;left:0;bottom:0;border-top:50px solid transparent;border-left:425px solid #feee50;border-right:425px solid #feee50;}
.banner img{vertical-align: middle;width:100%;height:auto}
.event_focus{background-color: white;margin: 2% 4% 0;padding: 2%;text-align: center;    border-radius: 10px;box-shadow: 5px 15px 0px 0px #fed550;border: solid 1px #fed550;}
.event_focus>h3,.event_class>h2{text-align: center;font-family: "Microsoft YaHei", Times, serif;color: #e64638;font-size: 2.4em;margin: 0 0 1%;    font-weight: bold;box-shadow: 0px 18px 15px -19px #383838;padding: 0 0 5px;}
.event_focus ul{display: inline-block;    margin: 0 0 0 10px;}
/*.event_focus>h3+ul li strong{text-decoration: underline;}*/
.event_focus ul li{line-height: 35px;text-align: justify;list-style-type: none;position: relative;}
.event_focus ul li:before{content:"";position: absolute;width:0;height: 0;border-style:solid;border-width:5px 0px 5px 5px;border-color: transparent transparent transparent #e64638;left:-10px;top:10px;}
.event_focus>h3 b{color: #15376e;}
.event_list:first-child{width:70%}
.event_list:last-child{width:30%}
.event_list img{width:100%}
.event_list figure{margin: 5px;padding: 5px;box-shadow: 0px 1px 2px 0px #a7a7a7;}
ul{padding: 1% 3%;font-size: 1.2rem}
li u{font-weight: bold;line-height: 1.3rem;}
article{position: relative;}
.event_class{padding: 5%;}
.event_class > table{width: 100%;background: #ffffff;}
.event_class > table, .event_class > table td{border: 1px #e64638 solid;border-collapse: collapse;}
.event_class > table th,.event_class > table td{    padding: 10px;text-align: center;}
.event_class > table tr:nth-child(even){background-color: #f1f4f9;}
.event_class > table th{background: #e64638;color: white;font-size: 1.1em;font-weight: 500;}
.event_class>h2{    color: #15376e;    margin: 0 0 2%;}
.event_class > table a{color:#15376e}
.buybtn{text-align: center;display: block;margin:3.5% 2% 2%;}
.buybtn a:first-child,.buybtn a:last-child{background: #e64638;display: inline;padding: 1% 2%;margin: 0 1%;font-size: 1.2rem;color:white}
.buybtn a{color: #e64638;display: inline;padding: 0;margin: 0 2%;font-size: 1.2rem;font-weight: bold;}
.icon_list li{position: absolute;list-style: none;left:2%}
.icon_list li:nth-child(1){top: 30%;}
.icon_list li:nth-child(2){top: 56%;}
 .red{color:#e64638}
@media (max-width:849px) {
    .banner:before{content:none} 
    .icon_list{display: none;}
    .buybtn a:first-child,.buybtn a:last-child {display: block; margin: 4% 1% 1px;    line-height: 30px;}
	.buybtn a{line-height: 45px;    margin: 0 5% 1px;}
    .event_focus>h3, .event_class>h2 {font-size: 1.6em;}
    .event_list:first-child,.event_list:last-child{width:calc(100%/1)}


 }