/*
     
      Theme Name: Triangle
     
      Theme Uri: http://www.themeum.com
     
      Author: Themeum
     
      Author Uri: http://www.themeum.com
     
      Description: Creative Site Template
     
      Version: 1.0
     
      */
     
     

     
     
      body {

        font-family: 'Lato', 微軟正黑體;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        background: url(./../../images/bg.svg);
        background-repeat: no-repeat;
        background-position:center;
    
     
      }
     
     
      html {
     
        height: 100%;
     
      }
     
     
     
      a{
     
        color:#a5732a;
     
      }
     
     
      a:hover {
     
        outline: none;
     
        text-decoration:none;
     
        color:#982124;
     
      }
     
     
      a:focus {
     
        outline:none;
     
        outline-offset: 0;
     
      }
     
     
      a {
     
        -webkit-transition: 300ms;
     
        -moz-transition: 300ms;
     
        -o-transition: 300ms;
     
        transition: 300ms;
     
      }
     
     
     
      ul {
     
        list-style: none;
     
      }
     
     
      h1, h2, h3, h4, h5, h6 {     
        font-weight: 400;
     
      }
     
     
      h1{
     
        color: #686868;
     
      }
     
     
      h2{
        font-size: 24px;
        color: #175e69;
      }
     
     
      h3{
     
        font-size: 18px;
     
      }
     
     
      .overflow{
     
        overflow: hidden;
     
      }
     
     
      .uppercase{
     
        text-transform: uppercase;
     
      }
     
     
      .btn-common {
     
        font-size: 14px;
     
        color: #797979;
     
        border: 1px solid #dbb075;
     
        font-family: 'Open Sans', sans-serif;
     
        font-weight: 400;
     
        padding: 10px 25px;
     
      }
     
     
      #action .col-sm-5{
     
        position: absolute;
     
     
        top: 0;
     
        height: 100%;
     
        right: 0;
     
      }
     

     
     
      .align-right{
     
        text-align: right;
     
      }
     
     
      .inline{
     
        display: inline-block;
     
      }
     
     
      .padding{
     
        padding: 65px 0;
     
      }
     
     
      .padding-bottom{
     
        padding-bottom: 65px;
     
      }
     
     
      .padding-top{
     
        padding-top: 90px;
     
      }
     
     
      .padding-right{
     
        padding-right: 80px;
     
      }
     
     
      .padding-left{
     
        padding-left: 80px;
     
      }
     
     
      .margin-bottom{
     
        margin-bottom: 35px;
     
      }
     
     
      .carousel-indicators.visible-xs {
     
        height: 20px;
     
        margin: 0;
     
        padding: 0;
     
        position: absolute;
     
        top: -35px;
     
        width: 100%;
     
        left: 0;
     
      }
     
     
      .carousel-indicators.visible-xs li {
     
        border-color: #D29948;
     
        border-width: 2px;
     
        height: 12px;
     
        margin: 0 5px 0 0;
     
        width: 12px;
     
      }
     
     
      .carousel-indicators.visible-xs li.active {
     
        background: rgba(210, 153, 72, 0.7);
     
      }
     
     
     
     
     
    /*************************
     
    *******Header******
     
    **************************/
     
     
     
    #header{
     
      margin-bottom: 0;
     
      padding: 0px 0 0px 0;
     
    }
     
     
    #header .navbar-inverse .container{
     
      position: relative;
     
    }
          

     
    #header .navbar {
     
      background: none;
     
      border: 0;
     
      margin-bottom: 0;
     
    }
     
     
    #header .navbar-toggle{
     
      margin-top: 20px;
     
    }
     
     
    #header .navbar-brand{
      padding: 0;
      margin-left: 0;
      color: #FFFFFF;
    }
    #header .navbar-brand h1{
      padding: 0;
      margin: 0;
    }
    #header .navbar-nav.navbar-right >li:last-child{
      /*margin-right: 0px;*/
    }
    #header .navbar-nav.navbar-right >li a {
      text-decoration: none;
      font-size: 2rem;
      padding: 1rem;
      -webkit-transition: 0.25s linear;
      transition: 0.25s linear;
      color: #fff;
      }
    #header .navbar-inverse .navbar-nav  li.active > a,
    #header .navbar-inverse .navbar-nav  li.active > a:focus,
    #header .navbar-nav.navbar-right li > a:hover,
    .navbar-inverse .navbar-nav > .open > a {
      color: white;
      background-color: #0d505a;
      padding: 1rem;
      border-radius: 35px;
      font-size: 2rem;
    }
    /*Dropdown menu*/
