﻿#event_master h2{font-size:3.2rem;}
#EventContainer .bgcolor{background:#e64929;}
#EventContainer .bgcolor0{background:url(../images/1306009_01.png) no-repeat bottom;}
#EventContainer .bgcolor1{background:#fdd000;}
#EventContainer .bgcolor2{background:url(../images/1306009_line.png) no-repeat top;}
#EventContainer .bgcolor4{background:url(../images/1306009_bg.png) no-repeat bottom fixed;}
#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth,#event_seventh{padding:2rem 1rem;}
.text-balance{text-wrap:balance;}
.ml-1{margin-left:0.25rem;}
/* 抱佛腳神招 */
.banner{text-align:center;}
.banner h1{font-weight:bold;font-size:5.5rem;}
.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;}
/* 考前神招 */
.hotkey{position:fixed;right:0;top:25%;z-index:4;background-color:rgb(255 243 238 / 90%);padding:0.25rem;border-radius:5px;}
.hotkey dl{font-size:1.25rem;padding:1rem;border:4px double #e64929;color:#e64929;border-radius:5px;}
.hotkey dl dt{text-align:center;background-color:#e64929;color:white;margin:auto 0 0.25rem;padding:0 0.25rem;}
.hotkey dl dd a{color:#e64929;}
/* 神預言 */
.youtube-shorts-container{position:relative;padding-bottom:177.78%; height:0; overflow:hidden;margin:auto 0.5rem;}
.youtube-shorts-iframe{position:absolute; top:0; left:0; width:100%; height:100%;border-radius:0.5rem;}
.cram_title{position:relative;font-size:4rem;font-family:'Noto Serif TC',serif;font-weight:900;}
.title_des{background-color:black;color:white;padding:0.25rem 2rem;border-radius:3rem;font-size:2.5rem;display:block;width:fit-content;position:relative;margin:1.2rem 0 0.3rem 0;}
.title_des::after{margin:0 0rem;position:absolute;right:-77px;top:40px;content:'';width:164px;height:41px;background:url(../images/1306009_cloud.png) no-repeat 100% 100%;}
.film_title{display:flex;flex-wrap:wrap;}
.film_title .name{padding:0 0 0 1rem;}
.file_box{width:calc(100%/2 - 0.35rem);margin:auto;}
.file_box a{margin:0.5rem auto auto;}
.tea_pic{width:120px;height:120px;overflow:hidden;border-radius:50%;background:linear-gradient(to top,#f1dfc8 15%,#ffffff 85%);margin:auto;}
.tea_pic img{width:100%;}
/* 影片上架 */
.film_box dt{display:flex;flex-wrap:wrap;}
.film_box .name{padding:0 0 0 1rem;}
.film_box dd{padding:0 0.2rem;}
.film_box a{margin:0.5rem auto auto;}
.film_box .m-auto{margin:auto;}
.honor{position:relative;}
.honor dd a{font-size:1.5rem;}
.honor .drawn{width:calc(100% - 0.4rem);background:linear-gradient(to bottom,#DDE2E5,white);display:block;margin:0.3rem auto auto;position:relative;overflow:hidden;}
.honor .drawn::before{content:'';background-color:#D898BA;border-radius:2rem;width:45%;height:80%;position:absolute;right:-3rem;bottom:-1rem;transform:rotate(25deg);}
.drawn figure{padding:6% 0 0;}
.drawn figure img{margin:auto 0 auto auto;position:relative;width:37.5%;}
.method{position:absolute;top:25%;text-align:left;padding:0 0 0 5%;}
.name small{font-size:1rem;font-weight:initial;}
.essay{padding:3rem 0 0;}
.essay_title{font-size:1.9rem;border-bottom:solid 5px;font-weight:bold;line-height:2.25rem;padding:0 0 0.25rem 0;}
.essay_title small{font-size:1rem;padding:0 0 0 1rem;font-weight:initial;}
.essay li{padding:0.25rem 0;font-size:1.2rem;margin:auto 1rem;}
.essay ul li div{font-size:1.35rem;font-weight:bold;color:#e64929;}
.essay ol{margin:0.2rem 0 auto 0rem;}
.essay ul li:first-of-type ol li:nth-of-type(n+1):nth-of-type(-n+3){width:auto;margin:auto 2.35rem auto 0;}
.essay ul li:first-of-type ol li small{font-size:0.85rem;}
.essay ol li::before{content:'•';padding:0 0.5rem 0 0;}
.shorts_list{padding:1rem 0;}
.shorts_list a{font-size:2rem;background-color:rgb(230 73 41 / 70%);color:white;padding:0.2rem 1.5rem;margin:0.3rem 1rem;border-left:solid 7px #d3a243;border-radius:0 1.5rem;text-decoration:none;}
.shorts_list a.active{background-color:rgb(230 73 41 / 100%)}
.stream_wrap button{font-size:1.25rem;}
.video-wrap{width:calc(100%/2);}
.video-wrap iframe{border-radius:1.0rem 0 0 1.0rem;}
.film_cont .opacity{opacity:0.5;}
.film_cont{font-size:1.2rem;padding:1rem 1rem 0 2rem;background:radial-gradient(ellipse at center,#ffffff 70%,#ffebce 100%);width:calc(100% / 2);border-radius:0 1.0rem 1.0rem 0;}
.source_cont{width: 100%;border-radius:1.0rem;padding:1rem 2rem 2rem;}
.lawsource{font-size:1.9rem;font-weight:bold;line-height:2.25rem;word-break:keep-all;overflow-wrap:anywhere;align-items: center;justify-content: flex-start;}
.lawsource .opacity{margin: auto 0 auto 1rem;}
.lawsource a{margin: auto auto auto 0.5rem;}
.film_cont dl dt{border-bottom:dotted 1px;margin-bottom:1.0rem;font-size:1.2rem;}
.film_cont dl dd{display:list-item;list-style-type:decimal;margin:auto auto auto 1.25rem;padding:0.5rem 0;font-size:1.4rem;}
.film_cont dl dd span{color:#e64929;font-weight:bold;}
.episode{font-size:1.5rem;padding:2rem 2rem 0;color:#d3a243;text-align:right;}
.episode a{margin:auto auto auto 0.5rem;}
.line_add li{display:inline-block;}
.line_add b{padding:0 0.25rem 0 0;color:#FFF9C4;font-weight:initial;}
.line_add a{background-color:rgba(27,127,204,.8);color:white;padding:0.25rem 1rem;border-radius:2rem;display:inline-block;margin:0.5rem 0.5rem 0.5rem 0;text-decoration:none;font-weight:bold;font-size:1.2rem;}
.source_cont .text-red{color:#e64929;font-weight:bold;}
.source_cont dl{font-size:1.4rem;}
/* 拆招式 */
.segment dl{text-align:center;margin:0 auto;background-color:white;width:calc(100% / 2 - 1rem);border-left:solid 6px #d3a243;border-radius:0 1.5rem;padding:0.8rem;background:radial-gradient(ellipse at center,#ffffff 40%,#ffebce 80%);}
.segment dl dt{font-size:2.5rem;color:#039be6;}
.segment dl dt i{margin:auto 0.5rem auto auto;}
.segment dl dd{font-size:1.7rem;color:#d3a243;text-align:left;}
.segment dl dd i{margin-right:0.4rem; }
.segment dl dd a{background:radial-gradient(ellipse at center,#fff8e4 20%,#c0934e 80%);display:inline-flex;flex-wrap:wrap;padding:0.15rem 0.5rem;border-radius:2rem;text-decoration:none;margin:0.125rem 0.5rem 0.125rem auto;font-size:1.2rem;color:black;}
.segment .twice a:first-of-type{margin:auto 0.5rem auto 0.5rem;}
/* 加分項 */
.issue dl{width:calc(100%/4 - 1rem);margin:0.5rem;}
.issue dl dt{border:0px solid #e0e0e0;border-radius:0.5rem 0.5rem 0 0;overflow:hidden;background:linear-gradient(to top,#f1dfc8 15%,#ffffff 85%);}
.issue dl dt img{text-align:center;margin:0 auto;}
.issue dl:nth-last-child(1) dt img{height:130px;}
.issue dl dd{padding:0rem 0;line-height:1.5rem;text-wrap:pretty;}
.issue_title{padding:0.15rem 0.2rem;background-color:#1c1508;color:#fdd000;width:100%;display:inline-block;text-align:center;border-bottom:dotted 1px #FFF;line-height:2.0rem;}
.issue_title:hover{position:initial;}
/* 定心丸 */
.witness dl{width:calc(100%/2 - 2rem);margin:1rem;background-color:white;border-radius:0rem;padding:1rem 0;}
.witness dl dt{border-left:4px solid #039be6;font-size:1.3rem;margin:0.5rem auto auto -2px;padding:0 1rem;color:#039be6;line-height:1.6;}
.witness dl dt small{font-size:0.7em;}
.witness dl dd{padding:1rem 2rem;position:relative;}
.witness dl dd strong{font-size:1.1rem;padding:0 1px;}
.witness .read{background-color:#039be6;position:absolute;right:2rem;bottom:0;color:#ffffff;border-radius:1rem;padding:0 0.8rem;}
.witness dl dd a:hover{top:initial;}
.witness .rank{color:black;margin-right:0.5rem;background-color:#f1daac;font-size:1.2rem;padding:0.2rem 0.5rem;}
.cram_btn{text-align:center;}
.cram_btn a{background:radial-gradient(ellipse at center,#fff8e4 20%,#c0934e 80%);display:inline-flex;flex-wrap:wrap;padding:0.5rem 1.5rem;border-radius:2rem;font-size:1.5rem;text-decoration:none;margin:0.5rem;}
@media screen and (min-width:1201px){	
    .mr-4{margin-right:1rem;}
    .mr-6{margin-right:1.5rem;}
	#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth,#event_seventh{width:1200px;margin:auto;}
}
@media screen and (min-width:1024px){	
    .segment ul{width:fit-content;margin:auto;}
}
@media screen and (max-width:1200px){
    .hotkey{position:fixed;top:auto;bottom:0;z-index:4;width:100%;background-color:rgb(255 219 203 / 100%);}
    .hotkey dl{padding:0.5rem;display:flex;flex-wrap:wrap;justify-content:center;}
    .hotkey dl dd{margin:auto 0 auto 0.5rem;}
    .issue dl{width:calc(100%/4 - 1rem);}
    .issue dl dt{width:auto;}
    .witness dl{padding:1rem 0 2rem;}
    .witness .read{bottom:-1rem;}  
    .essay{padding:2rem 0 0;}   
    #event_sec .essay ul li:first-of-type ol li:nth-of-type(3){width:calc(100%/3);margin:auto;}
    .stream_wrap .VueCarousel-navigation-prev[data-v-453ad8cd]{left:0.75rem;}
    .stream_wrap .VueCarousel-navigation-next[data-v-453ad8cd]{right:0.75rem;}
    .episode{padding:0;}
    .film_cont{padding:0.5rem 1rem 0.25rem 2rem;}
    .film_cont dl dt{margin-bottom:0;}
    .film_cont dl dd,.source_cont dl{font-size:1.1rem;}  
    .line_add a{margin:0.25rem 0.25rem 0.25rem 0;}  
}
@media screen and (max-width:1023px){	
    .essay ul li:first-of-type ol li:nth-of-type(n+1):nth-of-type(-n+2){width:100%;}
    #event_sec .essay ul li:first-of-type ol li:nth-of-type(3){width:calc(100%/2);margin:0;}
    .video-wrap{width:100%;}  
    .film_cont{padding:1rem;width:100%;border-radius:0 0 1.0rem 1.0rem;}
    .source_cont{border-radius:1.0rem;}
    .video-wrap iframe{border-radius:1.0rem 1.0rem 0 0;}
    .shorts_list a{margin:0.3rem;}    
}
@media screen and (max-width:767px){
    .essay ol li,.essay ul li:first-of-type ol li{font-size:1.1rem;}
    .essay ol li::before{padding:0 0.25rem 0 0;}
    .essay ul li:first-of-type ol li:nth-of-type(n+1):nth-of-type(-n+2){width:100%;text-indent:-0.7rem;padding:0rem 0 0.75rem 0.7rem;}
    .essay_title small{display:block;;padding:0;}
    .essay ul li div{font-size:1.25rem;}
	.shorts_list a{font-size:1.1rem;padding:0.2rem 0.5rem;border-left:solid 4px #d3a243;border-radius:0 1.0rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){ 
	#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth,#event_seventh{padding:1rem 1rem;}
	.title_des{font-size:1.5rem;margin-bottom:1.0rem;}
	.title_des::after{top:23px;}
	.cram_title{font-size:2.0rem;}    
	.segment dl{margin:0.2rem;width:100%;}
	.segment dl dt{font-size:1.5rem;}
	.segment dl dd{font-size:1.4rem;}
    .segment ul li{padding:0 0 0.25rem 0;}
    .hotkey dl{font-size:1rem;}    
    .issue dl{width:calc(100%/2 - 1rem);}
    .witness dl{width:100%;}
    .file_box{width:100%}
    .file_box:last-of-type{margin:1rem auto auto;}
    .cram_btn a{font-size:1.25rem;} 
    .line_add a{margin:0.5rem 0.5rem 0 0;}
}
	
