@import url(../../File/css/ani.css);

#BodyEventContent a:hover{left:2px;top:2px;position:relative}
*{transition: all .5s}
ul,li{list-style:none}
.row100{width:100%}
.row50{width:50%}
.rowFlex{display:flex;flex-wrap:wrap;display:-ms-flexbox}
/*BG*/
.bgcolor0{background:#a60701}
.bgcolor1{background-image:url(../images/0808036_02.png);background-repeat:no-repeat;background-size: auto}
.bgcolor2{background-image:url(../images/0808036_02.png);background-repeat:no-repeat;background-attachment:fixed}

/*標題*/
h1,h2{font-family:"Microsoft YaHei";text-align:center}
h1{font-size:3.3em;color: #dbbe5e}
h2{font-size:2.8em;color:#fff8e6}

/*各區塊共同設定*/
#billboard,#media{width:100%;margin:0 auto;padding:1% 0}

/*主圖*/
#Master_title{margin:0 auto}
#Master_title img{width:100%;display:block}

/*榜單*/
.billboad_list{width:90%;background:#fff8e6;padding:1.5% 5%;margin:1% auto;border-top: 16px #c29049 solid;border-bottom: 16px #e6d6ad solid;}
.billboad_list li{width:50%;font-size:1.6rem;line-height:1.8em;text-align:left}
.billboad_list li:last-child{text-align:right;font-size:1.4rem;width:100%}
.name{font-size:1.9rem;color:#de5236;margin-left:1%;font-weight:bold}


/*經驗談*/
.media_bg{width:100%;margin:0 auto}
/*經驗談*/
.mediaContent{width:100%;margin:0 auto}
.medialist{width:96%;margin:1% auto;padding:1% 2%;background:#fff8e6;text-align:left;box-shadow: 5px 6px 0 rgba(163, 0, 0, 0.86);-webkit-box-shadow:5px 6px 0 rgba(163, 0, 0, 0.86);-moz-box-shadow:5px 6px 0 rgba(163, 0, 0, 0.86)}
.media_stu{width:26%;padding:1% 0;position:relative;color:#000}
.media_name{font-size:1.8em;line-height:1.4em;margin:0 auto;font-weight:bold}
/*.media_name small{font-size:1.2rem;display:block}*/

.media_gra{color:#e50112;font-weight:bold}
.media_gra:before{content:'考取';background:#e50112}
.media_stubg:before{content:'背景';background:#707070}
.media_stubg,.media_gra{font-size:1.2em;margin:1.5% auto}
.media_stubg:before,.media_gra:before{width:50px;height:50px;border-radius:50%;font-size:1.1rem;line-height:50px;text-align:center;display:inline-block;margin-right:2%;color:#FFF;font-weight:normal}
.media_txt{width:71%;text-align:justify;padding:1% 0 0 1.5%;border-left:3px solid #e50112;font-size:1.07em;line-height:1.7em}
.media_txt p{margin-bottom:1%}
.media_img{float:right;margin-left:2%}
.media_txt a{color:#fff;font-weight:700;background:#ccb377;padding:0 5px 2px;border-radius:12px;text-decoration:none}
.media_txt a:hover{background:#cc0}

#askarea {background: #d0a757}

#bottomlink{width:100%;position:fixed;bottom:0;right:0;opacity:.9;background:#fff5cf;z-index:9;padding:.5% 0}
#bottomlink a{color:#de5236;font-weight:bold}
#bottomlink ul{width:96%;margin:0 auto;text-align:center}
#bottomlink ul li{display:inline;margin:0 2%;font-size:1.5em;line-height:1.7em}
#bottomlink i{margin-right:2px}

/*-------PC-------*/
@media all and (min-width: 1201px){
.masterMB,#topbutton{display:none}
#BodyEventContent{width:100%;margin:58px auto 0}
/*各區塊寬1200*/
#billboard,#media{width:1200px}
#askarea_out {background-image:url(../images/0808036_02.png);background-repeat:no-repeat;background-attachment:fixed}
#askarea{padding:2% 0;border-radius:20px}
}