﻿#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{padding:1rem;}
.bg-yellow{
    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;}
.bg-light-gray{background-color:#F6F6F6;}
#EventContainer .bgcolor4{background-color:#E4E4E4;}
#EventContainer .bgcolor5{background-color:#DFDFDF;}
#EventContainer #Master_title{background:initial;height: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;}
@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:auto;justify-content:center;}
.training_photo img{margin:auto 0.5rem;width:calc(90%/4 - 0.5rem);}
.training_note{
    font-size:1em;text-align:center;line-height:1.7em;padding:2% 0;
    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:clamp(1.3rem, 2vw, 1.8rem);}
.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;text-align: center;}
.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:1024px){
    div#Ask SELECT{width:auto;padding:0 0.25rem;}
    div#Ask input{width:20%;}
}
@media (min-width:1201px){
    #event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width:1200px;margin:auto;}
    .banner, .explain {width:1200px;}    
}
@media (max-width:1200px){   
    .banner{height:auto;}
    .banner > div:nth-child(1) img{width:100%;}    
    .exam_TB_circle{right:0;}
}
@media (max-width:1023px){   
    div#Ask input,div#Ask SELECT{width:100%;}
}
@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;}
    .training_photo img{margin:0.15rem;width:calc(90% / 2 - 0.15rem);}
}