.bgcolor1{background:#18b7cc;margin:2.75rem auto auto;position:relative;}
.bgcolor2{background-color:#fffdde;background:radial-gradient(#fff5d7 50%, #b08f15 160%) fixed;}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh{padding:2rem 1rem;}
/*題神降臨*/
.banner{text-align:center;}
.banner .des{font-size:3rem;}
.banner h1{font-weight:bold;font-size:5.5rem;}
.banner h1 strong{display:block;}
.banner_des{font-size:4.5rem;text-align:left;width:fit-content;margin:auto;}
.final{background-color:black;color:white;border-radius:1rem;padding:0 1rem;margin:auto 2rem auto auto;font-size:5rem;}
.seagull{position:absolute;top:-3rem;width:100%;}
.seagull span{background-color:#18b7cc;height:3rem;display:block;border-top:16px #ffffff66 solid;}
.seagull span:first-of-type{width:25%;border-radius:0 3rem 0 0;}
.seagull span:last-of-type{width:75%;border-radius:3rem 0 0 0;}
/*考前題示影音*/
.lecture h2{font-size:3rem;text-align:center;color:#F44336;font-family:"華康超明體", "DFMingXBold-B5", "MStiffHeiHK", sans-serif;font-weight:normal;text-shadow:0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;letter-spacing:1px;}
.lecture h2 strong{font-size:4.5rem;line-height:6rem;font-style:italic;display:block;font-weight:bold;font-family:"Noto Serif TC",serif;background-clip:text;-webkit-background-clip:text;color:#863c93;}
.tea_group{padding:1rem 0;width:100%;}
.film-box{background-color:white;border-radius:1rem;text-align:center;width:385px;margin:.5rem auto auto;overflow:hidden;border:7px #00bcd4a6 solid;}
.video_bg1{background:url(../images/1506071/1506071_video1.jpg?) no-repeat -1rem 0, linear-gradient(to top, #ffeeee 10%, #dbd4bf 6%)}
.video_bg2{background:url(../images/1506071/1506071_video2.jpg?) no-repeat -1rem 0, linear-gradient(to top, #ffeeee 10%, #dbd4bf 6%)}
.video_bg3{background:url(../images/1506071/1506071_video3.jpg?) no-repeat -1rem 0, linear-gradient(to top, #ffeeee 10%, #dbd4bf 6%)}
.video_bg4{background:url(../images/1506071/1506071_video4_big.jpg?) no-repeat, linear-gradient(to top, #ffeeee 10%, #dbd4bf 6%);}
.tempt-box{padding:56px 0 0;}
.film-box i{font-size:1.5rem;display:block;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:auto auto .5rem;color:rgb(255 252 223 / 0%);border:1px solid rgb(255 252 223 / 0%);}
.film-cont{border-top:1px solid rgb(134 60 147 / 50%);padding:1rem 0;margin:auto;justify-content:center;background:linear-gradient(to top, #ffeeee 100%, #ffffff 6%)}
.tempt-box .film-cont{margin:3.9rem auto auto;margin:.6rem auto auto}
.film-box .time{font-size:1.15rem;line-height:1.7rem;color:#fff;background-color:#4d275ade;width:fit-content;padding:1.05rem 2.75rem 1.05rem 1.25rem;margin:0;border-radius:0 100px 100px 0;}
.film-box dl{text-align:left;margin:auto auto auto 2rem;}
.film-box dl dt{font-size:1.25rem;}
.film-box dl dd{font-size:1rem;}
.film-box dl dd strong{font-size:2rem;line-height:3rem;display:inline-flex;padding:0 0.5rem 0 0;color:#863c93;}
.paper{border:2px solid #863c93;border-radius:2rem;padding:0.25rem 1rem;display:inline-block;color:#863c93;text-decoration:none;margin:auto 2rem auto auto;}
.date{color:#FFEB3B;font-size:2.5rem;/* background-color:#863c93; */padding:0.25rem 0.5rem 0.25rem 0rem;border-radius:0.5rem;margin:auto 0.5rem auto -.3rem;}
.open-code{font-size:1.7rem;padding:1rem 3rem 1rem;text-align:center;word-break:keep-all;overflow-wrap:anywhere;border-radius:25px 25px;border-left:9px #fed900 solid;border-right:9px #fed900 solid;line-height:1.8rem;margin:0 auto 3%;width:fit-content;}
.key{color:#fff;background-color:#863c93;border-radius:.1rem;padding:.45rem .5rem;margin:.75rem .25rem 0 .5rem;display:inline-block;font-size:1.62rem;}
.secret{background:linear-gradient(to right,#18b7cc 5%,#dac772 50%,rgb(255 255 255 / 0%) 100%);font-size:3rem;letter-spacing:.7rem;text-align:center;border-radius:0 0 0 0;border-top:4px #ffffff29 solid;border-bottom:4px #ffffff29 solid;color:#ff5722;font-weight:bold;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 16px #fff,0 0 10px #fff}.secret-box{width:600px;}
.secret-box .film-cont{border-top:1px solid rgb(224 83 60 / 50%);}
.secret-box .time{border-radius:100px;margin:auto 3rem auto auto;padding:.5rem 3.5rem;}
.secret-box i{color:#FF5722;border:1px solid #FF5722;}
.other-way{font-size:1.28rem;width:calc(100% - 600px - 2rem);margin:auto;}
.only{font-size:1.25rem;font-weight:normal;color:#fff;margin:auto -2rem .5rem 1rem;border-radius:7px;padding:0.25rem 1rem;background-color:#F44336;display:inline-block;text-shadow:none;letter-spacing:0;vertical-align:middle;}
.other-way ul{background-color:rgb(255 221 221);border-radius:0.5rem;margin:0.5rem auto;padding:1rem 1rem;border-left:16px #dac772 solid}
.other-way ul li{list-style-type:decimal;margin:auto auto auto 1.5rem;}
.other-way ul li a{color:#b0941d;font-weight:bold;}
.other-way ul b{font-size:1.6rem;color:#3273a7;}
/*考猜下載*/
.guess{padding:3rem 0 1.5rem;}
.guess h2{font-size:3rem;text-align:center;color:#F44336;font-family:"華康超明體","DFMingXBold-B5","MStiffHeiHK",sans-serif;font-weight:normal;letter-spacing:1px;}
.guess h2 strong{font-size:5.5rem;line-height:6rem;font-style:italic;display:block;font-weight:bold;font-family:"Noto Serif TC", serif;background:linear-gradient(to top, #86692c, #cab163 70%, #85630c 93%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.guess .des{text-align:center;padding:1rem 0;}
.guess .des a{font-size:1.7rem;line-height:2.2rem;display:inline-block;margin:auto;padding:1rem 2.5rem;border-radius:5rem;text-decoration:none;background:linear-gradient(135deg, #D4AF37 0%, #AA7C11 100%);color:#FFFFFF;box-shadow:0 4px 6px rgba(0, 0, 0, .1);}
.guess .des a:hover{background:linear-gradient(135deg,#E5C158 0%,#B98D1C 100%);transform:translateY(-2px);box-shadow:0 6px 12px rgba(170,124,17,.3)}
.member li{margin:2rem 1rem;font-size:1.25rem;text-align:center;position:relative;}
.member li strong{margin:auto 0.5rem auto auto;}
.member img{border-radius:50%;width:200px;height:200px;object-fit:contain;background:linear-gradient(to top, #fee69e 15%, #ffffff 85%);margin:auto auto 0.5rem;border:5px #dac070 solid;border-right:5px #18b7cc solid;border-bottom:5px #18b7cc solid;}
.member li img.hold_img{border-right:5px #ff6737 solid;border-bottom:5px #ff6737 solid;}
.hold_t{color:#ff4e16}
span.hold_t{background-color:#ff4e16;color:white;width:fit-content;margin:auto;padding:.05rem 1.2rem;font-size:1.15rem; position:absolute;top:175px;left:0;right:0;border-radius:4px;}
.overall{color:#ff4e16;font-size:1.5rem;text-align:center;}
.overall strong{font-size:1.75rem;padding:0 0.25rem;}
@media screen and (min-width:740px){	
    .secret-box{padding:130px 0 0;}
    .secret-box .film-cont{margin:130px auto auto;}
}
@media screen and (min-width:1281px){	
    .lecture{width:1200px;margin:auto;}
}
@media screen and (max-width:1280px){
    .lecture .tea_group{width:100%;}
    .film-box{margin:1rem;}
    .other-way{width:90%;display:flex;flex-wrap:wrap;}
    .other-way ul{width:calc(100%/3 - 0.5rem);}
    .member li{margin:2rem auto;}
    .pin_top{z-index:4;}
}
@media screen and (max-width:1023px){
    .member img{width:150px;height:150px;}
    span.hold_t {padding:.05rem 1rem;top:125px;}
}
@media screen and (max-width:767px){ 
    .banner h1{font-size:3rem}
    .lecture h2 strong{font-size:3rem;line-height:4rem;}
    .guess h2 strong{font-size:3rem;line-height:4rem;}
    .open-code{font-size:1.4rem;padding:.5rem 1rem 1rem;line-height:1.8rem;}
    .only{font-size:1rem;margin:auto -0.5rem .5rem 0;}
    .secret{font-size:2.5rem;}    
    .lecture h2{font-size:2.25rem;line-height:2.25rem;padding:1rem 0 0;}
    .guess h2{font-size:2.25rem;line-height:2.25rem}
    .guess .des a{font-size:1.25rem;line-height:1.5rem;padding:1rem;}
    .guess .des{padding:.5rem 0;}
}
@media screen and (max-width:767px) and (orientation:portrait){ 
	#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh{padding:1rem 1rem;}
    .bgcolor1{margin:1.75rem auto auto;}
    .seagull{top:-2rem;}
    .seagull span{height:2rem;}
    .film-box{width:90%;}
    .film-box dl{margin: auto auto auto 1.25rem;}
    .paper{margin: auto 1.25rem auto auto;}
    .secret-box{margin:auto auto 1rem;padding:81px 0 0;}
    .secret-box .film-cont{margin:81px auto auto;} 
    .secret-box .time{margin:1rem auto auto;}
    .video_bg4{background:url(../images/1506071/1506071_video4.jpg?) no-repeat, linear-gradient(to top, #ffeeee 10%, #dbd4bf 6%);}
    .open-code{margin:auto auto 3rem;width:92.5%;}
    .open-code b{display:block;margin:0.25rem auto auto;}    
    .member li{width:calc(100%/2);margin:0.5rem auto;}
    .member li strong{display:block;margin:auto;}
    .other-way ul{width:100%;margin:auto auto .5rem;}
    .other-way ul b{font-size:1.3rem;}
    .other-way ul li{font-size:1.15rem;}     
    .overall{font-size:1.25rem;word-break:keep-all;padding:.5rem 0;overflow-wrap:anywhere;}
    .overall strong{font-size:1.5rem;}
}