/* 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;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
article{font-family:"微軟正黑體",Arial;background-image: url(../images/0803045line_bg.gif);}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
[class*="flex"]{display: flex;flex-wrap: wrap}
.target-fix {position: relative;top: -4rem;display: block;visibility: hidden;}
.bg_padding{padding:1%;}
.bgcolor0{background-color: #C80118;}
.bgcolor1{
    background: #ef5521; /* Old browsers */
    background: -moz-linear-gradient(left,  #ef5521 0%, #f69d12 50%, #f8a710 52%, #ffed01 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ef5521 0%,#f69d12 50%,#f8a710 52%,#ffed01 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ef5521 0%,#f69d12 50%,#f8a710 52%,#ffed01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5521', endColorstr='#ffed01',GradientType=1 ); /* IE6-9 */
}
.bgcolor2{
    background: #02954d; /* Old browsers */
    background: -moz-linear-gradient(left,  #02954d 0%, #2da549 50%, #3bab48 52%, #6abd44 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #02954d 0%,#2da549 50%,#3bab48 52%,#6abd44 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #02954d 0%,#2da549 50%,#3bab48 52%,#6abd44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02954d', endColorstr='#6abd44',GradientType=1 ); /* IE6-9 */
}
.bgcolor3{
    background: #005ead; /* Old browsers */
    background: -moz-linear-gradient(left,  #005ead 0%, #0081c9 50%, #0088cf 52%, #00aced 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #005ead 0%,#0081c9 50%,#0088cf 52%,#00aced 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #005ead 0%,#0081c9 50%,#0088cf 52%,#00aced 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ead', endColorstr='#00aced',GradientType=1 ); /* IE6-9 */
}
.bgcolor4{background: #C41D2B;}
.bgcolor5{background-color: #DFDFDF;}
/*所有元素漸變0.5秒*/
*{transition: all .5s;}
h1{ font-size: 3em; }
h2{ font-size: 2.5em; }
h3{ font-size: 2.2em; }
/*event*/
#Master_title img{width: 100%;vertical-align: middle;}
#event_master h1{color: #F9F0A8;font-size: 2.8em;}
#event_master li{color: #FFF;font-size: 1.5em;display: inline-block;line-height: 2;}
#event_master ul,#event_sec ul{text-align: left;margin: 0 8%;}
#event_sec li{color: #fff;font-size: 1.3em;display: inline-table;line-height: 2;}
#event_sec h2,#event_third h2{border-bottom: 1px dotted #FFFF00;width: 80%;margin: 0 auto;}
#event_sec header,#event_third header{color: #FFFF00;}
#event_master p,#event_third p,#event_third li a{color: #FFF;}
#event_third li{color: #FFF;font-size: 1.3em;display: inline-table;line-height: 2;}
#event_fourth{background: url(../images/0510048_18.gif) no-repeat center bottom;background-size: 100%;margin: 0;padding: 0;}
#event_fourth p,#event_fourth p a{color: #F5FF99;text-align: center;}
#event_fourth p{margin-bottom: 12%;}
.shop-guide span{color: #F9F0A8;font-size: 1.5em;}
.shop-guide a{background-color: #F9F0A8;color: #000;font-size: 1.3em;padding: .2em 1em;border-radius: .5em;margin: 0 1%;display: inline-block;}
.shop-guide{margin: 3% 0 0;text-align: center;}
.aside-wrap li i{margin-right: 5px;}
.top-grade-box{background: linear-gradient(45deg, #ffe000, transparent);width: calc(100%/2);padding: 3%;box-sizing: border-box;}
.top-grade-box img{border-radius: 1rem;border: 3px solid #F9F0A8;}
.top-grade-name{font-size: 1.6em;color: #125AA4;font-weight: bold;font-family: Georgia, "Microsoft YaHei", Times, serif;text-shadow: 1.5px 0 2px white, -1.5px 0 2px white, 0 1.5px 2px white, 0 -1.5px 2px white, 0 0 4px white;}
.top-grade-name a{color: #125AA4;display: block;}
.top-grade-list{color: #fff;display: block;font-weight: bold;text-align: left;line-height: 1;}
.top-grade-list a{color: #fff}
.top-grade-list:last-of-type{color: #3E1909 !important;}
.top-grade-list:last-of-type a{color: #3E1909;}
#event_sec h2{text-align: left;}
#event_sec .kp-top ul li{color: #fff;text-align: left;font-size: 1.5em;}
#BodyContainer_event button {top: 1%;left: 2%;font-size: 1.5rem;}

/*各大相容檢視*/
@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 (min-width: 1000px){
    #BodyContent{width:100%;padding:0;margin:0;background-color: initial;}
    #BodyContainer_event{width:100%;margin:0;}
    #BodyHeader_event_rwd,#topli{display:none;}
    /*滿百100%區域*/
    .row100{width:850px;margin: 0 auto;}
    /*資料集中1200px寬外框*/
    #event_sec,#event_third,#event_fifth,#event_sixth{margin:2% auto;display:inline-block;width:850px;padding:10px;box-sizing: border-box;}
    #event_master{margin:0 auto 2%;display:inline-block;width:850px;padding:0 10px 10px;box-sizing: border-box;}
    #Master_title{width:850px;}
    #event_fourth{display:inline-block;width:850px;}
    /*div section標籤段落*/
    section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;}
    /*標題大小*/
    #event_sixth nav a{ font-size: 1.3em; }
    /* bodyHeader */
    #BodyHeader_event,#header-share{width:850px;margin: 0 auto;}
    #BodyHeader_event #header-share{line-height:2;font-size:17px;background-color:#f7d400;}
    #BodyHeader_event #header-share a:nth-child(1) img{margin:5px; }
    #BodyHeader_event a{color:#333;font-size:17px}
    #BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
    /*event*/   
    .aside-wrap{position: fixed;right: -1.5%;bottom: 15%;}
    .aside-wrap li a{background-color: #C80118;color: white;display: block;padding: 5% 0 5% 10%;font-size: 1.2em;border-top-left-radius: .5em;border-bottom-left-radius: .5em;}
    .aside-wrap ul li{width: 200px;margin: 4% auto;text-align: left;}
    .aside-wrap li:hover{transform: translateX(-10%);}
    .aside-wrap li:hover a{background-color: #115D8E;}  
    #event_sec .kp-top ul li{display: inline-block;width: 49%;}
    #event_third ul{text-align: left;margin: 0 8%;}
    /* 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;text-align: center;}
    #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:#ffd000;width:850px;display:inline-block;text-align:left}
    #askarea{width:850px;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:#000;font-size:1.4em}
    #askarea #formlist{width:90%;margin:2% auto;color:#000;}
    #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:#990000;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;}
}

@media (max-width: 999px){
    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie{display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    /* Header */
    #BodyHeader_event_rwd nav a {display: inline-block;color: #666;font-size: .95rem;text-decoration: none;line-height: 1.75;margin: auto .35rem;}
    #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;}
    @media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 40%;margin-top:2.5%;}}
    @media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
    @media all and (min-width: 1024px){
        .st-content,.st-menu,.st-effect-1.st-menu::after {display:block !important;}
    }
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #event_sec,#event_third,#event_fifth,#event_sixth{margin:2% auto;display:inline-block;width:98%;padding:1%;text-align: center;}
    #event_master{margin: 0 auto 2%;display:inline-block;width:98%;padding: 0 1% 1%;text-align: center;}
    #event_fourth{display:inline-block;width: 100%;}
    /*div section標籤段落*/
    section p,div p{font-size:1.2em;line-height:1.8em;text-align:left;}
    /*標題大小*/
    #event_sixth nav a{ font-size: 1.2em;}
    /*event*/
    h2 {font-size: 2em;}
    .aside-wrap{position: fixed;left: 0;right: 0;bottom: 0;background-color: #115D8E;width: 100%;text-align: center;}
    .aside-wrap ul{width: 100%;}
    .aside-wrap ul li{display: inline-block;text-align: center;margin: 0 1%;}
    .aside-wrap li a{line-height: 2.8;color: #fff;font-size: 1.05em;}       
    .top-grade-name:before{left: 0;}
    .top-grade-name{font-size: 1.2em;}
    .blink {
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-name: blink;
    -webkit-animation-duration: 3s;
    animation-name: blink;
    animation-duration: 3s;   
    }
    @keyframes blink {
        0% {
            background-color: #115D8E;
        }
        100% {
            background-color: #C80118;
        }
    }
    /* Footer */
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;padding: 5% 0;}
    #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:40%;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;}
    /*ask*/
    #askarea{background-color:#ffd000;width: 98%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p{text-align: center;}
    #askarea .asktitle{font-size: 1.0em;color: #000;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #000;text-align: left;}
    input[name="sContent"]{width:50%;}
    #askarea input[type="text"]{width:98%;}
    #askarea SELECT,#askarea input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;height:30px;}
    #askarea SELECT{width:100%;border: #FFF;padding: 0.5%;}
    input{border: #FFF;padding: 1%;color: #C6C6C6;}
    input[type="submit"],input[type="reset"]{color:#FFF;background-color:#990000;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5% !important;padding:1%;height:auto}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    @media all and (min-width: 768px){
        #askarea SELECT, #askarea input {height: 40px;}        
    }
    /*TOP按鈕*/
    #topli,#topli a{color: #fff;text-decoration: none;}
    #topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
    @media screen and (orientation:portrait) {#topli{right:1%;bottom:8%;}}
    @media screen and (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}

@media (min-width:768px){
    #event_sec li,#event_third li{width: 32.9%;}     
    #event_third .wait-bill{width: calc(100%/3*1.95);}
}

@media (max-width:767px){
    .shop-guide span {display: block;}
    .shop-guide{text-align: center;}
    hgroup>h1{text-align: center;font-size: 2.5em;}
    #event_third li,#event_sec li {display: block;}
    #event_master ul, #event_sec ul, #event_third ul {display: inline-block;}
    #event_sec .kp-top ul li{text-indent: -1em;}
    .top-grade-box img{width: 80%;}
    #event_master h1{font-size: 2em;}
    .br{display: block;}
}
@media (max-width: 320px){
    #event_master li{font-size: 1.3em;}    
    .aside-wrap li a{font-size: .95em;}
    .top-grade-name{font-size: 1em;}
}