﻿:root{
    --white:#FFFFFF;
}
.bgcolor{background: url(../images/1407068/1306009_line.png) no-repeat top #efdcb77d;}
.bgcolor0{background:url(../images/1407068/1407068_01.png) no-repeat bottom;}
.bgcolor1{background:#60e6c8;}
.bgcolor2{background:url(../images/1407068/1306009_line.png) no-repeat top;}
.bgcolor4{background:url(../images/1407068/1306009_bg.png) no-repeat bottom fixed;}
#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh{padding:2rem 1rem;}
/* 抱佛腳神招 */
.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:35%;z-index:4;background-color:rgb(255 219 203 / 50%);padding:0.25rem;border-radius:5px;}
.hotkey dl{font-size:1.25rem;padding:1rem;border:4px double #c33a24;color:#c33a24;border-radius:5px;}
.hotkey dl dt{text-align:center;background-color:#c33a24;color:white;margin:auto 0 0.25rem;padding:0 0.25rem;}
/* 神預言 */
.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/1407068/1306009_cloud.png) no-repeat 100% 100%;}
.tea_group{margin:1rem auto;}
.tea_man{width:100%;justify-content:center;}
.tea_man li{margin:0.5rem auto 0.8rem;text-align:center;font-size:1.3rem;}
.tea_group dl dd strong{/*padding:0 0.25rem 0 0;*/display:block;}
.tea_man li strong{color:#7950b5;margin:auto 0.25rem auto auto;}
.tea_pic{width:250px;height:250px;overflow:hidden;border-radius:50%;background:linear-gradient(to top, #f1dfc8 15%, #ffffff 85%);margin:auto;}
.tea_pic img{width:auto;height:250px;margin:auto;}
.line_link{color:#c08d3d;}
.stu_link{color:#7950b5;}
.step div{color:#000;border-bottom:dotted 1px;margin:2% 0 0;}
.cloud_zone{font-size:1.25rem;text-align:center;}
.cloud_zone i{margin-right:0.25rem;}
.key_text{background-color:white;padding:0 0.5rem;}
.step dl{width:calc(100%/2);font-size:1.125rem;padding:0 2rem 0 0;}
.step dl:first-of-type{width:100%;padding:0;}
.step dl:last-of-type{padding:0;}
.step dl dt{background:linear-gradient(to right, #6f4f9f 50%, rgb(255 255 255 / 0%) 100%);padding:0.3rem 0 0.3rem 0.5rem;color:white;font-size:1.3rem;font-weight:bold;}
.step dl dt span{color:#ffd8be;margin:auto auto auto 0.5rem;font-style:oblique;}
.step dl dd{padding:0 0 0 0.5rem;}
.step dl dd a{margin:auto 0.25rem;font-weight:bold;}
.step dl:first-of-type dd{display:flex;flex-wrap:wrap;padding:0 0 1rem;}
.step dl:first-of-type dd ul{width:calc(100%/3);padding:0 1rem 0 0.5rem;}
.decimal li{display:list-item;list-style-type:decimal;margin:auto auto auto 1.5rem;padding: 0.1rem;}
.decimal span{color: #6f4f9f;font-weight: bold;font-size: 1.5rem;padding: 0.7rem 0.2rem 0.2rem;display: inline-block;border-bottom: dotted 2px;margin-bottom: 0.5rem;}
.step .member{color:#c33a24;font-weight:bold;}
.step dl dd.ask_branch{padding:0.5rem 0 0;}
/* 拆招式 */
.cram_data li{border-radius:2rem;width:calc(100%/2 - 1rem);margin:0.5rem;border:5px solid #c0934e7a;background:radial-gradient(ellipse at center, #ffffff 40%, #f4dfb6 80%);color:#6f4f9f;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.cram_data li a{font-size:1.8rem;text-decoration:none;padding:1.2rem 0.2rem;text-align:center;color:#6f4f9f;}
.cram_data li:first-of-type a{padding:0.2rem 0.2rem 1rem;}
.cram_data li b{background-color:#c33a24;font-size:1.2rem;color:white;padding:0rem 0.5rem;transform:skewX(-10deg);margin-left:0.5rem;display:inline-flex;}
/* 吸精術 */
.book_kill{padding:1rem 0;}
.book_kill ul li{display:flex;flex-wrap:wrap;align-items:center;width:calc(100%/2);justify-content:center;font-size:1.5rem;padding:0 2rem;}
.cram_btn{text-align:center;padding-top:1%;}
.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;}
/* 加分項 */
.issue dl{width:calc(100%/2 - 1rem);margin:0.5rem;text-align:center;background:linear-gradient(to top, #f1dfc8 15%, #ffffff 85%);border-left:solid 6px #d3a243;border-radius:0 1.5rem;padding:0.8rem;display:flex;flex-wrap:wrap;overflow:hidden;}
.issue dl dt{border:0px solid #e0e0e0;border-radius:0.5rem 0.5rem 0 0;width:150px;height:150px;border-radius:50rem;overflow:hidden;}
.issue dl dd{padding:0 1rem;line-height:2rem;text-wrap:pretty;width:calc(100% - 150px);}
.issue dl dd div{font-size:1.25rem;}
.issue dl dt img{width:100%;}
.issue dl:last-of-type dt{border:1px solid #d5a144;}
.issue dl:last-of-type dt img{height:150px;object-fit:cover;background-color:white;}
.issue_title{padding:0.15rem 0.2rem;width:100%;text-align:center;border-bottom:dotted 1px #FFF;font-size:2rem;color:#d3a243;display:inline-block;margin-bottom:0.5rem;}
.issue_title:hover{position:initial;}
@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 (max-width:1200px){
    .hotkey{position:fixed;top:auto;bottom:0;z-index:4;width:100%;background-color:rgb(255 219 203 / 100%);margin:auto;}
    .hotkey dl{padding:0.5rem;display:flex;flex-wrap:wrap;justify-content:center;}
    .hotkey dl dd{margin:auto 0 auto 0.5rem;}
    .lecture .tea_group{width:100%;}
    .tea_pic{width:120px;height:120px;}
    .tea_pic img{height:120px;}
    .step li{margin:auto auto auto 1.25rem;}
    .book_kill ul li img{width:90%;margin:auto;}
    .issue dl dt{margin:auto;}
    .issue dl dd{width:100%;}
    .pin_top{z-index:4;}
}
@media screen and (max-width:1023px){
    .cram_data li, .cram_data li:first-of-type{width:100%;}
}
@media screen and (max-width:767px){ 
    .cram_btn a{padding:0.5rem 1rem;}
}
@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;}
	.tea_group dl dt{font-size:1.5rem;}
    .cram_data li a, .cram_data li:first-of-type a{font-size:1.35rem;padding:1rem 0;}
	.cram_btn a{font-size:1.0rem;}
    .hotkey dl{font-size:1rem;}    
    .tea_man{justify-content:center;}
    .step dl{width:100%;}
    .step dl:nth-of-type(2){padding:0 0 1rem;}
    .book_kill ul li{width:calc(100% - 0.25rem);}
    .book_kill ul li:first-of-type{margin:auto auto 1rem;}
    .issue dl{width:calc(100% - 1rem);} 
    .step dl:first-of-type dd ul{width:calc(100%);padding:0 0 0 0.5rem;}
}
	
