@font-face {
  font-family: 'TaipeiSansTCBeta';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("TaipeiSansTCBeta-Light"), local("TaipeiSansTCBeta Light"), url(./font/TaipeiSansTCBeta-Light.ttf) format("truetype"), url(./font/TaipeiSansTCBeta-Light.woff) format("woff"), url(./font/TaipeiSansTCBeta-Light.woff2) format("woff2"); }

@font-face {
  font-family: 'TaipeiSansTCBeta';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("TaipeiSansTCBeta-Regular"), local("TaipeiSansTCBeta Regular"), url(./font/TaipeiSansTCBeta-Regular.ttf) format("truetype"), url(./font/TaipeiSansTCBeta-Regular.woff) format("woff"), url(./font/TaipeiSansTCBeta-Regular.woff2) format("woff2"); }

@font-face {
  font-family: 'TaipeiSansTCBeta';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("TaipeiSansTCBeta-Bold"), local("TaipeiSansTCBeta Bold"), url(./font/TaipeiSansTCBeta-Bold.ttf) format("truetype"), url(./font/TaipeiSansTCBeta-Bold.woff) format("woff"), url(./font/TaipeiSansTCBeta-Bold.woff2) format("woff2"); }

@font-face {
  font-family: 'Kochi Mincho';
  src: url("./font/Kochi-Mincho.eot");
  src: url("./font/Kochi-Mincho.eot?#iefix") format("embedded-opentype"), url("./font/Kochi-Mincho.woff") format("woff"), url("./font/Kochi-Mincho.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

body {
  font-weight: bold !important; }

div {
  font-family: "TaipeiSansTCBeta"; }

h2 {
  font-family: "Noto Serif TC"; }

h3 {
  font-family: "Noto Serif TC"; }

p {
  font-family: "TaipeiSansTCBeta" !important;
  font-weight: bold !important; }

.masthead-container h1 {
  font-family: "Kochi Mincho" !important; }

@media (max-width: 576px) {
  .masthead-container .embark {
    top: 8vh; } }

.masthead-container .embark p.p1 {
  margin-bottom: 0; }

.masthead-container .embark p.p2 {
  padding-left: 0; }

.masthead-container .h-preface {
  font-family: "Noto Serif TC"; }

.masthead-container .h-journey {
  font-size: 2.4rem; }
  @media (max-width: 576px) {
    .masthead-container .h-journey {
      font-size: 5vw; } }
@media (min-width: 768px) {
  .masthead-container .img-extra {
    width: 48vw; } }

@media (min-width: 992px) {
  .masthead-container .img-extra {
    width: 460px;
    left: calc(50% + 170px); } }

@media (min-width: 768px) {
  .map-route-container .ports-box .ports-ports.extra {
    width: 160px; } }

@media (min-width: 768px) {
  .map-route-container .ports-box .ports-ports span.pp1 {
    font-size: 60px; } }

@media (min-width: 768px) {
  .map-route-container .ports-box .ports-ports span.pp1.extra {
    padding-top: 0px;
    line-height: 1; } }

.map-route-container .ports-box .ports-ports span.pp2 {
  font-size: 24px;
  line-height: 1.1; }
  @media (max-width: 768px) {
    .map-route-container .ports-box .ports-ports span.pp2 {
      margin-left: 8px;
      font-size: 34px;
      display: inline-block; } }
.map-route-container .ports-box .ports-routes .rr {
  font-family: "TaipeiSansTCBeta";
  padding: 3px 6px; }

.popup-schedule .popup-header {
  font-family: "TaipeiSansTCBeta"; }

.popup-schedule .popup-table th {
  font-family: TaipeiSansTCBeta; }

.popup-schedule .popup-table td {
  font-family: "TaipeiSansTCBeta"; }

@media (max-width: 768px) {
  .sailing-container h3 {
    font-size: 4.8vw; } }

.sailing-container .sub-box h3 {
  font-size: 24px; }

.sailing-container .h-preface {
  font-family: "Noto Serif TC"; }

.cabin-container h2 {
  font-weight: normal !important; }

.cabin-container .table-discount th {
  font-family: "TaipeiSansTCBeta"; }

.cabin-container .discount-box h3 {
  font-family: "TaipeiSansTCBeta"; }

.pacific-world-container .ship-name {
  font-size: 24px; }

@media (max-width: 768px) {
  .whats-peace-boat-container h2 {
    font-size: 10.5vw; } }

.whats-peace-boat-container .pbt-record-cont .pbt-p1 {
  font-size: 22px; }

.whats-peace-boat-container .pbt-record-cont .pbt-p2 {
  margin-bottom: 20px;
  padding-top: 15px;
  font-size: 64px; }

.whats-peace-boat-container .pbt-record-cont .pbt-p3 {
  font-size: 20px; }

.whats-peace-boat-container .pbt-record-cont .pbt-small {
  font-size: 24px;
  margin-left: -4px; }

.section-inquiry .inq-tab {
  font-weight: 500;
  padding: 15px 40px; }
  @media (max-width: 576px) {
    .section-inquiry .inq-tab {
      padding: 10px 20px; } }
@media (max-width: 576px) {
  .section-inquiry .inq-line {
    margin-left: 20px; } }

.voyage-container-pwog .atwc-departure {
  padding: 8px 20px 8px 24px;
  margin-top: -4px; }