@import url(../../../admission-card/css/1307019/banner.css);

:root {
    --white:#FFFFFF;
}
.bgcolor {background: #ffd8be;}
.bgcolor0 {background: url(../../images/1307019/1306009_01.png) no-repeat bottom;}
.bgcolor1 {background: #8ad0d1;}
.bgcolor2 {background: url(../../images/1307019/1306009_line.png) no-repeat top;}
.bgcolor4 {background: url(../../images/1307019/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: 4.2rem;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/1307019/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 1rem 0.5rem 0;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: #c33a24;margin: auto 0.25rem auto auto;}
.tea_pic {width: 200px;height: 200px;overflow: hidden;border-radius: 50%;background: linear-gradient(to top, #f1dfc8 15%, #ffffff 85%);margin: auto;}
.tea_pic img {width: auto;height: 200px;margin: auto;}
.line_link {color: #009f49;}
.stu_link {color: #c33a24;}
.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, #008183 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%/2);padding: 0 0 0 0.5rem;}
.decimal li {display: list-item;list-style-type: decimal;margin: auto auto auto 1.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%/3 - 3rem);margin: 0.5rem 0.5rem 0.5rem 0;border: 3px solid #c0934e;background: radial-gradient(ellipse at center, #ffffff 40%, #ffebce 80%);color: #c33a24;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.cram_data li:first-of-type {width: calc(100%/3 + 4.5rem);}
.cram_data li a {font-size: 1.8rem;text-decoration: none;padding: 1.2rem 0.2rem;text-align: center;}
.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 (min-width: 992px) and (max-width: 1199px) {
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@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);} 
}