@import url("../../../icon_new/css/all.min.css");
/*css reset 歸0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead {margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
/*remember to define focus styles!*/
:focus {outline: 0;}
/*remember to highlight inserts somehow!*/
ins {text-decoration: none;}
del {text-decoration: line-through;}
/*所有元素漸變0.5秒*/
* {transition: all .5s;}
/*Back to top button */
#back-top {position: fixed;bottom: 30px;margin-left: -150px;right: 1%;z-index: 99;}
#back-top a {width:50px;height:50px;border-radius:50%;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;transition: 1s;}
#back-top a:hover {color: #000;}
/*arrow icon (span tag)*/
#back-top span {width:50px;height:50px;display: block;margin-bottom: 7px;background: rgba(99, 99, 99, 0.74) url(../images/up-arrow.png) no-repeat center center;/*rounded corners*/border-radius:50%;/*background color transition*/transition: 1s;}
#back-top a:hover span {background-color: #777;}
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 {height: 18rem; 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;}

@media (min-width: 1201px) {
    /*body*/
    #BodyHeader_event,#header-share {width:100%;}
    #BodyHeader_event a,#BodyHeader_event #header-share {font-size: 1.1em;}
    #BodyHeader_event #header-share {margin:0 auto;	background-color: #FFF;}	
    #BodyHeader_event #header-share img {margin-bottom: 5px;}
    #BodyHeader_event a {color: #333;}
    #BodyHeader_event a:hover {color: #666;/*position: relative;top: 2px;bottom: 2px;*/}
    #BodyContent {width:100%;padding:0;margin:0;	}
    #BodyContainer_event {width:100%;margin:0;}
    #BodyHeader_event_rwd,#topli {display:none;}
    /*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%}
    /*footer*/
    #BodyFooter_rwd,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li {width:100%;}
    #BodyFooter_rwd {float: left;background-color:#FFF;}
    #BodyFooter_rwd a:hover {text-decoration: none;}
    #BodyFooter_rwd #footer_line {width: 90%;height: auto;margin:1% 5%;display: block;float: left;text-align: center;border-top: thin solid #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;font-size:1em;}
    #BodyFooter_rwd #footer_inline ul {float: left;padding:0;margin:3% auto 0% auto;}
    #BodyFooter_rwd #footer_inline ul li {display: inline;line-height: 2em;font-size: 1em;	clear: both;	margin-right: 0.5em;}
    #BodyFooter_rwd #footer_inline ul li img {height:auto;vertical-align: middle;}
    #BodyFooter_rwd #footer_address {margin: 0% auto auto auto;text-align: center;}
    #BodyFooter_rwd #footer_address a {color:#000;}
    #BodyFooter_rwd #footer_address ul {padding:0;margin-bottom: 1%;text-align: center;}
    #BodyFooter_rwd #footer_address ul li {margin-right:0;float:left;line-height: 2em;text-align: center;font-size: 1em;	list-style-type: none;	display:inline-block;}
    /*ask*/
    #askarea_out * {font-family:"微軟正黑體";font-size:1em}
    #askarea_out {background-color:#ebebeb;width:100%;display:inline-block;text-align:left}
    #askarea {width:1200px;margin:0 auto}
    #askarea img {width:8%;height:auto}
    #askarea p {margin-top:1%;margin-bottom:1%;font-size:1.1em}
    #askarea .asktitle,#askarea .asktitle p {text-align:center;margin-top:2%;}
    #askarea .asktitle {color:#3c3c3c;font-size:1.4em}
    #askarea #formlist {width:80%;margin:2% auto;color:#3c3c3c}
    #askarea SELECT,#askarea input {border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto;}
    #askarea SELECT {width:19.7%}
    #askarea input {color:#585858}
    #askarea input[name="sContent"] {width:50%}
    #askarea input[type="text"] {width:40%;height:20px}
    #askarea input[type="radio"] {margin-left:3%}
    #askarea input[type="submit"],#askarea input[type="reset"] {width:11%;height:45px;color:#FFF;background-color:#2d8f63;padding:.5em}
    /*瀏覽器相容性通知*/
    #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*/
    #BodyHeader_event_rwd {text-align:center;width:100%;height:50px;margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    /*portrait直式 landscape橫式*/
    #BodyHeader_event_rwd img {height: auto;margin:10px;}
    @media screen and (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 40%;}}
    @media screen and (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;}}
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中1200px寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin:2% auto;display:inline-block;width:96%;padding:2%;}
    /*body*/
    #Master_title {display:block;}/*主圖位置ID*/
    @media all and (orientation : portrait) {#Master_title {margin-top: 50px;}}
    @media screen and  (orientation:landscape) {#Master_title {margin-top: 10%;}}
    /*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;}
    .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; }
    /*footer*/
    #BodyFooter_rwd,#footer_line,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li {width:100%;float: left;}
    #BodyFooter_rwd {background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {margin:5% auto 3%;display:block;height:auto;text-align:center;border-top:thin solid #999}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul {padding:0;margin-bottom:1%;text-align:center}
    #BodyFooter_rwd #footer_inline ul li img {max-width:40%;height:auto;margin-bottom:2%}
    #BodyFooter_rwd #footer_inline ul li {display:inline-block;margin-right:auto;line-height:2em;font-size:1em;clear:both}
    #BodyFooter_rwd #footer_address {margin: 0% auto auto auto;text-align: center;}
    #BodyFooter_rwd #footer_address a {	color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_address ul {padding:0;text-align:center;margin-bottom:1%;clear:both}
    #BodyFooter_rwd #footer_address ul li {display:block;line-height:2em;text-align:center;font-size:.8em}
    /*ask*/
    #askarea {background-color:#ebebeb;width: 98%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p {text-align: center;}
	#askarea .asktitle {font-size: 1.0em;color: #3c3c3c;margin-top: 4%;margin: 4% 9% 1%;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #formlist {width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #3c3c3c;}
    input[name="sContent"] {width:50%;}
    input[type="text"] {width:99%;}
    SELECT,input {border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;height:30px;}
    SELECT {width:100%;border: #FFF;	padding: 0.5%;}
    input {border: #FFF;padding: 1%;color: #3c3c3c;}
    input[type="submit"],input[type="reset"] {color:#FFF;background-color:#2d8f63;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto;width: 80px}
    input[type="radio"] {width:1em;height:1em;margin-left: 3%;}
    /*TOP按鈕*/
    #topli,#topli a {color: #fff;text-decoration: none;}
    #topli {width:50px;height:50px;text-align:center;border-radius:9999em;background-color:#000;opacity:.4;position:fixed;line-height:50px;font-size:15px;}
    @media screen and (orientation:portrait) {#topli {right:1%;bottom:8%;}}
    @media screen and (orientation:landscape) {#topli {right:1%;bottom:15.8%;}}
}

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

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

@media (min-width: 768px) and (max-width: 1199px) {  
    #BodyHeader_event_rwd{height: 60px;}
    #BodyHeader_event_rwd img{max-width:30%;margin:5px}
    #Master_title {margin-top: 60px;}
    .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;}
	.socialTitle {font-size: 1.5rem;width: 64%;margin: 0 auto;text-align: center;}
	.social_txt p {font-size: 1.05rem;}
    .qrimg img {width: 30%;}
	#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 {
}