h4 {
  line-height: 1.7;
}
.h1, .h2, .h3, .h5, .h6, h1, h2, h3, h5, h6 {
  line-height: 1.5;
}
.noto-serif-normal {
  font-family: "Noto Serif TC", serif;
  font-weight: normal;
}
.noto-serif-600 {
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
}
body {
  font-family: "Noto Sans TC", sans-serif;
  background-color: #f8f6f3 !important;
  color: #000000 !important;
}
.downArrow {
  position: absolute;
  bottom: 2%;
  left: calc(50% - 20px);
  z-index: 10;
}
.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #f8f6f3 !important;
    color: #000000 !important;
  }
}
#layout-header {
  pointer-events: none;
}
.scroll-container {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_2' viewBox='0 3.81 7.61 1320.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23262220;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cg%3E%3Cg%3E%3Ccircle class='cls-1' cx='3.81' cy='98.13' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='3.81' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='84.51' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='73.6' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='62.7' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='50.97' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='39.24' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='28.34' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='17.43' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='192.46' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='178.84' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='167.93' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='157.03' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='145.3' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='133.57' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='122.66' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='111.76' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='286.79' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='273.16' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='262.26' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='251.36' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='239.63' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='227.9' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='216.99' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='206.09' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='381.12' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='367.49' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='356.59' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='345.68' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='333.95' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='322.22' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='311.32' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='300.41' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='475.45' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='461.82' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='450.92' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='440.01' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='428.28' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='416.55' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='405.65' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='394.74' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='569.77' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='556.15' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='545.24' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='534.34' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='522.61' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='510.88' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='499.98' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='489.07' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='664.1' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='650.48' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='639.57' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='628.67' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='616.94' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='605.21' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='594.3' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='583.4' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='758.43' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='744.81' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='733.9' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='723' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='711.27' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='699.54' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='688.63' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='677.73' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='852.76' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='839.13' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='828.23' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='817.32' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='805.59' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='793.86' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='782.96' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='772.06' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='947.09' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='933.46' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='922.56' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='911.65' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='899.92' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='888.19' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='877.29' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='866.38' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1041.41' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1027.79' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1016.89' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1005.98' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='994.25' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='982.52' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='971.62' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='960.71' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1135.74' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1122.12' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1111.21' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1100.31' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1088.58' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1076.85' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1065.94' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1055.04' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1230.07' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1216.45' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1205.54' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1194.64' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1182.91' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1171.18' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1160.27' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1149.37' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1324.4' r='3.81'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1310.77' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1299.87' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1288.96' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1277.23' r='1.91'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1265.51' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1254.6' r='1.09'/%3E%3Ccircle class='cls-1' cx='3.81' cy='1243.7' r='1.09'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat-y;
  background-size: 6px;
  background-position: 2% 0%;
  width: 100%;
}
.seperator {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_2_1_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1320.6 7.6' style='enable-background:new 0 0 1320.6 7.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23262220;%7D%0A%3C/style%3E%3Cg id='Layer_1-2'%3E%3Cg%3E%3Cg%3E%3Ccircle class='st0' cx='94.3' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='0' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='80.7' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='69.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='58.9' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='47.2' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='35.4' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='24.5' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='13.6' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='188.7' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='175' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='164.1' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='153.2' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='141.5' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='129.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='118.9' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='108' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='283' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='269.4' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='258.5' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='247.6' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='235.8' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='224.1' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='213.2' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='202.3' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='377.3' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='363.7' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='352.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='341.9' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='330.1' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='318.4' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='307.5' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='296.6' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='471.6' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='458' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='447.1' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='436.2' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='424.5' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='412.7' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='401.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='390.9' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='566' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='552.3' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='541.4' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='530.5' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='518.8' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='507.1' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='496.2' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='485.3' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='660.3' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='646.7' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='635.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='624.9' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='613.1' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='601.4' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='590.5' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='579.6' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='754.6' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='741' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='730.1' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='719.2' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='707.5' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='695.7' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='684.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='673.9' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='849' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='835.3' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='824.4' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='813.5' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='801.8' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='790.1' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='779.2' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='768.3' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='943.3' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='929.7' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='918.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='907.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='896.1' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='884.4' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='873.5' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='862.6' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1037.6' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='1024' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1013.1' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1002.2' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='990.4' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='978.7' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='967.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='956.9' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1131.9' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='1118.3' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1107.4' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1096.5' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1084.8' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='1073' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1062.1' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1051.2' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1226.3' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='1212.6' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1201.7' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1190.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1179.1' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='1167.4' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1156.5' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1145.6' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1320.6' cy='3.8' r='3.8'/%3E%3Ccircle class='st0' cx='1307' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1296.1' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1285.2' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1273.4' cy='3.8' r='1.9'/%3E%3Ccircle class='st0' cx='1261.7' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1250.8' cy='3.8' r='1.1'/%3E%3Ccircle class='st0' cx='1239.9' cy='3.8' r='1.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 2% 0%;
  width: 100%;
  height: 10px;
  margin-top: 3rem;
}
#layout-header {
  position: fixed;
  z-index: 2;
  right: 0.5rem;
}
#layout-header .navbar-dark {
  width: 4rem;
  height: 4rem;
  border-radius: 0;
  border: 0;
  background: #000000;
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 26%, #FFFFFF 100%);
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 26%, #FFFFFF 100%);
  background: linear-gradient(135deg, #000000 0%, #000000 26%, #FFFFFF 100%);
}
#exampleModal h3 {
  font-size: calc(1.75 * 16 * 100vw / 1920);
}
#exampleModal .modal-fullscreen {
  width: 20vw;
  margin-left: auto;
}
#exampleModal .modal-content {
  /*
         background: #000000BB;
        background: -moz-linear-gradient(-45deg, #000000BB 0%, #000000BB 26%, #FFFFFFBB 100%);
        background: -webkit-linear-gradient(-45deg, #000000BB 0%, #000000BB 26%, #FFFFFFBB 100%);
        background: linear-gradient(135deg, #000000BB 0%, #000000BB 26%, #FFFFFFBB 100%);
        */
  background: gray;
}
#exampleModal .modal-content .items {
  color: white;
  /*
             padding: 2rem 1rem;
             */
  padding: calc(1.8*16*100vw/1920) calc(1*16*100vw/1920);
}
#exampleModal .modal-header .btn-close {
  padding: 0;
  margin: 0 0 0 auto;
}
#exampleModal .btn-close {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat, linear-gradient(135deg, #FFFFFF 0%, #000000 73%, #000000 100%);
  opacity: 1;
  border: 0px;
  border-radius: 0;
  /*
        width: 4rem;
        */
  width: calc(4rem + 7px);
  height: 4rem;
}
#join .modal-header {
  border-bottom: 0px;
}
.block-padding {
  padding: 5rem 0;
}
.largenumber {
  font-size: 10rem;
  color: #f8f6f3;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.navbar-toggler-icon {
  background-image: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3e%3cpath stroke="rgba%28255, 255, 255, 0.55%29" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/%3e%3c/svg%3e);
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.fixed-bar {
  z-index: 2;
  /*
     position: fixed;
     */
  position: absolute;
  height: 100vh;
  /*
     --width: 100%;
     width: var(--width);
     */
  width: 100%;
  top: var(--offsety, 0);
  /*
     left: calc(50% - var(--width)/2);
     */
  /*
     background-color: red;
     */
}
.fixed-bar .fixed-bar-text {
  writing-mode: vertical-lr;
  text-orientation: upright;
  color: white;
  font-size: 4rem;
}
.fixed-bar.position-absolute {
  top: auto;
  bottom: 0px;
}
#home {
  /*
     overflow: hidden;
     */
  width: 100%;
  position: relative;
}
#home .left {
  height: 100vh;
  position: relative;
  /*
         overflow: hidden;
         */
}
#home .right {
  /*
        height: 100vh;
        */
  position: relative;
  overflow: hidden;
}
#home .right .player {
  --image_width: 250px;
  width: var(--image_width);
  height: calc(var(--image_width) * 1.25);
}
#home .right .player iframe {
  width: var(--image_width);
  height: calc(var(--image_width) * 1.25);
}
#home .vertical-text {
  --width: 2rem;
  --top: 0px;
  --right: 0px;
  --background_color: gainsboro;
  --offsety: 0px;
  writing-mode: vertical-lr;
  text-orientation: sideways-right;
  color: white;
  position: absolute;
  padding: 0.5rem 0rem;
  width: var(--width);
  font-size: calc(var(--width) * 2 / 3);
  top: calc(var(--top) + var(--offsety));
  right: var(--right);
  background: var(--background_color);
  white-space: nowrap;
  height: var(--height, unset);
}
#home .vertical-image {
  --width: auto;
  --top: 0px;
  --right: 0px;
  --background_color: transparent;
  --offsety: 0px;
  color: white;
  position: absolute;
  padding: 0.5rem 0rem;
  width: var(--width);
  top: calc(var(--top) + var(--offsety) + var(--offsety2, 0px));
  right: var(--right);
  background: var(--background_color);
  white-space: nowrap;
  padding: 0;
}
#home .vertical-image img {
  width: var(--image_width, auto);
}
#home .text-block {
  padding: 3rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}
