@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:     VoyageTime
Author:      AbsharBY
Website:     http://abshar.by/VoyageTime

[Table of contents]

1.   Base styles (reset)
2.   Varibles (fonts, sizes, colors)
3.   Components (buttons, icons, icon with text, image with text, team, call to action, accordion & tabs)
3.1  Heading
3.2  Text elements
3.3  Icons
3.4  Buttons
3.5  Forms
3.6  Infography
3.7  Call to action 
3.8  Testimonials
3.9  Tabs & accordions
3.10 Team
3.11 Counter
3.12 Filters
3.13 Categories Items
3.14 Blog Items
3.15 Tour Item
4.   Pages styles
4.1  Header
4.2  Slider
4.3  Page head
4.4  Footer
5.   Navigation styles
6.   Animation
7.   Media (media queries )
-------------------------------------------------------------------*/
/*# 切換語系 */
#mnya-select {
  font-size: 10px; /*文字大小*/
  color: #000000; /*文字顏色*/
  background-color: #ffffff; /*選單背景顏色*/
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
/** MEDIA MAX WIDTH 400px **/
@media (max-width: 500px) {
  /*- Height vh -*/
  .height100vh {
    height: 100vh;
  }
  .height90vh {
    height: 90vh;
  }
  .height80vh {
    height: 80vh;
  }
  .height70vh {
    height: 70vh;
  }
  .height60vh {
    height: 60vh;
  }
  .height50vh {
    height: 50vh;
  }
  .height40vh {
    height: 40vh;
  }
  .height30vh {
    height: 30vh;
  }
  .height20vh {
    height: 20vh;
  }
}
/** MEDIA MAX WIDTH 768px **/
@media (max-width: 768px) {
  /*- Height vh -*/
  .height100vh {
    height: 100vh;
  }
  .height90vh {
    height: 90vh;
  }
  .height80vh {
    height: 80vh;
  }
  .height70vh {
    height: 70vh;
  }
  .height60vh {
    height: 60vh;
  }
  .height50vh {
    height: 50vh;
  }
  .height40vh {
    height: 40vh;
  }
  .height30vh {
    height: 30vh;
  }
  .height20vh {
    height: 20vh;
  }
}
/** MEDIA MAX WIDTH 992px **/
@media (max-width: 992px) {
  .height100vh {
    height: 100vh;
  }
  .height90vh {
    height: 90vh;
  }
  .height80vh {
    height: 80vh;
  }
  .height70vh {
    height: 70vh;
  }
  .height60vh {
    height: 60vh;
  }
  .height50vh {
    height: 50vh;
  }
  .height40vh {
    height: 40vh;
  }
  .height30vh {
    height: 30vh;
  }
  .height20vh {
    height: 20vh;
  }
}
/** MEDIA MAX WIDTH 1200px **/
/** 自動彈出視窗 **/
/** 首頁標題 **/
.infography-title {
  margin: 5px 0 10px 0;
}
.infography-title:after {
  content: " ";
  width: 100%;
  height: 2px;
  display: inline-block;
  box-sizing: border-box;
  background: #00a8e2;
}
/** 首頁中間頁面 **/
.main-blockindex {
  padding: 60px 0;
}
/** 首頁分類按鍵色 **/
.main-blockindex a {
  color: #06c;
  text-transform: uppercase;
  font-size: 16px;
}
.main-blockindex a:hover {
  color: #5AA0E6;
  -o-transition: color .20s linear;
  -webkit-transition: color .20s linear;
  -moz-transition: color .20s linear;
  transition: color .20s linear;
}
/** 首頁分類按鍵連結文字 **/
/** 商品頁搜尋 **/
.search-Parta01 {
  border-width: 1px;
  border-left-style: dashed;
  border-color: #b1b1b1;
  padding: 5px;
}
@media screen and (max-width:800px) {
  .search-Parta01 {
    display: none;
  }
}
/** 聯絡資訊背景色-文字 **/
.Contact-background {
  background: #f5f4ef;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 20px 0;
}
.Contact-text {
  font-size: 50px; /*文字大小*/
  color: #000000; /*文字顏色*/
}
.Contact-text-red {
  color: #e60012; /*文字顏色*/
}
/*- 產品-table -*/
.component {
  line-height: 1.5em;
  margin: 0 auto;
  padding: 2em 0 3em;
  width: 100%;
  max-width: 1000px;
  overflow: hidden;
}
.component .filler {
  font-family: "Blokk", Arial, sans-serif;
  color: #d3d3d3;
}
table {
  border-collapse: collapse;
  margin-bottom: 3em;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  overflow: hidden;
}
td, th {
  padding: 0.75em 1.5em;
  text-align: center;
}
td.err {
  background-color: #e992b9;
  color: #fff;
  font-size: 0.75em;
  text-align: center;
  line-height: 1;
}
th {
  background-color: #31bc86;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
tbody th {
  background-color: #2ea879;
}
tbody tr:nth-child(2n-1) {
  background-color: #f5f5f5;
  transition: all .125s ease-in-out;
}
tbody tr:hover {
  background-color: rgba(129, 208, 177, .3);
}
/* For appearance */
.sticky-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  margin: 3em 0;
  width: 100%;
}
.sticky-wrap .sticky-thead, .sticky-wrap .sticky-col, .sticky-wrap .sticky-intersect {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .125s ease-in-out;
  z-index: 50;
  width: auto; /* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead {
  box-shadow: 0 0.25em 0.1em -0.1em rgba(0, 0, 0, .125);
  z-index: 100;
  width: 100%; /* Force stretch */
}
.sticky-wrap .sticky-intersect {
  opacity: 1;
  z-index: 150;
}
.sticky-wrap .sticky-intersect th {
  background-color: #666;
  color: #eee;
}
.sticky-wrap td, .sticky-wrap th {
  box-sizing: border-box;
}
/* Not needed for sticky header/column functionality */
td.user-name {
  text-transform: capitalize;
}
.sticky-wrap.overflow-y {
  overflow-y: auto;
  max-height: 50vh;
}
/*產品捲軸*/
.port_report td, .port_report th {
  border: 1px solid;
  padding: .75rem 1rem;
  box-sizing: border-box;
  text-align: left
}
.table-container {
  position: relative;
  max-height: calc(70vh - 50px);
  overflow: scroll;
  border-top: solid 1px #b2b2b2
}
/*產品*/
.product-text-ash span {
  font-size: 16px;
  color: #8F8F8F;
}
/*聯絡*/
.contant_area {
  padding-bottom: 2em
}
.contant_info {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0
}
.contant_info {
  width: 100%;
  height: 150px;
  text-align: center;
  padding: 20px 15px;
  background-color: #343a40;
  position: relative;
  z-index: 1
}
.contant_info::before {
  position: absolute;
  content: '';
  background-size: cover;
  background-position: center;
  opacity: .4;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  -o-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear
}
.contant_info:after {
  position: absolute;
  content: '';
  width: 0;
  height: 4px;
  background-color: #cacfd4;
  right: 0;
  bottom: 0;
  -o-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear
}
.contant_info:hover:before {
  filter: blur(4px)
}
.contant_info:hover:after {
  left: 0;
  width: 100%
}
.contant_info span {
  background-color: rgb(255, 255, 255, 0.5);
  width: 50px;
  height: 50px;
  display: table;
  margin: 0 auto 20px;
  border-radius: 60px;
  line-height: 50px;
  color: #343a40;
}
.contant_info p {
  margin-bottom: 0;
  font-weight: 600;
  color: #fff;
  letter-spacing: .5px
}
/*檔案下載*/
.contant_down_info {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0
}
.contant_down_info {
  width: 100%;
  height: 200px;
  text-align: center;
  padding: 20px 15px;
  background-color: #efefef;
  border: 1px solid #a0a0a0;
  position: relative;
  z-index: 1
}
.contant_down_info::before {
  position: absolute;
  content: '';
  background-size: cover;
  background-position: center;
  opacity: .4;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  -o-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear
}
.contant_down_info:after {
  position: absolute;
  content: '';
  width: 0;
  height: 4px;
  background-color: #e72418;
  right: 0;
  bottom: 0;
  -o-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear
}
.contant_down_info:hover:before {
  filter: blur(4px)
}
.contant_down_info:hover:after {
  left: 0;
  width: 100%
}
.contant_down_info span {
  background-color: rgb(0, 0, 0, 0.5);
  width: 50px;
  height: 50px;
  display: table;
  margin: 0 auto 20px;
  border-radius: 60px;
  line-height: 50px;
  color: #fff;
}
.contant_down_info p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 1200;
  color: #000;
  letter-spacing: .5px
}
.contant_down_info span {
  -webkit-transition: all 1500ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 1500ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 1500ms ease-in;
  -moz-transform: scale(1);
  transition: all 1500ms ease-in;
  transform: scale(1);
}
.contant_down_info:hover span {
  -webkit-transition: all 3000ms ease-in;
  -webkit-transform: scale(1.1);
  -ms-transition: all 3000ms ease-in;
  -ms-transform: scale(1.1);
  -moz-transition: all 3000ms ease-in;
  -moz-transform: scale(1.1);
  transition: all 3000ms ease-in;
}
.contant_down_info:hover span {
  background-color: rgb(230, 30, 25, 1);
  z-index: 2;
}