/* line 26, ../sass/event-20190922.scss */
body {
  font-family: Microsoft JhengHei !important;
}

/* line 29, ../sass/event-20190922.scss */
footer {
  font-size: 12px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
  background: black;
}
footer .brand {
  word-break: keep-all;
}

/* line 39, ../sass/event-20190922.scss */
header.blueSkyMobile img {
  max-width: 100%;
}
/* line 43, ../sass/event-20190922.scss */
header.blueSky {
  padding-top: 10px;
  overflow: hidden;
  position: relative;
  transition: all .25s;
  background-image: url(../images/Head-background.jpg);
  background-repeat: repeat;
  z-index: 1;
  max-height: 400px;
}
/* line 54, ../sass/event-20190922.scss */
header.blueSky::before {
  width: 100%;
  height: 100%;
  content: ' ';
  z-index: 1;
  position: absolute;
  pointer-events: none;
  background: url(../images/cloud.png) repeat-x;
  background-position: top 0px;
  animation: cloudmove 25s infinite linear;
}
/* line 67, ../sass/event-20190922.scss */
header.blueSky div.container {
  margin-top: 30px;
}
/* line 71, ../sass/event-20190922.scss */
header.blueSky div.cloudbox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
/* line 76, ../sass/event-20190922.scss */
header.blueSky div.cloudbox div {
  margin-left: 0px;
  transition: all .25s;
}
/* line 82, ../sass/event-20190922.scss */
header.blueSky div.cloudbottom {
  z-index: 1;
  position: absolute;
  bottom: -130px;
  margin: 0 auto;
  background-image: url(../images/Head-Scenes.png) repeat-x 50% 50%;
  width: 100%;
  display: flex;
}
/* line 90, ../sass/event-20190922.scss */
header.blueSky div.cloudbottom img {
  margin: 0 auto;
  max-width: 100% !important;
}
/* line 95, ../sass/event-20190922.scss */
header.blueSky div.logo {
  width: max-content;
  position: relative;
  text-align: center;
  margin-right: -150px;
  z-index: 2;
}
/* line 103, ../sass/event-20190922.scss */
header.blueSky div.logo img.airplane {
  pointer-events: none;
  max-height: 300px;
  max-width: 270px;
  z-index: 3;
  position: absolute;
  left: -400px;
  animation: airplanemove 3s linear infinite;
}
/* line 116, ../sass/event-20190922.scss */
header.buttonbar {
  width: 100%;
  background: #f3eeeb;
}
/* line 121, ../sass/event-20190922.scss */
header.buttonbar div * {
  transition: all .25s;
}
/* line 124, ../sass/event-20190922.scss */
header.buttonbar div.col {
  width: min-content;
  position: relative;
  text-align: center;
}
/* line 128, ../sass/event-20190922.scss */
header.buttonbar div.col img:nth-child(1) {
  z-index: 1;
}
/* line 131, ../sass/event-20190922.scss */
header.buttonbar div.col img:nth-child(2) {
  position: absolute;
  z-index: 1;
  opacity: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
/* line 141, ../sass/event-20190922.scss */
header.buttonbar div.col:hover img:nth-child(2), header.buttonbar div.col.active img:nth-child(2) {
  opacity: 1;
}
/* line 144, ../sass/event-20190922.scss */
header.buttonbar div.buttongroup {
  justify-content: center;
}
/* line 149, ../sass/event-20190922.scss */
header.buttonbar {
  padding-bottom: 5px;
}
/* line 152, ../sass/event-20190922.scss */
header.real-header {
  width: 100%;
}
/* line 154, ../sass/event-20190922.scss */
header.real-header img {
 height: 65px;
}
/* line 157, ../sass/event-20190922.scss */
header.real-header input {
  display: none;
}
/* line 160, ../sass/event-20190922.scss */
header.real-header label {
  margin: 0 auto !important;
  cursor: pointer;
}
/* line 165, ../sass/event-20190922.scss */
header.real-header div.row {
  justify-content: space-between;
}
/* line 168, ../sass/event-20190922.scss */
header.real-header div.col {

}
/* line 171, ../sass/event-20190922.scss */
header.real-header div.col-2 {
  font-size: 4vmin;
  max-height: 5vmin;
  position: relative;
}
/* line 179, ../sass/event-20190922.scss */
header.real-header div.col-2 label {
  position: relative;
  left: 0px;
  top:0px;
}
/* line 185, ../sass/event-20190922.scss */
header.real-header div.mobile-menu {
  transition: all .25s;
  pointer-events: none;
  opacity: 0;
  font-size: 3vmin;
  position: absolute;
  z-index: 9999;
  left: -7px;
  top: 32px;
  min-width: 49vmin;
  height: 0px;
  display: flex;
  justify-content: flex-end;
}
/* line 200, ../sass/event-20190922.scss */
header.real-header div.mobile-menu div#bgafter {
  z-index: -1;
  background: rgba(68, 64, 65, 0.8);
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0px;
  left: 0px;
  content: ' ';
}
/* line 210, ../sass/event-20190922.scss */
header.real-header div.mobile-menu a {
  text-decoration: none;
  display: list-item;
}
/* line 213, ../sass/event-20190922.scss */
header.real-header div.mobile-menu a:nth-of-type(1), header.real-header div.mobile-menu a:nth-of-type(2), header.real-header div.mobile-menu a:nth-of-type(3), header.real-header div.mobile-menu a:nth-of-type(4), header.real-header div.mobile-menu a:nth-of-type(5) {
  position: relative;
}
/* line 220, ../sass/event-20190922.scss */
header.real-header div.mobile-menu a:nth-of-type(1):hover li, header.real-header div.mobile-menu a:nth-of-type(2):hover li, header.real-header div.mobile-menu a:nth-of-type(3):hover li, header.real-header div.mobile-menu a:nth-of-type(4):hover li, header.real-header div.mobile-menu a:nth-of-type(5):hover li {
  background: #0091ec;
  color: white !important;
}
/* line 223, ../sass/event-20190922.scss */
header.real-header div.mobile-menu a:nth-of-type(1):hover li i, header.real-header div.mobile-menu a:nth-of-type(2):hover li i, header.real-header div.mobile-menu a:nth-of-type(3):hover li i, header.real-header div.mobile-menu a:nth-of-type(4):hover li i, header.real-header div.mobile-menu a:nth-of-type(5):hover li i {
  color: white !important;
}
/* line 228, ../sass/event-20190922.scss */
header.real-header div.mobile-menu a:nth-of-type(1):after, header.real-header div.mobile-menu a:nth-of-type(2):after, header.real-header div.mobile-menu a:nth-of-type(3):after, header.real-header div.mobile-menu a:nth-of-type(4):after, header.real-header div.mobile-menu a:nth-of-type(5):after {
  position: absolute;
  content: ' ';
  background: rgba(128, 128, 128, 0.5);
  height: 1px;
  width: 85%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
}
/* line 240, ../sass/event-20190922.scss */
header.real-header div.mobile-menu ul {
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  font-weight: bolder;
}
/* line 244, ../sass/event-20190922.scss */
header.real-header div.mobile-menu ul li {
  padding: 12px 4vmin;
  color: #444041;
  display: flex;
  justify-content: space-between;
}
/* line 249, ../sass/event-20190922.scss */
header.real-header div.mobile-menu ul li i {
  color: #c9cbc8;
}
/* line 258, ../sass/event-20190922.scss */
header.real-header div input#newbar:checked ~ div.mobile-menu {
  pointer-events: all;
  opacity: 1;
  overflow: unset;
}

