@import url(../../icon_new_6.2/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(../images/1004033_11.png);*/background-color:#e6d9bf;background: linear-gradient(to left ,#e0cfa3 0% ,#ffffff 20%,#ffffff 80% ,#e0cfa2 100%);}
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;}
.line-add {position: fixed;bottom: 15rem;right: 1rem;text-align: right;z-index: 9;}
.line-add a {box-sizing: border-box;padding: 1rem 0 1.5rem;}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }
.nowrap{text-wrap: nowrap}
#BodyMenu-all li {color: #fff3d4;}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #FFC035;
  }
/*所有元素漸變0.5秒*/*{transition: all .5s;}
/*Back to top button */
#back-top {position: fixed;bottom: 9%;margin-left: -150px;right: 2.3%;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: rgb(254 92 126 / 82%) url(../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: #00bcd4;}
/*event*/
#Master_title{margin:0 auto;display:inline-block;width:1000px;background-color: #ffc035;}
#event_master{margin:0 auto;display:inline-block;width:1000px;padding: 1.5rem 0.2rem 0rem;background-color: #ffc035;}
#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{background-image: linear-gradient(to bottom, #ffc035 18%, #fffdde 42%, #ffc035 76%);padding: 10px 10px 30px;}
#BodyMenu-all{padding:10px 0;background-image: linear-gradient(to right, #e5aa49 0%, #edc878 100%);}
#Master_title img{width: 100%;}
.points{text-align: center;}
.points li{font-size:1.5em;display: inline-block;margin: 0 0.5%;width: calc(100%/7.1);}
.points a {background-image: linear-gradient(120deg, #ffffff 0%, #fbeaa4 100%);text-decoration: none;color: #310000;padding: 4% 12%;border-radius: 1.5rem;font-weight: bold;display: inline-block;}
.points a:hover{ position:relative; left:2px; top:2px;}
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: #de3e09;text-align: center;margin: 5% 0 0;}
.middle-more{padding: 2%;display: flex;justify-content: space-around;}
@keyframes move{from{top:-10px} to{top:-5px}}
section header{margin-top: 20px;}
.grade{border-radius:10px;background-image: linear-gradient(36deg, #fffae3 30%, #ffffff 87%);margin:0px 25px 0;padding: 20px 0;position: relative;z-index: 0;}
.grade a {color: #fff;padding: 1% 4%;background-color: #d43007;border-radius: 50px;text-decoration: none;font-size: 1.111rem;}
#event_fifth p a{color: purple;}
.grade-title {font-size: 2.5em;border-bottom: 1px dashed;margin: 30px 0 10px;display: inline-block;width: 100%;text-align: center;color: #c1874f;padding-bottom: 2px;font-weight: bold;}
.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:-0.5rem 0.5rem -0.5rem 0;}
.ribbon {font-size: 2.0rem;font-family: microsoft yahei;font-weight: bolder;width: 76%;position: relative;color: #fff;text-align: center;padding: 0 .05em;margin: 0 auto;    border-top-left-radius: 10px;border-top-right-radius: 10px;border-radius: 0px 40px;background-image: linear-gradient(132deg, #b60600 0%, #ea4e0c 100%);}
.ribbon:before,.ribbon:after {content: "";position: absolute;display: block;bottom: -.5em;border: 1em solid #980701;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: #ec5008;font-weight: bold;margin-right: 0.25rem;}
.boardsub2 {color: #b446bd;font-weight: bold;margin-right: 15px;}
.boardsub3{font-weight: bold;color: #037dc6;margin-right: 15px;}
.boardsub4{color: #15a997;font-weight: bold;margin-right: 15px;}
.mt-2{margin-top: 2rem;}
.top_grade dt {font-weight: 900;color: #d43007;font-size: 1.7rem;margin-top: 12px;}
.top_grade dd {/* border-bottom: 2px #ead3a0 dotted; *//* display: inline-block; */color: #9d7516;}
.top_grade{/*text-align: left;*/font-size: 1.3rem;margin: ;}
#event_fifth .grade li span{margin-right: 15px;}
#event_third .grade,#event_fourth .grade,#event_fifth .grade{padding-top: 45px;}
#event_fifth .points2 {font-size: 2.5em;margin: 2% auto;display: inline-block;color: #ce2805;font-family: microsoft yahei;font-weight: bolder;width: 100%;text-align: center;}
#event_fifth .points2 a {color: #ce2805;font-family: microsoft yahei;font-weight: bolder;}
#event_fifth p{text-align: center;font-size: 1.15rem;color: #fff;}
#event_fifth p a{color: #ffeb3b;}
.page_note dt{color: #d43007;text-align: center;background: linear-gradient(to right, #ffffff00 16%, #ffffff 35%, #ffffff 65%, #ffffff00 96%);padding: 0.5rem 1.5rem;}
.bannerlist {margin: 1% 0% 2%;padding-top: 1%;border-top: 1px #5fcedc dotted;text-align: center}
.bannerlist img{padding-bottom: 1.7%}
.bannerlist a{color: black;}
.flex-wrap{flex-wrap:wrap}
.justify-around{justify-content:space-around}
.w-full{width:100%}
.flex{display:flex}

@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寬外框*/   
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{
        margin: 0 auto;
        display: inline-block;
        width: 1000px;
        background-image: linear-gradient(to bottom, #ffc035 18%, #fffdde 42%, #ffc035 76%);
    }
	
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{padding:10px 10px 30px;}
    #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;}
    
    /* 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:#585858}
    #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:#fe5284;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;}
}