/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* css reset 歸0 end */
body *{font-family: 'Noto Sans TC', sans-serif;margin: 0 auto;}
a{text-decoration: underline;}
a:hover{text-decoration: none;}
ul,li,h1,h2,h3,dd,dl,p{margin:0;padding:0;}
ul,li,ol{list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor1{background-color: #EBEBEB;}
.bgcolor2{background-color: #F6F6F6;}
.bgcolor3{background-color: #EBEBEB;}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;}
/*所有元素漸變0.5秒*/

*{transition: all .5s;}

#event_master *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

/*DIY--設計可增加用樣式*/

#lecture{width: 100%;margin: 0 auto;text-align: center;font-size: 1.8rem;background: url(../images/1404068_2_banner_bg.png) no-repeat center top / 100% auto;background-position: 0 0;position: relative;}
#lecture::before{position: absolute;background: #fffce9;top: 0;left: 0;width: 100%;height: 100%;content: '';z-index: -1;}
/*文昌降臨*/
.main_title .title{padding-top: 7%;letter-spacing: -5px;font-size: 6.9rem;font-weight: 900;line-height: 1.1;background: -webkit-linear-gradient(bottom,#aa8442 5%,#ecd68b 15%,#aa8442 40%,#ecd68b 60%,#aa8442 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main_title .subtitle{font-size: 3.6rem;font-weight: 900;color: #c70000;line-height: 120%;padding: 1rem 0 0 0;letter-spacing: -2px;}
.organizer{font-size: 1.8rem;font-weight: 900;}
.organizer .real{font-size: 1.9rem;border-radius: 50px;background: linear-gradient(to top, #c70000, rgb(255, 38, 0));color: white;padding:0 2%;z-index: 3;}
.organizer .place{color: rgb(255, 38, 0);padding: 0 2%;margin: -1%;border-top: 1px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;z-index: 1;} 
.address{color: #003F80;font-size: 2rem;font-weight:bold;margin-left: 3%;line-height: 200%;}
/*111不動產經紀人解題講座*/
.area .title{font-weight: 900;font-size: 4.6rem;letter-spacing: -1px;}
.area .title span{letter-spacing: -3px;}
.teacher{display: flex;font-size: 3rem;margin-top: .1rem;position: relative;align-items: flex-end;}
.teacher::before{/*content: '';*/position: absolute;width: 100%;height: 100%;background: url(../images/1205006_radiance.png) no-repeat center 6% / 100% auto;z-index: -2;}
.teacher::after{content: '';width: 100%;height: -webkit-fill-available;clip-path: polygon(70% 12%, 100% 40%, 100% 100%, 0 100%, 0 35%);background:linear-gradient(0deg, #054f8e 0%,#2969b9 80%);position: absolute;/*z-index: -1;*/}
.teacher .teacher_img{/*width: 300px;*/vertical-align: bottom;}
.teacher .teacher_img img{vertical-align: bottom;width: 100%;}
.teacher_text{margin-bottom: 2%;margin-right: -2rem;width: 60%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.teacher_content{display: flex;justify-content: center;align-items: center;flex-direction: column-reverse;}
.teacher .teacher_content .expert{font-size: 2.5rem;border-radius: 50%;line-height: 1.1;padding: 0 0 0 1.5rem;background: -webkit-linear-gradient(45deg,#aa8442 5%,#ecd68b 15%,#aa8442 40%,#ecd68b 60%,#aa8442 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.teacher .expert img{width: 500px;}
.teacher .teacher_text .name{color: #fff;font-size: clamp(1.5rem, 5vw, 3.2rem);font-weight: bold;margin: 0 0 -6rem 10rem;width: 100%;}
.teacher .name small{font-size: 2rem;}
.teacher .time{color: #fff;font-weight: bold;font-size: clamp(1.3rem, 5vw, 2.9rem);}
.teacher .time a{color: #fff;}
.teacher .time i {font-size: 2rem;}
.teacher_area{width: 76%;display: flex;flex-direction: row-reverse;justify-content:center;align-items: flex-end;z-index: 1;}
/*更詳細*/
.ps{padding: 2rem 0;background: #fffce9;}
.ps a{color: #c70000;font-size: 1.5rem;display: block;}

/*表單*/
#formlist SELECT{width: 17% !important}
#formlist input[type="text"]{width: 35% !important}
/*各大相容檢視*/
@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 {
}

/*站內原有樣式*/
#BodyContent{width:100%;padding:0;margin:0;	}
#BodyContainer_event{width:100%;margin:0;}
#BodyHeader_event_rwd,#topli{display:none;}

/*資料集中1200px寬外框*/
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;padding:0;text-align: center;}
#Master_title{display:block;}/*主圖位置ID*/

/*瀏覽器相容性通知*/
#noie{color: #FFF;width: 100%;height:60px;text-align: center;border: 1px solid #006699;	background-color: #3399CC;_z-index: 9999;z-index: 9999;position:fixed;left: 0;top: 0;
_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/}
#noie a{color: #FC0;}
.hottxt{ color: #ffd942; font-size: 13px; }



/*-------------------------------------------------------------------------------------*/
@media all and (min-width:1px) and (max-width:1200px){
    /*Event隱藏*/
    #BodyContentNavigator,#EventHeaderin,#BodyContentAd,#MenuFixed{display:none}

    /* 文昌降臨 */
    #lecture {margin-top: 4rem;}
    .main_title .title {font-size: 6rem;padding-top: 8%;}
    .main_title .subtitle {font-size: 3.1rem;}
    .organizer {font-size: 1.8rem;}
    .organizer .real {font-size: 1.9rem;}
    .teacher_text{margin-right: initial;}
    .area .title {font-size: 3.6rem;margin-top: .5rem;}
    .address {font-size: 1.9rem;margin-left: 1%;}
    .ps {padding: 1.8rem 0;}
    .ps a {font-size: 1.2rem;}
    @media \0screen\,screen\9 {/*IE 6 7 8*/

    }
    @media screen\0 {/*IE 8 9 10 11*/

}}

/*Mobile*/
@media (max-width:767px){
    /* 文昌降臨 */
    #lecture {margin-top: 2rem;background-position: 0 -3%;}
    .main_title .title {font-size: 3.2rem;}
    .main_title .subtitle {font-size: 1.6rem;}
    .organizer {font-size: 1rem;}
    .organizer .real {font-size: .9rem;}
    .area .title {font-size: 1.8rem;margin-top: 0.5rem;}
    .address {font-size: 1rem;margin-left: 0;}
    .teacher_area{flex-direction: column;gap: 2rem;width: initial;}
    .teacher {flex-direction: column;align-items: center;}
    .teacher::after{content: '';width: 100%;}
    .teacher .teacher_img {width: 180px;}
    .teacher_text {margin:0 auto 1rem;}
    .teacher .expert img {width: 260px;}
    .teacher .teacher_content .expert{padding: 0;}
    .teacher .teacher_text .name {margin: 0 0 -3rem 7rem;width: 100%;}
    @media screen and (max-width: 520px){.teacher .teacher_text .name {margin: 0 0 -3rem 4rem;;}}
    .teacher .name small{font-size: 1rem;}       
    #formlist SELECT, #formlist input[name="sContent"], #formlist input[type="text"]{width: 98% !important}

}