@import url("../../icon_new/css/all.min.css");
@import url("./animate.css");
@import url("../../File/css/menu_new.css?v0705");

html,body,div,span,applet,object,iframe,header,h1,h2,h3,h4,h5,h6,blockquote,p,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,figure,figcaption,menu{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
figure,figcaption{margin:0;padding:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
ul,li{margin:0;padding:0;list-style:none}
*, *::before, *::after{box-sizing:inherit}
body{font-family:Georgia,"Microsoft JhengHei", Times, serif;-webkit-text-size-adjust:100%}
a{text-decoration:underline;transition:all 0.3s linear}
[class*="pc-br"]{display:block}
.hide{display:none}
.index1200,.unit1200{width:1200px;margin:0 auto}
.index1200 h3{font-size:3.5rem;font-family:Georgia,"Microsoft YaHei",Times,serif;text-align:center}
.indexflex{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
.indexgrid{display:grid}
.fcolor1 {color: #DC3C3C;}
.fcolor2 {color: #0074be !important;}
#BodyContainer{width:100%;margin:0 auto}
.search_flex{display: flex;justify-content: space-between;}
.index_marquee{display: flex;justify-content: space-around;}
.index_marquee #marquee_unit{width: 65%;}
.index_marquee .search_flex{width: 35%;}
/*header*/
.toparea{width:100%;padding:0;margin:0;position:relative;border-bottom:#ffd102 6px solid;background-image:url(../../File/images/heard_basemap.png)}
.logo img{width:100%;display:block}
.nav_container{margin: 0 3%}
/*首頁*/
.basemap{width:100%;background:url(../../File/images/body_basemap.png);background-position:top center;background-repeat:repeat-x;padding:40px 0;font-family:Georgia,"Microsoft YaHei",Times,serif}
/*PC_search*/
.search{width:100%;text-align:right}
.search input{font-family:"Microsoft JhengHei"}
.search input[type="text"]{font-size:1rem;padding:2%;color:#243238;border-radius:0.5em;border:#d6dde1 solid 2px}
.search input[type="submit"]{color:#821515;background:#ffd102;font-size:1rem;padding:2% 2.5%;border-radius:0.5em;border:none}
#searchContent .gcse-search {display: none;}
/*AD+news*/
.hotwrap{width:100%;grid-template-columns:770px 420px;grid-gap:10px;margin:12px auto 0}

/*.index_AD{width:65%;margin:0 1% 0 0}*/
.index_AD img{display:block;max-width:100%;border:0}
.index_AD .swiper-button-next,.index_AD .swiper-button-prev{background-color:#0009;border-radius:50%;width:40px;height:40px;background-size:40%;margin:auto;top:45%}
.index_AD .swiper-button-next{right:5px}
.index_AD .swiper-button-prev{left:5px}

.news_list{width:34%}
.news_list li{position:relative;margin:0 auto 1px}
.news_list li a{padding:12px 5px 12px 20px;color:#751a13;font-size:1.24rem;text-decoration:underline;text-align:left;display:block;position:relative}
.news_list li:nth-child(even) a{box-shadow: 1px 2px 2px -1px #8c8c8c, inset 1px 2px 0px #ffffff;z-index:1;border:solid 1px #f7f7f7}
.news_list a:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent transparent transparent #751a13;border-width:5px 0px 5px 5px;left:10px;top: 40%}
.news_list li a:hover:before{border-color:transparent transparent transparent #ffffff}
.news_list li a:hover{text-decoration:none;background:#751a13;color:white;z-index:2;box-shadow:none;border:0}

/*師資*/
.index_teacher{background:#ffd102 url(../../File/images/class-basemap.png) no-repeat top center;position:relative;padding:30px 0;text-align:center;font-family:Georgia,"Microsoft YaHei",Times,serif}
.index_teacher:before{content:"";width:100%;height:15px;position:absolute;top:0;right:0;left:0;background:-webkit-linear-gradient(left, #6a0e05 0%,#ba3b36 50%,#6a0e05 100%);background:linear-gradient(to right, #6a0e05 0%,#ba3b36 50%,#6a0e05 100%)}
.index_teacher h3{color:#962720}
.index_teacher_box{margin:15px auto 30px;position:relative}
.index_teacher_box .swiper-wrapper{justify-content: space-around;}
.index_teacher_box .swiper-slide{position:relative;overflow:hidden;/*margin:0 auto;*/background:linear-gradient(to top,#cecece 0%,#fff 100%)}
.index_teacher_box .swiper-slide>a{height:295px;color:#FFF;text-decoration:blink;font-weight:500}
.index_teacher_box .swiper-slide>a>img{position:absolute;left:0;right:0;top:10px;margin:auto;width:100%;display:block}
.index_teacher_box .swiper-slide .teacher_intro{width:100%;position:absolute;bottom:-17%;left:0;padding:0;display:block;text-align:center;z-index:2;transition:all 0.3s linear}
.teacher_intro>div{font-size:1.4rem}
.teacher_intro>p{font-size:1.2rem}
.teacher_intro>p small{font-size:1rem;display:block}
.index_teacher_box .swiper-slide:hover .teacher_intro{bottom:0}
/*.teacher_intro a{color:#FFF;text-decoration:blink;font-weight:500}*/
.index_teacher_box .swiper-slide:nth-child(8n+1) .teacher_intro{background:#613279}
.index_teacher_box .swiper-slide:nth-child(8n+2) .teacher_intro{background:#191e73}
.index_teacher_box .swiper-slide:nth-child(8n+3) .teacher_intro{background:#367088}
.index_teacher_box .swiper-slide:nth-child(8n+4) .teacher_intro{background:#0c5295}
.index_teacher_box .swiper-slide:nth-child(8n+5) .teacher_intro{background:#313a89}
.index_teacher_box .swiper-slide:nth-child(8n+6) .teacher_intro{background:#675c2d}
.index_teacher_box .swiper-slide:nth-child(8n+7) .teacher_intro{background:#65380b}
.index_teacher_box .swiper-slide:nth-child(8n) .teacher_intro{background:#66091e}
.index_teacher_box>.swiper-container>.swiper-pagination>span{margin:0 2px}
.index_teacher_box>.swiper-container>.swiper-pagination{bottom:-25px}

#teacher-Vuetabs #app{width:100%;margin:2rem auto}
#teacher-Vuetabs .VueCarousel-slide{height:8rem;color:#fff;background:#000;display:flex;align-items:center;justify-content:center;border-right:1px solid white;box-sizing:border-box;font-size:1.5rem;text-align:center}
#teacher-Vuetabs .text-white{color:white;}
#teacher-Vuetabs .Vuetabs{display: flex;justify-content: space-around;flex-wrap: wrap;}
#teacher-Vuetabs .Vuetabs:hover{cursor:pointer;}
#teacher-Vuetabs .Vuetabs a{background: white;color: #313a89;display: inline-block;font-size: 1.5rem;padding: 6px 25px 3px;margin: 0 auto;border-radius: 25px;font-weight: bold;transition: all 0.2s linear;text-decoration: none;}
#teacher-Vuetabs .Vuetabs a.active {color: #d91616;}
#teacher-Vuetabs .fade-enter-active, .fade-leave-active {transition: opacity .3s;}
#teacher-Vuetabs .fade-enter, .fade-leave-to {opacity: 0;transition: opacity 0.15s;}


/*雲端課程*/
.index_cloud{background:#00bdb7;text-align:center;padding:30px 0}
.index_cloud>.indexflex{align-items:center}
.index_cloud figure,.index_cloud_box{width:50%}
.index_cloud_box{text-align:center}
.index_cloud_box>p{font-size:2rem}
.index_cloud h3,.index_cloud_box>p,.index_plan h3{color:white}
.cloud_sale a{padding:5px;color:#FF0;font-size:1.7rem;font-weight:bold;display:inline-block}
.index_cloud_link{margin:2% auto 0}
.index_cloud_link>li{display:inline-block}
.index_cloud_link>li:nth-child(1) a{background-image:url(../..File/images/cloud-icon2.svg)}
.index_cloud_link>li:nth-child(2) a{background-image:url(../../File/images/cloud-icon1.svg)}
.index_cloud_link>li:nth-child(3) a{background-image:url(../../File/images/cloud-icon3.svg)}
.index_cloud_link>li>a{background:#FFF no-repeat center 16px/45%;width:137px;height:137px;display:inline-block;font-size:1.4rem;line-height:190px;border-radius:50%;margin:0 25px;text-decoration:blink;color:black;position:relative;transition:all 0.2s linear}
.index_cloud_link>li>a:before{content:"";position:absolute;width:87px;height:4px;background:#00beb7;bottom:24px;left:0;right:0;margin:auto}
.index_plan_box>dl>dd>a:hover{transform:scale(1.1)}
/*---------------------------------*/
/*改版雲端課程*/
.cloud{display: flex;justify-content: space-between;}
.cloud .cloud-title { background: #0da5a0; border-bottom: 6px solid #008580; line-height: 1.55em; color: #FFF; padding-bottom: 10px; padding: 3px 0 0 2%; letter-spacing: 0.1em; border-top-left-radius: 8px; border-top-right-radius: 8px; font-weight: bold;font-size: 1.8em; }
#Elearning{width: 70%;}
#Elearning,#study-hall {display: inline-block;background-color: #f3f4f6;border-top-left-radius: 8px; border-top-right-radius: 8px;}
/*按鈕*/
#Elearning .Vuetabs {display: flex;justify-content: space-around;}
#Elearning .Vuetabs a {width: 33%;transition: none;padding: 1rem;font-size: 1.2rem;}
#Elearning .Vuetabs a.active{background-color: #fff;color: #484848; border-top: 5px solid red;color: red;}
/*內容*/
#Elearning .ElearningContent{display: flex;justify-content: space-around;align-items: center;margin: 2rem 0;min-height: 16rem;/*min-height: 18.2rem;*/}
#Elearning .title,#study-hall .title { font-size: 2.2em; line-height: 1.5em; font-weight: 700; margin-bottom: 0.3em;color: #007874;}
#study-hall .title{border-bottom: dotted 1px;}
#Elearning .title a { color: #007874; text-decoration: none; border-bottom: dotted 1px; padding-bottom: em; display: block; }
#Elearning .stitle { font-size: 1.4em; color: #333; font-weight: 700; line-height: 1.5em; }
#Elearning p { font-size: 1.05em; line-height: 1.55em; color: #333; }
#Elearning .ElearningImg {padding: 0.5rem;}
#Elearning .ElearningImg img {border-radius: 1.5em;} 
#Elearning a.sale { background-color: #dc3c3c; color: #fff; padding: 0.5% 0.5em; border-radius: 25px; }
.study-container,.ElearningTxt{padding: 0 1.5rem;}
#study-hall{width: 29%;}
#study-hall img{width: 100%;}
#study-hall .cloud-botton{display: flex;justify-content: space-around;margin: 0.5rem 0;/*flex-wrap: wrap;*/}
#study-hall .cloud-botton div{background-color: #008580;padding: 0.2rem 0.5rem;border-radius: 25px;font-size: 1.05rem;/*width: 40%;*/margin-top: 0.5rem;}
#study-hall .cloud-botton div a{color: #FFF;text-decoration: none;}



/*輔考資源*/
.index_plan{background:#16508f;padding:30px 0}
.index_plan h3>span{color:#fec923}
.index_plan_box{margin:15px auto ;grid-template-columns:repeat(5,1fr);grid-gap:20px}
.index_plan_box>dl{background:#0374b6;padding:20px 5px 25px;text-align:left;position:relative}
.index_plan_box>dl:before,.index_plan_box>dl:after{content:"";position:absolute}
.index_plan_box>dl:before{top:0;width:100%;height:8px;left:0}
.index_plan_box>dl:nth-of-type(1):before{background:#e57171}
.index_plan_box>dl:nth-of-type(2):before{background:#fec923}
.index_plan_box>dl:nth-of-type(3):before{background:#00c381}
.index_plan_box>dl:nth-of-type(4):before{background:#0f9ff5}
.index_plan_box>dl:nth-of-type(5):before{background:#e571bc}

.index_plan_box>dl:after{width:0;height:0;border-style:solid;border-width:20px 0px 20px 20px;border-color:transparent transparent transparent #0374b6;top:46%;bottom:0;right:-19px}
.index_plan_box>dl:last-child:after{border:0}
.index_plan_box>dl>dt{font-size:1.8em;color:white;position:relative;text-align: center;}
.index_plan_box>dl>dt:after{width:58px;position:absolute;top:0;right:0}
/* .index_plan_box>dl:nth-of-type(1)>dt:after{content:url(../../../File/images/mv-icon1.svg)}
.index_plan_box>dl:nth-of-type(2)>dt:after{content:url(../../../File/images/mv-icon2.svg)}
.index_plan_box>dl:nth-of-type(3)>dt:after{content:url(../../../File/images/mv-icon3.svg)}
.index_plan_box>dl:nth-of-type(4)>dt:after{content:url(../../../File/images/mv-icon4.svg)} */
.index_plan_box>dl>dd:nth-of-type(1){font-size:1.3rem;line-height:33px;text-align:justify;color:#fec923;margin:20px auto;text-align: center;}
.index_plan_box>dl>dd:nth-of-type(2){text-align:center}
.index_plan_box>dl>dd:nth-of-type(2)>a{background:white;color:#0374b6;display:inline-block;font-size:1.5rem;padding:6px 25px 3px;margin:0 auto;border-radius:25px;font-weight:bold;transition:all 0.2s linear;text-decoration:underline}
/*經驗談*/
/* .index_media{background:url(../../File/images/film.jpg) no-repeat center bottom/cover;padding-bottom:135px} */
.index_media{background:linear-gradient(to top,#ffbc7a 0%,#f98919 100%)}
.index_media_box{padding:30px 0;}
.index_media_box h3{color:#fff;}
/* .film_bg{margin:0 auto;padding:40px 15px 30px;position:relative;background:linear-gradient(to top,#edaa69 0%,#b0613b 100%)}
.film_bg:before,.film_bg:after{content:"";width:98%;height:18px;margin:auto;right:0;left:0;background:url(../../File/images/plastic.png) center;position:absolute}
.film_bg:before{top:10px}
.film_bg:after{bottom:10px} */
.film_box{margin:5px auto 0}
.film_photo{width:380px;margin:0 auto;overflow:hidden}
.film_photo a{display:inline-block;position:relative}.index_media_box
.film_photo a:after{content:"";width:70px;height:50px;background:linear-gradient(to top,#db2e0c 0%,#f9785e 100%);position:absolute;z-index:2;border-radius:9px;left:0;right:0;margin:auto;top:0;bottom:0;opacity:.7}
.film_photo a:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:18px 0 18px 18px;left:0;right:0;top:0;bottom:0;margin:auto;border-color:transparent transparent transparent #fff;z-index:9}
.film_photo a:hover{transform:scale(1.05)}
.film_txt{margin:4px 5px 30px}
.film_txt>li{text-align:justify;font-size:1.1rem;line-height:1.6em}
.index_media_box>p{text-align:center;margin:auto}
.index_media_box>p>img{margin:auto;display:block}
.owl-prev,.owl-next{position:absolute;top:30%;width:19px;height:45px;font-size:0;filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.9))}
.owl-prev{left:0;background-image:url(../../File/images/0706061-arrow.png);transform:rotate(180deg)}
.owl-next{right:0;background-image:url(../../File/images/0706061-arrow.png)}
/*------------------------------------------------------------------------------------*/
/*改版版經驗談*/
.index_media_box { width: 95%; margin: 0 auto; }
.index_media_box .media{padding-top: 1rem;}
.media_list{display: flex;flex-wrap: wrap;}
.stu_list{width: 25%;}
.media ul {padding:0;margin: 0;list-style-type: none;}
.media ul li {/*height:305px; /*圖片高度*/display:inline;overflow: hidden;position: relative;text-align:center;cursor: default;margin: 0;padding:0;bottom:0;}
.media ul li img {width:100%;display:block;position:relative;}
.media .out_mask{width: 80%;position: absolute;top:85%;right:10%;left:10%;bottom:0;padding:0;display: block;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);opacity: 1;}
.media li.stu_list:hover .out_mask {width: 90%;top:0;bottom: 0;left: 0;right:0;padding: 0 5%;text-align: right;vertical-align:bottom;	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity: 0.9;/*-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: translateY(-53px);-moz-transform: translateY(-53px);-o-transform: translateY(-53px);-ms-transform: translateY(-53px);transform: translateY(-53px);*/}
.media .out_mask .stu_title {font-size: 1.4em;line-height: 2.0em;color:#FFF;font-weight: 500;text-align:center;text-transform: uppercase;position: relative;}
.media li.stu_list:hover .out_mask p.stu_title {display: none;}
.media .out_mask .stu_name {font-size: 1.6em;margin:0.5rem 0;color:#FFF;font-weight: normal;text-align:center;}
.media .out_mask .stu_school {font-size: 1.02em;line-height:1.5em;color:#FFF;font-weight: normal;text-align:justify;}
.media .out_mask .stu_content{font-size:0.95em;line-height: 1.55em;color:#FFF;font-weight: normal;text-align:justify;border-top: #FFF solid 1px;padding-top: 0.5rem;margin-top: 0.5rem;}
.media .out_mask p b{font-size: 1.25em;}
.media .out_mask a{color:#FFF;text-decoration: none;}
.media .m1{background-color:#bd7372;}
.media .m2{background-color:#6ccdad;}
.media .m3{background-color:#85b1cf;}
.media .m4{background-color:#8e79be;}
.media .m5{background-color:#5db5b7;}
.media .m6{background-color:#bb7095;}
.media .m7{background-color:#707ebd;}
.media .m8{background-color:#a0b249;}
.footer-writeword {float: left;margin: 2% 30% 0% 20%;color:#ffffff;text-align:center;}
.footer-writeword a{color:#FFF;text-decoration: none;}
/*左側邊會員服務*/
#mwt_mwt_slider_scroll,.line_list{top:12%;position:fixed;z-index:99}
#mwt_slider_content{background:#16516d;text-align:center;padding:20px 0;position:relative}
#mwt_slider_content img{width:100%;display:block}
#mwt_slider_content ul{margin:0;padding:0}
#mwt_slider_content li{list-style:none;width:81px}
#mwt_slider_content a{display:block;color:#fff;text-decoration:none;font-size:1.1em;line-height:22px;margin:0 0 15px;padding:0 15px}
#mwt_fb_tab{position:absolute;right:-57px;top:50%}
#mwt_fb_tab span{background-color:#dc3c3c;color:#fff;font-size:1.2em;padding:10px;font-family:Arial;display:inline-block;cursor:pointer}
#mwt_fb_tab span:before,#mwt_fb_tab span:after{content:"";position:absolute;width:0;height:0;border-style:solid;right:-27px}
#mwt_fb_tab span:before{border-width:27px 27px 0 0;border-color:#dc3c3c transparent transparent;top:0}
#mwt_fb_tab span:after{border-width:27px 0 0 27px;border-color:transparent transparent transparent #dc3c3c;bottom:0}
/*右側邊社群服務*/
.line_list{right:2px;text-align:center}
.line_list img{margin:0 auto;display:block}
.line_list a{position:relative;display:block;transition:all .2s linear}
.line_list ul li:nth-child(n+1):nth-child(-n+3) a:hover,#Tutor:hover,#lecture:hover{transform:scale(1.1);transition:all .2s linear}
.line_list a span{display:inline-block;width:25px;height:25px;text-align:center;position:absolute;background:#dc3c3c;color:#fff;line-height:25px;border-radius:50%;font-size:1.2em;font-family:Arial;right:0}

#Tutor{position:relative;width:40px;height:0;/*left:13px;*/margin: auto;border-width:0 25px 25px;border-style:solid;border-color:transparent transparent #FF5A00;display:block;margin-bottom:65px}
#Tutor:before,#Tutor:after{content:"";position:absolute;height:0;left:-25px;border-style:solid}
#Tutor:before{width:40px;top:65px;border-width:25px 25px 0;border-color:#FF5A00 transparent transparent;}
#Tutor:after{width:90px;top:25px;border-width:0 0 40px;border-color:transparent transparent #FF5A00;z-index: -1;}
#Tutor i{position:absolute;left:10px;top:10px;z-index:2;color:#fff;font-size:1.5em}
#Tutor span{z-index:2;top:35px;left:-5px;font-family:Georgia,"Microsoft JhengHei",Times,serif;display:inline-block;background:none;font-weight:700;width:50px}

#lecture{position:relative;width:40px;height:0;border-width:0 25px 25px;border-style:solid;border-color:transparent transparent #7551A5;display:inline-block}
#lecture:before,#lecture:after{content:"";position:absolute;height:0;left:-25px;border-style:solid}
#lecture:before{width:40px;top:65px;border-width:25px 25px 0;border-color:#7551A5 transparent transparent}
#lecture:after{width:90px;top:25px;border-width:0 0 40px;border-color:transparent transparent #7551A5}
#lecture img{position:absolute;left:-20px;top:31px;z-index:2;width:100%;display:block}
#lecture i{position:absolute;left:12px;top:10px;z-index:2;color:#fff;font-size:1.5em}
#lecture span{z-index:2;top:35px;left:-5px;font-family:Georgia,"Microsoft JhengHei",Times,serif;display:inline-block;background:none;font-weight:700;width:50px;font-size: 1rem;}

#youtube{position:relative;width:40px;height:0;border-width:0 25px 25px;border-style:solid;border-color:transparent transparent #FF5A00;display:inline-block}
#youtube:before,#youtube:after{content:"";position:absolute;height:0;left:-25px;border-style:solid}
#youtube:before{width:40px;top:65px;border-width:25px 25px 0;border-color:#FF5A00 transparent transparent}
#youtube:after{width:90px;top:25px;border-width:0 0 40px;border-color:transparent transparent #FF5A00}
#youtube img{position:absolute;left:-20px;top:31px;z-index:2;width:100%;display:block}
#youtube i{position:absolute;left:5px;top:10px;z-index:2;color:#fff;font-size:1.5em}
#youtube span{z-index:2;top:35px;left:-5px;font-family:Georgia,"Microsoft JhengHei",Times,serif;display:inline-block;background:none;font-weight:700;width:50px}

#online-app{width:90%;margin:2rem auto}
.VueCarousel-slide{height:8rem;color:#fff;background:#000;display:flex;align-items:center;justify-content:center;border-right:1px solid white;box-sizing:border-box;font-size:1.5rem;text-align:center}
.text-white{color:white;}
.online-Vuetabs:hover{cursor:pointer;}
.online-Vuetabs a.active {background-color: #fff;color: #484848; border-bottom: 5px solid red;}
.fade-enter-active, .fade-leave-active {transition: opacity .3s;}
.fade-enter, .fade-leave-to {opacity: 0;transition: opacity 0.15s;}


/*---內頁---*/
/*麵包穴*/
#BodyContentMainNavigator{width:100%;margin:0 auto}
#BodyContentMainNavigator ul li,#BodyContentMainNavigator ul li + li:before,#BodyContentMainNavigator a,#BodyContentMainNavigator h1{color:#303030}
#BodyContentMainNavigator ul{width:100%;text-align:left}
#BodyContentMainNavigator ul li,#BodyContentMainNavigator h1{display:inline-block;font-size:16px}
#BodyContentMainNavigator ul li + li:before{content:' > ';font-size:inherit}
/*各單元共用*/
#BodyContentMainDetail h1{font-size:3.2rem;text-align:center;color:#5b5249}
#BodyContentMainDetail h2{font-size:2.5rem;text-align:center;color:#5b5249}
#BodyContentMainDetail h1>i{color:#b1b1b1;margin:0 10px 0 5px;font-size:.9em}
.unit_submenuLink{margin:10px auto 30px;text-align:center}
.unit_submenuLink>li{font-size:1.3em;border:solid 1px #dadada;display:inline-block;background:#f1f1f1;transition:all 0.3s linear;margin:0.2rem;}
.unit_submenuLink>li:hover{background:#ffd102}
.unit_submenuLink>li>a{display:inline-block;color:#420505;padding:3px 20px 0;line-height:35px;text-decoration:none}
.psychology_blog{text-align:center;font-size:1.5rem;margin:0 auto 20px}

.unit_content{padding:1% 0}
.prepare_content.unit_content{padding:0}
.unit_content h3{font-size:2.1rem;text-align:left;color:#ff5a00;font-weight:400}
.prepare_subjectbox~h3{margin-top:25px}
.unit_content .che_prepare h3 span{color:#b74e11}
.unit_content .unit_Bluetitle{font-size:1.7rem;text-align:left;color:#0983be;font-weight:400;margin:25px auto 0}
.unit_content h3+.unit_Bluetitle{margin:8px auto 0}
.unit_content p,.unit_content li{font-size:1.2rem;text-align:justify;line-height:32px;color:#333}
.unit_content p{margin:10px 0 25px}
.unit_content a{color:#000}
.unit_content .sightseeing{margin:10px auto 15px;background:#f7f7f7;padding:20px 30px;border:2px dotted #a2a2a2}
.unit_content .sightseeing p:nth-last-of-type(1){margin-bottom:15px}
.unit_content .sightseeing p strong{display:block}
.unit_content .sightseeing a{color:#E91E63}
.know_content .sightseeing p~ol{margin:-10px auto 15px}
.unit_content .sightseeing ol>li{font-size:1.2rem;line-height:1.9em;text-align:left;list-style:decimal;margin-left:30px;color:#333}
.unit_content .sightseeing ol>li>div{color:#dc3c3c;font-size:1.4rem;line-height:1.4em;font-weight:bold;margin-top:10px}
.unit_content .psychology_blog a{color:#ff5a00;font-weight:bold}

.sightseeing dl{font-size:1.2em}
.sightseeing dt,.sightseeing dd{display:table-cell;line-height:36px;padding:0 0 7px}
.sightseeing dt{float:left;margin-right:10px}
.sightseeing dd{text-align:justify}
.sightseeing_title{font-size:1.25em;color:#fff;padding:0 20px 0 0}
.sightseeing_title span{display:inline-block;width:23px;margin-right:5px;text-align:center}
.sightseeing dl dt:nth-of-type(1) .sightseeing_title{background:#dc3c3c}
.sightseeing dl dt:nth-of-type(1) span{background:#b52c2c}
.sightseeing dl dt:nth-of-type(2) .sightseeing_title{background:#ff5a00}
.sightseeing dl dt:nth-of-type(2) span{background:#bb4402}
.sightseeing dl dt:nth-of-type(3) .sightseeing_title{background:#0074be}
.sightseeing dl dt:nth-of-type(3) span{background:#04588e}
.sightseeing dl dt:nth-of-type(4) .sightseeing_title{background:#00ab39}
.sightseeing dl dt:nth-of-type(4) span{background:#01882e}
.sightseeing dl dt:nth-of-type(5) .sightseeing_title{background:#7b27c7}
.sightseeing dl dt:nth-of-type(5) span{background:#5f14a2}
.sightseeing dl dt:nth-of-type(6) .sightseeing_title{background:#b96b46}
.sightseeing dl dt:nth-of-type(6) span{background:#884627}

.combination,.combination th,.combination td{border-collapse:collapse}
.combination{table-layout:fixed;margin:5px auto 5px 0;line-height:2em}
.combination tbody{display:block;max-width:100%;overflow:auto}
.combination th{font-size:1.2rem;background:#dc3c3c;color:#FFF}
.combination th,.combination td{border:1px solid #d0c8be;padding:7px 20px;text-align:center}
.combination td,.combination td p,.combination ul>li{font-size:1.1rem}
.combination td{background:#fff4e6}
.combination td p{text-align:left;margin:0}
.combination a{color:#dc3c3c}
.combination ul>li{list-style:disc;text-align:left;line-height:1.8em;margin-left:25px}
.combination td div.win{background:#F00;color:#FFF;display:inline-block;font-size:1.25rem;width:30px;height:30px;line-height:30px;border-radius:50%;margin-left:10px;text-align:center}

/*彩色li*/
.concept{margin:0 auto 25px}
.concept>ol{margin:auto;text-align:center}
.concept>ol>li{counter-increment:li;display:inline-block;padding:25px 30px 10px;margin:0 auto 5px;font-size:1.55rem;line-height:1.8em;color:#FFF}
.concept>ol>li:before{content:counter(li)'/';font-size:3rem;line-height:30px;font-family:cursive;color:rgba(255, 255, 255, 0.4)}
.concept>ol>li:nth-child(n+1):nth-child(-n+2){background:#ff8d1e}
.concept>ol>li:nth-child(n+3):nth-child(-n+4){background:#dc3c3c}
.concept>ol>li:nth-child(n+5):nth-child(-n+7){background:#00b983}
.concept>ol>li:nth-child(n+8):nth-child(-n+10){background:#0074be}
.concept>ol>li:nth-child(n+11):nth-child(-n+14){background:#7851ab}
/*
.concept>ol>li:nth-of-type(3){background:#00b983}
.concept>ol>li:nth-of-type(4){background:#0074be}
.concept>ol>li:nth-of-type(5){background:#7851ab}
*/
/*漸層li*/
.calculus{margin:5px auto 10px}
.prepare_bg .calculus{margin:0 auto 25px}
.calculus>ol>li{counter-increment:li;font-size:1.5rem;line-height:1.8em;color:#505050;display:inline-block;padding:8px 11px;margin:0}
.calculus>ol>li,.acc_calculus>ol>li{background:linear-gradient(to left, #ffffff 0%,#fffae2 50%,#f0e5ff 86%)}
.calculus>ol>li:before{content:counter(li);font-size:1.8rem;color:#af85e0;margin-right:25px}
/*會計*/
.acc_calculus{;margin:0 auto 25px}
.acc_calculus>ol{width:100%;margin:0 auto}
.acc_calculus>ol>li{width:calc(100%/4);font-size:1.3rem;color:#310a65;padding:15px 20px;box-sizing:border-box;align-items:center}
.acc_calculus>ol>li>div:nth-of-type(1){width:23%;font-size:4rem;line-height:.9em;font-style:italic;font-family:serif;color:#a281ce}
.acc_calculus>ol>li>div:nth-of-type(2){width:77%}


/*課輔+一對一*/
.service_unit h1>span{display:inline-block;background:#56a4d6;width:70px;height:70px;line-height:70px;margin:0 5px;font-weight:700;font-family:Arial;color:#fff;border-radius:50%;font-size:4rem}
#BodyContentMainDetail.service_unit h2{color:#ff5a00;font-size:2.2rem;font-weight:500}
.service_banner{margin:10px auto;align-items:center}
.service_banner>figure img{width:100%}
.service_banner>figure{width:72%;margin:0 auto}
.service_banner.indexflex>figure{width:30%;margin:0 auto;padding:0 4%}
.service_banner>ul{width:62%;margin:0 auto;text-align:center}
.service_banner>ul>li{width:220px;height:220px;line-height:220px;font-size:1.6rem;text-align:center;display:inline-block;border-radius:50%;margin:auto}
.service_banner>ul>li:nth-of-type(1){background:#fde8e8;color:#d57272}
.service_banner>ul>li:nth-of-type(2){background:#e7f2f9;color:#5a95ba}
.service_banner>ul>li:nth-of-type(3){background:#e6e7f6;color:#7579b1}
.service_box>.service_list a{color:#dc3c3c}
.service_box>.service_list{position:relative;padding:2% 5% 2% 15%;border-bottom:solid 2px #f7f7f7}
.service_box>.service_list:nth-last-of-type(1){border-bottom:0}
.service_box>.service_list:before{font-size:6.3rem;font-family:serif;font-style:italic;color:#d2d2d2;position:absolute;left:4%;top:40%}
.service_box>.service_list:nth-of-type(1):before{content:"1/"}
.service_box>.service_list:nth-of-type(2):before{content:"2/"}
.service_box>.service_list:nth-of-type(3):before{content:"3/"}
.service_box>.service_list:nth-of-type(4):before{content:"4/"}
.service_box>.service_list:nth-of-type(5):before{content:"5/"}
.service_box .unit_Bluetitle{margin:0 auto 5px}
.service_box .unit_Bluetitle a{color:#0983be}
/*.unit_content .service_box p{margin:0 auto}*/
.unit_content .service_box p strong{font-size:1.4rem;font-weight:500;display:block;color:#ff5a00;margin-bottom:3px}
.unit_content .service_box p strong a{color:#ff5a00}
.service_box>.service_list>p~ol{margin-top:-15px}
.service_box>.service_list>ol>li{font-size:1.2rem;line-height:1.9em;list-style:decimal;margin-left:25px}

/*8領域*/
.subjust_menu{width:100%;margin:7px auto 0;font-family:"Microsoft JhengHei"}
.subjust_menu>ul{width:100%;padding:4px 0;border-top:solid 1px #c4c4c4;border-bottom:solid 1px #c4c4c4}
.subjust_menu>ul>li{width:calc(100%/8);text-align:center;font-size:1.55rem}
.subjust_menu>ul>li>a{color:#000;font-weight:bold;text-decoration:none;display:inline-block}
.subjust_menu>ul>li>a:hover{color:#ffa800;letter-spacing:1px;font-weight:bold;transform:scale(1.04)}
.subjust_menu>ul>li i{display:none}
.subject_unit_menu{font-family:"Microsoft JhengHei"}
.subject_htitle{display:none}
.subject_unit_menu{width:98%;margin:15px auto 20px}
.subject_unit_menu a{display:inline-block}
.subject_unit_menu a:hover{transform:scale(1.1)}
.subject_unit_menu>.indexflex{margin:0 auto 8px}
.subject_unit_menu>.indexflex i{display:none}
.subject_unit_menu>.indexflex>li{width:calc(100%/8);text-align:center;font-size:1.45rem;line-height:1.6em;padding:3px 0;border-top:solid 1px #c4c4c4;border-bottom:solid 1px #c4c4c4;position:relative}
.subject_unit_menu>.indexflex>li a{width:100%;display:inline-block;text-decoration:none;color:#000;position:relative;font-weight:bold;letter-spacing:-1px}
.subject_unit_menu>.indexflex>li:hover:before{content:"";background:#ffab2e;width:100%;height:4px;top:-2px;left:0;position:absolute}
.subject_unit_menu>.indexflex>li a:hover{color:#ffab2e}
.unit_smenu{display:none}
.unit_smenu>li{display:inline-block;margin:0 1%;font-size:1.3rem;letter-spacing:-1px}
.unit_smenu>li>a{color:#ff8d1e;text-decoration:none}

/*選單效果*/
.subject_on:before{content:"";background:#ffab2e;width:80%;height:4px;top:-2px;left:10%;position:absolute}
.subject_on a{color:orange!important;transform:scale(1.05)}
.prepare_on{background:#ffd102!important}

[class*="unit_on"]{display:block}
.twoyear_unit_on{margin-left:10px}
.business_unit_on{margin-left:50px}
.technical_unit_on{margin-left:160px}
.medicine_unit_on{margin-left:300px}
.law_unit_on{margin-left:320px}
.psychology_unit_on{margin-left:480px}
.language_unit_on{margin-left:740px}
.tourism_unit_on{margin-left:710px}

/*投考組合*/
.combination_tabs{margin:1% auto;text-align:center}
#combination_content1,#combination_content2,#combination_content3,#combination_content4,#combination_content5,#combination_content6,#combination_content7,#combination_content8,#combination_content9,#combination_content10,#combination_content11,#combination_content12{display:none;padding:2% 0 0;text-align:left}
#combination_tab1,#combination_tab2,#combination_tab3,#combination_tab4,#combination_tab5,#combination_tab6,#combination_tab7,#combination_tab8,#combination_tab9,#combination_tab10,#combination_tab11,#combination_tab12{display:none}
.combination_tabs label{display:inline-block;font-size:1.3em;border:solid 1px #dadada;background:#f1f1f1;color:#420505;padding:3px 20px 0;line-height:35px;margin:0 auto 5px;text-align:center;transition:all 0.3s linear}
.combination_tabs label:before{font-weight:400;margin-right:10px}
.combination_tabs label:hover{background:#ffd102;cursor:pointer;transform:scale(1.02)}
.combination_tabs input:checked + label{background:#ffd102}
#combination_tab1:checked ~ #combination_content1,#combination_tab2:checked ~ #combination_content2,#combination_tab3:checked ~ #combination_content3,#combination_tab4:checked ~ #combination_content4,#combination_tab5:checked ~ #combination_content5,#combination_tab6:checked ~ #combination_content6,#combination_tab7:checked ~ #combination_content7,#combination_tab8:checked ~ #combination_content8,#combination_tab9:checked ~ #combination_content9,#combination_tab10:checked ~ #combination_content10,#combination_tab11:checked ~ #combination_content11,#combination_tab12:checked ~ #combination_content12{display:block}
.combination_tabs .note {font-size: 1.1rem;}
.combination_tabs .note a {color: #000;margin: auto 0.125rem;}

/*準備要領*/
#suject_unit{display: flex;justify-content: center;font-size:1.1rem;margin: 0.5rem 0 1rem 0;}
#suject_unit .suject_wrap{display: flex;align-items: center;justify-content: center;background-color: #fdfdfd;border-radius: 10px;width: 35%;padding: 0.5rem 0;background-color:#F7F7F7;box-shadow: 0 4px 10px -5px #0000009d;}
#suject_unit select{font-size:1.1rem;box-sizing:border-box;border:1px solid #ededed;background-color: #FFF;}

.prepare_bg{margin:0 auto 3%}
.prepare_subjectbox{background:#fff5e9;margin:0 auto 2px;padding:25px;align-items:center}
.prepare_title{width:120px;height:120px;border-radius:50%;line-height:120px;background:#ffab2e;font-size:1.5rem;color:white;text-align:center;margin:auto;position:relative}
.indexContent .law_prepare_icon img{width:60%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.prepare_detail{width:84%;margin:0 auto}
.prepare_detail>.unit_Bluetitle{margin:0 auto}
.prepare_detail p,.prepare_txt p{margin:5px auto!important}
.prepare_detail a{color:#0074be}
.prepare_detail ol>li{list-style:decimal;margin:5px auto 5px 25px}
.prepare_mark{background:#ffe9cf;padding:10px 20px;margin:15px auto 5px}
.prepare_engbox{margin:3px auto 30px}
.prepare_engbox *{box-sizing:border-box}
.prepare_txt{width:60%}
.prepare_pic{width:40%;padding:1% 0 0 2.5%}
.prepare_pic>figure>img{width:100%;display:block}
.prepare_engbox:nth-of-type(2)>.prepare_pic{padding:1% 2.5% 0 0}
.field{margin:15px auto 25px;text-align:center}
.field>ul>li{width:135px;height:135px;font-size:1.5rem;line-height:135px;border-radius:50%;display:inline-block;background:#ff5a00;color:#FFF;text-align:center}
.field>ul>li:nth-child(n+6):nth-child(-n+7){background:#b74e11}
.prepare_ol{margin:10px auto 25px}
.prepare_ol>li{list-style:decimal;margin:0 auto 8px 25px;line-height:1.7em}
.prepare_bg .importantkey{color:#dc3c3c;font-weight:bold;font-size:1.3rem}

/*生物準備*/
.prepare_school_bg{margin:5px auto 0}
.prepare_school_box{width:calc(92%/3);margin:0 auto 0 0;background:#e8f5ff;padding:20px;box-sizing:border-box}
.prepare_schoo_title{width:105px;height:105px;line-height:105px;background:#0074be;margin:auto;text-align:center;font-size:2rem;color:#FFF;border-radius:50%}
.prepare_school_box ol{margin:10px 0 25px}
.prepare_school_box ol>li{margin-left:25px;list-style:decimal}


/*推薦書*/
.unit_recommendbook{background:#fff8ef;margin:30px auto 10px;padding:25px 30px 25px 0;text-align:left;border:solid 1px #dc3c3c;align-items:flex-start}
.unit_recommendbook>.recommendbook_title{width:15%;font-size:1.7rem;text-align:center;background:#dc3c3c;color:white;padding:5px 0;position:relative}
.unit_recommendbook>.recommendbook_title:before{content:"";position:absolute;border-style:solid;border-color:transparent transparent transparent #dc3c3c;border-width:25px 0px 25px 15px;right:-15px;top:0}
.unit_recommendbook>ul{width:80%;margin:0 1% 0 4%}
.unit_recommendbook>.recommendbook_bg{width:80%;margin:0 auto 0 4%}
.recommendbook_bg>.recommendbook_box{width:50%}
.recommendbook_bg>.recommendbook_box>div{color:#ff5a00;font-size:1.6rem;line-height:1.8em}
.recommendbook_title a {color: white;}



/*微積分*/
.computer_bg{margin:0 auto 20px}
.lang_computer_bg{margin:20px auto}
.computer_box{width:calc(100%/4);margin:1% 0;padding:0 1%;box-sizing:border-box}
.che_computer_bg .computer_box{width:calc(100%/3)}
.che_computer_bg .computer_box:last-of-type{width:66.6%}
.law_computer_bg .computer_box:nth-child(n+5):nth-child(-n+10){width:calc(100%/3)}
.lang_computer_bg .computer_box{width:calc(100%/2)}
.computer_stitle{color:#444;font-size:1.4rem;font-weight:bold;padding:5px}
.computer_title{font-size:1.7rem;line-height:1.1em;color:white;margin:0 0 10px;padding:8px 0;position:relative;text-align:center}
.computer_title i{font-size:1rem}
.computer_title:before{content:"";position:absolute;border-style:solid;border-width:9px 10px 0px 10px;bottom:-9px;left:46%}
.computer_box:nth-of-type(1) .computer_title{background:#dc3c3c}
.computer_box:nth-of-type(2) .computer_title{background:#ff5a00}
.computer_box:nth-of-type(3) .computer_title{background:#ffd200}
.computer_box:nth-of-type(4) .computer_title{background:#31d467}
.computer_box:nth-of-type(5) .computer_title{background:#0074bf}
.computer_box:nth-of-type(6) .computer_title{background:#7858c7}
.computer_box:nth-of-type(7) .computer_title{background:#8b5d8e}
.computer_box:nth-of-type(8) .computer_title{background:#9f307c}
.computer_box:nth-of-type(9) .computer_title{background:#c70089}
.computer_box:nth-of-type(10) .computer_title{background:#d668d2}
.computer_box:nth-of-type(11) .computer_title{background:#b3ae74}
.computer_box:nth-of-type(1) .computer_title:before{border-color:#dc3c3c transparent transparent transparent}
.computer_box:nth-of-type(2) .computer_title:before{border-color:#ff5a00 transparent transparent transparent}
.computer_box:nth-of-type(3) .computer_title:before{border-color:#ffd200 transparent transparent transparent}
.computer_box:nth-of-type(4) .computer_title:before{border-color:#31d467 transparent transparent transparent}
.computer_box:nth-of-type(5) .computer_title:before{border-color:#0074bf transparent transparent transparent}
.computer_box:nth-of-type(6) .computer_title:before{border-color:#7858c7 transparent transparent transparent}
.computer_box:nth-of-type(7) .computer_title:before{border-color:#8b5d8e transparent transparent transparent}
.computer_box:nth-of-type(8) .computer_title:before{border-color:#9f307c transparent transparent transparent}
.computer_box:nth-of-type(9) .computer_title:before{border-color:#c70089 transparent transparent transparent}
.computer_box:nth-of-type(10) .computer_title:before{border-color:#d668d2 transparent transparent transparent}
.computer_box:nth-of-type(11) .computer_title:before{border-color:#b3ae74 transparent transparent transparent}
.computer_box>ol>li{list-style:decimal;margin:0 5px 0 25px}


/*命中*/
.hit_box{margin:0 auto 5%;align-items:flex-start}
.hit_title{width:18%;margin:0 auto 0 0;padding:15px 30px;background:#3f6894;text-align:center}
.hit_title>div{font-size:3rem;color:#ffd102;font-weight:bold;margin:0 auto 6px}
.hit_title>p{margin:0 auto!important;color:#b0c2d6}
.hit_title>p>a{font-size:1.3rem;display:block;text-align:center;margin:15px auto 5px;color:#FFF}
.hit_title>p>a>i{margin-right:3px}
.hit_page{width:75%;margin:0 0 10px auto;border:solid 1px #e0e0e0}


/*單元表單*/
.ask_row{width:100%;margin:20px auto}
.ask_row50{width:50%}
.unit_askarea{}
.ask_wrap{width:1200px;margin:0 auto;background:#f7f7f7;padding:35px 0 20px;margin:0 auto 3%}
.unit_asktitle{text-align:center;color:#420505;font-size:1.6rem;font-weight:bold}
#unit_formlist{width:94%;margin:2% 5% 0 auto;color:#000}
#unit_formlist .indexflex{align-items:center}
#unit_formlist .ask_th{width:9.5em;text-align:right}
#unit_formlist .ask_txt{width:62%;margin:0 0 0 10px}
#unit_formlist .ask_row:nth-of-type(1) .ask_txt{width:82%}
#unit_formlist,#unit_formlist input[type="submit"],#unit_formlist input[type="reset"]{font-size:1.2rem}
#unit_formlist SELECT,#unit_formlist input{width:98%;padding:6px;border-radius:7px;background:#FFF;border:#FFF;font-size:1.1rem}
#unit_formlist input{color:#C6C6C6}
#unit_formlist input[type="submit"],#unit_formlist input[type="reset"]{width:20%; background:#ffab2e;padding:.5em;color:#FFF;margin:0 10px;-webkit-appearance:none}
#unit_formlist SELECT,#unit_formlist input{font-family:Verdana,"Microsoft JhengHei",Arial}
#unit_formlist p{text-align:center}
#unit_formlist input[name="sRandomCode"]{width:50%;margin-right:10px}
#unit_formlist small{margin:0 10px;font-size:1rem}
.ask_btn{text-align:center;margin:40px auto 20px}

#topbutton{width:50px;height:50px;font-size:2.2rem;background:rgba(99, 99, 99, 0.74);border-radius:50%;position:fixed;bottom:3%;right:1%;text-align:center;z-index:99;color:#FFF;line-height:50px;cursor:pointer}
/*Footer*/
#BodyFooter_rwd{background:#818181;padding:25px 0 18px}
#BodyFooter_rwd a{color:#d0d0d0}
.footer_box{align-items:center}
.footer_logo{width:30%;margin-right:3%}
.footer_logo img{width:100%;display:block}
.footer_address{width:67%}
.footer_address>ul>li{display:inline-block;line-height:1.8em;font-size:1rem;color:#FFF;text-align:left;margin-right:25px}
.footer_address>ul>li>span{display:block;color:#FFD102;font-size:.9rem}
.footer_address>ul>li:nth-of-type(3){border-left:1px solid #d0d0d0;padding-left:1em}
.footer_address>ul>li:nth-of-type(5)>a{margin-right:1em}
.footer_address>ul>li:nth-child(n+4):nth-child(-n+6){margin-right:0}
.footer_address>ul>li:last-child{color:#d0d0d0}

@media all and (min-width: 1201px){
.mbSearch,.searchbtn,.lightbox-close,.MB_social{display:none}
#unit_formlist img{height:auto}
.nav_container{margin:0 1%}
.subject_combination{width:100%}
.subject_combination tbody{display:contents}
.subject_combination td{padding:7px 10px}

}

@media all and (min-width:1410px){
.nav_container{margin:0 2%}
}

@media all and (min-width:1810px){
.nav_container{margin:0 7%}
}
@media all and (min-width:1811px){
.nav_container{margin:0 8%}
}

/*MB*/
@media (max-width:1200px){
#suject_unit .suject_wrap{width: 100%;padding: 0.2rem 0;}
.unit1200{width:96%;padding:2%}
.hide{display:block}
.logo,#mwt_mwt_slider_scroll,.line_list{display:none}
.indexContent img{width:100%}
#searchContent img{width:auto}
.nav_container{margin:0;position:relative}
.logo_m{float:left;position:relative;z-index:99}
.logo_m img{width:100%}
.toparea{width:100%;position:fixed;left:0;right:0;top:0;z-index:99;background-color:#FFF}
.index_AD{width:100%}
.film_photo{width:100%}
.stu_list{width: 50%;}
/*粉絲分享*/
.MB_social{position:fixed;bottom:0;left:0;right:0;z-index:9}
.announce{background:#ed1a1ae6;text-align:center;font-size:1.1rem;padding:8px 0}
.announce i{margin-right:3px}
.announce a{color:#Ff0}
.bulletin{text-align:center;position:fixed;left:0;bottom:10%}
.bulletin img{width:auto;display:block}
.MB_social li{font-size:.9rem}
.MB_social .social_bottomlink li i{font-size:1.4rem;display:block}
.MB_social .social_bottomlink li a{width:calc(100%/4);float:left;text-align:center;text-decoration:none;color:#fff;padding:7px 0 2px}
.MB_social .social_bottomlink li:nth-child(1) a{background:#0074be}
.MB_social .social_bottomlink li:nth-child(2) a{background:#0dce4d}
.MB_social .social_bottomlink li:nth-child(3) a{background:#ffd200;color:#000}
.MB_social .social_bottomlink li:nth-child(4) a{background:#FF5A00}
/**/
.combination{width:100%}
.combination tbody{width:auto;overflow-y:hidden}
.combination th,.combination td{word-break:keep-all;white-space:nowrap}   
/*單元表單*/
.ask_wrap{width:100%}
#unit_formlist img{width:auto}
}

@media(max-width: 767px){
[class*="mb-br"]{display:block}
#BodyContent{padding-top:30px}
.index1200{width:94%;padding:2% 3%}
.index1200 h3{font-size:2.2rem}
.index_plan h3>span,.index_media_box h3>span{display:block}
.logo_m{width:69%;margin:7px auto 5px 3px}
.media .out_mask .stu_title{font-size: 1em;}
#study-hall .cloud-botton div{font-size: 0.95rem;}
.index_marquee{flex-wrap: wrap;}
.index_marquee #marquee_unit{width: 100%;}
.index_marquee .search_flex{width: 100%;}
.index_teacher .swiper-button-next{background-image:url(../../File/Images/r.png);right:-5%;transform:rotate(0deg) scale(1.5,1.5)}
.index_teacher .swiper-button-prev{background-image:url(../../File/Images/r.png);left:-5%;transform:rotate(180deg) scale(1.5,1.5)}
@media screen and (orientation:landscape){
.logo_m{width:36%;margin:7px auto 5px 3px}
}
/*.toparea{height:65px}*/
.basemap,.toparea{background-size:100%}
.hotwrap{grid-template-columns:100%;grid-gap:0;margin:0 auto}
.subjust_menu{order:3;margin:3% auto 0}
.subjust_menu>ul{border-top:0;border-bottom:0}
.subjust_menu>ul>li{width:calc(100%/4 - 10px);margin:1% auto;font-size:1.1rem;line-height:35px;letter-spacing:1px}
.subjust_menu>ul>li i{display:block;border-radius:50%;width:50px;height:50px;line-height:50px;background:#73130b;margin:auto;font-size:1.5rem}
.subjust_menu>ul>li a i{color:#FFF}
.subjust_menu>ul>li a{font-weight:400;color:#5a0900}
.index_AD{margin:2% auto}
.index_AD .swiper-button-next,.index_AD .swiper-button-prev{width:30px;height:30px;background-size:35%}
.index_AD .swiper-button-next{right:5px}
.index_AD .swiper-button-prev{left:5px}
.news_list{width:100%}
.index_teacher_box{width:84%;margin:15px auto}
.index_teacher_box>.swiper-container_210>.swiper-pagination{display:none}
.index_teacher .swiper-button-next{right:-10%}
.index_teacher .swiper-button-prev{left:-10%}
.index_cloud figure,.index_cloud_box{width:100%}
.index_cloud_box{margin:2% auto 0}
.index_cloud_box>p{font-size:1.6rem}
.cloud_sale a{font-size:1.5rem;padding:5px 15px}
.index_cloud_link>li>a{width:112px;height:112px;font-size:1.2rem;line-height:168px;margin:0;background-size:40%}
.index_cloud_link>li>a:before{bottom:43px}
.index_plan_box{grid-template-columns:1fr;grid-gap:0;margin:2% 4% 0}
.index_plan_box>dl{margin:0 0 20px;padding:25px}
.index_plan_box>dl:after{top:auto;right:0;left:0;bottom:-20px;margin:auto;border-width:20px 20px 0px 20px;border-color:#0374b6 transparent transparent transparent}
.index_plan_box>dl>dt{font-size:1.55rem;}
.index_plan_box>dl>dt:after{width:50px}
.index_plan_box>dl>dd:nth-of-type(1){font-size:1.1rem;line-height:1.6em;margin:20px auto 10px}
.index_plan_box>dl>dd:nth-of-type(2)>a{font-size:1.25rem;padding:5px 25px}
.index_media_box h3{line-height:1.2em}
.index_media_box h3>span{display:block}
#teacher-Vuetabs .Vuetabs a {margin: 0.5rem auto;font-size: 1.2rem;}
/*--數位函授 / 測評工具--*/
.cloud { display: block; }
#Elearning,#study-hall { width: 95%;margin: 0.5rem 0;}
#Elearning .ElearningContent { display:block;}
#Elearning .Vuetabs a { font-size: 0.8rem; }
#study-hall .cloud-botton {margin: 0.4rem; }
#Elearning .stitle { font-size: 1em;}
#Elearning p { font-size: 0.8em;}
/**/
.bulletin{width:100%;bottom:50px;z-index: 8;}
.bulletin li{display:inline-block;text-align:center;margin:0}
    
/*內頁*/
#suject_unit{font-size:1rem;margin: 0.5rem 0;padding: 0.5rem 0;}
#suject_unit select{font-size:1rem;box-sizing:border-box;}


#BodyContentMainNavigator{margin:0 auto 2%}
#BodyContentMainNavigator ul li,#BodyContentMainNavigator h1{font-size:13px}
#BodyContentMainDetail{padding:0}
#BodyContentMainDetail h1{font-size:1.8rem}
#BodyContentMainDetail h1>span{display:block}
#BodyContentMainDetail h2{font-size:1.6rem}
.unit_submenuLink{margin:5px auto 20px}
.unit_submenuLink>li{font-size:1rem;margin:3px 0}
.unit_submenuLink>li>a{padding:0 10px}
.psychology_blog{font-size:1.25rem;margin:0 auto 15px}
.subject_htitle{width:40%;;margin:0 auto;display:block;font-size:2rem;text-align:center;font-weight:500;position:relative}
.subject_htitle:after{content:"";background:#ffa800;width:100%;height:4px;position:absolute;top:0px;left:0}
.subject_unit_menu{margin:0 auto 0px}
.subject_unit_menu>.indexflex{display:none}
.unit_smenu{text-align:center;margin:0 auto!important}
.unit_smenu>li{margin:2px 5px;font-size:1.2rem}
.unit_smenu>li>a{text-decoration:underline}
.unit_content h3{font-size:1.5rem}
.unit_content .unit_Bluetitle{font-size:1.4rem}
.unit_content h3~.unit_Bluetitle{font-size:1.3rem}
.unit_content p,.unit_content .sightseeing ol>li,.unit_content li{font-size:1.05rem;line-height:1.7em}
.unit_content p{margin:5px auto 15px}
.unit_content .sightseeing{padding:15px 20px;margin:0 auto 20px}
.unit_content .sightseeing ol>li{margin-left:20px;text-align:justify}
.unit_content .sightseeing p:nth-last-of-type(1){margin-bottom:0}
.know_content .sightseeing p~ol{margin:0 auto}
.unit_content .sightseeing ol>li>div{font-size:1.2rem}
.sightseeing dl{margin:10px auto 5px}
.sightseeing dd{display:block;line-height:1.7em;padding:0 0 12px;font-size:1.05rem;color:#333}
.sightseeing dd:nth-last-of-type(1){padding:0}
.sightseeing dt{float:none;padding:0 0 4px}
.sightseeing_title{font-size:1.2rem}

.combination{line-height:1.6em}
.combination th,.combination td{padding:5px 15px}
.combination td{text-align:left}
.combination th,.combination td,.combination td p,.combination ul>li{font-size:1rem!important}
.combination td div.win{font-size:1.05rem;width:25px;height:25px;line-height:25px}
.concept>ol{text-align:left}
.concept>ol>li{width:100%;font-size:1.1rem;line-height:1.5em;padding:12px 10px 12px 65px;position:relative;text-align:left;box-sizing:border-box}
.concept>ol>li:before{position:absolute;left:12px;top:20%;font-size:2rem}
.calculus>ol>li{font-size:1.1rem;padding:5px 15px}
.calculus>ol>li:before{font-size:1.4rem;margin-right:6px}
.acc_calculus>ol>li{width:100%;font-size:1.1rem;padding:15px;margin:0 auto 2px}
.acc_calculus>ol>li>div:nth-of-type(1){width:12%;font-size:2rem}
.acc_calculus>ol>li>div:nth-of-type(2){width:88%;font-weight:bold}

/*投考組合*/
.combination_tabs label{font-size:1rem;margin:3px auto;padding:0 10px}

/*準備要領*/

.prepare_bg{margin:0 1.5% 5%}
.prepare_subjectbox{padding:20px;margin:0 auto 1%}
.prepare_detail{width:96%;margin:10px auto 0}
.prepare_title{width:110px;height:110px;line-height:110px;font-size:1.3rem}
.prepare_txt,.prepare_pic{width:100%}
.prepare_pic{padding:2% 0}
.prepare_school_box{width:100%;margin:2% auto}
.prepare_schoo_title{width:90px;height:90px;line-height:90px;font-size:1.5rem}
.field{margin:5px auto 15px}
.field>ul>li{width:100px;height:100px;font-size:1.1rem;line-height:100px;margin:3px 0}
.prepare_ol>li{text-align:left}
.prepare_bg .importantkey{font-size:1.05rem}
.unit_recommendbook{padding:0 20px 15px 0}
.unit_recommendbook>.recommendbook_title{width:100%;font-size:1.4rem}
.unit_recommendbook>.recommendbook_title:before{border-width:21.5px 0px 21.5px 15px}
.unit_recommendbook>ul,.unit_recommendbook>.recommendbook_bg{width:90%;margin:3% auto 0}
.unit_recommendbook>ul>li{text-align:left}
.recommendbook_bg>.recommendbook_box{width:100%;margin:2% auto}
.recommendbook_bg>.recommendbook_box>div{font-size:1.3rem}
.computer_box,.lang_computer_bg .computer_box{width:100%;margin:2% auto}
.che_computer_bg .computer_box,.che_computer_bg .computer_box:last-of-type,.law_computer_bg .computer_box:nth-child(n+5):nth-child(-n+10){width:100%}
.computer_title{font-size:1.25rem;padding:10px 0}
.computer_title i{font-size:.9rem}
.computer_stitle{font-size:1.1rem}
.computer_box>ol{padding:1% 2%}
/*命中*/
.hit_title{width:70%;margin:0 auto;padding:10px 20px}
.hit_title>div{font-size:2rem;margin:0 auto 3%}
.hit_title>p>a{font-size:1.2rem;margin:5% auto 0}
.hit_page{width:90%;margin:5% auto}

/*課輔+一對一*/
.service_unit h1>span{font-size:2rem;width:40px;height:40px;line-height:40px}
#BodyContentMainDetail.service_unit h2{font-size:1.6rem}
.service_banner>ul{width:100%}
.service_banner>ul>li{width:115px;height:115px;line-height:115px;font-size:1.05rem}
.service_banner.indexflex>figure{width:50%}
.service_box>.service_list{padding:5% 5% 5% 20%}
.service_box>.service_list:before{font-size:3rem;left:10px;top:20px}
.service_box>.service_list>ol>li{font-size:1.05rem;line-height:1.7em;margin-bottom:5px}
.unit_content .service_box p strong{font-size:1.2rem}
    
/*單元表單*/
.ask_wrap{padding:20px 0;margin:0 auto}
.ask_row50{width:100%;margin:0 auto}
.ask_row{margin:0 auto}
.unit_asktitle{font-size:1.2rem;line-height:1.4em}
.unit_asktitle>span{display:block}
#unit_formlist{width:92%;margin:7% auto 0}
#unit_formlist .ask_th,#unit_formlist .ask_txt,#unit_formlist .ask_row:nth-of-type(1) .ask_txt{width:100%;margin:0}
#unit_formlist,#unit_formlist input[type="submit"],#unit_formlist input[type="reset"]{font-size:1rem}
#unit_formlist .ask_th,#unit_formlist p{text-align:left}
#unit_formlist SELECT,#unit_formlist input{width:99%;height:40px;padding:.5%;margin:0 auto 7%;font-size:.95rem;box-sizing:border-box;border:1px solid #ededed}
#unit_formlist p{margin:0 auto 7%;font-size:.95rem}
.ask_btn{margin:0 auto;text-align:left}
#unit_formlist input[name="sRandomCode"]{width:45%}
#unit_formlist small{font-size:.9rem;margin:0 5px}
#unit_formlist input[type="submit"],#unit_formlist input[type="reset"]{width:auto;height:auto;margin:0 8px 0 0;padding:2% 3%;border:0}
#topbutton{bottom:14%;width:45px;height:45px;font-size:1.8rem}
#topbutton,#topbutton a{line-height:45px}
#BodyFooter_rwd{padding:15px 5px 120px}
.footer_logo{width:80%;margin:0 auto 1%}
@media screen and (orientation:landscape){
.footer_logo{width:45%}
}
.footer_address{width:100%}
.footer_address>ul>li{font-size:1rem;line-height:1.5em;margin:5px 20px 5px 0}
.footer_address>ul>li:nth-of-type(2){margin-right:0}
.footer_address>ul>li:nth-of-type(3){border:0;padding-left:0;margin-right:43px}
.footer_address>ul>li:last-child{font-size:.9rem}
}
@media screen and (min-width:768px) {
    .index_teacher .swiper-button-next,.index_teacher .swiper-button-prev{display: none;}
}
@media screen and (min-width:768px) and (max-width:991px){
.toparea{height:74px}
#BodyContent{padding-top:60px}
.logo_m{width:40%;margin:7px auto 5px 8px}
.subjust_menu>ul>li{font-size:1.25rem}
.index_AD{margin:0 auto}
.teacher_intro>div{font-size:1.25rem}
.index_cloud>.indexflex{align-items:center}
.index_cloud figure{width:45%}
.index_cloud_box{width:55%}
.index_cloud_box>p{font-size:1.7rem}
.index_cloud_link>li>a{font-size:1.2rem;width:107px;height:107px;line-height:156px;margin:0 10px;background-size:40%}
.index_cloud_link>li>a:before{bottom:42px}
.index_plan_box{margin:10px 20px;grid-template-columns:repeat(2,1fr)}
/* .index_media{padding-bottom:110px} */
.media .out_mask .stu_title{font-size: 2em;}
/*--數位函授 / 測評工具--*/
.cloud { display: block; }
#Elearning,#study-hall { width: 95%;margin: 0.5rem 0;}
#study-hall .cloud-botton { margin: 1rem; }
#Elearning .stitle { font-size: 1em;}
#Elearning p { font-size: 0.7em;}
/*內頁*/
#BodyContentMainDetail h1{font-size:2.5rem}
#BodyContentMainDetail h2{font-size:2rem}
.unit_submenuLink>li{font-size:1.25rem}
.unit_submenuLink>li>a{padding:3px 15px}
.subject_unit .unit_submenuLink{margin:10px auto 20px}
.subject_unit_menu{width:100%;margin:15px auto 30px}
.subject_unit_menu>.indexflex{margin:0 auto 4px}
.subject_unit_menu>.indexflex>li{font-size:1.25rem}
.unit_smenu>li{font-size:1.2rem}
.unit_content h3{font-size:1.8rem}
.unit_content .unit_Bluetitle{font-size:1.6rem}
.unit_content p,.unit_content .sightseeing>ul>li{font-size:1.15rem}
.sightseeing dt,.sightseeing dd{line-height:30px}
.sightseeing_title{font-size:1.15em}
.combination{line-height:1.8em}
.combination th,.combination td{padding:7px 20px}
.concept>ol>li{font-size:1.25rem;padding:15px 15px 10px}
.concept>ol>li:before{font-size:2.5rem}
.calculus>ol>li{font-size:1.25rem;padding:8px 15px}
.calculus>ol>li:before{margin-right:10px}
.acc_calculus>ol>li{width:calc(100%/2);font-size:1.2rem;padding:10px 20px}
.acc_calculus>ol>li>div:nth-of-type(1){width:15%;font-size:3rem}
.acc_calculus>ol>li>div:nth-of-type(2){width:85%}
.unit_recommendbook{padding:0 30px 25px 0}
.unit_recommendbook>.recommendbook_title{width:22%;padding:7px 0;font-size:1.5rem}
.unit_recommendbook>ul{width:90%;margin:2% auto 0}
.combination_tabs label{font-size:1.2rem;padding:0 15px}
.prepare_detail{width:75%}
.prepare_school_box{width:calc(96%/3)}
.prepare_schoo_title{font-size:1.7rem}
.hit_title{width:25%;padding:20px 15px}
.hit_title>div{font-size:2.5rem}
.hit_title>p>a{font-size:1.2rem}
.hit_page{width:68%}
.computer_box{width:calc(100%/3)}
.law_computer_bg .computer_box,.law_computer_bg .computer_box:nth-child(n+5):nth-child(-n+10){width:calc(100%/2)}
.computer_title{font-size:1.5rem}
.computer_stitle{font-size:1.3rem}
.field>ul>li{width:120px;height:120px;font-size:1.3rem;line-height:120px}
 
.service_unit h1>span{width:55px;height:55px;line-height:55px;font-size:2.9rem}
.service_banner>ul{width:66%}
.service_banner>ul>li{width:140px;height:140px;line-height:140px;font-size:1.3rem}
.service_banner.indexflex>figure{padding:0 4% 0 0}
.service_box>.service_list{padding:2.5% 2% 2.5% 13%}
.service_box>.service_list:before{top:40px;left:10px;font-size:4.5rem}
.service_box>.service_list>ol>li{line-height:32px}

/*單元表單*/
.unit_asktitle{font-size:1.3rem}
#unit_formlist{width:98%;margin:2% 2% 0 auto}
#unit_formlist,#unit_formlist input[type="submit"],#unit_formlist input[type="reset"]{font-size:1.05rem}
.footer_address>ul>li:nth-of-type(3){border-left:0;padding-left:0;margin-right:49px}
.footer_address>ul>li:last-child{font-size:.9rem}
}

@media(max-width:991px){
/*.unit_smenu{margin:0 auto!important}*/
}


@media screen and (min-width:992px) and (max-width:1200px){
#BodyContent{padding-top:88px}
.toparea{height:82px}
.logo_m{width:35%;margin:4px auto 5px 8px}
.index_cloud_link>li>a{margin:0 10px}
.prepare_detail{width:80%}  
.service_banner.indexflex>figure{padding:0 2%}
.service_banner>ul{width:66%}
.service_banner>ul>li{width:200px;height:200px;line-height:200px}
.service_box>.service_list:before{left:2%}
.index_media_box .stu_list{width: 25%;}
/* .media .out_mask .stu_title{font-size: 2em;} */

}


@media screen and (min-width:768px) and (max-width:1200px){
.index1200{width:98%;padding:0 1%}
.index1200 h3{font-size:2.7rem}
.bulletin{right:0;bottom:20%;position:fixed}
.bulletin li{display:block}
.hotwrap{grid-template-columns:60% 39%;grid-gap:.5%;margin:1% auto 2%}
.index_teacher{padding:30px 0 50px}
.index_teacher_box{margin:2% 8% 0}
.index_media_box>p>img{width:auto}
.concept>ol{text-align:left}
/*選單效果*/
.subject_on:before{width:95%;left:2.5%}
.twoyear_unit_on{margin-left:0}
.business_unit_on{margin-left:2%}
.technical_unit_on{margin-left:5%}
.law_unit_on{margin-left:18%}
.psychology_unit_on{margin-left:28%}
.language_unit_on{margin-left:35%}
.tourism_unit_on{margin-left:42%}
#topbutton{bottom:13%;right:.5%}
.ask_wrap{margin:0 auto}
#unit_formlist .ask_row:nth-of-type(1) .ask_txt{width:80%}
#unit_formlist .ask_th{width:8em}
#unit_formlist .ask_txt{width:60%;margin:0 0 0 5px}
#BodyFooter_rwd{padding:25px 0 70px}

}