﻿:root {}
.bgcolor {background:#bdc1ea;}
.bgcolor0 {background:url(../images/1410064/1410064_01.png) no-repeat bottom;}
.bgcolor1 {background:#89e7d9;}
.bgcolor2 {background:url(../images/1410064/1410064_line.png) no-repeat top;}
.bgcolor4 {background:url(../images/1410064/1410064_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:0 auto;}
.line_add {padding:2rem 0;}
.line_add a {font-size:1.7rem;margin:auto;text-align:center;color:#2e399f;}
.line_add b {}
.line_add strong {color:#23b19b;}
/* 保勝符 */
.hotkey {position:fixed;right:0;top:35%;z-index:4;background-color:#f1e6d591;padding:0.25rem;border-radius:5px;}
.hotkey dl {font-size:1.25rem;padding:1rem;border:4px double #c0934e;color:#2e399f;border-radius:5px;}
.hotkey dl dt {text-align:center;background-color:#2e399f;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/1410064/1410064_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:#2e399f;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:#2e399f;}
.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, #23b19b 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.5rem 0.5rem 0.5rem 1.5rem;background:linear-gradient(to right, #ffffffe3 70%, #ffffff20 100%);}
.tea_group .step dl dd .w-full{width:100%;}
.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_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;}
.booksbox{width:90%;margin:auto;}
.booksbox img{margin:auto;height:240px;filter:drop-shadow(4px 5px 3px #6e6e6e69);}
.booksbox .VueCarousel-slide{display:flex;flex-wrap:wrap;justify-content:center;}
.booksbox .VueCarousel-slide dl{margin:auto 0 1rem 1rem;}
.booksbox .VueCarousel-slide dl dt{font-size:2.7rem;color:#2e399f;font-family:"microsoft yahei"}
.booksbox .VueCarousel-slide dl dd{font-size:1.2rem;}
/* 成功經驗鑑往知來 */
.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 #2e399f;font-size:1.5rem;margin:0.5rem auto auto -2px;padding:0 2rem;color:#2e399f;}
.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:#2e399f;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:#f9e5be;font-size:1.2rem;padding:0.2rem 0.5rem;}
@media screen and (min-width:1281px){ 
    .md\:block{display:block;}
}
@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:1535px){
    .booksbox .VueCarousel-slide dl{width:100%;text-align:center;margin:0 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;}
    .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;}
    .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;}
    .witness dl dt {font-size:1.25rem;}
}
@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;}
    .issue dl, .witness dl {width:calc(100% - 1rem);}
    .booksbox{width:80%;}
}
	
