/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version: 2.0.5
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);

img {
  /* pointer-events: none; */
}

.tp-mask-wrap{
  padding:15px;
  margin:-30px;
  text-align:center;
  background-color:rgba(255,255,255,0.5);
}

.logo-font {
  font-family: 'cwTeXYen', sans-serif;
  font-weight:600;
}
.addmail {
  position: fixed;
  bottom: 200px;
  right: 0px;
  width: 50px;
  height: auto;
  text-align: center;
  cursor: pointer;
  z-index: 1015;
  /*-webkit-transform: translateZ(0);
  //-webkit-transition: all 0.2s ease-in-out;
  //-o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);*/
	transition: width .5s ease-in-out;
}

.addmail div {
  font-size:0.8em;
  line-height:1.2em;
  padding:10px;
  text-align:center;
	border-radius:5px 0 0 5px;
  margin-bottom:5px;
  color:white;
}

.addmail div a {
  color:white;
}

.addmail div:first-child {
  background:#fbf2c1;
  color:#444;
}
.addmail div:nth-child(2) {
  background:#f398a5;
  color:#444;
}
.addmail div:nth-child(3) {
  background:#fbf2c1;
  color:#444;
}
.addmail div:nth-child(4) {
  background:#090;
}

/* 加大版面 */
@media (min-width: 1440px) {
  .container {
    max-width: 1380px;
  }
  .container .mega-menu--wide .dropdown-menu {
    width: 1380px !important;
  }

  .main-navigation .navbar-nav > li:first-child {
    margin: 0;
  }

  .container .col-lg-auto .mega-menu .dropdown-menu {
    left: auto !important;
    right: 0px !important;
    width: 1380px !important;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1540px;
  }
  .container .mega-menu--wide .dropdown-menu {
    width: 1540px !important;
  }

  .main-navigation .navbar-nav > li:first-child {
    margin: 0;
  }

  .container .col-lg-auto .mega-menu .dropdown-menu {
    left: auto !important;
    right: 0px !important;
    width: 1540px !important;
  }
}

@media (min-width: 1920px) {
  .container {
    max-width: 1860px;
  }
  .container .mega-menu--wide .dropdown-menu {
    width: 1860px !important;
  }

  .main-navigation .navbar-nav > li:first-child {
    margin: 0;
  }

  .container .col-lg-auto .mega-menu .dropdown-menu {
    left: auto !important;
    right: 0px !important;
    width: 1860px !important;
  }
}

/* 元件css */
  /* 副標題 */
  .ja_h2 {
    font-weight:500;
    font-size: 1.4em;
    color:#97291c; 
  }
  /* 文字元件 */
    .ja_a {
      font-size:16px;
      color:#000000;
      line-height:1.5em;
    }
    /* 灰背景 */
    .jaa_graybg {
      background: #f4efc9;
      padding:10px;
      border-radius: 10px;
    }
    /* 首行縮排 */
    .jaa_firstident {
      text-indent: 2em;
    }
    /* 斜體 */
    .jaa_italic {
      font-style: italic;
    }
    /* 粗體 */
    .jaa_bold {
      font-weight: 800;
    }
    
  /* 圖片元件 */
    .ja_p {
      padding:0px;
      margin-bottom:20px;
    }
    .ja_p img {
      width:100%;
    }
    /* 圖說 */
    .jap_alt {
      width:100%;
      text-align:center;
    }
    /* 對齊 */
    .jap_center {
      margin-left:auto;
      margin-right:auto;
    }
    .jap_left {
      float:left;
    }
    .jap_right {
      float:right;
    }
    /* 寬度25 */
    .jap_w25 {
      width:25%;
    }
    .jap_w50 {
      width:50%;
    }
    .jap_w75 {
      width:75%;
    }
  /* 連結元件 */
    .ja_l {
      color:black;
      font-weight:500;
      width: 100%;
      background-color:#ecd297;
      border-color:#ecd297;
    }
    .ja_l:hover {
      background-color:rgba(207,165,36,1);
      border-color:rgba(207,165,36,1);
    }
  /* 附件元件 */
    .ja_f {
      width: 100%;
    }
  /* Youtube元件 */
    .video-container {
      position:relative;
      padding-bottom:56.25%;
      padding-top:30px;
      height:0;
      overflow:hidden;
    }
    .video-container iframe, .video-container object, .video-container embed {
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
    }
    
  /* 地圖元件 */
    .ja_m {
      width:100%;
      min-height:650px;
      border:8px #eeeeee solid;
      margin:10px auto;
    }
    
    
  /* 不同尺寸畫面 */ 
    @media (max-width: 576px) {
      .jap_w25, .jap_w50, .jap_w75 {
        width: 100%;
      }
      .ja_m {
        min-height: 450px;
      }
    }
    @media (max-width: 768px) {
      .jap_w25, .jap_w50 {
        width: 100%;
      }
      .ja_m {
        min-height: 450px;
      }
    }