@import url(/Other/master.get/billboard/icon_new/css/all.min.css);

/*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;}
*{box-sizing: border-box;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{font-family:"Microsoft YaHei", 微軟正黑體, Arial;background: url(/billboard/images/1004033_11.png);}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor0{background-color: #FCFCFC;}
.bgcolor1{background-color: #F6F6F6;}
.bgcolor2{background-color: #F3F3F3;}
.bgcolor3{background-color: #EEEEEE;}
.bgcolor4{background-color: #E4E4E4;}
.bgcolor5{background-color: #DFDFDF;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}
/*Back to top button */
#back-top {position: fixed;bottom: 9%;margin-left: -150px;right: 1%;z-index: 99;}
#back-top a {width:50px;height:50px;border-radius:50%;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;transition: 1s;}
#back-top a:hover {color: #000;}
/*arrow icon (span tag)*/
#back-top span {width:50px;height:50px;display: block;margin-bottom: 7px;background: rgba(99, 99, 99, 0.74) url(/billboard/css/images/up-arrow.png) no-repeat center center;/*rounded corners*/border-radius:50%;/*background color transition*/transition: 1s;}
#back-top a:hover span {background-color: #777;}
/*event*/
#BodyMenu-all{padding:10px 0;background: #7F0008;}
#Master_title img{width: 100%;}
.points{text-align: center;}
.points li{font-size:1.5em;display: inline-block;margin: 0 1%;width: calc(100%/6.1);}
.points a{
    background-image: linear-gradient(120deg, #FFEDBC 0%, #F0CB35 100%);background-repeat: no-repeat;background-position: 0 88%;text-decoration: none;color: #000;
    padding: 2% 12%;border-radius: 0 0 12px 12px;
}
section:nth-of-type(5) .points a{padding: 0;border-radius: 0;}
.points i{display: block;position: relative;animation: move .8s linear alternate infinite;color: #F0CB35;text-align: center;margin: 5% 0 0;}
@keyframes move{from{top:-10px} to{top:-5px}}
section header{margin-top: 20px;}
.grade{border-radius:10px;background: #fff;margin: -17px 25px 0;padding: 20px 0;position: relative;z-index: 0;}
.grade a,#event_fifth p a{color: purple;}
.grade-title{font-size: 1.8em;border-bottom: 1px dashed #7F0008;margin: 30px 0 10px;display: inline-block;width: 100%;text-align: center;}
.grade ul{width: 98%;margin: 0 auto;}
.grade li{display: inline-block;text-align: left;margin: 0 auto;line-height: 1.8em;}
.grade .small{font-size: 1rem;}
.out_ribbon{position: relative;z-index: 1;}
.ribbon img{ margin:-3% 0 0;}
.ribbon {font-size: 2.1em;font-family: microsoft yahei;font-weight: bolder;width: 80%;position: relative;color: #fff;text-align: center;padding: 0 .5em;margin: 0 auto;border-top-left-radius: 10px;border-top-right-radius: 10px;
    background: -moz-linear-gradient(90deg, #860107 0, #B0000B 41%, #860107 82%);/* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0, 860107), color-stop(41%, B0000B), color-stop(82%, 860107));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #860107 0, #B0000B 41%, #860107 82%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #860107 0, #B0000B 41%, #860107 82%);/* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #860107 0, #B0000B 41%, #860107 82%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#860107', endColorstr='#860107', GradientType='1'); /* for IE */
    background: linear-gradient(90deg, #860107 0, #B0000B 41%, #860107 82%);/* W3C */}
.ribbon:before,.ribbon:after {content: "";position: absolute;display: block;bottom: -.5em;border: 1em solid #5F0105;z-index: -1;}
.ribbon:before {left: -1em;border-right-width: 1em;border-left-color: transparent;}
.ribbon:after {right: -1em;border-left-width: 1em;border-right-color: transparent;}
.boardsub {color: #CC0000;font-weight: bold;}
.boardsub2 {color: #FF6600;margin-left: 15px;}
.boardsub3{font-weight: bold;color: #147684;margin-right: 15px;}
.boardsub4{color: #7D247E;font-weight: bold;margin-right: 15px;}
#event_fifth .grade li span{margin-right: 15px;}
#event_third .grade,#event_fourth .grade,#event_fifth .grade{padding-top: 45px;}
#event_fifth .points{font-size: 2.5em;}
#event_fifth p{text-align: center;}

@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 {
}

@media all and (min-width: 1201px){
    #BodyContent{width:100%;padding:0;margin:0;}
    #BodyContainer_event{width:100%;margin:0;}
    #BodyHeader_event_rwd,#topli{display:none;}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中1200px寬外框*/   
    #Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0 auto;display:inline-block;width:1000px;background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{padding:10px;}
    #event_sec{position: relative;}
    /*div section標籤段落*/
    section p,div p{font-size:1.2em;line-height:1.9em;text-align:left;}
    /*標題大小*/
    h1{ font-size: 3em; }
    h2{ font-size: 2.5em; }
    h3{ font-size: 2.2em; }
    #event_sixth nav a{ font-size: 1.3em; }
    /*event*/
    .grade li{width: 49%;font-size: 1.2em;}
    .middle-more{padding-left: 12%}
    /* bodyHeader */
    #BodyHeader_event,#header-share{width:100%;float:left}
    #BodyHeader_event #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;}
    #BodyHeader_event #header-share img{margin-bottom:5px}
    #BodyHeader_event a{color:#333;font-size:17px}
    #BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
    /* Footer */
    #BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;}
    #BodyFooter_rwd{width:100%;margin-top:2%;}
    #footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;width:100%;}
    #footer_inline ul,#footer_address ul{width:100%;margin:0% auto;}
    #footer_inline a,#footer_address a{color:#000}
    #footer_inline ul li{display:inline;margin:auto 0.5%;width:13%;}
    #footer_address ul li{width:100%;line-height:1.9em;font-size:1em;}
    #adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
    #footer_inline ul li img{width:10%;height:auto;vertical-align:middle;}
    #footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}
    /*ask*/
    #askarea_out *{font-family:"微軟正黑體";font-size:1em}
    #askarea_out{background-color:#2896D0;width:100%;display:inline-block;text-align:left}
    #askarea{width:1200px;margin:0 auto}
    #askarea img{width:8%;height:auto}
    #askarea p{margin-top:1%;margin-bottom:1%;font-size:1.1em}
    #askarea .asktitle,#askarea .asktitle p{text-align:center}
    #askarea .asktitle{color:#FFF;font-size:1.55em;margin-top: 1%;margin-bottom: 1%;}
    #askarea #formlist{width:80%;margin:2% auto;color:#FFF}
    #askarea SELECT,#askarea input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto}
    #askarea SELECT{width:19.7%}
    #askarea input{color:#A1A1A1}
    #askarea input[name="sContent"]{width:50%}
    #askarea input[type="text"]{width:40%;/*height:20px*/}
    #askarea input[type="radio"]{margin-left:3%}
    #askarea input[type="submit"],#askarea input[type="reset"]{width:11%;height:45px;color:#FFF;background-color:#eb543f;padding:.5em}
    #noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0}
    #noie a{color: #FC0;}
    .hottxt{ color: #ffd942; font-size: 13px;}
}