/* line 272, ../sass/event-20190922.scss */
footer a {
  color: #1574D5;
}

/* line 277, ../sass/event-20190922.scss */
img {
  height: auto;
  width: auto;
  max-width: 90%;
}
/* line 281, ../sass/event-20190922.scss */
img.mh-1000 {
  max-height: 200vmin;
}
/* line 284, ../sass/event-20190922.scss */
img.mh-800 {
  max-height: 170vmin;
}

/* line 290, ../sass/event-20190922.scss */
a.BlueButton {
  justify-content: space-around;
  text-decoration: none;
  color: white;
  display: inline-flex;
  margin: 0 auto;
  width: max-content;
  letter-spacing: 2px;
  font-size: 20px;
}
/* line 299, ../sass/event-20190922.scss */
a.BlueButton div {
  transition: all .25s;
  background: #036eb7;
  margin: 20px;
  padding: 10px 20px;
  border-radius: 50px;
}
/* line 305, ../sass/event-20190922.scss */
a.BlueButton div:hover {
  background: #009fe8;
}

/* line 313, ../sass/event-20190922.scss */
div.event-title {
  text-align: center;
  font-size: 25px;
}
/* line 319, ../sass/event-20190922.scss */
div.event-title span.event-title-pic img {
  max-width: 30px;
}
/* line 323, ../sass/event-20190922.scss */
div.event-title span.event-title-text {
  font-weight: bold;
  position: relative;
  color: #444041;
}
/* line 328, ../sass/event-20190922.scss */
div.event-title span.event-title-text::after {
  background: #fdd000;
  content: ' ';
  width: 50%;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%);
}
/* line 346, ../sass/event-20190922.scss */
div.container {
  margin: 0 auto;
  width: 100%;
}
/* line 349, ../sass/event-20190922.scss */
div.container div.row {
  max-width: 1240px;
}
/* line 352, ../sass/event-20190922.scss */
div.container div.row.lazy-bag-1-2-2 {
  padding: 0 !important;
}
/* line 357, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-1 {
  padding-bottom: 20px;
}
/* line 360, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-1 div.row {
  padding: 15px 0 0 0;
}
/* line 363, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-1 div.step {
  justify-content: space-between !important;
}
/* line 365, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-1 div.step div {
  margin: 10px 0;
  text-align: center;
}
/* line 369, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-1 div.step img {
  max-width: 95%;
}
/* line 375, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-2 {
  position: relative;
  z-index: 1;
}
/* line 378, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-2 img {
  z-index: 3;
}
/* line 382, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-2 div.event-title {
  padding: 10px 0;
}
/* line 384, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-2 div.event-title span.event-title-text {
  font-weight: 400;
  color: white;
}
/* line 389, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-2 div.article {
  font-size: 20px;
  color: white;
  font-weight: 300;
}
/* line 394, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-1-2 div.box {
  padding: 20px;
}
/* line 401, ../sass/event-20190922.scss */
div.container.lazy-bag-1-1 div.row, div.container.lazy-bag-1-2 div.row {
  padding-top: 40px;
}
/* line 404, ../sass/event-20190922.scss */
div.container.lazy-bag-1-1 div.col-12, div.container.lazy-bag-1-2 div.col-12 {
  text-align: center;
}
/* line 413, ../sass/event-20190922.scss */
div.container.lazy-bag-1-3 div.row div.col-12 {
  text-align: center;
}
/* line 417, ../sass/event-20190922.scss */
div.container.lazy-bag-1-3 div.row:not(:first-of-type) {
  padding-top: 40px;
}
/* line 421, ../sass/event-20190922.scss */
div.container.lazy-bag-1-3 div.article {
  font-size: 3vmin;
  color: white;
  font-weight: 300;
}
/* line 426, ../sass/event-20190922.scss */
div.container.lazy-bag-1-3 div span.event-title-text {
  color: white;
}
/* line 433, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.final-spec {
  padding-bottom: 0px !important;
}
/* line 436, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.top-40 {
  padding-top: 40px !important;
}
/* line 439, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.article {
  font-size: 22px;
  letter-spacing: 2px;
}
/* line 443, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case {
  color: #046fb3;
}
/* line 445, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case span {
  font-size: 32px;
  font-weight: bold;
  color: #f75c4a;
}
/* line 450, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case a {
  width: fit-content;
  height: fit-content;
  display: inline-block;
}
/* line 456, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case div.row {
  justify-content: space-around;
  border-radius: 30px;
  padding: 0 10px;
  margin-left: 3px;
  margin-right: 3px;
}
/* line 462, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case div.row.spec-1 {
  background-color: #deefff;
}
/* line 466, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case div.col-12 {
  width: fit-content;
  height: fit-content;
  display: inline-block;
}
/* line 470, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case div.col-12.showrow {
  flex-direction: row;
  display: flex;
}
/* line 475, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case div.no-top {
  padding-top: 0 !important;
}
/* line 478, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case div.no-bottom {
  padding-bottom: 0 !important;
}
/* line 481, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case div.article {
  padding: 15px 0;
}
/* line 485, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.switch-case img {
  width: 100%;
}
/* line 490, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 a.BlueButton {
  margin: 0 !important;
}
/* line 495, ../sass/event-20190922.scss */
div.container.lazy-bag-2-2 a.BlueButton {
  font-size: 18px;
}
/* line 499, ../sass/event-20190922.scss */
div.container.lazy-bag-2-2 div.top-40 {
  padding-top: 40px;
}
/* line 502, ../sass/event-20190922.scss */
div.container.lazy-bag-2-2 div.article {
  font-size: 22px;
  letter-spacing: 2px;
}
/* line 506, ../sass/event-20190922.scss */
div.container.lazy-bag-2-2 div img {
  max-width: 100%;
}
/* line 509, ../sass/event-20190922.scss */
div.container.lazy-bag-2-2 div.step {
  color: #046fb3;
}
/* line 511, ../sass/event-20190922.scss */
div.container.lazy-bag-2-2 div.step span {
  font-size: 32px;
  font-weight: bold;
  color: #f75c4a;
}
/* line 516, ../sass/event-20190922.scss */
div.container.lazy-bag-2-2 div.step a {
  width: fit-content;
  height: fit-content;
  display: inline-block;
}
/* line 521, ../sass/event-20190922.scss */
div.container.lazy-bag-2-2 div.step.row {
  justify-content: space-around;
  border-radius: 30px;
  padding: 0 10px;
  margin-left: 3px;
  margin-right: 3px;
  background-color: #ffed81;
}
/* line 533, ../sass/event-20190922.scss */
div.container.lazy-bag-2-3 a {
  width: fit-content;
  height: fit-content;
  display: inline-block;
}
/* line 538, ../sass/event-20190922.scss */
div.container.lazy-bag-2-3 div.row.video {
  justify-content: space-around;
  border-radius: 30px;
  padding: 0 10px;
  margin-left: 3px;
  margin-right: 3px;
}
/* line 546, ../sass/event-20190922.scss */
div.container.lazy-bag-2-3 div.final-text img {
  margin: 0 auto;
}
/* line 555, ../sass/event-20190922.scss */
div.container.lazy-bag-3-1 div.row div.col-12, div.container.lazy-bag-3-1 div.row div.col-6 {
  text-align: center;
}
/* line 559, ../sass/event-20190922.scss */
div.container.lazy-bag-3-1 div.row:first-of-type {
  padding-top: 40px;
}
/* line 562, ../sass/event-20190922.scss */
div.container.lazy-bag-3-1 div.row:not(:first-of-type) {
  padding-top: 20px;
}
/* line 565, ../sass/event-20190922.scss */
div.container.lazy-bag-3-1 div.row:last-of-type {
  padding-bottom: 20px;
}
/* line 575, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-3-1 div.row div.col-12 {
  padding-top: 30px;
}
/* line 578, ../sass/event-20190922.scss */
div.container.lazy-bag-mobile-3-1 div.row div.col-12:not(:first-of-type) {
  padding-bottom: 30px;
}
/* line 586, ../sass/event-20190922.scss */
div.container.lazy-bag-4-1 {
  padding-bottom: 60px;
}
/* line 588, ../sass/event-20190922.scss */
div.container.lazy-bag-4-1 a.BlueButton {
  margin: 0 !important;
}
/* line 594, ../sass/event-20190922.scss */
div.container.lazy-bag-4-2 div.article {
  font-size: 3.8vmin;
  color: #444041;
  letter-spacing: 5px;
}
/* line 602, ../sass/event-20190922.scss */
div.container.lazy-bag-4-3 .article {
  padding: 5px 0 0 0;
  color: #046fb3;
  font-size: 15px;
}
/* line 607, ../sass/event-20190922.scss */
div.container.lazy-bag-4-3 a.BlueButton {
  margin: 0 !important;
}
/* line 624, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.row div.col-6, div.container.lazy-bag-2-1 div.row div.col-12, div.container.lazy-bag-2-2 div.row div.col-6, div.container.lazy-bag-2-2 div.row div.col-12, div.container.lazy-bag-2-3 div.row div.col-6, div.container.lazy-bag-2-3 div.row div.col-12, div.container.lazy-bag-4-1 div.row div.col-6, div.container.lazy-bag-4-1 div.row div.col-12, div.container.lazy-bag-4-2 div.row div.col-6, div.container.lazy-bag-4-2 div.row div.col-12, div.container.lazy-bag-4-3 div.row div.col-6, div.container.lazy-bag-4-3 div.row div.col-12, div.container.lazy-bag-5-1 div.row div.col-6, div.container.lazy-bag-5-1 div.row div.col-12, div.container.lazy-bag-5-2 div.row div.col-6, div.container.lazy-bag-5-2 div.row div.col-12, div.container.lazy-bag-5-3 div.row div.col-6, div.container.lazy-bag-5-3 div.row div.col-12 {
  text-align: center;
  padding-top: 30px;
}
/* line 628, ../sass/event-20190922.scss */
div.container.lazy-bag-2-1 div.row div.col-6:not(:first-of-type), div.container.lazy-bag-2-1 div.row div.col-12:not(:first-of-type), div.container.lazy-bag-2-2 div.row div.col-6:not(:first-of-type), div.container.lazy-bag-2-2 div.row div.col-12:not(:first-of-type), div.container.lazy-bag-2-3 div.row div.col-6:not(:first-of-type), div.container.lazy-bag-2-3 div.row div.col-12:not(:first-of-type), div.container.lazy-bag-4-1 div.row div.col-6:not(:first-of-type), div.container.lazy-bag-4-1 div.row div.col-12:not(:first-of-type), div.container.lazy-bag-4-2 div.row div.col-6:not(:first-of-type), div.container.lazy-bag-4-2 div.row div.col-12:not(:first-of-type), div.container.lazy-bag-4-3 div.row div.col-6:not(:first-of-type), div.container.lazy-bag-4-3 div.row div.col-12:not(:first-of-type), div.container.lazy-bag-5-1 div.row div.col-6:not(:first-of-type), div.container.lazy-bag-5-1 div.row div.col-12:not(:first-of-type), div.container.lazy-bag-5-2 div.row div.col-6:not(:first-of-type), div.container.lazy-bag-5-2 div.row div.col-12:not(:first-of-type), div.container.lazy-bag-5-3 div.row div.col-6:not(:first-of-type), div.container.lazy-bag-5-3 div.row div.col-12:not(:first-of-type) {
  padding-bottom: 30px;
}
/* line 638, ../sass/event-20190922.scss */
div.container.lazy-bag-5-1 div.col-12 {
  padding-top: 10px !important;
  padding-bottom: 10px;
}
/* line 646, ../sass/event-20190922.scss */
div.container.lazy-bag-5-2 div.row {
  padding-top: 30px;
  padding-bottom: 10px;
}
/* line 650, ../sass/event-20190922.scss */
div.container.lazy-bag-5-2 div.col-12 {
  padding-top: 0px !important;
}
/* line 657, ../sass/event-20190922.scss */
div.container.lazy-bag-5-3 div.col-12:last-of-type {
  padding: 0 !important;
}
/* line 662, ../sass/event-20190922.scss */
div.fixedmenubar {
  overflow: hidden;
  min-width: auto;
  max-width: 200px;
  z-index: 2;
  position: fixed;
  right: 0;
  top: 0;
}
/* line 670, ../sass/event-20190922.scss */
div.fixedmenubar * {
  transition: all .25s;
}
/* line 675, ../sass/event-20190922.scss */
div.fixedmenubar div.menugroup::after {
  transition: all .25s;
  position: fixed;
  top: 0;
  right: -100%;
  width: 200px;
  height: 1999px;
  content: ' ';
  background: white;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  box-shadow: 8px 0px 20px grey;
}
/* line 689, ../sass/event-20190922.scss */
div.fixedmenubar div.menugroup ul {
  width: 200px;
  position: fixed;
  top: 67.2px;
  right: -100%;
  pointer-events: none;
  opacity: 0;
}
/* line 696, ../sass/event-20190922.scss */
div.fixedmenubar div.menugroup ul a {
  color: #444041;
  text-decoration: none;
}
/* line 700, ../sass/event-20190922.scss */
div.fixedmenubar div.menugroup ul li {
  font-weight: 500px;
  text-align: right;
  font-size: 2.3vmin;
  padding: 10px;
  white-space: nowrap;
}
/* line 706, ../sass/event-20190922.scss */
div.fixedmenubar div.menugroup ul li:hover {
  background: #fdd100;
}
/* line 713, ../sass/event-20190922.scss */
div.fixedmenubar label {
  width: 100%;
  text-align: right;
  padding: 10px;
  margin: 0 auto;
}
/* line 718, ../sass/event-20190922.scss */
div.fixedmenubar label img {
  transition: none;
  max-width: 50px;
}
/* line 721, ../sass/event-20190922.scss */
div.fixedmenubar label img:nth-child(1) {
  position: relative;
  opacity: 1;
}
/* line 725, ../sass/event-20190922.scss */
div.fixedmenubar label img:nth-child(2) {
  position: absolute;
  transform: rotate(0deg);
  opacity: 0;
}
/* line 732, ../sass/event-20190922.scss */
div.fixedmenubar input {
  display: none;
}
/* line 735, ../sass/event-20190922.scss */
div.fixedmenubar input:checked ~ div.menugroup {
  height: 10000px;
}
/* line 737, ../sass/event-20190922.scss */
div.fixedmenubar input:checked ~ div.menugroup ul {
  pointer-events: all;
  opacity: 1;
  right: 0;
}
/* line 742, ../sass/event-20190922.scss */
div.fixedmenubar input:checked ~ div.menugroup::after {
  right: 0;
  opacity: .7;
}
/* line 748, ../sass/event-20190922.scss */
div.fixedmenubar input:checked ~ div label img:nth-child(1) {
  position: absolute;
  opacity: 0;
}
/* line 752, ../sass/event-20190922.scss */
div.fixedmenubar input:checked ~ div label img:nth-child(2) {
  position: relative;
  transform: rotate(-360deg);
  opacity: 1;
}
/* line 762, ../sass/event-20190922.scss */
div.fixedrightmenu {
  position: fixed;
  width: 195px;
  top: 130px;
  right: -30px;
  z-index: 99999;
  padding:15px 10px 0px 15px;
}
/* line 769, ../sass/event-20190922.scss */
div.fixedrightmenu img {
  max-width: 100% !important;
}
/* line 772, ../sass/event-20190922.scss */
div.fixedrightmenu:after {
  position: absolute;
  top: 0px;
  left: 0px;
  content: ' ';
  height: 100%;
  width: 100%;
  background: white;
  z-index: -1;
  pointer-events: none;
  border-radius: 30px;
  opacity: .8;
  box-shadow: -5px 5px 0px rgba(128, 128, 128, 0.5);
}
/* line 787, ../sass/event-20190922.scss */
div.fixedrightmenu a {
  display: list-item;
  font-weight: bolder;
  color: #444041;
  text-decoration: none;
  position: relative;
}
/* line 793, ../sass/event-20190922.scss */
div.fixedrightmenu a li {
 padding: 10px 0px;
 word-break: keep-all;
 white-space: nowrap;
}
/* line 796, ../sass/event-20190922.scss */
div.fixedrightmenu a i {
  opacity: 0;
  font-size: 8px;
  position: absolute;
  left: -15px;
  top: 16px;
}
/* line 803, ../sass/event-20190922.scss */
div.fixedrightmenu a:last-of-type {
  position: relative;
  font-size: 30px;
}
/* line 806, ../sass/event-20190922.scss */
div.fixedrightmenu a:last-of-type li {
  padding-bottom: 0px;
}
/* line 809, ../sass/event-20190922.scss */
div.fixedrightmenu a:last-of-type:after {
  position: absolute;
  content: ' ';
  width: 0px;
  height: 0px;
  border: solid 5px;
  border-color: transparent transparent #444041 transparent;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
}
/* line 821, ../sass/event-20190922.scss */
div.fixedrightmenu a:hover {
  color: #0e94f3;
}
/* line 823, ../sass/event-20190922.scss */
div.fixedrightmenu a:hover i {
  opacity: 1;
}
/* line 827, ../sass/event-20190922.scss */
div.fixedrightmenu a:hover:last-of-type:after {
  border-color: transparent transparent #0e94f3 transparent;
}
/* line 834, ../sass/event-20190922.scss */
div.fixedrightmenu ul {
  max-width: 120px;
}
/* line 838, ../sass/event-20190922.scss */
div.fixedrightmenu ul a:nth-of-type(1),
div.fixedrightmenu ul a:nth-of-type(2),
div.fixedrightmenu ul a:nth-of-type(3),
div.fixedrightmenu ul a:nth-of-type(4),
div.fixedrightmenu ul a:nth-of-type(5),
div.fixedrightmenu ul a:nth-of-type(6),
div.fixedrightmenu ul a:nth-of-type(7),
div.fixedrightmenu ul a:nth-of-type(8) {
  position: relative;
}
/* line 844, ../sass/event-20190922.scss */
div.fixedrightmenu ul a:nth-of-type(1):after,
div.fixedrightmenu ul a:nth-of-type(2):after,
div.fixedrightmenu ul a:nth-of-type(3):after,
div.fixedrightmenu ul a:nth-of-type(4):after,
div.fixedrightmenu ul a:nth-of-type(5):after,
div.fixedrightmenu ul a:nth-of-type(6):after,
div.fixedrightmenu ul a:nth-of-type(7):after,
div.fixedrightmenu ul a:nth-of-type(8):after {
  content: ' ';
  background: grey;
  height: 1px;
  width: 115px;
  position: absolute;
  bottom: 0px;
}
/* line 852, ../sass/event-20190922.scss */
div.fixedrightmenu ul a:nth-of-type(1):hover:after,
div.fixedrightmenu ul a:nth-of-type(2):hover:after,
div.fixedrightmenu ul a:nth-of-type(3):hover:after,
div.fixedrightmenu ul a:nth-of-type(4):hover:after,
div.fixedrightmenu ul a:nth-of-type(5):hover:after,
div.fixedrightmenu ul a:nth-of-type(6):hover:after,
div.fixedrightmenu ul a:nth-of-type(7):hover:after,
div.fixedrightmenu ul a:nth-of-type(8):hover:after {
  height: 2px;
  background: rgba(128, 128, 128, 0.4);
}
/* line 861, ../sass/event-20190922.scss */
div.max-bg-grey {
  background: #d1d1d3;
}
/* line 864, ../sass/event-20190922.scss */
div.max-bg-yellow {
  background: #fbffde;
}
/* line 867, ../sass/event-20190922.scss */
div.max-bg-blue {
  background: #47a6d4;
  position: relative;
  z-index: 1;
}
/* line 871, ../sass/event-20190922.scss */
div.max-bg-blue::after {
  z-index: -1;
  position: absolute;
  left: 0;
  top: -1px;
  content: ' ';
  background: transparent;
  width: 100%;
  pointer-events: none;
}
/* line 883, ../sass/event-20190922.scss */
div.max-bg-blue.spec-1::after {
  background: #d1d1d3 !important;
  height: 40px;
}
/* line 888, ../sass/event-20190922.scss */
div.max-bg-blue.spec-2 {
  position: relative;
}
/* line 890, ../sass/event-20190922.scss */
div.max-bg-blue.spec-2::after {
  background: #fbffde !important;
  height: 40px;
}
/* line 896, ../sass/event-20190922.scss */
div.max-bg-skyblue {
  background: #b7ecf9;
}
/* line 899, ../sass/event-20190922.scss */
div.max-bg-oceanblue {
  background: #82cfed;
}
/* line 902, ../sass/event-20190922.scss */
div.max-bg-linegreen {
  background: #00ba01;
  position: relative;
  z-index: 1;
}
/* line 906, ../sass/event-20190922.scss */
div.max-bg-linegreen::after {
  z-index: -1;
  position: absolute;
  left: 0;
  top: -1px;
  content: ' ';
  background: transparent;
  width: 100%;
  pointer-events: none;
}
/* line 917, ../sass/event-20190922.scss */
div.max-bg-linegreen.spec-1::after {
  background: white;
  height: 80px;
}
/* line 923, ../sass/event-20190922.scss */
div.max-bg-newyellow {
  background: #ffffcb;
  padding-bottom: 40px;
}
/* line 927, ../sass/event-20190922.scss */
div.max-bg-lastblue {
  background: #47a6d4;
}
/* line 930, ../sass/event-20190922.scss */
div.spec-ocean {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
/* line 934, ../sass/event-20190922.scss */
div.spec-ocean div.spec-ocean-sub {
  overflow: hidden;
  width: 100%;
  pointer-events: none;
  z-index: 0;
  position: absolute;
  bottom: 0;
  height: 65px;
}
/* line 942, ../sass/event-20190922.scss */
div.spec-ocean div.spec-ocean-sub img {
  max-width: 100% !important;
}
/* line 948, ../sass/event-20190922.scss */
div.switch-case label {
  cursor: pointer;
}
/* line 950, ../sass/event-20190922.scss */
div.switch-case label img:nth-child(1) {
  display: inline-block;
}
/* line 953, ../sass/event-20190922.scss */
div.switch-case label img:nth-child(2) {
  display: none;
}
/* line 957, ../sass/event-20190922.scss */
div.switch-case input {
  display: none;
}
/* line 961, ../sass/event-20190922.scss */
div.switch-case input#switch-1 label[for^="switch-"] img {
  max-width: 80%;
}
/* line 968, ../sass/event-20190922.scss */
div.switch-case input#switch-1:checked ~ div.col-12 label[for="switch-1"] img:nth-child(1) {
  display: none;
}
/* line 971, ../sass/event-20190922.scss */
div.switch-case input#switch-1:checked ~ div.col-12 label[for="switch-1"] img:nth-child(2) {
  display: inline-block;
}
/* line 975, ../sass/event-20190922.scss */
div.switch-case input#switch-1:checked ~ div.col-12 div.switch-1 {
  display: flex;
  justify-content: center;
}
/* line 986, ../sass/event-20190922.scss */
div.switch-case input#switch-2:checked ~ div.col-12 label[for="switch-2"] img:nth-child(1) {
  display: none;
}
/* line 989, ../sass/event-20190922.scss */
div.switch-case input#switch-2:checked ~ div.col-12 label[for="switch-2"] img:nth-child(2) {
  display: inline-block;
}
/* line 993, ../sass/event-20190922.scss */
div.switch-case input#switch-2:checked ~ div.col-12 div.switch-2 {
  display: flex;
  justify-content: center;
}
/* line 1002, ../sass/event-20190922.scss */
div.switch-case div.switch-1, div.switch-case div.switch-2 {
  display: none;
}
/* line 1005, ../sass/event-20190922.scss */
div.switch-case div.col-12 {
  display: flex;
  justify-content: center;
}
/* line 1013, ../sass/event-20190922.scss */
div.hover img:nth-child(1) {
  display: inline-block;
}
/* line 1016, ../sass/event-20190922.scss */
div.hover img:nth-child(2) {
  display: none;
}
/* line 1022, ../sass/event-20190922.scss */
div.hover:hover img:nth-child(1) {
  display: none;
}
/* line 1025, ../sass/event-20190922.scss */
div.hover:hover img:nth-child(2) {
  display: inline-block;
}

