#askarea input[type="text"]{height:auto}
#event div{text-align: justify;text-justify: auto;}
section{margin:1rem auto 1rem;}
section h1{margin:0rem auto;}
#event{width:100%;margin:0 auto;font-family:"微軟正黑體";background-color: #fcfaf2}
#event h1,#event h2,#event h3{text-align:center;font-family:"Microsoft YaHei"}
#event h1{font-size:2.7rem;color:#f44d04}
#event h2{font-size:2rem}
/*主圖*/
.banner_img img{width:100%;height:auto} 

.masterbanner h2{color: #df0024;}
/* 師資 */
.teacher_out {display: flex;justify-content: space-around;flex-wrap: wrap;}
.teacher img{border-radius: 100px}
.teacher ul{margin-bottom: 1.2rem;}
.teacher li{list-style-type: disc;text-align: justify;line-height: 1.7rem;}
.teacher_box{margin: 1rem auto;width: 25%;text-align: center !important}
.teacher_box div{display: flex;align-items: center;justify-content: space-around;}
.teacher .teacher_name {color: #f44d04;font-weight: 700;font-size: 1.65rem;margin: 0 0 0.2rem;text-align: center;}
.teacher .book {text-align: center;}
.teacher .listen{padding: 0.25rem 0.5rem;background-color:#f44d04;display: inline-block;border-radius: 50px;font-weight: 700;}
.teacher .listen a{ color:#fff}
.teacher a {color: #f44d04;font-size: 1.2rem;font-weight: bold;}
.book a:before {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f5da";font-size: 1.5rem;}
/* 經驗談 */
.experience h1{font-size: 2.7rem;}
.experience img{width: 100%;}
.experience_out{display: flex;justify-content: space-around;flex-wrap: wrap;}
.experience_box {margin: 1rem auto;padding: 0 1rem;width: 43%;font-size: 1.05rem;border-right: 6px #f46542 dotted;}
.experience_box a {color: #fff;padding: 0px 7px 2px;background-color: #00bcd4;display: inline-block;text-decoration: none;border-radius: 50px;font-size: 0.9rem;}
.experience .name{color:#9c27b0;font-weight: 700;font-size: 1.3rem}
.experience_box p {font-size: 1.07rem;line-height: 1.8rem;padding-left: 2px;margin: 0.5rem 0;}
.experience .classlink {color: #f44d04;padding: 0;background-color: #fcfaf2;display: inline-block;text-decoration: underline;border-radius: 50px;font-size: 1.1rem;}
.txt_color{color: #df0024;}
.experience img{width:100%;}
.swiper1 {width: 800px;height: 580px;}
.swiper_title {font-weight: 700;font-size: 2.2rem;background-color: #384371;color: #ffeb3b;display: inherit;margin: 0 auto;text-align: center;width: 88%;border-radius: 50px;}
.swiper_name {text-align: center;font-size: 1.2rem;line-height: 2.1rem;}

/* PPT、Dcard */
.swiper2{width: 800px;height: 400px;}
.swiper2 img{width: 100%;height: 100%;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {color: #cc0 !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {color: #cc0 !important;}
/* 猜題 */
.guess{margin: 3rem auto;}
.guess h1{margin-bottom: -1.7%}
.guess_box {
    display: flex;
    width: 90%;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 auto;
}
.guess_box div {width: 46%;padding: 0 2%;}
.guess img{width:97%;margin:6% 0 0;border: 7px #6a847b solid;}
.guess dt{font-weight: 900;text-align: center;margin: 0rem auto 0.7rem;background-color: #faebd7;font-size: 1.3rem;}
.guess dl dd{margin-bottom:0.3rem;}
.guess dl dd:nth-child(2){padding:0.2rem 0.5rem;text-indent:-2em;margin-left:2em;}
.guess dl dd:nth-child(3){padding:0.5rem;background-color: #fdfdfd;border: #cacaca dashed 1px;margin-top: 1rem;}
.guess dl a{color: #da2214;}
.guess p {text-align: center;}
.guess p a {color: #fff;font-size: 1.5rem;font-weight: bold;background-color: #f44d04;padding: 0.2rem 1.2rem;border-radius: 50px;margin-top: 4%;display: block;text-decoration: none;}
.guess p a:hover{background-color: #f00}
/* 課程 */
#event_classType{width: 96%;padding: 2%;background: #f5efd7;}
#event_classType h2 {font-size: 2.2em;text-align: center;color: #9c27b0;}
.type_out{margin-top: 12px;display: flex;}
.learnType{width: 32.3%;float: left;height:840px;display: inline-block;margin: 0 0.5% 2.5%;background-color: white;position: relative;}
.type_box{margin: 0px 20px 150px;}
.type_box.a{margin-bottom:30px;}
.type_box small{font-size:.95rem;display:block}
.type_box a{color:#000}
#event_classType .type{width: 33%;background: #FFF;vertical-align: top;display: inline-block;}
#event_classType .type_title {font-size: 1.8em;padding: 5px 0;text-align: center;color: #FFF;background: #8f449b;border-radius: 4px 4px 0 0;}
.type_img{width: 100%;overflow: hidden;margin: 0 0 0;}
.type_img img{width: 100%;}
.type_box p {color: #FFF;background: #b9bb25;text-align: center;font-size: 1.2em;border-radius: 24px;font-weight: bold;}
#event_classType ul{width: 90%;padding: 1% 0;margin: 0 2% 0 8%;}
#event_classType ul li{text-align: justify;list-style: disc;font-size: 1.125em;line-height: 30px;}
#event_classType .type_navLink{width: 100%;margin: 0% auto 7%;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;}
#event_classType .type_navLink a{font-size: 1.2em;color:#FFF;margin: 0 2%;padding: 0.5% 2%;background: #df0024;text-decoration: none;border-radius: 4px}
.note{width: 100%;font-size: 1.05em;line-height: 1.55em;color: #000;text-align: center;clear: both;display: inline-block;margin-top: 10px;}
.note a{color:#000;}

/* 備考資源 */
.resource_out{display: flex;flex-wrap: wrap;justify-content: space-around;padding: 0 2%;}
.resource .resource_box{width: 30%;margin: 1rem 0;}
.resource .resource_title{text-align: center;padding-bottom: 6px;font-size: 1.8rem}
.resource_txt,.resource_box ul{font-size: 1.2rem;}
.resource_box .resource_title a,.hint .resource_title a{color: #ed752e;font-weight: bold}
.hint .resource_title {font-size: 1.8rem;}
.resource_box .resource_title a {font-size: 1.55rem;line-height: 2rem;color: #3a5499;display: inline-block;}
.resource_box a, .hint a {color: #f44336;}
.resource_box img{width: 100%;height: 200px;margin-bottom:0.3rem;border-radius: 4px}
.hint{margin: 1.5rem 0 ;}
.hint .member{color: #c72727;}
.hint p {text-align: center;font-size: 1.4rem;border-bottom: 5px #ed752e dotted;padding: 0.7rem;}
.swiper3{width: 800px;height: auto;}
.swiper3 img {
    width: 80%;
    height: auto;
    margin: 4% 10% 0;
}

/* fb */
.fb{ text-align:center !important}


/*-------------------------------------------------------------------------------------*/
@media all and (min-width:1px) and (max-width:1200px){
/*Event隱藏*/
#BodyContentNavigator,#EventHeaderin,#BodyContentAd,#MenuFixed{display:none}
.swiper_title{font-size: 2rem;}
.swiper1{width: 95%;height: 550px;}
.swiper2{width: 90%;height: 450px;}
.swiper3{width: 90%;height: 850px;}
}

/*Mobile*/
@media all and (min-width: 1px) and (max-width:767px){
#BodyContent {margin-top: 15% !important;}
.br_mb{ display:block}
#event h1 {font-size: 1.8rem;line-height: 2.3rem;padding-left: 37px;}
.hint .resource_title a {line-height: 2.1rem;font-size: 1.55rem;display: block;margin-bottom: 4%;margin-left: 5%;text-align: center;text-indent: -18px;color: #f44d04}
.guess p a {display: inline-block;}
.guess_box{display: block;}
.guess_box div{width: 94%;}
.guess img {height: auto;border: 4px #6a847b solid;}
.guess dl dd:nth-child(2){min-height:auto;}
.learnType{width: 100%;}
.teacher_box {margin: 1rem auto;margin-left: 14%;width: 77%;position: relative;}
.teacher img{height: auto;}
.teacher ul {margin-bottom: 0.7rem;border-bottom: 2px #f44d04 dotted;padding-bottom: 5px}
.experience_box{width: 80%;}
.experience .name {font-size: 1.1rem;}
.learnType{max-height:840px;}
.swiper_title {font-size: 1rem;line-height: 1.9rem;width: 89%;}
.swiper_name {font-size: 1rem;}
.swiper{width: 100%;}
.swiper1{height: 300px;}
.swiper2{height: 200px;}
.swiper3{height: 500px;}
.forum h1 {font-size: 1.3rem !important;line-height: 1.7rem !important;padding-left: 0px !important;margin: 0.5rem;}
.resource .resource_box{width: 80%;}
#event_classType {width: 88%;}
#event_classType h2 {font-size: 1.6em;}
#event_classType .type_navLink a {font-size: 1.1em;padding: 1.5% 5%;}
.type_box p {width: 107px;margin: 0 auto;}
.type_box {margin: 0px 20px 30px;}
.learnType {height: auto}
#event_classType .type_navLink {position: inherit;}
#event_classType ul li {font-size: 1em;line-height: 1.5rem;}
.resource h1{font-size: 1.8rem;line-height: 2.5rem;padding-left: 0;}
#formlist input {color: #585858 !important;}
#formlist input[type="submit"], #formlist input[type="reset"] {color: #FFF !important;}
.hint p {font-size: 1.15rem;}
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
.rowFlex{display:inline-block}
.point_box,.media_box,.stu,.txt,.IEgrid{float:left}
.media_bg,.point_bg{width:100%}
.point_box{width:96%
}}
@media screen\0 {/*IE 8 9 10 11*/
.rowFlex{display:inline-block}
.point_box,.media_box,.stu,.txt,.IEgrid{float:left}
.media_bg,.point_bg{width:100%}
.point_box{width:96%}
}