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

.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}


/*所有元素漸變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*/
#BodyMenu-all{padding:10px 0;/*background: #e6d9bf;*//*background-image: linear-gradient(to right, #E91E63 0%, #00BCD4 100%);*/background-image: linear-gradient(to right, #f64092 0%, #a465b6 100%);}
#Master_title img{width: 100%;}
.points{text-align: center;}
.points li{font-size:1.5em;display: inline-block;margin: 0 1%;width: calc(93%/7.1);}
.points a {/*background-image: linear-gradient(120deg, #FFEDBC 0%, #F0CB35 100%);*/background-repeat: no-repeat;background-position: 0 88%;text-decoration: none;color: #fff;/*padding: 4% 13%;*/border-radius: 0 20px 0 20px;/*font-weight: bold; */text-decoration: underline;}
.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: #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 {color: #fff;padding: 1% 4%;background-color: #b4a372;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 #ff3b96;margin: 30px 0 10px;display: inline-block;width: 100%;text-align: center;color: #a77f28;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:-5% 0 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, #ff399c 0%, #b81228 100%); */background-image: linear-gradient(132deg, #987528 0%, #e3be34 100%);}
.ribbon:before,.ribbon:after {content: "";position: absolute;display: block;bottom: -.5em;border: 1em solid #c99d3d;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: #ff2822;font-weight: bold;margin-right: 0.25rem;}
.boardsub2 {color: #af7906;margin-left: 15px;}
.boardsub3{font-weight: bold;color: #147684;margin-right: 15px;}
.boardsub4{color: #7D247E;font-weight: bold;margin-right: 15px;}
.mt-2{margin-top: 2rem;}
.top_grade dt {font-weight: 900;color: #ff3b96;font-size: 1.8rem;margin-top: 12px;}
.top_grade dd {/* border-bottom: 2px #ead3a0 dotted; *//* display: inline-block; */color: #937225;}
.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 .points {font-size: 2.55em;margin-top: 1%;display: inline-block;color: #fff;}
#event_fifth p{text-align: center;font-size: 1.15rem;color: #fff;}
#event_fifth p a{color: #ffeb3b;}

.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 right, #f83600 0%, #f9d423 100%); */
        /* background-color: #ff3b96; */
        /* background-image: linear-gradient(to bottom, #ff3b96 0%, #f9d423 100%); */
        /* background-image: linear-gradient(to bottom, #ff3b96 6%, #f9d423 42%, #ff3b96 110%); */
        /* background-image: linear-gradient(to bottom, #a052a8 18%, #c28db6 42%, #a052a8 76%); */
        background-image: linear-gradient(to bottom, #f64092 18%, #a052a8 42%, #f64092 76%);
    }
	#Master_title{margin:0 auto;display:inline-block;width:1000px;background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);line-height: 0.5em}
	#event_master{margin:0 auto;display:inline-block;width:1000px;padding: 0 10px 10px;margin: -6px 0;background-color: #f64092;}
    #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;}
    .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:#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;}
}