/* 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;}
.time .opacity{opacity:.5;font-size:2rem;margin:auto .5rem auto auto;}
.teacher_area{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}

/*站內原有樣式*/
#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 (min-width:1180px){
    .teacher_area{width:76%;}
    .teacher .time i {font-size:2rem;}
}
@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;width:100%;}
    .teacher .time{width:100%;}
    .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}
}

@media (max-width:767px) and (orientation: portrait){
    .teacher .opacity{font-size:1rem;}
}