#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{padding: 1rem;}
#EventContainer .bgcolor1{
    background: #f3d44a; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3d44a 0%, #ffffff 25%, #FEBB06 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f3d44a 0%,#ffffff 25%,#FEBB06 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f3d44a 0%,#ffffff 25%,#FEBB06 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
#EventContainer .bgcolor2{background-color: #e8c1b5;}
#EventContainer .bgcolor3{background-color: #F6F6F6 !important;}
#EventContainer .bgcolor4{background-color: #E4E4E4;}
#EventContainer .bgcolor5{background-color: #DFDFDF;}
#EventContainer #Master_title{background: initial;height: auto;}
#Master_title img {margin: auto;}

/*標題大小*/
h1{ font-size: 2.5em; }
h2{ font-size: 2.0em; }
h3{ font-size: 1.8em; }
.banner{width: 100%;margin: auto;background: url(../images/0808061_1.png) no-repeat;background-size: 100% auto;}
.banner > div:nth-child(1){z-index: 1;position: relative;}
.far,.fa,.fas{margin: auto 1%;font-size:1.1em;}
#EventContainer .far, #EventContainer .fa, #EventContainer .fas, .explain span{color: #CF4091;}
/*.fa-arrow-down{animation: move 1.5s linear alternate infinite;position: relative;}*/
@keyframes moving{0%{top:6px;}50%{top:10px;}100%{top:6px;}}
.training_photo,.training_note,.exam_out{display: block;}
.exam_out{padding:1% 0 3%;margin:auto;z-index: 0;position: relative;}
.training_photo{text-align: center;margin: -2% auto 0;z-index: 0;}
.training_photo img{display: inline;margin: auto 1%;}
.training_note{
    font-size:1em;text-align: center;line-height: 1.7em;padding: 1% 0 2%;
    background: #f3d44a; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #FEBB06 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#FEBB06 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#FEBB06 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.training_note li:nth-child(1){font-size:1.5em;}
.date{margin: auto 1%;color: #CF4091;}
.date:before{content: '■';}
.explain{padding: 2% 5% 0;font-size:1.1em;line-height: 1.9em;border:6px #ffbb03 solid;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;margin: auto;border-top: none;}
.explain span{font-weight: bold;}
.explain li{text-indent: -0.85em;margin-left: 4%;}
.reservation{margin: 1% auto;text-align: center;background: #cf4091;border-radius: 8px;width:5.5em;}
.reservation,.reservation a{color:#fff;}
.exam_title{font-size:1.7em;font-weight: bold;margin: 1% auto 1% 3%;;font-family: microsoft yahei;color: #4A328F;}
#exam_TB th,#exam_TB td{padding: 2%;border: 1px solid #fff;}
#exam_TB th a{color:#4A328F;}
#exam_TB th{background-color:#ffc11c;}
#exam_TB .th_2{background-color:#ffe397;}
#exam_TB td{padding: 1%;background-color: #e8c1b5;font-size: 1.25em;line-height: 2.1em;z-index: 1;}
#exam_TB td:nth-child(2){background-color: #f1dbd4;}
#exam_TB{width: 98%;margin: auto;background-color: white;text-align: center;overflow: hidden;position: relative;}
.exam_TB_circle{position: absolute;content: "";width:160px;height: 150px;text-align: center;padding:35px 15px; border-radius: 50%;font-size: 1.1em;top:10px;right:-40px;background-color: #CF4091;color: white;z-index: 1;animation: moving 1.5s linear alternate infinite;}
.exam_TB_circle:before{
    position: absolute;content: "";    
    transform: rotate(20deg);
    bottom: -15px;
    left: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: #cf4091 transparent transparent transparent;
}
#exam_TB:after{position: absolute;content: "";background: url(../images/0808061_9.png) no-repeat;width: 213px;height: 325px;right:-110px;bottom:12%;opacity: 0.5;}
#exam_TB span{font-size: 1.4em;color:#4a328f;font-family:Microsoft PhagsPa,"microsoft yahei";font-weight: bold;}
.rule dd{margin: 0;}
.rule{font-size:1.2em;line-height: 1.9em;margin: 0 6%;padding: 3%;background-color:#efeeff;}
.rule dt{font-weight: bold;color: #f36e40;}
.rule dt span{font-weight: normal;color: #333;}
.rule dd span:nth-of-type(1),.rule dd span:nth-of-type(3){border-radius:50%;width:1.5em;height:1.5em;text-align: center;line-height:1.5em;display: inline-block;margin-right: 1%;font-weight: bold;}
.rule dd span:nth-of-type(1){border:2px solid #4a328f;color:#4a328f;}
.rule dd span:nth-of-type(2){color:#4a328f;display:inline;}
.rule dd span:nth-of-type(3){border:2px solid #CF4091;color:#CF4091;}
.rule dd span:nth-of-type(4){color:#CF4091;display:inline;}
.rule dd br{display: none;}
.rule_more{text-align: right;padding: 1%;margin-bottom: 1%; border-bottom: 1px #4A328F dashed;}
.rule_more,.rule_more a{color:#cf4091;}
small{font-size: .8em;}

@media (min-width: 1201px){
    #event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width: 1200px;margin: auto;}
    .banner, .explain {width: 1000px;}    
}

@media (max-width: 1200px){   
    .banner{height: auto;}
    .banner > div:nth-child(1) img{width: 100%;}    
    .exam_TB_circle{right: 0;}
}

@media (max-width:767px){    
    .date{display: inline-block;}
    #exam_TB{margin: 25% auto 0;}
    @media screen and (max-width:360px){#exam_TB{margin: 30% auto 0;}}
    #exam_TB span{display: block;}
    #exam_TB td{width:55%;}
    .rule dd br{display:block;}
}
/*各大相容檢視*/
@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 {
}