@charset "UTF-8";

.event {
  font-family: "微軟正黑體","sans-serif","PinagFang";
}

.event h1, 
.event h2, 
.event h3, 
.event h4, 
.event h5, 
.event h6,
.event .h1, 
.event .h2, 
.event .h3, 
.event .h4, 
.event .h5, 
.event .h6 {
  margin-bottom: 0.75rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 200;
  line-height: 1.2; }

/* (ipad pro直式) */
@media only screen and (max-width: 1440px) {
  .event {
    color: #030303; }
  .event1_content {
    margin: auto;
    padding-top: 2vw;
    padding-bottom: 1vw;
    padding-left: 4vw;
    padding-right: 4vw;
    border-radius: 2vw;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    background-blend-mode: soft-light, normal;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(to bottom, rgba(252, 252, 252, 0.8), rgba(252, 252, 252, 0.8)); }
  .event1_header {
    padding: 0 0 0 0;
    padding-top: 2vw;
    padding-bottom: 3vw;
    border-bottom: 0px; }
  .event1_header h1 {
    position: relative;
    margin: auto;
    font-weight: 700;
    font-size: 2vw;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2e2e2e;
    text-align: center; }
  .event1_body {
    padding: 0 0 0 0;
    padding-top: 1vw;
    border-bottom: 0px;
    border-top: 0px; }
  .event1_body .row{
    flex-wrap:nowrap; 
    display:flex; 
    justify-content:center;
  }
  .event1_body .row .col-1{
    padding-top:3px;
  }
  .event1_body img {
    display: inline;
    width: 2.8vw;
    margin-left: 0vw; }
  .event1_body h3 {
    display: inline;
    font-size: 1.8vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #030303; }
  .event1_footer {
    border-bottom: 0px;
    border-top: 0px;
    margin: auto; }
  .event1_footer h1 {
    font-size: 2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00b99d; }
  .event1 hr {
    padding: 0 0 0 0; } }
  .event1_dialog{
    /* margin: 0 2rem; */
  }
  .event1_body .row{
    margin-bottom:10px;
  }
  .event1_content hr{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
  }
  #head-event1 .event1_footer .row{
    font-weight:700 !important;
    color:#00B99D !important;
    margin-bottom:5px;
  }

@media only screen and (max-width: 1024px) {
  .event1_body .row .col-1{
    padding-top:5px;
  }
  .event1_header {
    padding: 0 0 0 0;
    padding-top: 1vw;
    padding-bottom: 1.5vw;
    border-bottom: 0px; } }

@media only screen and (max-width: 768px) {
  .event1_content {
    width: 90vw; }
  .event1_header h1 {
    font-size: 2.4vw; }
  .event1_body h3 {
    font-size: 2vw; }
  .event1_body img {
    width: 2.8vw; }
  .event1_footer h1 {
    font-size: 2.4vw; } }

@media only screen and (max-width: 767px) {
  .event_dialog{
    margin: 0 2.5rem;
  }
}
    
@media only screen and (max-width: 480px) {
  .event1_content {
    width: 85vw; }
  .event1_body {
    padding: 0 0 0 0;
    padding-top: 1vw;
    padding-bottom: 0.5vw;
    padding-left: 3vw;
    padding-right: 3vw; }
  .event1_footer {
    padding: 0 0 0 0;
    padding-top: 0vw;
    padding-bottom: 0.5vw; }
  .event1_header h1 {
    font-size: 3.8vw; }
  .event1_body h3 {
    font-size: 3.2vw; }
  .event1_body img {
    width: 4.2vw; }
  .event1_footer h1 {
    font-size: 3.8vw; } }

/* (Iphone6/7/8 plus) */
@media only screen and (max-width: 414px) {
  .event1_header {
    padding: 0 0 0 0;
    padding-top: 3vw;
    padding-bottom: 3vw;
    border-bottom: 0px; }
  .event1_header h1 {
    font-size: 4.2vw; }
  .event1_body h3 {
    font-size: 3.6vw; }
  .event1_body img {
    width: 4.8vw; }
  .event1_footer h1 {
    font-size: 4.2vw; } }

@media only screen and (max-width: 375px) {
  .event1_body {
    padding: 0 0 0 0;
    padding-top: 0.5vw;
    padding-bottom: 0.2vw;
    padding-left: 3vw;
    padding-right: 3vw; }
  .event1_footer {
    padding: 0 0 0 0;
    padding-top: 0vw;
    padding-bottom: 4vw; }
  .event1_header h1 {
    font-size: 4.8vw; }
  .event1_body h3 {
    font-size: 3.8vw; }
  .event1_body img {
    width: 5.6vw; }
  .event1_footer h1 {
    font-size: 4.8vw; } }

/* ( ipad pro橫式) */
@media only screen and (orientation: landscape) and (max-width: 1366px) {
  .event1_body .row .col-1{
    padding-top:7px;
  }
  .event1_header {
    padding: 0 0 0 0;
    padding-top: 0.2vw;
    padding-bottom: 0.5vw;
    border-bottom: 0px; } }

/* (Ipad 橫式) */
@media only screen and (orientation: landscape) and (max-width: 1024px) {
  .event1_header {
    padding: 0 0 0 0;
    padding-top: 1vw;
    padding-bottom: 1.5vw;
    border-bottom: 0px; } }
@media only screen and (orientation: landscape) and (max-width: 823px) {
  .event1_body .row .col-1{
    padding-top:3px;
  } }
/* (Iphone678 plus 橫式) */
@media only screen and (orientation: landscape) and (max-width: 812px) {
  .event1_body .row .col-1{
    padding-top:3px;
  } }
@media only screen and (orientation: landscape) and (max-width: 736px) {
  .event1_body .row .col-1{
    padding-top:5px;
  } }
/* (Galaxy Fold 653  橫式) */

/* (Iphone se 橫式) */