/* line 1032, ../sass/event-20190922.scss */
.fancybox-overlay {
  opacity: .9 !important;
}

/* line 1035, ../sass/event-20190922.scss */
#fancybox-outer {
  background: transparent !important;
}

/* line 1038, ../sass/event-20190922.scss */
#fancybox-content {
  width: auto !important;
  border-color: transparent !important;
  background: transparent !important;
}
/* line 1043, ../sass/event-20190922.scss */
#fancybox-content #fancybox-frame {
  border: 10px solid white;
  border-radius: 30px;
}

/* line 1049, ../sass/event-20190922.scss */
.fancybox-bg {
  display: none !important;
}

/* line 1053, ../sass/event-20190922.scss */
#fancybox-left {
  left: -120px;
}
/* line 1055, ../sass/event-20190922.scss */
#fancybox-left #fancybox-left-ico {
  background-image: url(../images/Lazy-bag-2/Switch-left.png);
  left: 20px;
}
/* line 1060, ../sass/event-20190922.scss */
#fancybox-left:hover #fancybox-left-ico {
  background-image: url(../images/Lazy-bag-2/Switch-left-bright.png);
}

/* line 1066, ../sass/event-20190922.scss */
#fancybox-right {
  right: -120px;
}
/* line 1068, ../sass/event-20190922.scss */
#fancybox-right #fancybox-right-ico {
  background-image: url(../images/Lazy-bag-2/Switch-right.png);
  left: auto;
  right: 20px;
}
/* line 1074, ../sass/event-20190922.scss */
#fancybox-right:hover #fancybox-right-ico {
  background-image: url(../images/Lazy-bag-2/Switch-right-bright.png);
}

