[class*="flex"] {display: flex;flex-wrap: wrap}
.target-fix {position: relative;top: -4rem;display: block;visibility: hidden;}
.bg_padding {padding:1%;}
.bg-red {background-color: #C80118;}
.bgcolor0 {background: linear-gradient(to bottom, #1B4E76 60.75%,#C80018 60.75%);}
.bg-yellow {
    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-color: #C41D2B;}
.bgcolor5 {background-color: #DFDFDF;}
.bgcolor6 {background: #ef5521;}
.block {display: block;}
.w-full {width: 100% !important;}
h1 {font-size: 3.5em;color: #ffffff;}
h2 {font-size: 2.8em;color: #ffffff;}
h3 {font-size: 2.2em;}
small {font-size: 0.8em;}
.fcolor1 {color: #dd1c26;}
.text-color-yellow {color: #f5d560;}
/*event*/
.cpa-billboard {font-weight: bold;}
.cpa-billboard strong {font-size: 1.75rem;}
.cpa-billboard p {text-align: center;}
.cpa-billboard ul {text-align: center;}
#Master_title img {max-width: 100%;margin: auto;display: block;}
.event_master h1 {font-size: 2.8em;font-weight: bold;color: #FFF;font-weight: bold;font-family: Georgia, "Microsoft YaHei", Times, serif;text-shadow: 3.5px 0 4px #6d0f13, -3.5px 0 2px #6d0f13, 0 3.5px 4px #6d0f13, 0 -3.5px 4px #6d0f13, 0 0 5px #6d0f13;}
.get-title {color: #F9F0A8;font-size: 3.0em;font-weight: bold;border-bottom: double 6px #8e0112;display: block;margin-top: 0.3em;text-shadow: 3.5px 0 4px #6d0f13, -3.5px 0 2px #6d0f13, 0 3.5px 4px #6d0f13, 0 -3.5px 4px #6d0f13, 0 0 5px #6d0f13;text-align: center;}
.grade-title {color: #F9F0A8;font-size: 1.25em;background-color: #8e0112;padding: 0 0.2em 0 0.6em;border-radius: 1em 0;margin-right: 0.5em;}
.event_master li {color: #FFF;font-size: 1.5em;display: inline-block;line-height: 2;}
.cpa-list li {width: calc(100%/5);}
.cpa-list-all li {width: calc(100%/10);}
.event_sec li {color: #8e0112;font-size: 1.5em;display: inline-table;line-height: 2;font-weight: bold;margin: auto 1.5rem;}
.event_sec h2,#event_third h2 {border-bottom: 1px dotted #FFFF00;width: 95%;margin: 0 auto;}
.event_sec header,#event_third header {color: #FFFF00;}
.event_master p,#event_third p,#event_third li a {color: #FFF;margin: 1% 0;}
.event_master p {font-size: 1.7em;}
#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%;}
.kp-top {margin: 0.8em 0;}
.shop-guide span {font-size: 1.8em;font-weight: bold;color: #FFF;font-weight: bold;font-family: Georgia, "Microsoft YaHei", Times, serif;text-shadow: 3.5px 0 4px #6d0f13, -3.5px 0 2px #6d0f13, 0 3.5px 4px #6d0f13, 0 -3.5px 4px #6d0f13, 0 0 5px #6d0f13;}
.shop-guide a {background-color: #F9F0A8;color: #a00000;font-size: 1.3em;padding: .2em 1em;border-radius: .5em;margin: 1%;display: inline-block;text-decoration: none;font-weight: bold;}
.shop-guide {margin: 3% 0 0;}
.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: center;line-height: 1.3em;}
.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;}
.cpa-list .no-bg {width: calc(100%/6);}
.shop-guide {margin: 3% 0 0;text-align: center;}
aside.aside-wrap {background: linear-gradient(to right,#6A1425 0%,#C71037 25%,#C71037 75%, #6A1425 100%);position: fixed;width: 100%;bottom: 0;left: 0;text-align: center;margin: 0;}
aside.aside-wrap dd {display: inline-block;}
aside.aside-wrap dd i {margin-right: 0.5rem;font-size: 1.5rem;display: inline-flex;flex-wrap: wrap;}
aside.aside-wrap a {color: white;font-size: 1.25rem;padding: 1rem 0;}
aside.aside-wrap dl, aside.aside-wrap dl, aside.aside-wrap dl:hover {background: initial;}
aside.aside-wrap  dl:hover {}
.announce .askclick {bottom: 20%;}
#back_top {bottom: 5%;}

@media (min-width: 1201px) {      
    /*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%;color: #F9F0A8;line-height: 1.7em;}
    #event_third ul {text-align: left;margin: 0 8%;}    
}

@media (max-width: 1200px) {   
    #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;}
    .cpa-list li {width: calc(100%/3);}
    .cpa-list-all li {width: auto;margin: auto 1.5rem;}
    .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;
       }
   }   
}

@media (min-width:768px) {  
    #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_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;}
    .cpa-list li, .event_sec li {width: 100%;margin: auto;}
    .cpa-list, .cpa-list-all {width: 80%;margin: auto;}
    .cpa-list-all li {width: calc(100%/2);}
    .get-title {font-size: 1.75em;}
    .cpa-billboard strong {display: block;}
    .event_master p {margin: 5% 0;}
    .cpa-list .no-bg {width: calc(100%/2);}
    .announce .askclick {bottom: 15%;}
    #back_top {bottom: 1%;}
}
@media (max-width: 320px) {
    .event_master li {font-size: 1.3em;}    
    .aside-wrap li a {font-size: .95em;}
    .top-grade-name {font-size: 1em;}

}