@import url("../../../File/css/event.css");
body {font-family:'Noto Sans TC', sans-serif;font-weight:;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
ul,li {margin:0px;padding:0px;list-style-type:none;}
.bgcolor {/*background-color:#00c727;*/background-color:#34c951;background-image:url(../images/1306035_bg.jpg)}
.bgcolor1{background-color:#f3d57c4f}
.bgcolor2 {/* background-color:#14563a; */background-color:#f3d57c4f;/* background-image:url(../images/1306035_bg4.jpg); *//* background-position:center -456px; */background-size:117% 100%;border-top:12px #18563b dotted;border-bottom:12px #ffffff dotted;}
.bgcolor3{background-color:#14563a;background-image:url(../images/1306035_bg3.jpg);background-position:center -456px;}
.bgcolor4 {background-color:#f6f7f6}
.text-2xl {font-size:1.5rem;}
.text-4xl {font-size:2.25rem;}
.flex {display:flex;}
.flex-wrap {flex-wrap:wrap}
.justify-center {justify-content:center;}
.wrap_all br{display:none;}
.nowrap{text-wrap:nowrap}
h1 {font-size:3rem;}
h2 {font-size:2.5rem;}
h3 {font-size:2.25rem;}
:root {
    scroll-padding-top:15rem;
    --white:#fff;
    --black:#000;
    --gray:#2a2625;
    --tiffany:#157a8f;
    --lightTiffany:#058BA9;
    --danger:#e54b2d;
    --lightDanger:#ea6147;
    --rays:#ffde73;
    --raysLinear:linear-gradient(90deg, #ffde73, #fffbee,#ffde73);
    --raysLinear_btn:linear-gradient(45deg, #fcdd7a, #fff4ce, #fff4ce,#fcdd7a);
    --gridTiffanyLinear:linear-gradient(#46a3ba0f 2px, transparent 2px), linear-gradient(to right, #46a3ba0f 2px, #ffffff 2px);
    --gridRedLinear:linear-gradient(#e54b2d0f 2px, transparent 2px), linear-gradient(to right, #e54b2d0f 2px, #ffffff 2px);
    /* --purple:#7d2ad0; */
}


/*主圖*/
#Master_title{position:relative;}
/*#Master_title .gift{position:absolute;top:70%;right:23%;}*/
#Master_title .gift {position:relative;top:-177px;right:-436px;}
.master_mobile{display:none}
/*錨點*/
.bar { width:150px; height:auto; padding:1rem; position:fixed; top:36%; right:1%; z-index:5; background:linear-gradient(to right, rgb(11 219 52 / 80%), #157cead9); border-radius:1.5rem; font-size:1.4rem;  text-align:center; display:flex; flex-wrap:wrap; justify-content:center; }
.bar a{color:#fff;text-decoration:none;border-bottom:dotted 1px;padding:0.1rem;display:inline-block;}
.bar a:hover{color:#faf939;}
.bar ul{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none;}
.bar img{max-width:100%;vertical-align:bottom;}
/*共用*/
/*.title{font-size:3rem;margin-bottom:1.5rem;font-weight:900;text-align:center;}*/
.title {font-size:3.2rem;/* font-weight:900; */text-align:center;font-family:"Microsoft YaHei";margin-bottom:12px;color:#ee724b;font-family:Verdana, "Microsoft YaHei", Meiryo, "Meiryo UI", Arial, sans-serif;}
#event_master .title{color:#378069;}
#event_master .title strong{color:#ff6055;}
#event_sec .title{color:#2d835f;color:#b89736;}
#event_third .title{color:#70c9a2;}
#event_fourth .title{}
#event_fifth .title{color:#fff;}
.imp{color:#ff0000;margin:0 0.5rem;font-weight:bold;}
.imp2{color:#ff0000;margin:0 0.5rem;}
.more{display:flex;flex-wrap:wrap;justify-content:space-around;margin:1.5rem 0;}
.more div {/*border:#ff6055 solid 5px;padding:0.5rem 1rem;border-radius:50px;background-color:#378069;*/}
.ps {padding:1% 0 0%;text-align:center;font-size:1.07rem;}
.ps a{color:#607D8B;}
.ps p {margin:0.2rem 0.2rem 0.5rem;color:#ffffff8a}
.ps p a{color:#ffffff8a}
.ps2 p {margin:0.2rem 0.2rem 0.5rem;color:#607D8B}
.ps2 p a{color:#009fb3}
.ps3 {/*border-top:1px #ee724b dotted;*/display:block;width:70%;margin:1rem auto 0;}
.ps3 p {margin:0.2rem 0.2rem 0;color:#607D8B}
.ps3 p a{color:#009fb3}
/*想進頂尖大學，選擇轉學考成功率更高！*/
.transfer-exam{display:grid;grid-template-columns:1fr 6fr repeat(4, 1fr);grid-auto-rows:1fr;grid-gap:1px;margin:0 0 2%;}
.transfer-exam font{font-size:.95em;line-height:1.4rem;font-weight:normal;height:22px;color:#378069;}
.index-1{grid-column:1/2;grid-row:1/3;}
.index-2{grid-column:1/2;grid-row:4/6;}
.index-3{grid-column:1/2;grid-row:7/8;}
.percent-1{grid-column:2/4;grid-row:1/2;}
.percent-1+div{grid-column:4/-1;grid-row:1/2;}
.percent-2{grid-column:2/5;grid-row:2/3;}
.percent-2+div{grid-column:5/-1;grid-row:2/3;}
.percent-3{grid-column:2/5;grid-row:4/5;}
.percent-3+div{grid-column:5/-1;grid-row:4/5;}
.percent-4{grid-column:2/4;grid-row:5/6;}
.percent-4+div{grid-column:4/-1;grid-row:5/6;}
.percent-5{grid-column:2/-2;grid-row:7/8;}
.percent-5+div{grid-column:-2/-1;grid-row:7/8;}
.index-color{display:grid;align-items:center;font-size:1.2em;font-weight:bold;color:#ff6055;font-family:"Microsoft YaHei";}
.strength-color{background:#d64339;color:white;display:grid;align-items:center;position:relative;font-size:1.5rem;font-family:Verdana, Meiryo, "Meiryo UI", Arial, sans-serif;}
/*.strength-color span{color:yellow;position:absolute;bottom:1%;right:1%;}*/
.strength-color span {color:#FFEB3B;position:absolute;bottom:1%;right:1%;font-family:Verdana, Meiryo, "Meiryo UI", Arial, sans-serif;font-weight:bold;}
.strength-color+div span{color:#000;position:absolute;bottom:3%;right:5%;font-size:.5em;font-family:Verdana, Meiryo, "Meiryo UI", Arial, sans-serif;font-weight:bold;}
.strength-color+div{background:#00BCD4;color:white;display:grid;align-items:center;position:relative;font-family:Verdana, Meiryo, "Meiryo UI", Arial, sans-serif;padding:0 10px 0;}
.test {border-left:#ff6055 solid 8px;border-right:#ff6055 solid 8px;border-radius:20px;width:max-content;margin:0 auto;padding:0.5% 4% 0;}
.test p{ padding:0; margin:0;color:#3e6f86;}
.test p.t1 {font-size:2.2rem;line-height:2.8rem;color:#ff6055;}
.test p.t2 {font-size:1.3rem}
.test p a {font-size:1.3rem}
.test .more a {color:#fff;font-size:1.5rem;text-decoration:none;padding:0.5rem 2rem;border-radius:50px;border:#ff6055 solid 5px;background-color:#378069;}
.test .more a:hover{background:#d64339;}

/* 筆試、書審備考時機 */
.time_subtitle {font-size:1.4rem !important;border-bottom:dotted 1px;font-family:"Microsoft YaHei";}
.time_m{display:none;}
.time{display:grid;grid-template-rows:repeat(3, 1fr);grid-template-columns:repeat(16, 1fr);margin-top:-5%;}
.timeline { grid-column-start:1; grid-column-end:17; grid-row-start:3; grid-row-end:3; }
.timeline{position:relative;display:block;z-index:2;width:100%;display:flex;justify-content:space-around;}
.timeline::before{ content:''; width:90%; border-top:7px solid #ced6d8; display:inline-block; position:absolute; top:36%; z-index:-1; }
.month { position:relative; display:inline-block; width:calc(100%/8 - 15px); border-radius:50%;width:80px;height:80px;background-color:#ffffff; border:#ced6d8 solid 5px;font-weight:bold;transition:all 0.6s ease-in-out;box-sizing:border-box;line-height:70px;}
.item { border:#000 solid 0px; display:inline-grid; margin:0 3px 15px 3px; display:flex; justify-content:center; align-items:center;border-radius:1rem;padding:0.3rem 0.2rem;color:white;font-size:1.1rem;}
.item a { color:#fcfe3d;}
.aug::before,.sep::before,.mar::before,.apr::before,.jun::before,.jul::before{content:""; position:absolute;width:4px; height:20px; bottom:100%; left:calc(50%); background:#3d83a49e;}
.oct::after,.apr::after,.may::after,.jun::after,.jul::after{ content:""; position:absolute;width:4px; height:36px; top:100%; left:calc(50%); background:#b897368a;}
.todo-1{grid-column:1/3; grid-row:1/1;}
.todo-2{grid-column:1/3; grid-row:2/2;}
.todo-3{ grid-column:3/9; grid-row:2/2;}
.todo-4{grid-column:9/15; grid-row:2/2;}
.todo-5{grid-column:15/17; grid-row:2/2;}
.todo-6{grid-column:1/3; grid-row:4/4;}
.todo-7{grid-column:4/8; grid-row:4/4;}
.todo-8{grid-column:8/11; grid-row:4/4;}
.todo-9{grid-column:11/15; grid-row:4/4;}
.todo-10{grid-column:15/17; grid-row:4/4;}
.todo-1,.todo-6{font-size:1.7rem;font-weight:bold;/*border:dotted 3px #555;*/background-color:white;font-family:"Microsoft YaHei";}

.todo-1{color:#3d83a4;border:dotted 3px #3d83a4de}
.todo-6 {color:#b89736;border:dotted 3px #b89736;}
.todo-2,.todo-3,.todo-4,.todo-5{background-color:#378069;background-color:#3d83a4;}
.todo-7,.todo-8,.todo-9,.todo-10{background-color:#3381a6;background-color:#b89736;}
/* 王牌師資專攻名校考點 */
.teacher_box {width:calc(93%/3);padding:0 .5rem;margin:1rem auto ;}
.suject_title {font-size:2rem;letter-spacing:0.25rem;/* color:var(--danger);*//* background:var(--lightTiffany);*/background:#3d8c67;color:var(--white);text-align:center;    border-radius:50px 0 50px 0;}
.teacher_box dl {padding:.5rem 0.25rem;margin:0 auto;}
.teacher_box dl dt {font-size:2.5rem;color:#009fb3;/* font-weight:bold; */height:auto;padding:0 0 0;text-align:center;border-bottom:4px #5ac2c93d dotted;display:inline-block;    width:270px;}
.teacher_box dl dd{text-align:left;padding:0 2.5rem 0;font-size:1.15rem;}
.teacher_box dl dd a{color:#d64339}
.teacher_item .VueCarousel-slide {background-color:#f3ffee;border-radius:0 50px 0 50px;/* background-image:linear-gradient(to bottom, #ffffffab 25%, #ffffffa3 100%); */border-right:7px #3d8c6740 solid}
.teacher_item .VueCarousel-navigation-prev[data-v-453ad8cd] {left:10%;top:1.5rem;color:#ccc0;}
.teacher_item .VueCarousel-navigation-next[data-v-453ad8cd] {/*right:37%;top:1.5rem;*/right:39%;top:10.5rem;color:#FF9800;font-size:1.3rem}
.teacher_info {align-items:center;/* justify-content:center; */}
.teacher_info a{ color:#C30;font-size:1.3rem}
.teacher_info .teacher_name{font-size:1.7rem;line-height:2rem;margin:0 0 10px;}
.teacher_info small{display:block;font-size:1rem;}
.teacher_info figure{width:32%;}
.teacher_info figure img {width:100%;height:118px;border-radius:100px;background-color:#ccc;border:3px #ffeb3b6e solid;}
.media_link{margin-bottom:1rem;}
.media_link a {color:#fff;font-size:1.2rem;text-decoration:none;padding:0.2rem 1rem;border-radius:50px;background-color:#009fb3c2;}
.media_link a:hover{background:#d64339;}
.more a {color:#fff;font-size:1.7rem;text-decoration:none;padding:0.2rem 1.7rem;border-radius:50px;border:#ffffffa1 solid 4px;}
.more a:hover{background:#d64339;}	

.tab-title{display:none;}
/* 6大輔考機制，細節決定成功根本 */
.counseling{margin-top:0%;}
.counseling dl{margin:5%;}
.counseling dt {font-size:1.5rem;border-radius:0;background-color:#00c727;padding:0.2rem;border-left:3px #fff dotted;border-right:3px #fff dotted;}
.counseling dt a{color:white;text-decoration:underline;margin:0 3px;}
.counseling dt a:hover{text-decoration:none;}
.counseling dd {font-size:1.1rem;background-color:#fff;padding:0.4rem 0rem 0;height:4rem;}
.counseling dd a {color:#157bea;}
.counseling figure{;}
.counseling figure img{width:100%;border:2px #00c727 solid;border:3px #dbceb6 solid;border-radius:10px;}
.counseling_content .ps a{color:#FFF;} 
.VueCarousel-slide {box-sizing:border-box;text-align:center }
button.VueCarousel-navigation-button.VueCarousel-navigation-prev { left:6%; }
button.VueCarousel-navigation-button.VueCarousel-navigation-next { right:35%; }
/* 書審資料怎麼寫？高點專業顧問手把手教學！ */
.document_content dt{font-size:1.5rem;text-align:center;color:#d4c09a}
.document_item img {width:100%;/* border:3px #dbceb6 solid; */border-radius:10px;}
.document_content{width:25%;}
.more{text-align:center;}
#event_fifth .more a {color:#fff;font-size:1.7rem;text-decoration:none;padding:0.2rem 1.7rem;border-radius:50px;border:#fff solid 4px;/* background-color:#378069; */}
#event_fifth .more a:hover{background:#d64339;}	

/* 大一新鮮人看過來，113/9/30前享重量級加碼禮！ */
.discount_item{font-size:1.4rem;justify-content:center;font-family:Verdana, "Microsoft YaHei", Meiryo, "Meiryo UI", Arial, sans-serif;}
.discount_item ul{text-align:justify;}
.discount_item small{font-size:1.1rem;}
.subtitle{color:#009fb3;}
/*三格廣告*/
.recommend{padding:2% 0 1%;}
.recommend li{width:calc(100%/3 - 4px);display:inline-block;text-align:center}
.recommend li img{width:100%}
.recommend li a{display:inline-block;color:#000}
.recommend li a:hover{transform:scale(1.05);transition:all .3s linear}
.recommend li a:hover img{box-shadow:0 0 8px 0 #2d2412}
.recommend li figcaption{font-size:1.2rem;color:#607D8B;}
.recommend li figure{width:calc(100% - 10%)}
.semina {/* border:#FAFB3A dotted 3px; */border-radius:50px;padding:0.5rem 0.8rem;background-color:#00BCD4;color:#fff;font-size:1.66rem;width:660px;margin:0 auto;}
.semina a{text-decoration:underline;color:#FFEB3B;}
.semina a:hover{text-decoration:none;}

/*LINE*/
.socialTitle {color:#fff !important;}
.socialTitle a {color:#fff !important;}
.social_txt p {font-size:1.25rem;line-height:0.8rem;}
.askarea_out {background-color:#ebebeb;width:100%;text-align:left}
.askarea input[type="submit"],.askarea input[type="reset"] {color:#FFF;background-color:#2d8f63;}
.askarea .asktitle,.askarea p{color:#3c3c3c;}
@media (min-width:1201px) {
    /*event*/
    .row100 {width:100%;}/*滿百100%區域*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin:2% auto;display:inline-block;width:1180px;padding:10px;}/*資料集中1200px寬外框*/
    /*#Master_title {display:block;}*//*主圖位置ID*/
	#Master_title {display:block;background-color:#14563a;background-image:url(../images/1306035_bg.jpg);height:460px}/*主圖位置ID*/
	#Master_title img{padding:0.7% 1% 1%}
    /*瀏覽器相容性通知*/
    #noie {color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #006699;	background-color:#3399CC;z-index:9999;position:fixed; _top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0;}
    #noie a {color:#FC0;}
    .hottxt { color:#ffd942; font-size:13px;}    
}

@media (max-width:1200px) {
    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie,.toparea {display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width:100%;padding:0;}
    #BodyContainer_event {width:100%;}
    /*header*/
    /*portrait直式 landscape橫式*/
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中1200px寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {padding:4% 2%;}
    /*body*/
    #Master_title {display:block;}/*主圖位置ID*/
    /*event*/    
    #Master_title {display:block;background-color:#14563a;background-image:url(../images/1306035_bg.gif);padding-bottom:17px;}/*主圖位置ID*/
    #Master_title .gift{position:absolute;top:60%;right:0%;width:170px;}
    .master_pc img{width:100%;}
    .title{font-size:2rem;line-height:2.6rem;}
    .transfer-exam{display:block}    
    .strength-color{line-height:3em;font-size:.9em;padding:0 10px 0;}    
    .strength-color+div{font-size:.8em;line-height:1.1em;}
    .transfer-exam{display:grid;grid-template-columns:repeat(5, 1fr) 7fr repeat(3, 1fr);grid-auto-rows:3em;}
    .index-1{grid-column:1/-4;grid-row:1/2;display:flex;align-items:center;}
    .index-2{grid-column:1/-4;grid-row:6/7;display:flex;align-items:center;}
    .index-3{grid-column:1/6;grid-row:11/12;}
    .percent-1{grid-column:1/-3;grid-row:2/3;}
    .percent-1+div{grid-column:1/6;grid-row:3/4;}
    .percent-2{grid-column:1/-2;grid-row:4/5;}
    .percent-2+div{grid-column:1/5;grid-row:5/6;}    
    .percent-3{grid-column:1/-2;grid-row:7/8;}
    .percent-3+div{grid-column:1/5;grid-row:8/9;}
    .percent-4{grid-column:1/-3;grid-row:9/10;}
    .percent-4+div{grid-column:1/6;grid-row:10/11;}
    .percent-5{grid-column:1/-1;grid-row:12/13;}
    .percent-5+div{grid-column:1/4;grid-row:13/14;}

    .Vuetabs a{padding:1rem 2rem;}
    .time{display:none;}
    .time_m{display:block;}
    .pen,.examine{display:flex;justify-content:space-around;margin:0.5rem;}
    .theme{ writing-mode:vertical-lr;font-size:1.8rem;}
    .timeline_m { border-left:5px solid #ced6d8; margin:0 0 0 1rem;width:85%;color:white;}
	.timeline_m a{color:#fcfe3d;}
    .timeline_item { padding:2em 1em 1em; position:relative; color:rgba(black,.7);margin:1rem 0; }
    .timeline_item::before { content:attr(date-is); position:absolute; left:2em; font-weight:bold; top:1em; display:block; font-family:'Roboto',sans-serif; font-weight:700; font-size:.8rem; }
    .timeline_item::after { width:10px; height:10px; display:block; top:50%; position:absolute; left:-7px; border-radius:10px; content:''; border:2px solid #3d83a49e; background:white; }
    .pen .timeline_item{background-color:#3d83a4;}
    .examine .timeline_item{background-color:#b89736;}
    .teacher_box{width:calc(93% / 2);}
    .bar {width:95%; height:auto; padding:0.5% 1% 1%; position:fixed; top:initial; bottom:0; right:0; left:0; z-index:5; background-color:rgb(7 77 131); border-radius:0; text-align:center; align-items:center; justify-content:space-around; margin:0 auto; border-radius:12px 12px 0 0;font-size:1rem;}
    .bar ul{flex-wrap:nowrap;}
    .bar li { margin:0 0.5rem;}
    .bar a {color:#FFF; }
}

@media (min-width:992px) and (max-width:1199px) {
}

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

@media (min-width:768px) and (max-width:1199px) {  
    .counseling dt{font-size:1.3rem;}
    .more a{font-size:1rem}
    .bar{font-size:1.5rem;}
}

@media (max-width:767px) {  
    .wrap_all br{display:block;}
    .title {font-size:1.5rem;line-height:2.3rem;word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;}
    #event_master .title {color:#378069;margin-left:5%;font-size:1.9rem;}
    #Master_title {display:block;background-color:#14563a;background-image:url(../images/1306035_bg.gif);padding-bottom:17px;}/*主圖位置ID*/
	/*#Master_title img{max-width:100%;height:auto;}*/
    #Master_title img{margin:0px 0 -6px 0px;height:auto;width:100%;}
    #Master_title .gift{position:absolute;top:70%;right:-5%;text-align:center;}
	#Master_title .gift img {width:140px;}
	#event_third {padding-top:7%}
    .master_pc{display:none;}
    .master_mobile{display:block;}
    .more div{width:80%;}
	.more a {font-size:1.2rem;line-height:3rem;padding:0.2rem 1.7rem;border:#ffffffa1 solid 3px;}
	.test {width:80%;padding:0.5% 4% 0;}
	.test p.t1 {font-size:1.9rem;line-height:2.8rem;text-align:center;padding-left:10px;}
	.test p.t2 {font-size:1.15rem;text-align:center;}
	.test .more a {font-size:1.1rem;padding:0.3rem 1.5rem;border:#ff6055 solid 3px;}
    #tab-group > ul{ display:flex;justify-content:space-around;flex-wrap:wrap;}
    .tab-title{list-style:none;}
    #tab-group > ul > li {padding:7px 30px;background-color:#ccc;width:30%;margin-top:.2rem;background-color:#3d8c67;text-align:center;/* color:#ccc;*/font-size:1.1rem;}
    #tab-group > ul > li a{ color:#fff; text-decoration:none;}
    #tab-group > ul > li.active{ background-color:#009fb3;}
    #tab-group > .tab-inner{ clear:both; color:#000; border:1px #BCBCBC solid;}
    .teacher_box{width:93%;}
	.teacher_box dl dd {padding:0 1.5rem 0;}
    .document_content{width:100%;}
	.document_content dt {font-size:1.4rem;line-height:1rem;margin-top:7px;}
	.counseling dt {font-size:1.3rem;}
	#event_fifth .more a {font-size:1.2rem;line-height:3rem;padding:0.2rem 1.7rem;border:#ffffffa1 solid 3px;}
    .Vuetabs a{padding:1rem;}
	.recommend{margin-top:6%}
    .recommend li{width:100%;margin:0 auto;}
    .recommend li img{display:block;width:97%;}
    .recommend li figcaption{font-size:1.1rem}
    .recommend li figure { width:100%;margin:1rem .4rem;}
	.theme {writing-mode:vertical-lr;font-size:1.6rem;border:2px #ccc dotted;display:inline-block;height:max-content;padding:10px 0;border-radius:50px;}
	.pen .theme{color:#3d83a4;}
	.examine .theme{color:#b89222;}
	.discount_item ul {text-align:center;}
	.discount_item ul li {font-size:1.2rem;}
    .discount_item small{font-size:1rem;}
	.subtitle {display:block;margin-top:10px;}
	.ps3 {width:88%;font-size:0.88rem;}
	.ps3 p {margin:0.2rem 0.2rem 0 1.2rem;text-indent:-19px;color:#000}
	.semina {padding:0.5rem 0.7rem 0.4rem 1.2rem;font-size:1.2rem;line-height:1.5rem;width:68%;text-align:center;}
	#back-top {bottom:63px;right:2%;}
	
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix() {/*Firefox*/
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}