/* line 1080, ../sass/event-20190922.scss */
#fancybox-right,
#fancybox-left {
  width: 120px;
}

/* line 1086, ../sass/event-20190922.scss */
#fancybox-left-ico,
#fancybox-right-ico {
  transform: translateY(-50%);
  width: 80px;
  height: 150px;
  background-position: 0 0;
}

/* line 1094, ../sass/event-20190922.scss */
.max-width-90 {
  max-width: 90% !important;
}

a.mobile-top {
  position: fixed;
  display: inline-block;
  z-index: 5;
  bottom: 10px;
  right: 10px;
  color: white;
  font-size: 16px;
  text-decoration: none;
  /* color: white; */
}

a.mobile-top div {
  position: relative;
  border-radius: 50%;
  padding: 10px 5px;
  background: grey;
}

a.mobile-top div::before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent  white transparent;
  top:0;
  left: 50%;
  transform: translateX(-50%);
}

a.mobile-top div::after {
  content: 'TOP';
}

@keyframes airplanemove {
  from {
    top: 0px;
  }
  50% {
    top: 30px;
  }
  to {
    top: 0px;
  }
}
@keyframes cloudmove {
  from {
    background-position: 0px;
  }
  to {
    background-position: -1055px;
  }
}
@media (max-width: 700px) {
  /* line 1110, ../sass/event-20190922.scss */
  img {
    max-width: 100%;
  }

  /* line 1113, ../sass/event-20190922.scss */
  div.fixedmenubar {
    max-width: 100px;
    min-width: 100px;
  }
  /* line 1117, ../sass/event-20190922.scss */
  div.fixedmenubar div.menugroup::after {
    width: 100px;
  }
  /* line 1120, ../sass/event-20190922.scss */
  div.fixedmenubar div.menugroup ul {
    width: 100px;
  }
  /* line 1122, ../sass/event-20190922.scss */
  div.fixedmenubar div.menugroup ul li {
    font-size: 12px;
  }

  /* line 1128, ../sass/event-20190922.scss */
  #fancybox-right,
  #fancybox-left {
    display: none !important;
  }

  /* line 1132, ../sass/event-20190922.scss */
  a.BlueButton {
    font-size: 13px !important;
  }

  /* line 1136, ../sass/event-20190922.scss */
  .max-80 img {
    max-width: 80% !important;
  }

  /* line 1143, ../sass/event-20190922.scss */
  .step div.row,
  .switch-1 div.row,
  .switch-2 div.row {
    padding: 20px !important;
  }
  /* line 1146, ../sass/event-20190922.scss */
  .step .col-12,
  .switch-1 .col-12,
  .switch-2 .col-12 {
    padding: 0 !important;
  }
  /* line 1148, ../sass/event-20190922.scss */
  .step .col-12 .article,
  .switch-1 .col-12 .article,
  .switch-2 .col-12 .article {
    padding: 5px 0 !important;
  }

  /* line 1153, ../sass/event-20190922.scss */
  .step {
    padding: 20px !important;
  }

  /* line 1157, ../sass/event-20190922.scss */
  .lazy-bag-4-2 img.spec-1 {
    max-width: 80%;
  }

  /* line 1164, ../sass/event-20190922.scss */
  .lazy-bag-4-1 .col-6,
  .lazy-bag-4-2 .col-6,
  .lazy-bag-4-3 .col-6 {
    padding: 5px 0 !important;
  }
  /* line 1167, ../sass/event-20190922.scss */
  .lazy-bag-4-1 a.BlueButton div,
  .lazy-bag-4-2 a.BlueButton div,
  .lazy-bag-4-3 a.BlueButton div {
    margin: 10px 1px !important;
  }

  /* line 1171, ../sass/event-20190922.scss */
  .mb-nopm {
    padding-bottom: 0 !important;
  }
}


