﻿@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;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* css reset 歸0 end */
body{font-family:"Microsoft JhengHei",Arial;}
a{text-decoration:underline;color: inherit;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor0{background-color: #fff;}
.bgcolor1{background-color: #FFFFFF;}
.bgcolor2{background-color: #8ba775;}
.bgcolor3{background-color: #fffcef;}
.bgcolor4{background-color: #1cabbe;}
.bgcolor5{background-color: #DFDFDF;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}
#Master_title h3{text-align: center;padding: 3% 0 0;font-size: 1.45em;}
#event_sec h1,#event_third h1,#event_fourth h1{font-size: 2.1em;font-family: Meiryo, "Meiryo UI", Arial, sans-serif;line-height: 1.4em;}
#event_sec h1,#event_fourth h1{color: #FFF;}
#event_third h1{color: #62944d;}
.blue{color:#429244;}
.green{color:#e9a036;}
.orange{color:#b12729;}
.yellow{color: #ffea9e;}
.pink{color: #ffb8d8;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}

/*主圖*/
.object {text-align: left;}
.object li {background-color: #a7292a;color: white;font-size: 1.25rem;padding: 0.25rem 3rem 0.25rem 4rem;display: inline-block;margin: 0.25rem auto;position: relative;font-weight: bold;}
.object li:nth-of-type(1) {padding: 0.25rem 2rem 0.25rem 4.5rem;}
.object li:nth-of-type(2) {background-color: #b84c26;}
.object li:nth-of-type(3) {background-color: #E9A036;}
.object li::after {position: absolute;content: '';right: 0;top: 0;;width: 0;height: 0;border-style: solid;border-width: 0 0 38px 15px;border-color: transparent transparent white transparent;}
.obj-man {color: #fff223;}
.number {background-color: white;color: #b84c26;font-size: 1rem;display: inline-flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;border-radius: 100%;margin: auto 0.25rem auto 1rem;}

/*考場限定優惠*/
.price-wrap{width: 85%;margin: auto;background-color: #f9f9f9;border-radius: 36px 12px 0 0;margin-bottom: 1rem;text-align: center;}
.onsale_title {font-size: 1.6em;line-height: 1.7em;font-weight: bold;display: block;color: #e51686;}
.onsale_title small {font-size: 1rem;}
.onsale {padding: 1% 1% 2%;;border-bottom: 4px #ffb0d7 dotted;}
.onsale dd small{font-size: .9rem;margin-top: .5rem;display: block;}
.onsale dd{font-family: Verdana,"Microsoft YaHei";}
.onsale a {font-size: 1em;font-weight: normal;font-family: "Microsoft JhengHei";padding: 0.5% 1.7%;line-height: 1.5em;text-align: center;border-radius: 15px 3px 15px 3px;color: #FFF;background-color: #E51686;text-decoration: none;}
.pre-order {font-size: 0.95rem;font-weight: normal;font-family: "Microsoft JhengHei";padding: 0.5% 1.7%;position: relative;top: -5px;text-align: center;border-radius: 15px 3px 15px 3px;color: #FFF;background-color: #E51686;text-decoration: none;margin-left: 5px;}

/*學習模式*/
.titlebg {background-color: #1cabbe;padding: 1% 3%;font-size: 2.2em;border-radius: 36px 3px 36px 0;color: #FFF;font-weight: bold;text-align: center;}
#event_master h1 {font-size: 2.1em;padding: 1% 0 0 0;}
#event_master ul.course {padding: 0;margin: 1% auto 2%;list-style-type: none;font-family:"Microsoft JhengHei";text-align: center;width: 88%;}
#event_master ul.course li{width:calc(100%/3);padding: 1% 2%;box-sizing: border-box;}
#event_master ul.course li img{width:100%;height: auto;}
#event_master ul.course li.left{border-right-width: 1px;border-right-style: dashed;border-right-color: #f2c529;}
#event_master ul.course h3 {font-size:1.6em;line-height: 1.5em;color:#e51686;background-color: #FFC;border-top: 1px dashed #00A0C1;border-bottom: 1px dashed #00A0C1;margin-bottom: 2%;text-align: center;}
#event_master ul.course .h3_b {font-size: 1.3em;line-height: 1.25em;color: #1cabbe;font-weight: bold;}
#event_master ul.course p{font-size:1em;line-height:1.6em;text-align:justify;margin-top: 1%;}
#event_master nav ol {width: 90%;margin: 2% 5%;padding: 0;text-align: center;list-style-type: none;}
#event_master nav ol li{display: inline;margin-right: 2%;}
#event_master nav a{font-size: 1.3em;font-weight: normal;font-family: "Microsoft JhengHei";padding: 1% 2%;line-height: 1.5em;text-align: center;border-radius: 20px 8px 20px 0;margin: 0;text-decoration: none;color: #FFF;background-color: #E51686;}
#event_master .classmore {float: right;width: 100%;font-size: 1.2em;line-height: 1.2em;color: #333;text-align: center;font-weight: normal;padding: 0;margin: 0%;}
#event_master .classmore a {color: #e51686;font-weight: bold;}

/*新開課表*/
.table-wrap{width: 85%;margin: auto;}
.table-wrap table{border-top: 2px #1cabbe solid;box-sizing: border-box;border-collapse: collapse;text-align: center;margin: auto;width: 100%;}
.table-wrap table tr:first-of-type td:nth-of-type(odd){background-color: #1CABBE;color: white;border: none;}
.table-wrap table tr:first-of-type td:nth-of-type(even){background-color: #FFFFCC;color: #E51686;border-left: none;}
.txt-red{color: #E51686;font-size: 1.2em;}
.table-wrap dl{margin: 1rem auto;}
.table-wrap dt{font-size: 1.5em;}
.newclass_title {font-size: 1.5em;line-height: 1.7em;font-weight: bold;display: block;text-align: center;}
.table-wrap table tr td {padding: 1.5%;border: 1px #1cabbe dotted;background-color: #f9f9f9;}

/*王牌師資*/
#event_teacher {float: left;padding: 1% 0 5%;border-radius: 60px 20px 60px 0;margin: 2% 0 2%;}
#event_teacher .teacher{padding: 1.5%;margin: 1% 1%;border-radius: 10px;}
#event_teacher .teacher a{color:#ffed00;font-weight: bold;}
#event_teacher .teacher ul {width: 22%;float: left;margin: 0;padding: 0 1.5% 0 1%;text-align: center;list-style-type: none;border-left: 3px #cc0 dotted;}
#event_teacher .teacher ul li{width:100%;float:left;padding:3% 0;color:#fff;}
#event_teacher ul li.teacher_subject{font-size:1em;line-height:1.5em;color: #333;margin:0 0 3% 0;padding:0;}
#event_teacher ul li.teacher_pic{margin:2% 0 5% 0;padding:0;}
#event_teacher ul li.teacher_pic img {width: auto;border-radius: 70px;-moz-box-shadow: 3px 3px 2px #333333;-webkit-box-shadow: 3px 3px 2px $333333;box-shadow: 4px 3px 2px #6b8655;height: 107px;width: 107px;border: 6px #fffbcc solid;}
#event_teacher .teacher .stitle {font-size: 1em;line-height: 1.5em;color: #feffff;border-radius: 0 5px 5px 5px;background-color: #617d4b;font-weight: bold;width: 100%;display: block;}
#event_teacher ul li.teacher_info{height: 80px;margin: 3% 5% 15%;padding: 0;text-align: left;}
#event_teacher ul li.teacher_info .content{font-size: 1em;line-height: 1.6em;color: #ffffff;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #fff;}
#event_teacher ul li.teacher_link{font-size: 0.85em;line-height:1.5em;padding:0;margin:4% 0 0 0;}
#event_teacher ul li.teacher_link a {color: #1c666f;border-radius: 0 5px 5px 5px;background-color: #1b656f;padding: 2% 3.5% 4%;background-color: #fff;border: 3px #b8cea7 solid;}
#event_teacher .special_sale{width: 100%;display: inline-block;text-align: center;font-size: 1.55em;line-height: 1.55em;margin: 1% 0 3% 0;color: #F39800;font-weight: bold;}
#event_teacher .special_sale a{color: #E3621B;}

/*課程完備*/
#event_course{float:left;padding:0;margin: 0 0 2%;border-radius: 60px 20px 60px 0;}
#event_course h2 {font-size: 2.2em;line-height: 1.6em;float: left;width: 90%;margin:0 5%;text-align:center;}
#event_course .course{padding: 2%;}
#event_course p{width:100%;float:left;text-align:center;}
#event_course ul {width: 23%;float: left;margin-bottom: 4%;margin-left: 2%;padding: 0;}
#event_course ul li.course_title{width:100%;font-size: 1.25em;line-height:1.55em;font-weight: bold;color: #F60;padding-bottom:3%;text-align: center;list-style-type: none;}
#event_course ul li.course_title a{color:#F60;}
#event_course ul li.course_icon{width:100%;background-image:url(../../images/0804080_15.png);background-repeat:no-repeat;background-position:top;text-align:center;list-style-type: none;padding:17% 0 5% 0;}
#event_course ul li.course_content{width:85%;float:left;font-size: 0.94em;line-height:1.5em;margin:0 0 0 13.5%;list-style-type: square;text-align: left;}

/*經驗談*/
#event_media {float:left;padding: 1.7% 0;margin:0;border-radius: 60px 20px 60px 0;}
#event_media ul {width: 95%;margin: 0 2%;}
#event_media ul li {float: left;font-size: 1.1em;line-height: 1.6em;color: #333;margin-top: 2%;text-align: justify;border-bottom: 5px #bfb795 dotted;padding-bottom: 2%;}
#event_media ul li a {color: #333;}
#event_media .student {font-size:1.3em;color: #fff900;font-weight: bold;display: block;}
#event_media .more {font-size: 1em;line-height: 2.5em;color: #333;text-align: right;margin: 1% 4% 0 0;font-weight: normal;}
#event_media .more a {color: #fff;}
#event_media .moreicon a {color: #fff;background-color: #1b656f;padding: 0 1% 0.5%;border-radius: 7px;text-decoration: none;font-size: 0.8em;}

/*相關連結*/
#event_detail {float: left;width: 90%;font-size: 0.95em;line-height: 1.2em;color: #505050;text-align: center;font-weight: normal;margin: 2% 5%;padding: 2% 0;}
#event_detail a {color: #00A9B2;}
#event_classlink {float: left;width: 100%;text-align: center;font-family: "Microsoft JhengHei";padding: 0;margin: 2% 0;}
#event_classlink p{font-size: 1.1em;line-height: 1.5em;color: #e51686;}
#event_classlink a {color: #e51686;}
#morelink {width: 100%;padding:0;margin:0;}
#morelink ul {width: 90%;margin: 2% 5%;padding: 0;text-align: center;list-style-type: none;}
#morelink ul li{display: inline;margin-right: 2%;}
#morelink a {font-size: 1.3em;font-family: "Microsoft JhengHei";padding: 1% 2%;line-height: 1.5em;text-align: center;border-radius: 20px 8px 20px 0;margin: 0;text-decoration: none;color: #e51686;background-color: #fffcef;border: 2px solid #e51686;}
.report-guide {position: fixed;width: 100%;background: rgb(189 0 7 / 90%);bottom: 0;left: auto;right: auto;padding: 0.75rem 0;text-align: center;z-index: 8;}
.report-guide a {display: block;text-decoration: none;color: white;}

@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:730px;padding:10px;text-align: center;}
    /*div section標籤段落*/
    section p{font-size:1em;line-height:1.9em;text-align:center;}
    /* Event css */
    #event {width: 100%;float:left;margin: 0 auto;padding:0;}
    #event a:hover {position: relative;top: 2px;bottom: 2px;}
    .report-guide {width: 750px;}
    /* 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 #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;text-align: center;}
    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: #f0f0f0;width: 90%;float: left;padding-top: 2%;text-align: left;font-family: "Microsoft JhengHei";padding: 6% 5%;}
	#askarea .asktitle {margin-bottom: 2%;}
    #askarea .asktitle p {font-size: 0.95em;line-height: 1.5em;color: #333;text-align: center;padding: 0;}
    #askarea #formlist{width: 99%;float: left;margin-right: auto;margin-left: 0%;margin-top: 0.8%;padding-right: 1%;font-size: 1em;color:#333;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: #585858;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;z-index: 99;}
    #topbutton a{color: #FFFFFF;font-size: 15px;}	
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media(max-width:767px){
    .mb_br{ display:block;}
    .object li {padding: 0.25rem;font-size: 0.78rem}
    .object li:nth-of-type(1) {padding: 0.25rem 0.25rem 0.25rem 0.5rem;font-size: 0.85rem}
    .object li::after {content: none;}
	#event_master {margin: 6% auto auto;display: inline-block;width: 98%;padding: 1%;}
    #Master_title h3 {text-align: center;padding: 3% 0 0;font-size: 1em;}
    #event_master nav a {font-size: 1em;font-weight: normal;font-family: "Microsoft JhengHei";padding: 2% 3%;line-height: 1.5em;text-align: center;border-radius: 15px 5px 15px 0;text-decoration: none;color: #FFF;background-color: #E51686;margin: 0 0 3%;display: inline-table;}
	#event_master h1,#event_third h1 {font-size: 1.65em;line-height: 1.1em;text-align: center;}
    #event_master ul.course li{width: 100%;margin: .5rem auto;}
    #event_master ul.course li img{width: 75%;height: auto;margin: auto;}
    #event_master ul.course li.left{border-right: none;}
    #event_master ul.course h3 {font-size: 1.5em;line-height: 1.5em;border-top: 1px dashed #00A0C1;border-bottom: 1px dashed #00A0C1;margin-right: auto;margin-bottom: 2%;text-align: center;}
    #event_master ul.course .h3_b {font-size: 1.1em;line-height: 1.25em;color: #1cabbe;font-weight: bold;}	
	#event_course {padding: 7% 0 0;margin: 0 0 2%;border-radius: 60px 20px 60px 0;}
    #event_course .course{width: 95%;}
    #event_course ul {width: 50%;margin: 0 auto 10%;}
	#event_course p {width: 95%;}
	.curriculum .newclass_title {font-size: 1.35em;text-align: center;}
	.curriculum table {font-size: 0.9em;line-height: 1.4em;text-align: center;}
	.curriculum table tr td {padding: 1%;}
	.curriculum dl.onsale {padding: 1% 4% 2%;width: 88%;margin: 0 auto 2%;}	
	.curriculum .onsale_title {font-size: 1.2em;line-height: 1.7em;letter-spacing: -1px;}
	.curriculum .onsale dd{font-size: 1.05em;}
    .titlebg {background-color: #1cabbe;padding: 1% 3%;font-size: 1.1em;line-height: 1.2em;border-radius: 36px 0px 36px 0;color: #FFF;font-weight: bold;text-align: center;}
    #event_sec h1 {font-size: 1.8em;line-height: 1.1em;color: #fff;text-align: center;}
    #event_teacher {float: left;padding: 6% 0 0;border-radius: 60px 20px 60px 0;margin: 2% 0 2%;}
    #event_teacher .teacher ul {width: 43%;float: left;margin: 0% 1% 13%;padding: 0 2%;text-align: center;list-style-type: none;border-left: 3px #cc0 dotted;}
	#event_teacher ul.course {width:100%;}
    #event_teacher ul.course li{width:92%;}
	#event_teacher ul li.teacher_subject {font-size: 1.02em;}
	#event_teacher ul li.teacher_info .content {font-size: 0.95em;}
	#event_teacher ul li.teacher_link {font-size: 0.8em;}
	#event_teacher ul li.teacher_link a {color: #1c666f;border-radius: 0 5px 5px 5px;background-color: #1b656f;padding: 3% 2% 4%;background-color: #fff;border: 3px #b8cea7 solid;}
	#event_media {float: left;padding: 6.7% 3%;margin: 0 4%;border-radius: 60px 20px 60px 0;width: 86%;}
    #event_media .student {font-size: 1.1em;color: #fff900;font-weight: bold;display: block;}
	#event_media ul li {font-size: 1.05rem;line-height: 1.8rem;color: #000;}
    #event_media .moreicon a {padding: 0 1.5% 0.5%;border-radius: 11px;font-size: 0.9em;}
    #event_fourth h1 {font-size: 1.7em;line-height: 1.3em;text-align: center;color: #fff;margin-bottom: 2%;}
    #morelink a {font-size: 1.1em;font-family: "Microsoft JhengHei";padding: 1% 2%;line-height: 1.5em;text-align: center;border-radius: 20px 8px 20px 0;margin: 0;text-decoration: none;color: #e51686;background-color: #fffcef;border: 2px solid #e51686;}
    #event_classlink {float: left;text-align: center;font-family: "Microsoft JhengHei";padding: 0;margin: 4%;}	
	#event_detail {font-size: 0.85em;}
	#event_classlink p {font-size: 1em;}
	#morelink ul {width: 100%;margin: 3% auto 5%;display: inline-block;}
	#askarea .asktitle a {color: #009688;}
	.number {margin: auto 0.25rem auto 0.7rem;}
	
}