ul.sub-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}
#header .navbar-nav li ul.sub-menu li a {
  color: #818285;
  padding: 5px 0;
  font-size: 13px;
  display: block;
  text-transform: capitalize;
}
#header .navbar-nav li ul.sub-menu li .active{
  background: #fef7ee;
  color: #d29948;
  position: relative;
}
#header .navbar-nav li ul.sub-menu li .active i{
  position: absolute;
  font-size: 56px;
  top: -13px;
  color: #dab074;
}
#header .navbar-nav li ul.sub-menu li .active .fa-angle-right{
  left: -3px;
}
#header .navbar-nav li ul.sub-menu li .active .fa-angle-left{
  right: -3px;
}
#header .navbar-nav li ul.sub-menu li a:hover,
#header .navbar-nav li ul.sub-menu li a:focus{
  background: #e7e4d0;
  color: #e22020;
}
.fa-angle-down{
      padding-left: 5px; 
     
    }
     
     
    .scaleIn {
     
      -webkit-animation-name: scaleIn;
     
      animation-name: scaleIn;
     
    }
     
     
    @-webkit-keyframes scaleIn {
     
      0% {
     
        opacity: 0;
     
        -webkit-transform: scale(0);
     
        transform: scale(0);
     
      }
     
     
      100% {
     
        opacity: 1;
     
        -webkit-transform: scale(1);
     
        transform: scale(1);
     
      }
     
    }
     
     
    @keyframes scaleIn {
     
      0% {
     
        opacity: 0;
     
        -webkit-transform: scale(0);
     
        -ms-transform: scale(0);
     
        transform: scale(0);
     
      }
     
     
      100% {
     
        opacity: 1;
     
        -webkit-transform: scale(1);
     
        -ms-transform: scale(1);
     
        transform: scale(1);
     
      }
     
    }
     
     
     
    /*************************
     
    *******Footer******
     
    **************************/
     
     
    #footer {
     
      padding-bottom: 75px;
     
      background-repeat: repeat-x;
     
      background-position: bottom;
     
      background-size: contain;
     
    }
     
     
    #footer h1{
     
      margin-bottom: 65px;
     
      margin-top: 36px;
     
    }
     
     
    #footer .bottom-separator {
     
      margin-bottom: 60px;
     
    }
     
     
    #message {
     
      height: 110px;
     
      resize: none;
     
    }
     
     
    .bottom > h2 {
     
      margin-top: 0;
     
      margin-bottom: 26px;
     
    }
     
     
    .bottom .media-body h3 {
     
      margin-top: 0;
     
      padding-left: 25px;
     
    }
     
     
    .bottom .media-body h3 a{
     
      color: #d99c4e;
     
    }
     
     
    .testimonial .media{
     
      margin-top: 0;
     
      margin-bottom: 25px;
     
    }
     
     
    .testimonial .media>.pull-left{
     
      margin-right: 25px;
     
    }
     
     
    .testimonial .media>.pull-left img{
     
      margin-top: 6px;
     
    }
     
     
    .testimonial .media .media-body blockquote{
     
      padding-left: 25px;
     
      padding-right: 30px;
     
      position: relative;
     
      border-left: 0;
     
      margin-bottom: 0;
     
    }
     
     
    .testimonial .media .media-body blockquote:before{
     
      position: absolute;
     
      left: 5px;
     
      top: 8px;
     
      content: '"';
     
      font-size: 40px;
     
      color: #d99c4e;
     
      font-family: 'Noto Sans', sans-serif;
     
      transform:rotate(180deg);
     
      -ms-transform:rotate(180deg); /* IE 9 */
     
      -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */
     
      line-height: 0;
     
    }
     
     
    .testimonial .media .media-body blockquote:after{
     
      position: absolute;
     
      right: 30px;
     
      bottom: 14px;
     
      content: '"';
     
      font-size: 40px;
     
      color: #d99c4e;
     
      font-family: 'Noto Sans', sans-serif;
     
      line-height: 0;
     
    }
     
     
    .bottom > address {
     
      line-height: 22px;
     
      margin-bottom: 40px;
     
    }
     
     
    .form-control {
      border: 1px solid #175e69;
      font-weight: 400;
      outline: none;
      box-shadow: none;
      height: 40px;
    }
     
     
    .form-control:hover, 
     
    .form-control:focus{
     
      border-color: #d29948;
     
      outline: none;
     
      box-shadow: none;
     
    }
     
     
    .btn-submit {
     
      width: 100%;
     
      background-color: #d89b4e;
     
      color: #fff;
     
      font-size: 14px;
     
      font-weight: 400;
     
      letter-spacing: 5px;
     
      text-transform: uppercase;
     
      border-radius: 3px;
     
      margin-top: 5px;
     
      border-bottom: 3px solid #a56617;
     
      box-shadow: none;
     
      padding: 10px;
     
    }
     
     
    .btn-submit:hover, 
     
    .btn-submit:focus{
     
      color: #fff;
     
      outline: none;
     
      box-shadow: none;
     
      opacity: .8;
     
    }
     
     
    .copyright-text{
     /*background:#f0f0e3;*/
     padding:10px;
     
      margin-top: 50px;
     
    }
     
     
    /*************************
     
    *******Home Page******
     
    **************************/
     
     
    #home-slider {
     
      background: url(../images/home/slider-bg.png) 0 100% repeat-x;
     
      position: relative;
     
    }
     
     
    #home-slider .main-slider {
     
      position: relative;
     
      height: 450px;
     
    }
     
     
    #home-slider .slide-text{
     
      position: absolute;
     
      top: 50px;
     
      left: 0;
     
      width: 450px;
     
    }
     
     
    .animate-in .slide-text {
     
      -webkit-animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
     
      animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
     
    }
     
     
    #home-slider .slider-house {
     
      position: absolute;
     
      right: 0;
     
      bottom: 0;
     
    }
     
     
    .animate-in .slider-house {
     
      -webkit-animation: fadeInDown 700ms ease-in-out 200ms both;
     
      animation: fadeInDown 700ms ease-in-out 200ms both;
     
    }
     
     
    #home-slider .slider-circle1 {
     
      position: absolute;
     
      right: 430px;
     
      bottom: 210px;
     
    }
     
     
    .animate-in .slider-circle1 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 900ms both;
     
      animation: bounceIn 500ms ease-in-out 900ms both;
     
    }
     
     
    #home-slider .slider-circle2 {
     
      position: absolute;
     
      right: 420px;
     
      bottom: 245px;
     
    }
     
     
    .animate-in .slider-circle2 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 1100ms both;
     
      animation: bounceIn 500ms ease-in-out 1100ms both;
     
    }
     
     
    #home-slider .slider-cloud1 {
     
      position: absolute;
     
      right: 290px;
     
      bottom: 250px;
     
    }
     
     
    .animate-in .slider-cloud1 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 1300ms both;
     
      animation: bounceIn 500ms ease-in-out 1300ms both;
     
    }
     
     
    #home-slider .slider-cloud2 {
     
      position: absolute;
     
      right: 375px;
     
      bottom: 330px;
     
    }
     
     
    .animate-in .slider-cloud2 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 1500ms both;
     
      animation: bounceIn 500ms ease-in-out 1500ms both;
     
    }
     
     
    #home-slider .slider-cloud3 {
     
      position: absolute;
     
      right: 75px;
     
      bottom: 300px;
     
    }
     
     
    .animate-in .slider-cloud3 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 1700ms both;
     
      animation: bounceIn 500ms ease-in-out 1700ms both;
     
    }
     
     
    #home-slider .slider-sun {
     
      position: absolute;
     
      right: 190px;
     
      bottom: 300px;
     
    }
     
     
    .animate-in .slider-sun {
     
      -webkit-animation: bounceIn 800ms ease-in-out 1900ms both;
     
      animation: bounceIn 800ms ease-in-out 1900ms both;
     
    }
     
     
    #home-slider .slider-cycle {
     
      position: absolute;
     
      right: 500px;
     
      bottom: 0;
     
    }
     
     
    .animate-in .slider-cycle {
     
      -webkit-animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
     
      animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
     
    }
     
     
    #home-slider h1{
     
      margin-top: 70px;
     
      margin-bottom: 25px;
     
    }
     
     
    #home-slider .btn-common {
     
      margin-top: 20px;
     
    }
     
     
    #home-slider .preloader {
     
      position: absolute;
     
      left: 0;
     
      top: 0;
     
      bottom: 0;
     
      right: 0;
     
      background: #fafafa;
     
      text-align: center;
     
    }
     
     
    #home-slider .preloader > i {
     
      font-size: 48px;
     
      height: 48px;
     
      line-height: 48px;
     
      color: #dbb075;
     
      position: absolute;
     
      left: 50%;
     
      margin-left: -24px;
     
      top: 50%;
     
      margin-top: -24px;
     
    }
     
     
     
    #action, 
     
    #page-breadcrumb {
     
      background-image: url(../images/home/tour-bg.png);
     
      background-color: #fbfafa;
     
      background-repeat: repeat-x;
     
      height: 155px;
     
      background-position: center;
     
      display: table;
     
      position: static;
     
      width: 100%;
     
    }
     
     
    .vertical-center{
     
      display: table-cell;
     
      vertical-align: middle;
     
      width: 100%;
     
      position: statice;
     
    }
     
     
    .sun{
     
      background-image: url(../images/home/tour-icon1.png);
     
      background-repeat: no-repeat;
     
      background-position: 100% bottom;
     
    }
     
     
     
    .single-service{
     
      overflow: hidden;
     
      display: block;
     
    }
     
     
    .single-service img {
     
      margin-bottom: 35px;
     
    }
     
     
    .single-service .fold {
     
      margin-bottom: 35px;
     
    }
     
     
    .single-service h2 {
     
      margin-top: 0;
     
      margin-bottom: 15px;
     
    }
     
     
    .single-service p {
     
      padding: 0 48px;
     
    }
     
     
    .action h1{
     
      margin-top: 0;
     
    }
     
     
    .action p{
     
      font-size: 18px;
     
      margin-bottom: 0;
     
      font-weight: 400;
     
    }
     
     
    .action .btn-common{
     
      margin-top: 55px;
     
      float: left;
     
    }
     
     
    .title {
     
      color: #404040;
     
      font-weight: 400;
     
    }
     
     
    .single-features {
     
      overflow: hidden;
     
      padding-top: 65px;
     
      padding-bottom: 40px;
     
    }
     
     
    .single-features:last-child {
     
      padding-bottom: 95px;
     
    }
     
     
    .single-features h2{
     
      margin-bottom: 15px;
     
    }
     
     
    #clients{
     
      padding-bottom: 45px;
     
    }
     
     
    .clients {
     
      margin-bottom: 45px;
     
    }
     
     
    .clients img {
     
      display: inline-block;
     
    }
     
     
    .clients-logo {
     
      overflow: hidden;
     
      margin-bottom: 10px;
     
    }

.btn-desc {
  text-decoration: none;
  font-size: 2rem;
  padding: 0.75rem 1rem 0.75rem 1rem;
  -webkit-transition: 0.25s linear;
  transition: 0.25s cubic-bezier(0.05, 1.09, 0.75, 0.72);
  background: #175e69;
  color: #fff;
}
.btn-desc:hover {
  text-decoration: none;
  color: white;
  background-color: #0d505a;
  padding: 0.75rem 1rem 0.75rem 1rem;
  border-radius: 35px;
  font-size: 2rem;
}
.btn-desc:active {
  text-decoration: none;
  color: white;
  background-color: #0d505a;
  padding: 0.75rem 1rem 0.75rem 1rem;
  border-radius: 35px;
  font-size: 2rem;
}
.block_title {
	color: #175e69;
    display: flex;
    font: 30px "微軟正黑體",arial,verdana,tahoma;
    margin-bottom: 15px;
    justify-content: center;
}
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}
.line-square {
  content: '';
  position: absolute;
  TOP: -40px;
  display: inline-block;
  width: 150px;
  height: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #af4537;
}