body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  border-style: none;
  background-position: left top;
  background-attachment: scroll;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-width: 0;
  border-style: none;
}
body .widget-item .title {
  color: white;
}
body .header {
  background-color: #2e536b;
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** GIAWEN modify style code here. **/
.gw-v-center {
  display: flex;
  align-items: center;
  height: 250px;
}
.gw-flight-info h5,.gw-flight-info h6{
	display: inline-block;
}
@media (max-width: 767.98px) {
.gw-flight-info h4{
  font-size:18px;
}
.gw-flight-info h5{
  font-size:16px;
}
.gw-flight-info h6{
  font-size:14px;
}
.gw-flight-info img{
  max-width:32px;
}
  .gw-v-center img{
  	max-width:180px;
  }
.gw-v-center {
  display: flex;
  align-items: center;
  height: 220px;
}
}
@media (max-width: 575.98px) {

}


.gw_intro-block-middle{
    max-width: 80%;!important
    text-align: right;
    margin-right: auto;
  	margin-left: auto;}
.gw_text-align-center{
	text-align:center;
}
.gw_trip-nav{
  overflow:hidden;
  position: -webkit-sticky;
}
.gw_trip-nav ul{
  display: block;
  text-decoration: none;
}
.gw_sticky {
  position: fixed;
  width: 100%;
  top: 75px;
  left: 0px;
  z-index:98;
  border-top: 0;
}
.gw_trip-nav li{
    letter-spacing: 0.1em;
    font-size: 1.2rem;
    padding: 10px 16px 10px 16px;
    line-height: 28px;
}
.gw_trip-nav li a{
    color: #f4c566;
}
.gw_trip-nav li a:hover{
    color: #ffffff;
    text-decoration: none;
}
.gw_trip-section-title h2 span{
	background-color:#245183;
  padding:24px 32px;
  border-radius:20px;
}
#gwID_trip-feature, #gwID_trip-schedule, #gwID_trip-hotel, #gwID_trip-date, #gwID_trip-info, #gwID_trip-notice {
  scroll-margin-top: 100px;
}
.giawen_intro_firstImage{
  margin-top: 4.6rem;
}
/** CAT's modify style code here. :) */
*{font-family: "Microsoft JhengHei";
    letter-spacing: 0.1em;}
