@import url("../../../../icon_new/css/all.min.css");
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}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
body{font-family:"微軟正黑體",Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;}
small{font-size: 0.9em;}
.bg_padding{padding:1%;}
.bgcolor0{background-color: #FCFCFC;}
.bgcolor1{background-color: #ff4818;}
.bgcolor2{background-color: #FCFCFC;}
.bgcolor3{background-color: #ececec;}
.bgcolor4{background-color: #1674e9;}
.bgcolor5{background-color: #16e9dd;}
.bgcolor6{background-color: #ff9018;}
.Fcolor1{color: #FFF;}
.Fcolor2{color: #1674e9;}
.Fcolor3{color: #ff4818;}
.ps{font-size: 0.8em;color: #FFF;text-align: center;margin: 2% auto;}
.mt-2 {margin-top: 0.5rem;}
.mx-2{margin-left: 0.5rem;margin-right: 0.5rem;}
.justify-around{justify-content: space-around;}
[class*="flex"]{display: flex;flex-wrap: wrap;}
.text-left {text-align: left;}
.ml-8 {margin-left: 1rem;}
.price-other dl.w-full {width: 100%;}
/*所有元素漸變0.5秒*/
*{transition: all .5s;}
/*標題大小*/
h1{font-size: 2.5em;padding-top: 2%;}
h2{font-size: 2.0em;}
h3{font-size: 1.8em;}
/* event 未來好迷茫 */
#event_master img{margin:-2% 0% 0 1%;}
.career-plan{margin-left: 16%;color: white;width: 78%;font-size: 1.1em;text-align: left;padding-bottom: 2%;}
.career-plan li{line-height: 1.8em;list-style: none;}
.career-plan li strong{background-color: #1674e9;font-size: 1.1em;color: #ffffff;display: inline-block;border-radius: 0.5em;padding: 2px 15px;width: fit-content;margin: 1% 1% 0 0;}

/* 考科重疊好有利 */
.subject-form{margin: auto;}
.subject-form table{border-collapse: collapse;width: 100%;background-color: #fffcf6;}
.subject-form th{background-color: #1674e9;border: 1px solid #1674e9;font-size: 1.25rem;color: white;}
.subject-form td{border: 1px solid #DFDFDF;}
.subject-form th, .subject-form td{padding: .5rem;text-align: center;}
.subject-form table tr:nth-child(n+1):nth-child(-n+3){background-color: #16e9dd;}
.subject-form table tr:nth-child(n+1):nth-child(-n+3) td{border: 1px solid #fff;text-align: center;}
.subject-form table tr:nth-of-type(2) td:first-of-type{border-left: 1px solid #16e9dd;}
.subject-form table tr:nth-of-type(2) td:last-of-type{border-right: 1px solid #16e9dd;}
.subject-form ul li{display: block;text-align: left;}
.txt-color1{color: #ff4818;}
.txt-color2{color: #06b5ab;}
.txt-color3{color: #1674e9;}
.txt-color4{color: #ec0f9e;}
.txt-color5{color: #af2ae6;}
.txt-color6{color: #000;}
.txt-color7{color: #ff9018;}
.txt-color8{color: #1674e9;border-bottom: dotted 4px;font-size: 2.8em;margin-bottom: 1.5%;}

/* 專業課程 */
.course-plan{margin-top: 4%;}
.course-item{width: calc(100%/4);margin-bottom: 4%;}
.course-title{border-radius: 100%;width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;margin: auto;position: relative;color: white;font-weight: bold;font-size: 1.4em;line-height: 1.2em;}
.course-title.bg1{background-color: #1674e9;}
.course-title.bg2{background-color: #06b5ab;}
.course-title.bg3{background-color: #ff9018;}
.course-title.bg4{background-color: #ff4818;}
.p1{position: absolute;left: -30%;}
.course-item dl{margin: 1.25rem 10% 0;}
.course-item dt{margin-top: 1rem;font-weight: bold;}
.course-item dt a{color: #;}
.course-item dd{text-align: left;}
/* 學習模式 */
.learn-way{margin-bottom: 4%;}
.learn-item {width: calc(100%/2 - 18px);padding: .5rem;}
.learn-item dt{background-color: #1674e9;font-size: 1.0em;color: #ffffff;border-radius: 0.5em;padding: 2px 15px;width: fit-content;margin: 1% 0% 0% 2%;}
.learn-item dt strong{font-size: 1.4em;font-weight: bold;}
.learn-item dd{font-size: 1.0em;color: #1674e9;}
.learn-item:nth-child(n+1):nth-child(-n+2){border-bottom: 3px solid #1674e9;}
.learn-item:nth-child(odd){border-right: 3px solid #1674e9;}
.learn-item img{margin-bottom: 2%;}
/* 快聽前輩言 */
.exp-cont{margin: 1rem 4%;text-align: left;color: white;}
.exp-cont dt{font-weight: bold;background-color: #FFF;font-size: 1.2em;color: #ff4818;border-radius: 0.5em 0.5em 0 0;padding: 2px 10px;margin: 1% 0% 1% 0%;}
.exp-cont dt a{margin-right: 1rem;color: #1674e9;font-size: 1.1em;}
.text-xs{font-size: 0.75rem;}
.guide-btn{text-align: center;}
.guide-btn a{background-color: #ff4818;color: #fff;border-radius: 2rem;display: inline-block;text-decoration: none;padding: .3rem .7rem;margin: .5rem 0.2em;font-size: 1.2em;font-weight: bold;margin-bottom: 4%;}
.guide-btn a:hover {background-color: #06b5ab;}
/* 團報正優惠 */
.price-list{margin: 1rem 4%;border-radius: 1em;background-color: white;padding: 1% 5% 2%;}
.price-list dt{font-size: 1.5rem;font-weight: bold;text-align: center;border-bottom: solid 2px;color: #ff4818;margin-bottom: 1%;width: 100%;}
.price-list dt i{margin-right: .5rem;}
.price-list dt a{color: #ff4818;text-decoration: none;}
.price-list dd{width: calc(100%/3 - 1rem);padding: 1rem;margin: .5rem auto;box-sizing: border-box;text-align: center;}
.price-list dd a{color: #000;}
.price-sale{font-size: 1.25rem;font-weight: bold;}
.price-sale span{font-size: 1.5rem;color: #ff4818;}
.price-ol{border: dotted 2px;color: #1674e9;border-radius: 1em;}
.price-other{margin: 1rem 3%;}
.price-other dl{width: calc(100%/2 - 1rem);box-sizing: border-box;text-align: center;margin: .5rem auto;}
.price-other dl dd{color: #1674e9;font-size: 1.25rem;font-weight: bold;width: 100%;padding: initial;}
.price-other dl dd a{color: #1674e9;}
.price-other aside{color: #000;font-size: 1.25rem;font-weight: bold;margin-top: .5rem;}
.price-other aside a{color: #000;}

/* 社群 */
.community{line-height: 2;text-align: center;}
.comout{width: calc(100%/2);padding: .5rem 0;box-sizing: border-box;}
.cmy_title, .cmy_intro {color: #ffed00;}
.cmy_title{font-size: 1.125rem;}
.qrcode img {width: 100px;height: auto;}
.bgLine {background-color: #2fbd2f;}
.bgFB {background-color: #395692;}
.cmy_title:before, .cmy_title:after {content: '★';}
.community a {color: white;display: block;}

@media (min-width: 1201px){
    /*主要內容欄*/
    #BodyContentMain {width:750px;float:left;padding-left: 2.8em;padding-bottom: 2em;}
    /*導覽列*/
    #BodyMenu nav+table td {text-align: left;}
    #BodyMenu nav+table td img {width: 955px;border-right: 21px solid #B4D1EA;}
    #BodyContentMainNavigator {width:100%;float:left;text-align:left;font-size:14px;color:#000000;line-height: 20px;margin-top: 10px;margin-bottom: 10px;}
    #BodyContentMainNavigator a, #BodyContentMainNavigator a:visited {color:#8E8E8E;text-decoration:none;}
    /* 詳細資訊 */
    #BodyContentEvent {width: 750px;float: left;}
    /* Event_header */
    /*PC*/
    #BodyHeader_event #header-share { line-height: 1.2em;font-size: 13px;color: #333;}	
    #BodyHeader_event #header-share a {font-size: 13px;color: #333333;text-decoration: underline;}
    /*手機*/
    #BodyHeader_event_rwd{display:none;}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中1200px寬外框*/
    #Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0% auto;display:block;width:750px;padding:0px;text-align: center;}
    /*div section標籤段落*/
    section p{font-size:1.3em;line-height:1.9em;text-align:left;}
    /* event */
    .subject-form{padding-bottom: 4%;}
    .md\:block{display: block;}
    /* ask */
    #askarea_out {background-color: #217BBA;width: 59%;margin-left: 14.2%;float: left;padding-top: 2%;}
    #askarea {background-color: #f0f0f0;width: 100%;float: left;padding-top: 2%;text-align: left;font-family: "Microsoft JhengHei";border-radius: 20px;margin: 3% 0 0;}
    #askarea .asktitle {font-size: 1.2em;color: #333;text-align: center;padding: 1% 0;}
    #askarea .asktitle a{color: #333;}
    #askarea #formlist{width: 90%;float: left;margin-right: auto;margin-left: 8.5%;margin-top: 3%;font-size: 1em;color: #333;padding-bottom: 2%;}
    #askarea SELECT{border-radius: 7px;width: 18%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 1%;}
    #askarea input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-bottom: 1%;margin-left: 1%;color: #333;}
    #askarea input[type="submit"]{color: #FFF;background-color: #e51686;font-size: 1em;padding:0.5em;}
    #askarea input[name="sContent"]{width:50%;}
    #askarea input[type="reset"]{color: #FFF;background-color: #9a9a9a;font-size: 1em;padding: 0.5em;}
    #askarea input[type="text"]{width:35%;}
    /* Footer */
    #BodyFooter_rwd{float: left;width: 1000px;background-color:#FFF;margin-left: auto;border-top-width: 18px;border-top-style: solid;border-top-color: #b4d1ea;}
    #BodyFooter_rwd #footer_line {width: 90%;margin-bottom: 2%;margin-top: 2%;margin-left: 5%;margin-right: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #666;}
    #BodyFooter_rwd #footer_inline a {color: #333;}
    #BodyFooter_rwd #footer_inline ul{float: left;width: 100%;margin-bottom: 0%;margin-top: 3%;}
    #BodyFooter_rwd #footer_inline ul li{display: inline;line-height: 2em;font-size: 1em;clear: both;width: 100%;margin-right: 1%;margin-bottom: 0%;}
    #BodyFooter_rwd #footer_inline ul li img{width: 20%;height: auto;vertical-align: middle;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #333;}
    #BodyFooter_rwd #footer_address ul{float: left;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}
    /* 舊版IE */
    #noie{background-color: #FFFFFF;width: 100%;text-align: center;}
    /* 舊版IE end */
    #topbutton{display:none;}
}

@media (max-width: 1200px){
    /* 隱藏 */
    #BodyHeader {display:none;}
    #BodyMenu{display:none;}
    #BodyContentAd{display:none;}
    #BodyContentMainNavigator{display:none;}
    #BodyHeader_event {display:none;} 
    /* Header */
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    @media screen and (orientation:portrait) {
        #BodyHeader_event_rwd img {max-width: 50%;margin:2.5% auto;}
    }
    @media screen and (orientation:landscape) {
        #BodyHeader_event_rwd img {max-width: 25%;margin:2.5% auto 1% auto;}
    }
    /*body*/
    #Master_title{display:inline-block;width:100%;padding:0%;}/*主圖位置ID*/
    #Master_title img{height: auto;width: 100%;}
    @media screen and (orientation: portrait){
        #Master_title{margin-top: 15%;}
    }
    @media screen and (orientation:landscape) {
        #Master_title{margin-top: 8%;}
    }
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #BodyContent,#BodyContentMain{width: 100%;float: left;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0% auto;display:inline-block;width:98%;padding:1%;}
    /*div section標籤段落*/
    div p{font-size:1em;line-height:1.6em;text-align:left;}
    section p {font-size: 0.8em;line-height: 1.4em;text-align: left;padding: 0 5%;}
    /*標題大小*/
    h1{font-size: 2.2em; }
    h2{font-size: 2.0em; }
    h3{font-size: 1.6em; }
    #event_sixth nav a{ font-size: 1.2em; }
    #event{width: 100%;float: left;margin: 0;padding: 0;}
    /*ask*/
    #askarea {background-color: #217BBA;width: 90%;float: left;padding-top: 2%;text-align: left;font-family: "Microsoft JhengHei";padding: 6% 5%;}
    #askarea .asktitle {font-size: 1.2em;color: white;text-align: center;padding: 1% 0;}
    #askarea .asktitle a{color: white;}
    #askarea #formlist{width: 99%;float: left;margin-right: auto;margin-left: 0%;margin-top: 0.8%;padding-right: 1%;font-size: 1em;color: white;text-align: left;}
    #askarea p{margin-bottom: 0%;margin-top: 0%;}
    #askarea SELECT{border-radius: 7px;width: 99%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 5%;height: 2.0em;font-size: 1.0em;}
    #askarea input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 5%;color: #C6C6C6;height: 2.0em;font-size: 1.0em;}
    #askarea input[type="submit"]{color: #FFF;background-color: #e51686;font-size: 1em;margin-top: 5%;padding: 0 3%;}
    #askarea input[name="sContent"]{width:100%;}
    #askarea input[type="reset"] {color: #FFF;background-color: #9a9a9a;font-size: 1em;margin-top: 5%;padding: 0 3%;}
    #askarea input[type="text"]{width:99%;}
    /* Footer */
    #BodyFooter_rwd{float: left;width: 100%;background-color:#FFF;margin-right: auto;margin-left: auto;padding: 0;margin-top: 5%;margin-bottom: 0;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 2%;margin-top: 2%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #333;}
    #BodyFooter_rwd #footer_inline a {color: #333;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding: 0%;width: 100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;line-height: 2em;font-size: 1.1em;clear: both;width: 100%;margin-right: auto;margin-bottom: 0%;}
    #BodyFooter_rwd #footer_inline ul li img{width: 45%;height: auto;vertical-align: middle;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;float: left;width: 100%;text-align: center;margin-right: auto;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #333;}
    #BodyFooter_rwd #footer_address ul{float: left;padding: 0%;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}
    /* Footer end */
    #topbutton{width: 50px;height: 50px;color: #FFFFFF;border-radius: 9999em;background-color: #000;opacity: 0.4;right: 1%;bottom: 8%;position:fixed;line-height: 50px;font-size: 15px;text-align: center;}
    #topbutton a{color: #FFFFFF;font-size: 15px;}	
}

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

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

@media (max-width:767px){
    .subject-form{overflow-x: scroll;scroll-behavior: auto;}
    .subject-form table{width: 210%;}
    .subject-form th{text-align: left;}
    .subject-form::-webkit-scrollbar, .subject-form::-webkit-scrollbar-track {display: block;}
    .subject-form::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #33d9b2;}
    .subject-form::-webkit-scrollbar {height: 6px;}
    .subject-form::-webkit-scrollbar-thumb {background-color: #218c74;}
    .course-item{width: 100%;margin: 6% 0;}
    .comout{width: 100%;margin: auto;}
	.course-title {margin: 0 auto 9%;}
	.learn-item img {width: 100%;height: auto;}
    .price-ol{padding: .5rem;}
    .price-list dd{width: calc(100% - .5rem);padding: .5rem;margin: .25rem auto;}
    .price-sale span{font-size: 1.25rem;}
    .price-other dl{width: 100%;}
}
@media (max-width: 320px) {
    .learn-item {width: calc(100%/2 - 12px);padding: .3rem;}
}
    
/*各大相容檢視*/
@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 {
}