@charset "UTF-8";
/*.tab-content > .tab-pane {
    display: block;
}*/
/* CSS Document */
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
.notoSansTC{
    font-family: 'Noto Sans TC', sans-serif;
}*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,500|Noto+Serif+TC:600&display=swap&subset=chinese-traditional');*/
body {
 font-family: sans-serif;
 font-family: 'Noto Sans TC', sans-serif;
 font-weight: 300;
}
h1, h2 {
 font-family: serif;
 font-family: 'Noto Serif TC', serif;
}
span.under-h {
 font-size: 1.0rem;
 font-family: sans-serif;
 font-family: 'Noto Sans TC', sans-serif;
 font-weight: 200;
 display: block;
 margin-top: 0.5rem;
}
.br-inline {
 display: inline-block;
 white-space: nowrap;
}
.w-break {
 word-break: break-all;
}
.nowrap {
 white-space: nowrap;
}
.table {
 width: 100%;
 margin-bottom: 1rem;
 color: inherit;
}
.font-70 {
 font-size: 0.7rem;
}
/*.table-sm th, .table-sm td {
 padding: 0.5rem;
}*/
/*Top
============================================*/
/*--- for lang ---*/
.lang {
 text-align: right;
 font-size: 0.8em;
 position: absolute;
 top: 0;
 right: 230px;
}
.lang.smaller {
 display: none;
}
.lang li {
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 line-height: 1.0em;
 display: inline-block;
}
.lang li + li {
 border-left: 0;
 border-right: 1px solid #ccc;
}
.list-inline > li {
 display: inline-block;
 padding-right: 5px;
 padding-left: 5px;
}
.lang a {
 color: #555555;
}
.lang li.active {
    font-weight: bold;
     font-feature-settings: "palt";
}
@media (max-width: 767px) {
 .lang {
  font-size: 0.8em;
  right: 0;
 }
 .navbar-brand {
  padding: 3px 15px 0;
 }
}
@media (max-width: 767px) {
 .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
  padding-right: 0;
  padding-left: 0;
  margin-top: 0.5rem;
 }
 .lang {
  top: -0.75rem;
 }
 .navbar-expand-md > .container.smaller {
  margin-top: 0;
 }
}
@media (max-width: 767px) {
 .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
  margin-bottom: 0.5rem;
 }
 .navbar-toggler {
  padding: 15px 0 0 !important;
  font-size: 1.75rem !important;
 }
 .lang {
  top: -0.6rem;
 }
 .hd-tel {
  padding-top: 5px;
 }
 #nav .main-logo img {
  width: 40px;
  height: auto;
 }
 .main-logo.smaller img {
  margin-top: 5px;
 }
 .smaller .navbar-toggler {
  padding-top: 10px !important;
 }
}
@media (min-width: 767px) {
 #nav .main-logo img {
  width: 50px;
  height: auto;
 }
 #nav .main-logo.smaller img {
  width: 40px !important;
 }
}
/*--- end ---*/
.navbar .container {
 position: relative;
}
.hd-info {
 position: absolute;
 right: calc(15px + 0.5rem);
 top: -5px;
}
.hd-tel {
 font-family: Helvetica, Arial, "sans-serif";
 font-size: 1.3rem;
 font-weight: bold;
}
.hd-tel a {
 color: #999;
}
@media (max-width: 767px) {
 .navbar {
  /*padding: 0.2rem 0.5rem;*/
  padding: 0rem 0.75rem;
 }
 .hd-info {
  top: 12px;
  right: 45px;
  color: #999;
 }
}
.bg-light {
 background-color: rgba(255, 255, 255, 0.95) !important;
}
.navbar {
 box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.6);
}
#nav .main-logo img {
 /* width: 40px;
 height: auto;*/
 /*width: 10%;
 height: auto;*/
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
 color: #0d6eb8;
 border-bottom: 2px solid;
 font-weight: bold;
}
#nav.nav-link {
 padding: 0.5rem 0rem 0.2rem;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
 color: #0d6eb8;
}
.navbar-light .navbar-nav .nav-link {
 color: #666565;
}
header #nav .nav-link {
 display: block;
 padding: 0.5rem 0 0;
 font-family: serif;
 font-family: 'Noto Serif TC', serif;
 font-weight: 400;
}
@media (min-width: 768px) {
 .navbar-expand-md .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 1.0rem;
  bottom: 0;
 }
 .navbar-expand-md .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
  margin-right: 0.4rem;
  margin-left: 0.4rem;
 }
}
.navbar-toggler {
 padding: 0;
 font-size: 2.0rem;
 line-height: 1;
 background-color: #0000;
 border: none;
 border-radius: unset;
}
#nav .fa-fw {
 text-align: center;
 width: 1.0em;
}
[aria-expanded="false"] .fa-times {
 display: none;
}
[aria-expanded="true"] .fa-bars {
 display: none;
}
@media (max-width: 767px) {
 .navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 1.0rem;
  list-style: none;
 }
 header #nav .nav-link {
  display: block;
  padding: 0.5rem 0 0;
  margin: 0 0.75rem 0.25rem;
 }
}
/*Contents
============================================*/
[id*="zone"] {
 padding-top: 4rem;
 padding-bottom: 4rem;
 position: relative;
 /*position: -webkit-sticky;
 position: sticky;
 top: 0;
 background-color: #fff;*/
}
/*#zone-keyvisual {
 background-image: url("/assets/img/keyvisual.jpg");
 background-size: contain;
 padding: 4rem 0;
 background-position: center;
}*/
body #zone-keyvisual {
 padding-top: 0 !important;
 padding-bottom: 0;
}
#zone-keyvisual .carousel-item {
 height: 100vh;
 min-height: 550px;
 /*background: no-repeat center center scroll;*/
 background-repeat: no-repeat;
 background-attachment: scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
