@import url("/Other/master.get/screen/File/css/font.css");
@import url("/Other/master.get/screen/File/css/ani.css");
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,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%}
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{margin:0 auto;padding:0;font-family:"Microsoft JhengHei",Arial,Verdana}
ul,li{margin:0;padding:0;list-style-type:none}
*{transition: all .5s}
/*bg*/
.bgcolor0{background:#e7dec1}
.bgcolor1{background:url(/screen/event/finance/images/0806047_bg1.jpg)no-repeat top center/cover}
.bgcolor2{background:url(/screen/event/finance/images/0806047_bg2.jpg)no-repeat top center/cover}
.bgcolor3{background:url(/screen/event/finance/images/0806047_bg3.jpg)no-repeat fixed top/cover}
.bgcolor4{background:url(/screen/event/finance/images/0806047_bg4.jpg)no-repeat fixed top/cover}
/*滿百100%區域*/
.row100{width:100%}
.rowflex{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
/*標題大小*/
h1,h2{font-family:'Noto Sans TC',sans-serif;text-align:center}
h1{font-size:3.5em;color:#bd9e31}
h1 span,h1 strong{display:block;line-height:1.1em;font-weight:normal}
h1 strong{font-size:2.5rem}
h1 span{font-size:2.3rem;color:#fff}
h2{font-size:3em;color:#dc5c3f}
.br{ display: contents}
/*外層設定*/
#BodyContainer_event{width:100%}
#BodyContent{width:100%}
#event{width:100%;margin:0 auto;position:relative}
#event a:hover{text-decoration:none;position:relative;top:2px;bottom:2px}
#event_adv,#event_course,#event_newFinance,#event_media{margin:0 auto;padding:1.5% 0}
/*連結*/
#navLink{width:100%;text-align:center;margin:2% auto}
#navLink li{display:inline;margin:0 1%;font-size:1.3em;line-height:1.6em}
#navLink a{color:#FFF;text-decoration:none;padding:1% 2.5%;display:inline-block;transition:all .2s linear;border-radius:50px;background:#67adc1}
#navLink a:hover{transform:scale(1.1)}
#navLink.advLink a:hover{background:#d6b955}
#navLink.finLink a:hover{background:#cccc00;color:#333}
/*主圖*/
#Master_title{width:100%;margin:0 auto}
#Master_title img{width:100%;display:block}
#Master_title h1,#Master_title h2{color:#000}
/*出路*/
.adv_txt{padding:1% 4%}
.adv_txt p{font-size:1.2em;line-height:1.5em;text-align:left;margin-bottom:2%;padding:0 2%}
.adv_txt p a{color:#dc5c3f}
.advtable,.advtable th,.advtable td{border-collapse:collapse}
.advtable{table-layout:fixed;margin:1% auto;font-size:1.2rem;line-height:1.7em}
.advtable tbody{display:block;max-width:100%;overflow:auto}
.advtable th{font-size:1.3rem;background:#bd9e31;color:#FFF}
.advtable th,.advtable td{padding:7px 40px;text-align:center;border-bottom:1px #d6b955 solid}
.advtable td{background:#f5f5f5;opacity:0.9}
/*必勝課程*/
.timeline_bg{width:96%;margin:2% auto;display:flex;flex-wrap:wrap;display:-ms-flexbox}
.timeline{width:18%;margin:0 auto;padding:0 0 2%;background:#318096;color:#FFF;border-radius:5px;text-align:left}
.time{background:#bd9e31;padding:3% 0;font-size:1.6em;font-weight:bold;border-radius:5px;text-align:center}
.step{font-size:1.5em;line-height:1.8em;margin:1% auto .5% 10px}
.step:before{content:"";border:8px solid transparent;border-left-color:#d0574b;width:0;height:0;display:inline-block}
.subtxt{font-size:1.15em;line-height:1.55em;margin:0 1% 0 28px}
.subtxt a{color:#ffe48f;display:block}
/*財金所導學課*/
#event_newFinance h1{color:#ffe48f}
.class_tabs{width:100%;margin:2% auto 3%;font-size:1.2rem}
#content1,#content2,#content3,#content4{display:none;width:90%;margin:-0.2% auto 0;padding:3% 2%;text-align:left;border-top:6px #cccc00 solid;border-bottom:6px #94d0e2 solid;background:#fffff0}
#tab1,#tab2,#tab3,#tab4{display:none}
label{display:inline-block;margin:0 .5%;padding:1.5% 2% .5%;font-weight:600;text-align:center;color:#33474c;font-size:1.5rem;border-bottom:2px solid #CC0;width:26.4%;border-radius: 12px 12px 0 0;background:#84bbcc}
label:before{font-family:"Font Awesome 5 Free";display:block}
label[for*='1']:before{content:'\f007'}
label[for*='2']:before{content:'\f0eb'}
label[for*='3']:before{content:'\f51c'}
label:hover{cursor:pointer;background:#CC0}
input:checked + label{background:#CC0;border-bottom:0px;font-size:1.4em}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3{display:block}
.class_tabs ol{margin:0 auto 0 6%}
.class_tabs ol li{list-style:decimal}
.class_tabs li a{color:#000}
.classContent{width:46%;margin:0 auto 0 4%}
.classContent li{list-style:disc}
.essence_box{width:48%;margin:0 auto 0 2%;border-radius:10px 10px 0 0;box-shadow:0 0 2px #CCC}
.essence_title{background:#ea6359;color:#FFF;font-weight:bold;border-radius:10px 10px 0 0;text-align:center;font-size:1.3em;padding:5px 0}
.essence_box p{font-size:1.05rem;line-height:1.6em;background:#FFF;padding:2%}
.essence_box p strong{display:block;font-size:1.1em}
/*經驗談*/
.medialist{width:100%;margin:2% auto;display:flex;flex-wrap:wrap;display:-ms-flexbox}
ul.stu{width:29%;padding:1% 1% 2%;margin:0 .5%;background:#fffff5;border:6px solid #d6b955;border-radius:0 40px;text-align:center}
.stu_img{margin-bottom:1.5%}
.stu_img img{border-radius:50%}
.stu_name{font-size:1.7rem;line-height:1.2em}
.stu_name small{font-size:1rem;display:block}
.stu_name a{font-weight:700;color:#000}
.stu_grade{font-weight:700;font-size:1.3rem;line-height:1.5em;color:#bd9e31;padding-bottom:1%;margin-bottom:2%;border-bottom:1px dotted #fb811e}
.redget{width:45px;height:45px;margin:0 auto 1%;border-radius:50%;font-size:1.1rem;line-height:45px;color:#FFF;background:#d7000f;display:block}
.stu_txt{padding:0 1.5%;font-size:1.05rem;line-height:1.7em;text-align:justify}
.stu_txt a{color:#dc5c3f}
a.morelink{text-decoration:none;color:#fff;background:#30a1c1;border-radius:12px;padding:0 2% .7%;text-align:center}
a.morelink:hover{transform:scale(1.1);color:#30a1c1;background:#d1f0f9;border:1px solid #30a1c1}
#moreBtn{text-align:center;width:100%}
#moreBtn a{background:#dc5c3f;color:#FFF;text-decoration:none;padding:1% 2.5%;border-radius:50px;transition:all .2s linear;display:inline-block;font-size:1.2em}
#navBtn a:hover{transform:scale(1.1);background:#d6b955}
#clickbutton{position:fixed;background:#ec564b;opacity:0.9;color:#FFF;text-align:center;z-index:9}
#clickbutton a{color:#FFF;text-decoration:none}
@media all and (min-width: 1201px){
.master_mobile{display:none}
#event_adv,#event_course,#event_newFinance,#event_media{width:1200px}
#askarea_out{background:#f0efed}
#askarea{background:#30a1c1;padding:1.5% 2% 1%}
#askarea input[type="submit"]{background:#ec655b}
}
@media all and (min-width:768px){
#clickbutton{width:130px;height:100px;padding:15px 0;border-radius:50%;right:1%;bottom:5%}
#clickbutton ul{margin-top:20px}
#clickbutton li{font-size:1.4em;line-height:1.6em}
}