body {
    /* background: #000; */
}
@media (max-width: 768px) {
 /*giawen code started*/
.gw_sticky {
  position: fixed;
  width: 100%;
  top: 60px;
  left: 0px;
  z-index:98;
  border-top: 0;
}
.giawen_intro_firstImage{
  margin-top: 4.1rem;
}
/*giawen code ended*/
.m-5 {
    margin: 1.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 1.5rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1.5rem!important;
}
.p-5 {
    padding: 1.5rem!important;
}
.pt-5, .py-5 {
    padding-top: 1.5rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1.5rem!important;
}


}
@media (max-width: 500px) {
/*giawen code started*/
.gw_sticky {
  position: fixed;
  width: 100%;
  top: 65px;
  left: 0px;
  z-index:98;
  border-top: 0;
}
.giawen_intro_firstImage{
  margin-top: 4.0rem;
}
/*giawen code ended*/
.m-5 {
    margin: 1rem!important;
}
.mt-5, .my-5 {
    margin-top: 1rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}
.p-5 {
    padding: 1rem!important;
}
.pt-5, .py-5 {
    padding-top: 1rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1rem!important;
}


}
/*main*/
.web-page-frame .go-to-top .top{background:#3a3a3a;width:60px;height:60px;margin-right:10px}
.web-page-frame .go-to-top .top:after{margin-top:12px;margin-left:24px;width:12px;height:12px}
.web-page-frame .go-to-top .top-txt{left:calc(50% - 9px)}
.web-page-frame .btn-primary{color:#fff!important;background-color: #e94759 !important;border-color: #e94759 !important;}
.web-page-frame .btn-primary:hover{color:#fff!important;background-color: #e94759 !important;border-color: #e94759 !important;}
.web-page-frame .btn-primary:not(:disabled):not(.disabled):active,.web-page-frame .btn-primary:not(:disabled):not(.disabled).active,.web-page-frame .show>.btn-primary.dropdown-toggle{color:#fff!important;background-color: #e94759!important;border-color: #e94759;}
.web-page-frame .btn-primary:focus,.web-page-frame .btn-primary.focus,.web-page-frame .page-link:focus{box-shadow: 0 0 0 .2rem rgba(188,145,96,0.2)!important;}
.web-page-frame .btn-green{color:#fff!important;background-color: #f4c566 !important;border-color: #f4c566 !important;}
.web-page-frame .btn-green:hover{color:#fff!important;background-color: #a87f51 !important;border-color: #f4c566 !important;}
.web-page-frame .btn-light{color:#fff!important;background-color: #6c757d !important;border-color: #6c757d !important;}
section.group_table .table a:hover{color:#fff}
section.group_table .table .trip_name a:hover{color: #1364a1;}
.idx_search .search-area .search-box select, .idx_search .search-area .search-box input {background-color: #ffffff !important;border: 1px solid #c2bfbd !important;}

.info .btn-primary{background-color:#f4c566;border-color:#f4c566}
.info .btn-primary:hover{color:#fff!important;background-color: #e94759!important;border-color: #e94759!important;}
.web-page-frame .text_blue{color: #1364a1;}
.search-area .search-box .search-btn{background: #333333 !important;/* border: 2px solid #fff !important; */color: #ffffff;line-height: 36px !important;}
.search-area .search-box .search-btn:hover {background: #c2272d !important;color: #ffffff;}
.list_con .style_icon .nav-pills .nav-link.active svg{fill:#f4c566 !important}
.filter_list i{color:#f4c566 !important}
.web-page-frame .search-area .search-box .select-goal .title i{color: #459dad !important;}
.web-page-frame .search-area .search-box .select-place .title i{color: #459dad !important;}
.web-page-frame .search-area .search-box .select-date .title i{color: #459dad !important;}
.web-page-frame .search-area .search-box .select-keywords .title i{color: #333 !important;}
.web-page-frame section.search_banner .search-area .search-box .select-input .data-icon-search{color:#f4c566! important}
.radio_style [type="radio"]:checked+label:after{background:#f4c566 !important}
section.search_con .pagination .page-item .page-link{border:1px solid #f4c566 !important;}
section .page-item.active .page-link {background:#f4c566;}
section.search_con .pagination .page-item .page-link:hover,section.search_con .pagination .page-item .page-link:active{background:#f4c566 !important}
section .page-link {color: #333333;}
.web-page-frame .irs-slider{background:#f4c566}
.web-page-frame .irs-slider.state_hover,.web-page-frame .irs-slider:hover{border:2px solid #f4c566}
.web-page-frame .irs-from,.web-page-frame .irs-to,.web-page-frame .irs-single{background:#f4c566}
.web-page-frame figure.block_style .main_words a:hover {color:#f4c566}
.web-page-frame .pic_style figure.block_style .main_words a:hover {color:#f4c566} 
.web-page-frame figure.block_style .note_words .share_box:hover {color:#f4c566}
.web-page-frame .table .thead, .web-page-frame .table .thead:hover {background: #1364a1;}
.web-page-frame section.group_table.trip_airline .table .thead th {border-right: 1px solid #9e9e9e;}
.web-page-frame section.group_banner .media-grouop .share_box:hover, .web-page-frame section.group_banner .media-grouop .forword_box:hover {background: #1364a1;}
.web-page-frame section.group_table.trip_airline .table .thead:hover  {background: #1364a1;}
.web-page-frame .filter_list .form-check .customcheck input:checked ~ .checkmark {background-color: #f4c566;}
.web-page-frame section.group_banner.trip_banner .btn-info {background-color: #e94759;border-color: #e94759;}
.web-page-frame section.group_banner.trip_banner .btn-info:focus, .web-page-frame section.group_banner.trip_banner .btn-info.focus {box-shadow: 0 0 0 0.2rem rgba(218, 65, 19, 0.4);}
/*main end*/
.WinChrome>.web-page-frame>.row>.col-md-12>div {max-width: 100% !important;}
.idx_search .search-area .search-box .select-goal,
.idx_search .search-area .search-box .select-place,
.idx_search .search-area .search-box .select-date,
.idx_search .search-area .search-box .select-keywords
 {background: #33333300;padding: 10px 20px;}
.idx_search .search-area .search-box .select-goal select,
.idx_search .search-area .search-box .select-place select,
.idx_search .search-area .search-box .select-date input,
.idx_search .search-area .search-box .select-keywords input,
.idx_search .search-area .search-box .search-btn
 {
    border-radius: 5px;
    padding: 3px 5px;
}
.idx_search .search-area .search-box .select-date .select input {
    width: calc(50% - 18px);
}
.idx_search .search-area .search-box .select
 {
}
.idx_search .search-area .search-box .select-goal .title h6, 
.idx_search .search-area .search-box .select-place .title h6, 
.idx_search .search-area .search-box .select-date .title h6,
.idx_search .search-area .search-box .select-keywords .title h6 {color: #333;}
.idx_main .main_nav .nav-pills .nav-item a.nav-link.active, .idx_main .main_nav .nav-pills .nav-item:hover a.nav-link {color: white;background-color: #a7977b !important;position: relative;border: 1px solid #f4c566;}
.idx_search {/* margin: 1.0rem!important; */}
@media (min-width: 1200px)
 {
    .idx_search .search-area .container {max-width: 1300px;}

}
.idx_search .search-area .search-box .search-btn {line-height: 70px;margin: 12px 0px;height: 57px;color: #ffffff;border-radius: 5px;width: 99%;float: right;}
.search-area .search-box .search-btn{background: #459dad !important;/* border: 2px solid #fff !important; */color: #ffffff;line-height: 36px !important;}
.search-area .search-box .search-btn:hover {background: #898989 !important;color: #ffffff;}

@media (max-width: 991.98px){.idx_search .search-area .search-box .select-date .select input {
    width: 44%;
    text-align: center;
}
.idx_search .search-area .search-box .select-goal,
.idx_search .search-area .search-box .select-place,
.idx_search .search-area .search-box .select-date,
.idx_search .search-area .search-box .select-keywords { padding: 10px 10px;}
}
.carousel-indicators li.active {background: #f8842a;}
.carousel-indicators li {opacity: 0.8;border-top: 0px solid transparent;border-bottom: 0px solid transparent;}
.carousel-caption {
    background: #ffffffe6;
    position: absolute;
    left: 12%;
    width: 31%;
    padding: 0;
    text-align: left;
    bottom: 19%;
    /* border: 2px solid #000; */
}
a:hover .carousel-caption {background: #ffffff;}
.carousel-caption h5 {
    font-size: 2.0rem !important;
    font-weight: normal !important;
    text-shadow: none !important;
    color: #000000;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin: 8% 8% 8% 8%;
}
.carousel-caption p {
    margin:0;
    text-shadow: none !important;
    color: #000000;
    margin: 0% 8% 8% 8%;
    position: relative;
    font-weight: normal !important;
}
.carousel-caption p:before {content:'';width: 35px;background: #f8842a;height: 4px;position: absolute;top: -55%;}
@media (max-width: 1600px) {
.carousel-caption {width: 35%;/* padding: 3% 3%; */}
.carousel-caption h5 {
    font-size: 1.6rem !important;
    font-weight: normal !important;
    text-shadow: none !important;
    color: #000000;
    line-height: 1.6;
}
}
@media (max-width: 1200px) {
.carousel-caption h5 {
    font-size: 1.2rem !important;
    font-weight: normal !important;
    text-shadow: none !important;
    color: #000000;
    line-height: 1.6;
    -webkit-line-clamp: 3;
}
}
.idx_aboutus_btn {
    text-decoration: none;
    border: 2px solid #000;
    padding: 10px 30px;
    border-radius: 27px;
    margin: 10px;
    background: #0000;
    color: #000000;
}
.idx_aboutus_btn:hover {text-decoration: none;border: 2px solid #5f5d50;background: #ffffff;color: #000000;}


.travel_box .hover-wall figure .overlay i {
    font-size: 0em;
    position: relative;
    left: 39%;
    top: 47%;
}
.travel_box .hover-wall figure .overlay i:before {content: '+ more +';font-size: 1.2rem;color: #f8842a;font-family: sans-serif,Asap;letter-spacing: 0.3rem;}
.travel_box .hover-wall .col-sm-12 {padding: 0 1.5em;}
.travel_box .hover-wall .icon_info h3 {
    font-size: 1.2em;
    letter-spacing: 0.05em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
}
.travel_box .hover-wall .icon_info h4 {
    color: #f4c566;
    font-size: 1.0em;
    font-style: inherit;
    font-weight: 600;
    /* text-align: right !important; */
    /* position: absolute; */
    /* bottom: 0; */
    /* right: 0; */
    /* border-top: 1px solid #e8e8e8; */
    /* width: 100%; */
    line-height: 40px;
    position: absolute;
    top: 0;
    background: #459dad;
    display: block;
    /* height: 10px; */
    border-radius: 0px 10px 10px 0px;
    margin: 15px 0px;
}
.travel_box .hover-wall .icon_info p.animate-text {
    font-size: 1.0em;
}
.travel_box .hover-wall .icon_info {height: 100%;border-radius: 10px;}
.travel_box .hover-wall .icon_info p.animate-text {font-size: 1.0rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;margin-bottom: 15px;}
.mega-menu {z-index: 4 !important;}
.mega-menu .menu-links > li:hover {background-color: #358897 !important;}
.tail_bar_left, .tail_bar_right {padding: 15px 20px !important;}
.list_right .main_nav, .list_right .has-parallax {
    display: none;
}

.list_right .section-box {
    margin-top: 0;
}

.list_right .navbar-expand {
    justify-content: left;
    margin-top: 0rem;
}

.list_right .list_content {
    padding-top: 0;
    padding-bottom: 0;
}

.list_right .travel_list:hover .list_price {
    background: #544b48;
}
.list_right .list_top {
    display: none;
}

.list_right .list_nav .nav-item:nth-child(1) a, .list_right .list_nav .nav-item:nth-last-child(1) a {
    border-radius: 30px;
}

.list_right .list_nav .nav-item a {
    border: 0px solid #544B48;
    text-align: center;
    border-radius: 30px;
    padding: 0.5em 1.5em;
    margin-left: 10px;
    color: #ffffff;
    background: #908B8B;
}

.list_right .list_nav .nav-item a.active {
    background: #f4c566 !important;
}
@media (min-width: 991px){.list_right {
position: fixed;
    right: 0;
    top: 110px;
}
}
.list_right .list_content .text {
    text-align: right;
}
.company_profile {background: #f9f8f9d1;}
.company_profile ul {
    padding-bottom: 1.0em;
    list-style: none;
    margin-top: 2.0em;
}
.company_profile ul li {
    line-height: 1.8;
    border-bottom: 1px solid #544b48;
    padding-bottom: 1.0em;
    margin-bottom: 1.0em;
    display: flex;
}
.company_profile ul li span.profile_title {width: 20%;float: left;}
.company_profile ul li span {width: 80%;float: left;}
.company_text p {line-height: 2.0;margin-bottom: 1.5rem;}