header.head_navbar {
    padding: 5px 0px 5px 0px;
    background: #ffffff;
    font-family: "Inter", "Noto Sans TC", "微軟正黑體";
    position: relative;
    z-index: 99;
}

@media all and (max-width: 575px) {
    header.head_navbar {
        padding-left: 10px;
        padding-right: 10px;
    }
}

header.head_navbar .btn {
    margin-right: 5px;
}

header.head_navbar .logo img {
    height: 35px;max-width: none;
}

@media all and (max-width: 575px) {
    header.head_navbar .logo img {
        height: 25px;
    }
}

header.head_navbar input {
    display: none;
}

header.head_navbar label {
    margin: 0 auto !important;
    cursor: pointer;
}

header.head_navbar .topbtn {
    color: #000;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
}

@media all and (max-width: 575px) {
    .pcshow {
        display: none !important;
    }
}

@media all and (min-width: 576px) and (max-width: 767.98px) {
    .pcshow {
        display: none !important;
    }
}

.phoneshow {
    display: none !important;
}

@media all and (max-width: 575px) {
    .phoneshow {
        display: block !important;
    }

    .phoneshow img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
}

@media all and (min-width: 576px) and (max-width: 767.98px) {
    .phoneshow {
        display: block !important;
    }

    .phoneshow img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
}