:root {
    --white:#FFFFFF;
}
.bgcolor {background: #ffd8be;}
.bgcolor0 {background: url(../../images/1310065/1310065_01.png) no-repeat bottom;}
.bgcolor1 {background: #8ad0d1;}
.bgcolor2 {background: url(../../images/1310065/1310065_line.png) no-repeat top;}
.bgcolor4 {background: url(../../images/1310065/1310065_bg.png) no-repeat bottom fixed;}
#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh, .eventwrap {padding: 2rem 1rem;}

/* 抱對佛腳 */
.banner {text-align: center;}
.banner_des {font-size: 4.5rem;text-align: left;width: fit-content;margin: auto;}
.video-wrap {width: calc(100%/2 - 2rem);margin: auto;}
.line_add {padding: 2rem 0;}
.line_add a {font-size: 1.5rem;margin: auto;text-align: center;}
.line_add b {}
.line_add strong {color: #de523f;}
/* 保勝符 */
.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;padding: 1.2rem 0 0;}
.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: auto 0 0.3rem 0;}
.title_des::after, .title_dec::after {margin: 0 0rem;position: absolute;right: -77px;top: 40px;content: '';width: 164px;height: 41px;background: url(../../images/1310065/1310065_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;text-align: center;font-size: 1.3rem;justify-content: center;width: calc(100% / 2 - 0.5rem);}
.tea_group dl dd strong {display: block;}
.tea_box dd {position: relative;text-align: left;display: flex;flex-wrap: wrap;align-items: center;}
.tea_box dd::before {content: '';width: 0.5rem;height: 0.5rem;background-color: #de523f;margin: auto 0.5rem auto 0;}
.tea_box a {font-size: 2.3rem;color: #b27f1d;}
.tea_box dt {font-size: 1.4rem;color: #fff;background-color: #de523f;margin: 0.8rem 0.8rem 0.5rem;}
.tea_man li strong {color: #c33a24;margin: auto 0.25rem auto auto;}
.tea_box {margin: 0 0 auto 0.5rem;width: 58%;}
.tea_pic {background: linear-gradient(to top, #f1dfc8 15%, #ffffff 85%);margin: auto;width: 38%;}
.tea_pic img {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;}

/* 加分項 */
.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;}
.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;}

/* 笈大成 */
.book_kill {padding: 1rem;}
.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;}
.book_add {padding: 2rem 0;font-size: 1.5rem;}
.book_add a:first-of-type {margin: auto 0.25rem auto 0;}
.book_add a:last-of-type {margin: auto 0.25rem;}

/* 成功經驗鑑往知來 */
.exp_title {text-align: center;}
.title_dec {position: relative;}
.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.5rem;margin: 0.5rem auto auto -2px;padding: 0 2rem;color: #039be6;}
.witness dl dd {padding: 1rem 2rem;position: relative;}
.witness dl:first-of-type dd {padding: 1rem 2rem 2rem;}
.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: auto 0.5rem;background-color: #f1daac;font-size: 1.2rem;padding: 0.2rem 0.5rem;}

@media screen and (min-width: 1201px) {	
	#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_box {width: 100%;}
    .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: 1280px) {
    .tea_box {width: fit-content;margin: auto;}
    .title_dec {display: block;width: fit-content;margin: auto;}
    .book_kill {width: 95%;margin: auto;}
    .witness dl dt {text-align: center;}
    .witness .rank {display: block;margin: auto;}
}

@media screen and (max-width: 1023px) {
    .cram_data li, .cram_data li:first-of-type {width: 100%;}
    .tea_pic {width: 50%;}
    .tea_man li {margin: 0.5rem auto auto;}
}

@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;}
    .video-wrap {width: calc(100% - 2rem);margin: 0.5rem auto;}
    .line_add {padding: 0.5rem;}
    .line_add .sm\:block {display: block;}
    .line_add a {font-size: 1.35rem;}
    .tea_pic {width: 80%;}
    .tea_man li {width: calc(100%/2 - 0.3rem);}
    .tea_box {font-size: 1rem;}
	.tea_box a {font-size: 1.25rem;}
	.title_des {font-size: 1.5rem;margin-bottom: 1.0rem;}
	.title_des::after {top: 23px;}
	.cram_title {font-size: 2.0rem;}
    .tea_group .tea_box dt, .tea_box dd {font-size: 1rem;}
    .tea_man {justify-content: center;align-items: flex-start;}
	.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;} 
    .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, .witness dl {width: calc(100% - 1rem);}
}