.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}
.text-base{font-size:1rem}.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}
.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../images/);
font-family: "微軟正黑體";
}
.all_page_note dd{background:#ffe286!important;color: #623e0b!important;}
/* bodyHeader */
#BodyHeader #header-share {
line-height:16px;
font-size:13px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}	
#BodyHeader a {
font-size: 13px;
color: #333333;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
font-weight: normal;
}
#BodyHeader a:hover {
text-decoration: none;
position: relative;
left: 2px;
top: 2px;
bottom: 2px;
}
#ants_billboard li{
font-size: 38px;
}
/* body */
a:hover {
text-decoration: none;
left: 2px;
top: 2px;
position: relative;
}
#event{
margin: 0 auto;
text-align:center;
width:100%;
/*background: url(../images/1102059_basemap.png)no-repeat top center / 100%,linear-gradient(to top, #ffe5a4 0%,ffe286# 45%, #5f4a11 90%);
background-attachment: fixed;*/
}

/*滿百100%區域*/
.row100{width:100%;}
.bgcolor0{background: url(../images/1112020_01.png)no-repeat top center;background-size: cover;}
.bgcolor1{background: url(../images/1112020_flake.png)no-repeat top center fixed,linear-gradient(90deg, #b5b5b5 0%, #f9f9f9 20%, #f9f9f9 80%, #b5b5b5 100%)}
.bgcolor2{background: url(../images/1112020_flake.png)no-repeat top center;}
.bgcolor3{background: linear-gradient(90deg, #ffd174 10%, #fff7df 30%, #fff7df 70%, #ffd174 90%)/*linear-gradient(90deg, #b1721c 0%, #edb84e 10%, #f7e2a5 30%, #f7e2a5 70%, #edb84e 90%, #b1721c 100%)*/;}
.bgcolor4{background-image: linear-gradient(to right, #a5801d 0%, #be9f3a 15%, #be9f3a 85%, #a5801d 100%);}
.bgcolor5{background-color: #f5d91b;}

[class*="grid"]{display: grid;}
[class*="flex"]{display: flex;}
.banner_grid{grid-template-columns: repeat(6,16.67%);grid-template-rows:repeat(3,33.3%);    margin: 0 2%;}
.title{grid-area:1/2/6/6;padding: 0% 0;}
.icon_flex{grid-area: 1/1/6/6;justify-content:space-between;align-items: center;}
.icon_list{display: flex;    align-items: center;}
.banner_grid .icon_list:nth-of-type(2){grid-area: 1/1/6/1;}
.banner_grid .icon_list:nth-of-type(3){grid-area:1/6/4/7;}
.icon_list a{display: flex;margin: 0 10px;transition: all 0.2s linear;width: 130px;height: 130px;background: url(../images/1112020_icon.png)no-repeat center / 100%;font-weight: bold;color: #ec3a0a;line-height: 28px;justify-content: center;align-items: center;    filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.85));text-shadow: 0px 0px 8px #fff, 0px 0px 11px #fff, 0px 0px 10px #fff;font-size: 1.3rem;position: relative;}
/*.icon_list a::before{content:"";position: absolute;width: 133px;height: 37px;background:url(../images/1102059_best.png)no-repeat;    bottom: -35px;}*/
.icon_list a p{margin:0;    font-family: "Microsoft YaHei", Verdana;}
.icon_list a strong{display: block;}
.icon_list a:hover{transform: scale(1.1);}
.best{     margin: 0 0 7px;
    text-align: center;
    background: linear-gradient(45deg,#fffcec, #ffe9aa, #fff9db);
    clear: both;
    display: inline-block;
    font-size: 3rem;
    padding: 1px 0;
    border-radius: 35px;
    color: #623e0b;
    border: solid 3px #caaa5d;
    box-shadow: 0px 30px 12px -23px hsl(20deg 44% 28%);
    font-weight: bolder;}
 .best img{vertical-align: super;}   
#event_master {
width: 100%;
margin: 0 auto;
padding: 0;
}
#Master_ad {
width: 100%;
margin: 0 auto;
padding: 0%;
position: relative;
}
#Master_ad img{vertical-align: middle;width: 100%;}
#Master_ad img+img{    position: absolute;
    z-index: 2;
    bottom: -18%;
    right: 15%;
    width: 13%;
    transform: rotate(3deg);}
#Master_ad .top {
position: absolute;
top: 307px;
right:20%;
z-index: 99;
}
#event_sec {
margin:0 auto;
padding:2% 5%;
display: inline-block;
width: 90%;
z-index: 0;
}
.event_ol{
z-index:0;
width:100%;
padding:0% 0% 2%;
}
.event_ol header h1 {
font-size:3.4em;
text-align: center;
color: #a31310;
margin: 0 0 0.1em 0;
font-family: "Microsoft YaHei",Arial, Verdana;
}
.event_ol header h2 {
font-size:3.4em;
text-align: center;
color: #cdaa39;
margin: 0 0 0.5em 0;
font-family: "Microsoft YaHei",Arial, Verdana;
}
.event_title{
color: #ff1961;
font-size: 4em;
text-align: center;
display:inline-block;
width: 100%;
padding:0.1% 0%;
border-radius:0em;
font-weight:bold;
position:relative;
font-family: "Microsoft YaHei", Verdana;
}
/*主圖榮譽名次*/
.honor_box{position: absolute;display: flex;margin: auto;left: 3%;right: 0;top: 7%;justify-content: center;}
.honor_page{margin: 0 1%;color:white;background:url(../images/0911093_honor_page_flower.svg)no-repeat bottom center / 100%;position: relative;width:8%;height: 120px;display: grid;align-items: flex-end;}
.honor_page:before{content: "";position: absolute;width: 29px;height: 27px;background: url(../images/0911093_libra.svg)no-repeat top center / 100%;top: -14px;left: 0;right: 0;margin: auto;}
.honor_page:first-child h3{margin: 15px 0 0;font-size: 1.1em;}
.honor_page:first-child h3+p{margin:2px 0 8px;}

.honor_page h3+p,.honor_page h3{margin: 0;}
.honor_page h3+p strong{font-family: Arial;font-size: 1.5em;}
.event_box h1{font-size:2.9vw;
    text-align: center;
    float: left;
    font-family: "Microsoft YaHei", Verdana;
    color: #39136a;
    margin: 3% 0 4%;
    border-bottom: solid 1px #9e803a;
    line-height: 1.4em;}
.event_box h1 em{color: #d21967;}
.out_subject,.event_box li{font-size: 3.2rem;}
#notegrade{margin: 0;}
@media all and (min-width: 1px) and (max-width: 1200px){
/* Footer */
#BodyFooter{display: none;}
#BodyFooter_rwd{width:90%;background-color:#FFF;margin-top:5%;}
#BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;	border-top-style: solid;border-top-color: #999;}
#BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
#BodyFooter_rwd #footer_inline ul li img{max-width:50%;height:auto;	margin-bottom: 2%;}
#BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
#BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
#BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_address ul{float: left;padding:0;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
#BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
/* Footer end */

 /*ask*/
#askarea{width: 90%;padding: 0.8rem;}
#askarea .asktitle{font-size: 1.1rem;}
#formlist{margin: 0 auto;width: 95%;}
#askarea input[type="text"],#askarea select{width:94%;display: block;}
#askarea SELECT{display: block;margin:0;}
#askarea input[type="checkbox"]{width: initial;}
#formlist label{font-size: 1.0rem;display: block;}
#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: 0.25rem 0;}
#formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);}   

@media all and (orientation : portrait){#Master_ad{margin-top: 15%;}}
@media screen and  (orientation:landscape) {#Master_ad{margin-top: 10%;}}
    /*隱藏的區塊*/
#BodyHeader_event,.hottxt,#noie{display:none;}
    /* Header */
#BodyHeader_event_rwd{text-align:center;width:100%;height:auto;margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;display: initial;}
#BodyHeader_event_rwd img {height: auto;margin:2.5% auto;}
@media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;}}
@media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;}}
    .event_box_best2 ul {
        margin: 1em 6%;
    }
    .event_box {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }

    .out_subject{font-size: 230%;}
.event_title{
font-size:5vw;
}
.out_subject{line-height: 2em;font-size: 2.5rem;}
}
.event_title.bg2{
background-color:#eda110;
}
.event_title em{
color: #b5282e;
}
.event_title.bg2:before{
border-color: #eda110 transparent transparent transparent;
}
.event_title2{font-size: 3.5rem;text-align: center;background-color: #ec3a0a;margin: 0 10% 0em;position: relative;color: white;font-family: "Microsoft YaHei", Verdana;}
.event_title2:before {border-color: transparent #FFD277 transparent transparent;border-width: 0px 40px 40px 0px;top: 0;right: 0;}
.event_title2:after {border-color: transparent transparent #FFD277 transparent;border-width: 0 0 40px 40px;bottom: 0;right: 0;}
.event_title2 span {display: block;position: relative;padding: 0.5rem;font-weight: bolder;}
.event_title2 span:before {border-color: #FFD277 transparent transparent transparent;border-width: 40px 40px 0 0;top: 0;left: 0;}
.event_title2 span:after {border-color: transparent transparent transparent #FFD277;border-width: 40px 0 0 40px;bottom: 0;left: 0;}
.event_title2:before, .event_title2:after, .event_title2 span:before, .event_title2 span:after {content: "";position: absolute;border-style: solid;width: 0;height: 0;}

.event_title2 em{
color: #b5282e;
}
.event_title3{font-size: 3.6vw;text-align:center;color:#F44336;font-weight:bold}
.event_box {display: inline-block;
    width: 92%;    
font-size: 1.0em;
margin: 2% auto;
padding: 0 16%;
box-sizing: border-box;
}
.event_box strong{
color: #ec3a0a;
}
.event_box ul{
padding: 0 0 4%;
overflow: hidden;
}
.out_subject,.event_box li {line-height: 1.4em;}
.out_subject{border-bottom: solid 6px #ec3a0a;margin-bottom: 2%;
font-weight: bolder;
width: 100%;font-family: "Microsoft YaHei", Verdana;
}
.event_box li {
width: 50%;
margin: 0px 0 0.3em 0;
text-align: left;
}
.hit_subject{background: linear-gradient(to right,#f9f9f900 0%,#ec3a0a 15%,#ec3a0a 85%,#f9f9f900 100%);
color:#fff;
padding: 0.5% 4.5%;
margin-right: 0.5%;
}
.hit_subject small{display: block;font-size: 0.85em;font-weight: 500;color: #3b126b;}
.hit_subject small strong{color: #3b126b;}
.event_box2 {
width: 100%;
font-size: 1.0em;
line-height: 1.5em;
float:left;
color:#FFF;
margin-top:40px;
}
.event_box2 ul{
width:80%;
padding:0 10%;
float:left;
}
.event_box2 li {
width: 25;
color: #d8b57c;
font-size: 2.5em;
margin: 0px;
float: left;
text-align: center;
line-height: 1.5em;
}
.event_box_best2 {
width: 100%;
float:left;
padding-top: 20px;
}
.event_box_best2 li {
width:20%;
font-size: 2.5em;
margin: 0px;
text-align: center;
line-height: 1.7em;border-bottom: dotted 2px #ffab01;
}
.bigtitle {
width:100%;
padding: 0 0 0.5%;
margin:2% 0; 
float:left;
font-size: 3em;
font-weight: bold;
line-height: 60px;
font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;;
color: #ffffff;
border-bottom: #ebb422 dotted;
text-align:center;
text-shadow: #9e7300 0px 3px, #9e7300 3px 0px, #9e7300 -3px 0px, 
#9e7300 0px -3px, #9e7300 -2.0px -2.0px, #9e7300 2.0px 2.0px, 
#9e7300 2px -2px, #9e7300 -2px 2px;
}
.font1 {
font-size: 2em;
line-height:3em;
color: #134f75;
text-align:center;
}
.font_big4 {
font-size: 26px;
font-weight: normal;
color: #FFF;
line-height: 1.55em;
padding-top: 20px;
padding-bottom: 20px;    background: #362c12;
}
a.aa4 {
font-size: 27px;
color: #d8ad68;
line-height: 1.3em;
}
a.aa4:hover {
text-decoration: underline;
left: 2px;
top: 2px;
position: relative;
}
/* Footer */
#BodyFooter {
clear:both;
text-align:center;
color: #000000;
background-color: #e4e9e9;
}
#BodyFooter td {
font-size: 12px;
line-height:1.5;
color: #000000;
}
#BodyFooter a {
color:#000000;
font-size: 12px;
text-decoration: none;
}
#BodyFooter a:hover {
text-decoration: underline;
left: 0px;
top: 0px;
position: relative;
color: #000000;
}
#BodyFooter a.home {
color:#000000;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
#BodyFooter a.home:hover {
text-decoration:underline;
color: #000000;
}
#BodyFooter .foottitle {
font-size: 15px;
font-weight: bold;
color: #FF0000;
border-top:1px #333 dotted;
border-bottom:1px #333 dotted;
}
#BodyFooter .footsub {
font-size:13px;
font-weight:bold;
color: #000000;
}
/* Year */
#year {
font-family: "微軟正黑體";
font-size: 16px;
color: #FFFFFF;
line-height: 1.5em;
padding-bottom: 3px;
}
.t4_1 {
color: #999;
}
#year a.aa{
color: #FFFFFF;
}
.red {
color: #F00;
}
#top100 ul {
list-style-type: none;
}
#top100 li {
font-size:32px;
font-weight: bold;
color: #FFFFFF;
width:41%;
display:block;
float:left;
list-style-type: none;
line-height: 60px;
margin-left: 20px;
margin-right: 10px;
}
#top100 .font_big7_2 {
font-size: 32px;
font-weight: bold;
color: #D6AA50;
line-height: 35px;
}
ul {
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
}
li {
font-size:32px;
color: #082c60;
width:19%;
display:block;
float:left;
list-style-type: none;
line-height: 60px;
margin-left: 36px;
}
#top50_ul {
list-style-type: none;
}
#top50_li {
font-size:32px;
font-weight: bold;
color: #FFFFFF;
width:19%;
display:block;
float:left;
list-style-type: none;
line-height: 60px;
margin-left: 30px;
}
.note_page{font-size:3.0rem;text-align: center;font-weight: 900;font-family: "Microsoft YaHei", Verdana;display: inline-block;width: 100%;    color: #c5022d;}

/*ask*/
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #d5d5d5;margin: 0;display: block;width: 100%;}
#askarea{width: ;margin: 0 auto;padding: ;text-align: left;}
#askarea .asktitle {color: rgb(59, 59, 59);text-align: center;font-size:;margin: 0;font-size: 1.5rem;padding: 0.5rem 0;}
.asktitle p{margin: 0;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: 0.5%;}
#formlist label{display: block;margin: 1rem 0;color: rgb(59, 59, 59);font-size: 1.2rem;}
#formlist img{display: inline-block;}
#formlist input{color: ;}
#askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5em;width: 88px;margin-top: 2%;border: 2px #fff solid;color: white;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297;}
label > select {margin: 0 1rem;}
#formlist{justify-content: space-around;}
#askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
#askcontent{color:white;line-height: 2.5rem;}
@media (min-width:1201px) {
    #askarea SELECT{margin:auto 1% 1% auto;}
/* Footer */
#BodyFooter_rwd{display: none;}
/* #BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;} */
#BodyFooter_rwd{width:90%;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;display: flex;flex-wrap: wrap;justify-content:center;}
#footer_inline a,#footer_address a{color:#000}
#footer_inline ul li,#footer_address ul li{margin:auto 0.5%;font-size: 1rem;}

#footer_inline ul li img{width:70%;height:auto;display:block;}
/* Footer end */
    
#askarea input[type="text"]{width:32%;}
    #BodyHeader_event_rwd,#topli{display:none;}
    /* bodyHeader */
#BodyHeader_event,#header-share {width:100%;}
#BodyHeader_event a,#BodyHeader_event #header-share{font-size: 1.1em;}
#BodyHeader_event #header-share {margin:0 auto;	background-color: #FFF;}	
#BodyHeader_event #header-share img {margin-bottom: 5px;display: inline;}
#BodyHeader_event a {color: #333;}
#BodyHeader_event a:hover {color: #666;/*position: relative;top: 2px;bottom: 2px;*/}
    
.event_box_best2 ul{
    margin:1.0em 18%;
    }
    
}
@media (max-width:1600px){
/*主圖榮譽名次*/
.honor_page h3,.honor_page:first-child h3 {font-size: 0.85em;margin: 10px 0 0px;}
.honor_page:first-child h3{margin: 9px 0 8px;}
.honor_page h3+p,.honor_page:first-child h3+p{font-size: 0.45em;margin: 0;}
.honor_page:before {width: 20px;height: 22px;}
.honor_page {width: 8.5%;margin: 0 0.5%;height:80px;}
.event_box {width: 100%;padding: 0 5%;box-sizing: border-box;}
.event_box h1 {font-size: 3.4vw;}
/* .out_subject, .event_box li {font-size: 2.6vw;} */
#event {background-color: #ec3a0a;background-attachment: fixed;}
.icon_flex {grid-area: 3/1/7/6;justify-content: space-evenly;}
.icon_list {display: flex;justify-content: space-around;}
.banner_grid .icon_list:nth-of-type(2) {grid-area: 3/1/6/4;}
.banner_grid .icon_list:nth-of-type(3) {grid-area: 3/4/4/7;}
.title {grid-area: 1/1/3/7;}
.banner_grid {margin: 0 0% 3%;}
.icon_list a{width: 150px;height: 150px;}
.best{margin:60px 0 0;}
}
@media screen and (min-width:768px) and (max-width:1199px){
	.honor_page:first-child h3{margin: 7px 0 2px;}
}



@media (max-width: 767px) { 
       
.bgcolor0 {
background-size: 160%;
}
#event_master {
width: 100%;
margin: 0 auto;
padding: 0;
height:auto;
background-position: center top;
}
#Master_ad {
height: 170px;
}
#Master_ad img{
width: 40%;
height: auto;
}
#Master_ad .top {
position: absolute;
top: 53%;
right: -18%;
}
#event {margin: 0%;}
.event_title,.event_title2 {
font-size: 1.5em;
color: #B5282E;
}
.event_title img,.event_title2 img {
width: 20%;
height: auto;
align-items: flex-start;
}
.event_box ul {
width: 90%;
margin: auto;
}
.event_box li {
font-size: 3em;
}
.event_box_best2 li {
width: 32%;
font-size: 1.5em;
}
.event_box li {
width: 100%;
}
.font1 {
font-size: 1em;
}
.font_big4 {
font-size: 1em;
}
a.aa4 {
font-size: 1em;
}

}
@media (min-width: 1201px) and (max-width: 1500px) {
#Master_ad .top {
right:10%;
}}
/*IPAD*/
@media (min-width: 768px) and (max-width: 991px) {
.bgcolor0 {
/*background-size: 160%;*/
}
#Master_ad {
}
#Master_ad img{
width: 100%;
height: auto;
}
#Master_ad .top {
position: absolute;
top: 55%;
right: 0%;
}
.event_title,.event_title2 {
font-size: 2.7rem;
}
.event_title img,.event_title2 img {
width: 15%;
height: auto;
align-items: flex-start;
}
.event_box_best2 li {
width: 19%;
font-size: 2.5rem;
}
.event_box li {
width: 50%;
}
}
/*IPAD+*/
@media (min-width: 992px) and (max-width: 1199px) {
#Master_ad .top {
right: 0%;
}	







}