/*.carousel-item.slide-01 {
 background-image: url(/assets/img/car/WISH-W-01.jpg);
 background-position-x: 40%;
}
.carousel-item.slide-02 {
background-image: url('/assets/img/equipment/surfing.jpg'); 
background-position-x: 60%;
}
.carousel-item.slide-03 {
background-image: url('/assets/img/car/COLT-R-04.jpg'); 
background-position-x: 65%;
}
.carousel-item.slide-04 {
 background-image: url('/assets/img/equipment/camping.jpg');
 background-position: center;
}
.carousel-item.slide-05 {
background-image: url('/assets/img/car/ALPHARD-B-01.jpg');
 background-position-x: 15%;
}
.carousel-item.slide-06 {
background-image: url('/assets/img/equipment/bicycle.jpg');
 background-position-x: 40%;
}*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-property: opacity;
 -webkit-transform: none;
 transform: none;
 /* -webkit-transition-duration:2s;
 transition-duration:2s;*/
 /*-webkit-transition-timing-function:ease-in-out;
  transition-timing-function:ease-in-out;*/
}
.carousel-caption {
 position: absolute;
 top: 45%;
 left: 50%;
 right: 0;
 bottom: 0;
 transform: translateY(-50%) translateX(-50%);
 -webkit-transform: translateY(-50%) translateX(-50%);
 z-index: 10;
 text-align: center;
 margin: 0;
 padding-top: 0;
 padding-bottom: 0;
 width: 95vw;
 /*font-weight: 600;
    font-size: 5vw;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
    line-height: 1;*/
 /* background-color: #000000ba; */
 /* padding: 1vw 1vw 1.2vw 1vw; */
 /* border: 1px solid #FFF; */
}
.h1-box {
 display: inline-block;
 background-color: rgba(0, 0, 0, 0.376);
 padding: 1.5rem 2.5rem;
}
h1 {
 /*font-family: serif;*/
 font-weight: 600;
 color: #fff;
 line-height: 1.5;
 display: inline-block;
 padding: 1rem 0;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 /*white-space: nowrap;*/
 /*-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;*/
}
.h1-under {
 display: block;
 font-family: sans-serif;
 font-family: 'Noto Sans TC', sans-serif;
 font-size: 1.2rem !important;
 font-weight: 200;
 line-height: 1.5rem !important;
}
p.image-sample {
 position: absolute;
 bottom: -12px;
 right: 5px;
 color: #FFF;
 font-size: 0.5rem;
}
.carousel-indicators li {
 box-sizing: content-box;
 -ms-flex: 0 1 auto;
 flex: 0 1 auto;
 width: 15px;
 height: 15px;
 border-radius: 100%;
 margin-right: 7px;
 margin-left: 7px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #fff;
 background-clip: padding-box;
 border-top: none;
 border-bottom: none;
 opacity: .8;
 transition: opacity 0.6s ease;
}
.carousel-indicators .active {
 opacity: 1;
 background-color: #0d6eb8;
}
.carousel-control-prev, .carousel-control-next {
 position: absolute;
 top: auto;
 bottom: 29px;
 z-index: 11111;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: center;
 justify-content: center;
 width: 50px;
 color: #fff;
 text-align: center;
 opacity: 0.8;
 transition: opacity 0.15s ease;
}
.carousel-control-next {
 right: calc(50% - 25px - 120px);
}
.carousel-control-prev {
 left: calc(50% - 25px - 120px);
}
.carousel-indicators {
 position: absolute;
 right: 0;
 bottom: 15px;
 left: 0;
 z-index: 15;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 padding-left: 0;
 margin-right: 15%;
 margin-left: 15%;
 list-style: none;
}
/*
=============================================*/
#zone-RentACar {}
#zone-process {
 background-color: #eff2f9;
}
#zone-insurance {
 background-color: #dee5f3;
}
#zone-equipment {
 background-color: #eff2f9;
}
#zone-know {
 background-color: #dee5f3;
}
#zone-company {
 background-color: #eff2f9;
}
#zone-inquiry {
 background-color: #fbfcfe;
}
#zone-sns {
 padding-top: 1.0rem;
 padding-bottom: 0.7rem;
 background-color: #eff2f9;
}

