@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
:root{
    --white: #FFFFFF;
    --grape: #962a5c;
    --swiper-theme-color: #f8f4ce !important;
    --text: microsoft yahei;
}
main{font-family: 'Noto Sans TC', sans-serif;}
#event_sec, #event_fourth, .event_wrap{padding: 1rem;}
#event_fifth{padding: 1rem 1rem 0;}

/*商科公職金榜*/
article{background:white;}
.bg-grape{ background: linear-gradient(to bottom, #eb540b 40%, #ed8300 60%, #ffda4b 100%);position: relative;overflow: hidden;z-index: 0;border-bottom: double 16px #ffffff;border-radius: 0% 0% 7rem 7rem;border-block-end-width: 23px;}
.bg-grape_2{background: linear-gradient(to bottom, #eb540b 20%, #ed8300 40%, #ffda4b 70%);border-bottom: initial;border-radius: 0;border-block-end-width: initial;padding-bottom: 0rem !important;}
.bg-grape::before{position: absolute;content: '';background: url("../../images/1212081/1212081_bg.png") top center / 100% auto;width: 1628px;height: 600px;left: 0;top: -42%;z-index: -1;filter: blur(3px) opacity(0.8);}
.banner_title h1, .banner_title h2{
    font-size: 5.7rem;text-align: center;font-family: microsoft yahei;font-weight: bold;margin: 0.8rem auto;
    background: linear-gradient(to bottom, white 60%, #ffd700 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; 
}
.banner_title dl dt{text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 1rem;margin-bottom: 1rem;}
.banner_title dl dt span{
    border: 3px solid #eda800;background: linear-gradient(45deg, #fffc78 30%, #fffa2b 40%, #ffc92b 40%, #fcff2b 70%);font-size: 3rem;font-family: var(--text);position: relative;
    padding: 0 1rem;border-radius: 2.5rem;font-weight: bold;margin: auto 0.5rem;box-shadow: 0 8px 9px 4px #610c33;z-index: 0;
}
.banner_title dl dt span::before,.seq_subject::before{content: '';position: absolute;right: -4.2rem;bottom: -5rem;background: url(../../images/1312078/1312078_star.png) top center / 100% auto;width: 150px;height: 175px;filter: blur(.1px) opacity(0.96);z-index: 1;}
.banner_title dl dt span:nth-of-type(even)::before{left: -5.5rem;right: initial;top: -6.5rem;bottom: initial;width: 180px;height: 210px;}
.banner_title dl dd{font-size: 4.3rem;color: white;text-align: center;letter-spacing: 2px;text-shadow: 1px 4px 4px #610c33;font-family: var(--text);margin-bottom: 1rem;}
.banner_title dl dd span{color:#ff4e16;font-weight: bold;text-shadow: 1.5px 0 2px white, -1.5px 0 2px white, 0 -1.5px 2px white, 0 1.5px 2px white, 0 0 10px white;margin-left: 0.3rem;}
.banner_title_container{ display: flex;flex-wrap: wrap;justify-content: center;align-items: center;column-gap:1rem;margin-top: 2rem;}
/**/
.bg-grape-peach{background: linear-gradient(to bottom, white 2%, #ffedaa 18%, #edaf00 60%, #f99719 100%);}
.student dl{;padding: 1rem 0;}
.student dl dt{position: relative;text-align: center;}
.student dl dt a{z-index: 3;position: relative;top: -2.5rem;font-size: 1.75rem;text-shadow: 1px 2px 2px #610c33;color: #fffbc9;}
.student dl dt small{display: block;top: -1rem;position: relative;}
.student dl dt img{width: 180px;height: 180px;border-radius: 50%;object-fit: cover;margin: auto;z-index: 1;}
.student dl dt::before{background-image: url(../../images/1312078/circle.png);content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto;background-size: 225px 225px;width: 225px;height: 225px;z-index: 2;filter: drop-shadow(0px 3px 3px #fff);}
.student dl dt::after{
    content: '';position: absolute;top: 0;left: 0;right: 0;
    margin: auto;width: 180px;height: 180px;z-index: -2;border-radius: 50%;
    background: -moz-radial-gradient(50% 70%, circle closest-corner, #FFFFFF 60%,#dddbc9 90%);/* FF3.6+ */
    background: -webkit-radial-gradient(50% 70%, circle closest-corner, #FFFFFF 60%, #dddbc9 90%);/* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(50% 70%, circle closest-corner, #FFFFFF 60%, #dddbc9 90%);/* Opera 11.10+ */
    background: -ms-radial-gradient(50% 70%, circle closest-corner, #FFFFFF 60%, #dddbc9 90%);/* IE10+ */
    background: radial-gradient(50% 70%, circle closest-corner, #FFFFFF 60%, #dddbc9 90%);/* W3C */
}
.student dl dd{font-size: 1.5rem;text-align: center;}
.student dl dd .grade{
    color:#d91a2b;font-weight: bold;display: block;font-size: 1.75rem;padding-bottom: .5rem;border-bottom: dashed 1px black;margin-bottom: .5rem;margin-inline:.5rem;
    text-shadow: 1.5px 0 2px white, -1.5px 0 2px white, 0 -1.5px 2px white, 0 1.5px 2px white, 0 0 10px white;font-family: var(--text);
}
.student dl dd .rank{background: #ff4e16;color: white;padding: 0 1rem;border-radius: 2rem;font-size: 0.8em;display: inline-block;margin-left: 0.2rem;}
.student .text-sm{font-size: 1rem;}
.student dl dd.text-sm .rank{padding: 0 0.35rem;font-size: 0.9em;}
.student dl dd .top{padding: 0 0.75rem;}
#event_sec .swiper-button-next:after, #event_sec .swiper-button-prev:after{font-size: 2rem;}

/*連續三年強佔TOP10*/
.bg-peach{background: linear-gradient(to bottom, white 0%, #f4dc62 40%, #ffe541 100%);}
.event_third_container{background: linear-gradient(to bottom, #fff5dc 20%, white 50%);border-radius: 3rem;padding: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.bg-peach-bottom{background: linear-gradient(to bottom, #f99719 40%, #ffe540 100%);padding: 1rem 0;}
.bg-peach-top{background: #f75b1d;padding: 2rem 0;}
.seq_title{text-align: center;color:#d91a2b;font-size: 3rem;font-family: microsoft yahei;font-weight: bold;}
.seq_title_2{color:#fff5dc;}
.all-billboard{margin: 1rem auto .5rem;}
.sort-bill{width: 5rem;height: 5rem;display: flex;align-items: center;font-size: 1.3rem;line-height: 1.3;justify-content: center;background: url(https://goldensun.get.com.tw/Event/Busi_billboard/images/1110072_11.png) center / 100% auto;font-family: microsoft yahei;font-weight: bold;color: #b87b1e;}
.all-billboard ul{width: calc(100% - 5rem);border-bottom: 2px solid #ddb941;font-size: 1.45rem;padding:0 0 1rem;line-height: 1.6;}
.all-billboard li{color: #7a582a;padding: 0 1rem 0 .5rem;}
.all-billboard li p{text-indent:9.75rem;}
.board_btn{text-align: center;}
.board_btn a{font-size: 1.25rem;display: inline-block;margin: 0.25rem 0.5rem;color: var(--grape);}

/*私校 ‧ 科大 ‧ 跨學科連續考取實證*/
.evidence_tab{padding: 1rem 0 0;}
.evidence_tab a.active{background: linear-gradient(-45deg, #ca9c22 20%, #f4dc62 49%, #f4dc62 51%, #ca9c22 80%);border:3px solid #f8f4ce;color: white;text-shadow: 1px 2px 2px #610c33;font-weight: bold;}
.evidence_tab a{background:linear-gradient(to right, #ffffff60 , transparent);color: white;font-size:1.75rem;padding:0.25rem 1rem;border-radius:2.5rem;font-weight:normal;margin:auto .5rem;text-decoration:none;}
.evidence_cont dl{font-size: 1.2rem;color: white;border-bottom: 2px solid #ddb941;padding: 1rem 0 0.5rem;}
.evidence_cont dl dd:first-of-type{background: linear-gradient(to right, #ffffffe6 60%, transparent 100%);color: #d91a2b;margin: 0.25rem 0;}
.evidence_cont dl .more{color: #f4dc62;}
.evidence_cont small{text-align: right;display: block;padding: 0.5rem 0 0;color:#fff5dc;}

/*上榜3大關鍵*/
.seq_title img{max-width: 100%;width: 135px;}
.key_cont{margin: 0 auto 2rem;column-gap: .2rem;}
.key-title{width: 100%;font-size: 2.5rem;text-align: center;margin-bottom: .5rem;position: relative;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.key-title:before{position: absolute;content: "";width: 34%;border: dashed #e7373a 1px;top: 40%;left: 0;;}
.key-title:after{position: absolute;content: "";width: 34%;border: dashed #e7373a 1px;top: 40%;right: 0;}
.key-number{width: 2rem;height: 2rem;display: inline-flex;align-items: center;justify-content: center;border: 2px solid black;border-radius: 50%;font-size: 1.8rem;}
.key-number+span{color: #e7373a;}
.key-points dl{display: flex;flex-wrap: wrap;width: calc(100%/4.1);text-align: center;font-size: 1.25rem;padding: 1rem 0 0;margin-bottom: 1rem;border-radius: 10px 10px 0 0;}
.key-points dl:nth-of-type(odd){background: linear-gradient(to right, #897ebf 80%, #7164a7 100%);}
.key-points dl:nth-of-type(even){background: linear-gradient(to right, #a74f90 80%, #8b2f77 100%);}
.key-points dt{order: 2;width: 100%;background-color: var(--grape);color: white;margin-top: 1rem;font-size: 1.55rem;line-height: 1.8;}
.key-points dl:nth-of-type(even) dt{background-color: #c24273;}
.key-points dd{order: 1;width: 100%;color: #fff100;}
.key-points .key-des{color: white;font-size: initial;text-align: left;font-weight: initial;padding: 0 1rem;}
.key-points dl:nth-of-type(1) .key-des{padding-bottom: 5rem;}
.key-points dl:nth-of-type(2) .key-des{padding-bottom: 8rem;}
.key-points .month{color: #fdf681;font-size: 1.55rem;}
.teaching{width: calc(100%/3 - 1rem);border-radius: 1.5rem;height: 100%;overflow: hidden;}
.teaching dl{background: linear-gradient(to bottom, white 60%, #fff2d4 100%);padding: 0.5rem 1rem;height: 6rem;}
.multi_mode dl{height: 9rem;}
.teaching dt{color: var(--grape);font-size: 1.4rem;text-align: center;}
.multi_mode .teaching dd{list-style-type: disc;display: list-item;margin-left: 1rem;}
.teaching img{width: 100%;}

/*客製化正規班系*/
.custom_title{background-color: #c24273;color: white;border-radius: 2rem 2rem 0 0;font-size: 2rem;text-align: center;}
.custom_item dl{width: calc(100%/3);padding: 2rem 2rem 0;background: linear-gradient(to bottom, white 60%, transparent);}
.custom_item dl dt{font-size: 1.6rem;color: #f8f4ce;justify-content: space-between;align-items: center;background: #6f2860;border-radius: 6px;padding: .1rem .6rem;}
.custom_item dl dt i{margin: 0 2px;}
.custom_item dl dt span{font-size: 0.8em;color: white;}
.custom_item dl dd{font-size: 1.1rem;padding: 0.35rem 0;}
.custom_item dl dd:last-child{font-size: 0.9rem;color: #3a3a3a;}
.custom_item dl dd u{text-decoration: none;color: #c24273;}
.custom_item .board_btn{padding: 0 0 2rem;}
.custom_item .board_btn a:nth-of-type(1){margin: 0.25rem 1rem 0.25rem 0.25rem;}
.custom_item .board_btn a:nth-of-type(2){margin: 0.25rem 0.25rem 0.25rem 0;}
.custom_item .board_btn a:nth-of-type(3){margin: 0.25rem 0.25rem 0.25rem 0.25rem;}
.custom_item .board_btn a:nth-of-type(4){margin: 0.25rem 0.5rem 0.25rem 0.25rem;}

/*限時組團優惠*/
.bg-peach-orange{background: linear-gradient(to bottom, #f5ada1 0%, var(--grape) 30%);}
.seq_container{justify-content: space-around;align-items: center;}
.seq_subject{
    border: 3px solid #eda800;background:linear-gradient(45deg, #fffc78 30%, #fffa2b 40%, #ffc92b 40%, #fcff2b 70%);border-radius:2rem;padding:0 1rem;
    color:black;text-shadow:2px 2px 2px white;box-shadow: 0 4px 5px 2px #610c33;font-size:2.5rem;margin:auto .2rem;position: relative;
}
.seq_subject2{ font-size: 1.7rem;}
.limit_time{color:#fffa2b;font-weight: bold;}
.whole{color:white;gap: 0.3rem; }
.text-color-white{color:white; }
.mode_plus{font-size: 1.75rem;padding: 0 0 0.5rem 1rem;color: black;display: inline-block;padding: 0 .2rem;border-radius: 4px;}
.seq_container header{ width: calc(100%/2);}
.limit_gift{width: calc(100%/2);}
.limit_gift dl{width: calc(100%/2);position: relative;padding: 1rem 2rem;position: relative;}
.limit_gift dl:nth-of-type(2)::after,.limit_gift dl:last-of-type::after{content: none;}
.limit_gift dl::after{content: '';width: 1px;height: 100%;background-color: white;display: block;right: 0.5rem;top: 0;position: absolute;transform: rotate3d(1, 1, 1, 45deg);}
.limit_gift dl dt{font-size: 2rem;color:#fffa2b;}
.limit_gift dl dd{font-size: 1.25rem;}
#Ask{background: linear-gradient(to bottom, #fff2e2 30%, #ffc683 100%) !important;color: #2a2a2a !important;}
.ask_btn{font-size: 2rem;justify-content: center;font-style: italic;padding: 1rem 0;}
.ask_btn i{animation: myfirst 1s infinite alternate ease-in-out;padding: 0 0 0 0.5rem;}
.ask_btn small{font-size: 1rem;padding: 0 0 0 1rem;font-style: initial;}
@keyframes myfirst{ from{opacity: 1;}15%{opacity: 0;}25%{opacity: 1;}100%{opacity: 1;}}
section .community{background:linear-gradient(-45deg, #b17d27 0%, #fdfbd5 25%, #b17d27 50%, #fdfbd5 75%, #b17d27 100%);color: white;}
.community dt a{color: black!important; }
.community dd{border-radius:6px;}
.community dd:nth-of-type(even){background: white !important;}

@media screen and (min-width: 1180px){	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, .event_wrap{width: 1200px;margin: auto;}
	#event_third{margin: 0 auto 3rem;}
    .swiper-wrapper{flex-direction: row !important;}
    .swiper-slide{width: calc(100%/4);}    
}

@media screen and (max-width: 1179px){
    .all-billboard li p{text-indent:0; }
    .key-title:before,.key-title:after{display: none;}
    .teaching dl{height: 7rem;}
    .seq_container header, .limit_gift{width: 100%;}
    .event_third_container{border-radius: 1.6rem;}
    .custom_item dl dt span{width: 100%;}
}
@media screen and (max-width: 1023px){
    .custom_item dl{padding: 2rem 0.5rem 0;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .swiper-wrapper{flex-direction: row !important;}
    .banner_title h1{font-size:4.5rem;}
    .banner_title dl dt span{font-size: 2.5rem;}
    .banner_title dl dd{font-size: 3.5rem;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .banner_title h1{ font-size: 4rem; }
    .banner_title dl dt span{ font-size: 2.3rem; }
    .banner_title dl dd{ font-size: 3rem; }
}

@media screen and (max-width: 767px) and (orientation: portrait){ 
    .bg-peach-top{padding: 1rem 0;}
    .bg-grape{border-radius: 0 0 2rem 2rem;padding-bottom: 2rem;}
    .banner_title dl dt span::before{right: initial;left: -4.2rem;}
    .banner_title h1{font-size: 3.5rem;}
    @media screen and (max-width: 600px){.banner_title h1{font-size: 3rem;}}
    @media screen and (max-width: 360px){.banner_title h1{font-size: 2.7rem;}}
    .banner_title h1 span{display: block;}
    .banner_title dl dt{justify-content: space-around;}
    .banner_title dl dt span{margin: 0.5rem auto;width: calc(100%/2.3 - .6rem);}
    .banner_title dl dt span{font-size: 1.8rem;}
    .seq_subject{padding: 0 0.5rem;}
    .banner_title dl dd{font-size: 2.3rem;}
    .seq_container{gap: 1rem;}
    .seq_title div:nth-of-type(2){justify-content: center;align-items: center;gap: 1rem;}
    .seq_title{font-size: 2rem;}
    .seq_subject2{font-size: 1.5rem;margin: auto;}
    .all-billboard{ width: 100%;text-align: center;}
    .all-billboard ul{width: 100%;font-size: 1.2rem;}
    .all-billboard ul li{margin-bottom: 1rem;}
    .sort-bill{margin: auto;}
    .key-points dl{width: 100%;padding: 0 0 0.5rem;}
	.key-points dt{order: 1;margin: auto;}	
	.key-points dl:nth-of-type(n+1):nth-of-type(-n+2) .key-des{padding-bottom: initial;}
	.key_cont:nth-of-type(3) .teaching:nth-of-type(n+1):nth-of-type(-n+4) dl{height: initial;}
	.key-title{font-size: 1.6rem;}
    .teaching{width: 90%;margin: auto auto 1rem;}
	.teaching dl{height: auto;}
	.key_cont{margin-bottom: auto;}
    .custom_title{font-size: 1.8rem;padding: 1rem;}
    .custom_item dl{width: 100%;padding: 2rem;}    
    .limit_gift dl, .limit_gift dl:nth-of-type(2), .limit_gift dl:nth-of-type(3){width: 100%;border-bottom: 1px solid white;}
    .limit_gift dl:last-of-type{border: 0;}
    .limit_gift dl::after{content: none;}
    .limit_gift dl dt{font-size: 1.75rem;}
    .evidence_tab a{padding: 0.125rem 0.5rem;font-size: 1.25rem;margin: auto;}
    .event_third_container{padding: 1rem;}
}