#home p {
  color: #211e1b;
}
#home .block-container {
  padding: 0rem 12rem 0rem 6rem;
}
.share-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  border: 0;
}
.share-btn tspan {
  fill: white;
}
.share-btn .arrow {
  position: absolute;
  left: calc(50% - 30px);
  width: 60px;
  top: 35px;
}
#other .quote-container {
  height: 340px;
  margin: calc(50vh - 340px/2) 0px;
}
#other .ranking {
  color: white;
  /*
        background: #2060aa;
        background: -moz-linear-gradient(-45deg, #2060aa 0%, #2060aa 30%, #61be8c 70%, #61be8c 100%);
        background: -webkit-linear-gradient(-45deg, #2060aa 0%, #2060aa 30%, #61be8c 70%, #61be8c 100%);
        background: linear-gradient(135deg, #2060aa 0%, #2060aa 30%, #61be8c 70%, #61be8c 100%);
        */
  background: #2060aa;
  background: -moz-linear-gradient(-45deg, #f47d57 0%, #f47d57 30%, #f16577 70%, #f16577 100%);
  background: -webkit-linear-gradient(-45deg, #f47d57 0%, #f47d57 30%, #f16577 70%, #f16577 100%);
  background: linear-gradient(135deg, #f47d57 0%, #f47d57 30%, #f16577 70%, #f16577 100%);
}
#other .ranking-2 {
  color: white;
  /*
        background: #b04099;
        background: -moz-linear-gradient(-45deg, #b04099 0%, #b04099 30%, #008fd0 70%, #008fd0 100%);
        background: -webkit-linear-gradient(-45deg, #b04099 0%, #b04099 30%, #008fd0 70%, #008fd0 100%);
        background: linear-gradient(135deg, #b04099 0%, #b04099 30%, #008fd0 70%, #008fd0 100%);
        */
  background: #b04099;
  background: -moz-linear-gradient(-45deg, #2ab472 0%, #2ab472 30%, #0467af 70%, #0467af 100%);
  background: -webkit-linear-gradient(-45deg, #2ab472 0%, #2ab472 30%, #0467af 70%, #0467af 100%);
  background: linear-gradient(135deg, #2ab472 0%, #2ab472 30%, #0467af 70%, #0467af 100%);
  /*
        padding-right: 0.8rem!important;
        */
}
#other .join-btn {
  /*
         background: #000000;
         background: -moz-linear-gradient(-45deg, #000000 0%, #000000 26%, #FFFFFF 100%);
         background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 26%, #FFFFFF 100%);
         background: linear-gradient(135deg, #000000 0%, #000000 26%, #FFFFFF 100%);
         color: white;
         */
  border: 1px solid black;
  background-color: transparent;
  color: black;
  border-radius: 0px;
  /*
         padding: 0.25rem 1rem;
         font-size: 2rem;
         */
  padding: 1.25rem 3rem;
  font-size: 3rem;
}
.logo {
  margin-right: 1.5rem;
  height: calc(60 * 100vw / 1920);
}
.logo:last-child {
  margin-right: 0rem;
}
.open-largequote:before {
  content: "[";
  font-size: 10rem;
  height: 0px;
  width: 0;
  line-height: 0.5em;
  vertical-align: bottom;
}
.close-largequote:after {
  content: "]";
  font-size: 10rem;
  height: 0px;
  width: 0;
  line-height: 0.5em;
  vertical-align: bottom;
}
.owl-carousel .item {
  height: 100%;
  width: 100%;
  pointer-events: none;
}
#footer {
  border-top: 1px solid black;
}
/* sharp cut gradiant
background-color: #f87f73;
background-image: -webkit-linear-gradient( -28deg, #f87f73 0%, #f87f73 60%, #292423 60%, #292423 60%);
background-image: linear-gradient( -28deg, #f87f73 0%, #f87f73 60%, #292423 60%, #292423 60%);
*/
.city-pal {
  /*
    position: absolute;
    */
  top: 0;
  left: 0;
  margin: 2rem 0rem 1rem 0rem;
  height: calc(140*100vw/1920);
}
.direction-rtl {
  direction: rtl;
}
.video-container::-webkit-scrollbar {
  display: none;
}
.video-container iframe {
  pointer-events: auto;
}
.video iframe {
  width: calc(400* 100vw /1920);
  height: calc(500 * 100vw /1920);
}
.banner-text-1 {
  --top: calc( 175*100vh / 937)!important;
  --right: calc(50vw - 100vh /937 * 192/2 - var(--image_width))!important;
  --image_width: calc( 59* 1*100vh / 937)!important;
}
.banner-text-2 {
  --top: calc( 175*100vh / 937)!important;
  --right: calc(50vw - 100vh /937 * 192/2 - var(--image_width) - 60* 1*100vh / 937 + 1px) !important;
  --image_width: calc( 60* 1*100vh / 937)!important;
}
#inner-scrollbar .scroll-content {
  height: unset;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  #exampleModal h3 {
    font-size: calc(1.75 * 16 * 1400px / 1920);
  }
  #exampleModal .modal-fullscreen {
    width: 25vw;
  }
  #exampleModal .modal-content .items {
    padding: calc(1.8*16*1400px/1920) calc(1*16*1400px/1920);
  }
  .city-pal {
    /*
        position: absolute;
        */
    top: 0;
    left: 0;
    margin: 2rem 0rem 1rem 0rem;
    height: calc(140*100vw/1920);
  }
}
@media screen and (max-width: 992px) {
  #exampleModal .modal-fullscreen {
    width: 100vw;
  }
  #other .join-btn {
    font-size: 2rem;
  }
  table.responsive tr {
    display: block;
    margin-bottom: 1rem;
  }
  table.responsive tr td {
    display: block;
  }
  table.responsive tr td h5 {
    margin-bottom: 0px;
  }
  #home img {
    /*
             width: 25vw;
             */
    width: min(25vw, 100vh / 1034 * 215);
    height: auto !important;
  }
  .share-btn {
    position: absolute;
    right: min(25vw - 1rem, 100vh / 1034 * 215 - 1rem);
    border: 0;
  }
  .share-btn img {
    width: 100px !important;
  }
  .share-btn .arrow {
    width: 30px !important;
    left: calc(50% - 15px);
  }
  #home .block-container {
    margin-top: max(700px - 100vh, 0px);
    /*
             padding: 0rem calc(25vw + 0.5rem) 0rem 2.5rem;*
             */
    padding: 0rem calc(min(25vw, 100vh / 1034 * 215) + 0.5rem) 0rem 2.5rem;
    /*
             padding: 0rem calc(25vw + 1rem) 0rem 3rem;
             */
  }
  #home .block-container h3 {
    font-size: calc(1.1rem + .6vw);
  }
  #home .block-container h5 {
    font-size: calc(0.9rem + .3vw);
  }
  .city-pal {
    position: static;
    margin: 0rem;
    text-align: center;
    height: auto;
  }
  .owl-carousel .item {
    height: 250px;
  }
  .quote-container img {
    margin: 4rem 0rem;
    /*
              height: 200px;
              */
    height: 150px;
  }
  #other .logo-title {
    font-size: 1.2rem;
  }
  #other .block-padding {
    padding: 2rem;
  }
  #other .logo {
    /*
             width: calc(50% - 2rem);
             height: auto;
             */
    height: 97px;
    padding: 1rem 0rem 3rem 0rem;
    margin-left: 0rem;
  }
  #other .logo img {
    /*
                  width: 100%!important;
                  height: auto!important;
                  */
  }
  #other .hk-25a {
    height: 150px;
  }
  #other .main-logo {
    height: 150px;
    margin-right: 2rem;
  }
  #other .venue-sponsor {
    height: 115px;
  }
  #layout-header img {
    width: 100px !important;
  }
  .largenumber {
    height: 200px;
  }
  h5 {
    font-size: calc(1rem + .3vw);
  }
  .direction-rtl {
    direction: ltr;
  }
  .video iframe {
    width: 200px;
    height: 250px;
  }
}
@media screen and (max-width: 576px) {
  .share-btn {
    right: 0rem;
  }
}