@media (max-width: 500px) {
 h1 {
  font-size: 1.9rem;
 }
}
@media (max-width: 400px) {
 h1 {
  font-size: 1.4rem;
 }
}
h2 {
 font-weight: 600;
 margin-bottom: 3.0rem;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 0.5rem;
 /*border-bottom: 1px solid #ddd;
color: #0d6eb8;*/
 color: #02121F;
 font-size: 3.0rem;
 text-align: center;
 position: relative;
 /* display: inline-block;
    padding: 0 55px;*/
}
/*h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 5rem;
  height: 1px;
  background-color: black;
}*/
/*h2:before, h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}*/
h2:before {
 left: 0;
}
h2:after {
 right: 0;
}
/*zone-RentACar
=====================================*/
/*.tab-content > .tab-pane {
    display: block;
}
.fade:not(.show) {
    opacity: 1;
}*/
/*#zone-RentACar .nav-tabs {
 font-size: 1.2rem;
}*/
#zone-RentACar .nav-tabs .smallCar {
 font-size: 2.0rem;
}
#zone-RentACar .nav-tabs .middleCar {
 font-size: 2.2rem;
}
#zone-RentACar .nav-tabs .largeCar {
 font-size: 2.4rem;
}
#zone-RentACar h3 {
 margin: 2.0rem 0;
 text-align: center;
}
.title-border {
 display: flex;
 align-items: center;
}
.title-border:before, .title-border:after {
 border-top: 1px solid;
 content: "";
 flex-grow: 1;
}
.title-border:before {
 margin-right: 1rem;
}
.title-border:after {
 margin-left: 1rem;
}
/*#zone-RentACar h3 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
#zone-RentACar h3:before, 
#zone-RentACar h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #707070;
}
.center {
 text-align: center;
}*/
#zone-RentACar h3:before {
 left: 0;
}
#zone-RentACar h3:after {
 right: 0;
}
.rentAcar th, .rentAcar td {
 text-align: center;
}
.rentAcar tr:nth-last-of-type(1) {
 border-bottom: 1px solid #dee2e6;
}
.nav-tabs li img {
 width: 50%;
 height: auto;
}
@media (max-width: 767px) {
 .nav-tabs li img {
  width: 72px;
  height: auto;
 }
}
@media (max-width: 500px) {
 .nav-tabs li img {
  width: 50px;
  height: auto;
 }
}
/*@media (max-width: 991.98px) {
 .process td:nth-child(2) img {
  width: 50px;
  height: auto;
 }
}*/
.ent-btn {
 margin-top: auto;
}
.ent-btn {
 /* border: 1px solid #ccc; */
 text-align: center;
 background-color: #0d6eb8;
 margin-top: 3.0rem;
}
.ent-btn span {
 display: block;
 padding: 10px 5px 7px;
}
.ent-btn a {
 color: #fff;
 /*font-weight: bold;*/
 line-height: 1.5em;
}
.ent-btn a:hover {
 text-decoration: none !important;
}
.ent-btn:hover {
 background-color: #0d6eb8;
 opacity: 0.9;
}
.car-select {
 margin: 3.0rem 0 3.0rem;
}
.car-select li {
 font-size: 1.2rem;
 font-weight: 500;
 padding-right: 10px;
 padding-left: 10px;
 margin-bottom: 0.5rem;
}
/*=====================================*/
.table.process th, .table.process td {
 vertical-align: middle;
 border-top: 1px solid #fff;
}
.table.process th {
 white-space: nowrap;
}
@media(max-width:767px) {
 .table.process th, .table.process td {
  padding: 0.5rem 0;
 }
}
/*=====================================*/
#zone-insurance h4 {
border-bottom: 1px solid #ccc;
padding: 0.25rem;
}
.table.insurance th, .table.insurance td {
 vertical-align: middle;
 border: 1px solid #ddd;
 background-color: #fff;
}
/*=====================================*/
#zone-process tr td:nth-of-type(1) {
 text-align: center;
}
/*=====================================*/
#zone-equipment h3 {
 text-align: center;
 color: #555;
 margin-bottom: 3.0rem;
 padding-bottom: 0.5rem;
 display: inline-block;
 border-bottom: 1px solid #bbb;
}
.card {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 min-width: 0;
 word-wrap: break-word;
 background-color: transparent;
 background-clip: border-box;
 border: none;
 border-radius: 0.25rem;
}
.card-img-top {
 width: 100%;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}
.card-body {
 -ms-flex: 1 1 auto;
 flex: 1 1 auto;
 padding: 0.5rem 0 3rem;
}
/*.leisure {
 border-bottom: 1px solid #ddd;
}
 h3+.leisure {
 border-top: 1px solid #ddd;
}*/
.leisure div {
 margin-bottom: 1.0rem;
 margin-top: 1.0rem;
}
.center-middle {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
 -webkit-transform: translateY(-50%) translateX(-50%);
 margin: auto;
 font-weight: 600;
 font-size: 5vw;
 color: #fff;
 text-shadow: 2px 2px 3px #000;
 line-height: 1;
 /* background-color: #000000ba; */
 /* padding: 1vw 1vw 1.2vw 1vw; */
 /* border: 1px solid #FFF; */
 /* border-bottom: 1vw solid #FFF;
 padding-bottom: 1.5vw;
 box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.6);
 -webkit-box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.6);
 -moz-box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.6);*/
}
@media(max-width:767px) {
 .center-middle {
  font-size: 10vw;
  padding-bottom: 3.0vw;
  /*border-bottom: 2vw solid #FFF;*/
 }
}

/*need to know
=====================================*/
#zone-know h4 {
    border-bottom: 1px solid #ccc;
    padding: 0.25rem;
}

/*company
=====================================*/
.table.company th {
 white-space: nowrap;
}
.table.company td {
 word-break: break-all;
}
.movie {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}
.map {
 position: relative;
 width: 100%;
 padding-top: 75%;
}
@media(max-width:1199px) {
 .map {
  position: relative;
  width: 100%;
  padding-top: 87%;
 }
}
.movie iframe, .map iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
 box-sizing: border-box;
}
.iframe {
 border: 0;
 overflow: hidden;
}
.contact {
 width: 100%;
 height: 525px;
 border: none;
}
/*=====================================*/
footer {
 background-color: #f6f7f8;
 padding: 2.0rem 0;
}
span.logo img {
 width: 100px;
 height: auto;
 margin-top: 1.0rem;
 margin-bottom: 1.0rem;
}
.goTop {
 font-size: 2.5em;
 color: #4267b2;
 position: fixed;
 bottom: 40px;
 right: 20px;
 cursor: pointer;
 opacity: 0.7;
 overflow: hidden;
 z-index: 11111;
}
.goTop:before {
 font-family: "Font Awesome 5 Free";
 content: "\f139";
 font-weight: 900;
 color: #4267b2;
 padding-right: 0.25rem;
}
/*privacy policy
===============================================*/
.pp h2 {
 color: #000;
 text-align: center;
 display: block;
 margin-bottom: 2.0rem;
 margin-top: 1.5rem;
 font-size: 1.8rem;
}
.pp h3 {
 font-size: 1.4rem;
 margin-bottom: 0.5rem;
 margin-top: 2.5rem;
 text-align: left;
 font-family: 'Noto Serif TC', serif;
}
.modal-header {
 border-bottom: none;
}
.modal {
 z-index: 22222;
}
.modal-header .logo {
 position: absolute;
 left: calc((100% - 57px) / 2);
 z-index: 100;
}
.modal-body {
 padding: 1rem 1.5rem;
}
.modal-footer {
 padding: 0;
}
.close {
 padding: 1.0rem !important;
}
.modal-content {
 margin-bottom: 5.0rem;
}
/*
==========================================*/
h2, #zone-equipment h3 {
 page-break-before: always;
}