body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  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;
}
/** modify style code here. :) 友泰預設樣式 */

* {font-family: 'PT Sans',  Microsoft JhengHei , sans-serif;}
.footer-sample .logo-part .logo {width: auto; height: auto;}
a, a:hover, button, button:hover {text-decoration: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
img {display: initial;}

.header[data-position="header"] {position: fixed; background: #fff; z-index: 100;    width: 100%;}
.header-part {opacity: 0.8;}
.header[data-position="header"] + .row {padding-top: 82px;}

.top-main-menu .responsive-drop-down-menu > ul > li > a {padding: 15px;}

.footer-certification > .module-container > .main {justify-content: center;}
.footer-certification img {height: 50px;}

.page-footer .footer-wrap {}
.page-footer .footer-wrap .footer_center {
    margin-top: 1.5rem; max-width: 1200px;
}
.page-footer .footer-wrap .info_box p,.page-footer .footer-wrap .info_box h3 {
    color: #666666;
}
.page-footer .footer-wrap .info_box h3 {
    font-size: 1.05rem;
}
.page-footer .footer-wrap .icon_wrap p {
    font-size: 14px;
    letter-spacing: 1.0px;
}
@media screen and (min-width: 1200px) {
  .footer-wrap .contact-box a:nth-last-child(1) h4 {
    max-width: 320px;
}
}
.footer-wrap .contact-box h4 i {
    padding: 0px 4px !important;
}

.page-footer .footer-wrap .footer_sbox {background: #ffffff; padding-top: 10px; padding-bottom: 10px;display:none;}
.page-footer .footer-wrap .footer_sbox a img {max-width: 100%;}

.page-footer .contact-info {margin-top: 1.5rem!important;padding-right: 0;padding-left: 0;}
@media screen and (max-width:1200px) {
  	.page-footer .contact-info {margin-top: 1rem!important;}
    .header[data-position="header"] + .row {padding-top: 72px;}

}
@media screen and (max-width:991px) {
    .header[data-position="header"] + .row {padding-top: 54px;}

}


/*.out-recomend {
    position: relative;
 	font-family: "PT Sans", sans-serif;
    text-align: center;
    word-wrap: break-word;
    writing-mode: horizontal-tb;
    -ms-direction: rtl;
    -ms-writing-mode: tb;
    overflow: hidden;
}
.out-recomend>.icon h3 {
    text-align: center;
    color: #b4a582;
    font-size: 1.063em;
}
.out-recomend p {
    padding: 15px 0 50px 0;
}
.index .out-recomend>.icon img {
    margin-bottom: 15px;
}*/

.mainpic a {
  	display: block;
  	width: 100%;
    height: 100vh;
    text-align: center;
    word-wrap: break-word;
    writing-mode: horizontal-tb;
}
.mainpic a .info {
  	opacity: 1;
    width: 25vw;
    position: absolute;
  	top: 0;
    right: 0;
    height: 100%;
    text-align: right;
    border-left: #fff 1px solid;
    background-color: rgba(120, 125, 123, .4);
    word-wrap: break-word;
    writing-mode: horizontal-tb;
    -ms-direction: rtl;
    -ms-writing-mode: tb;
}
.mainpic a .info>.num {
    color: #b0c2c4;
    margin: 13% 32% 0 0;
    width: auto;
    float: right;
}
.mainpic a .info>.tit {
    margin: 30px 32% 0 0;
    float: right;
    width: 60px;
    position: relative;
}
.mainpic a .info>.tit h4 {
    line-height: 102%;
    letter-spacing: .2em;
    width: 20px;
    display: inline-block;
    height: 160px;
    word-wrap: break-word;
    writing-mode: horizontal-tb;
    font-size: 1.5em;
    color: #fff;
    float: right;
}
.mainpic a .info>.tit>p {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 0;
    margin: 0;
    color: #dac9a6;
    font-weight: 300;
    font-style: italic;
    font-size: 1.125em;
    position: absolute;
    left: -55px;
    top: 60px;
    text-align: left;
    width: 150px;
}
.mainpic a .info>.note {
    margin: 30px 44% 0 0;
    float: right;
}
.mainpic a .info>.note>p {
    line-height: 102%;
    letter-spacing: .2em;
    width: 20px;
    display: inline-block;
    height: 120px;
    word-wrap: break-word;
    writing-mode: horizontal-tb;
    color: #fff;
    float: right;
    font-weight: 300;
    font-size: 1em;
    padding: 0;
    margin-left: 8px;
}
.mainpic a .info>.more {
    position: absolute;
    right: 32%;
    bottom: 60px;
    color: #fff;
}

@media screen and (max-width:1860px) {
  	
}
@media screen and (max-width:1400px) {
    .mainpic a .info {width: 32vw;}
    .mainpic a .info>.more {bottom: 40px;}
}

@media screen and (max-width:1250px) {
    .mainpic a .info {width: 430px;}
}

@media screen and (max-width:1200px) {
  	
}

@media screen and (max-width:1024px) {
    .mainpic a .info {
        right: 0;
        opacity: 1;
    }
}

@media screen and (max-width:768px) {
    .mainpic a .info {width: 350px;}
}

@media screen and (max-width:767px) {
  	
}

@media screen and (max-width:490px) {
    .mainpic a .info {
        width: 100%;
        border-left: none;
    }
    .mainpic a .info>.tit>p {
        font-size: .85em;
    }
}


/*20190829 CAT add*/
.index_main_slider {background: #bfe4f6;}
.index_main_slider .slider-container { max-width: 100%;}
.index_main_slider .slider-container .rslides {margin: 0;}
.index_main_slider .slider-container .slider {background: #c6e6ed;}
.index_main_slider .slider-container .thumb { max-width: 1280px; margin: 0 auto;}
.index_main_slider .slider-container .thumb li {color: #000000;    padding-top: 10px;}
.index_main_slider .slider-container .thumb li.active span {border-bottom: none;color: #000000;}
@media screen and (max-width:490px) {.index_main_slider .slider-container .thumb li span {font-size: 0.6em;text-overflow: initial;}}

.index_main_slider .slider-container .thumb li.active:after {top: -26px;margin-left: -10px;border-color: transparent transparent #bfe4f6;border-width: 13px 10px;}
.index_main_slider .slider-container .thumb li + li:before {background-color: #ffffff;}
.top-main-menu p  {font-family: 'PT Sans', Microsoft JhengHei , sans-serif !important;} 
.top-main-menu .mega-menu .menu-logo > li > a { padding: 0 0 0 50px;}
.top-main-menu .mega-menu .menu-logo > li > a:hover { background-color: #ffffff00;}
.top-main-menu .mega-menu .menu-logo > li > a img {width: auto;position: relative;left: 0px;height: 50px;margin: 5px;}
@media screen and (max-width:1200px) {  .top-main-menu .mega-menu .menu-logo > li > a {padding: 0 10px 0 55px;}}
@media screen and (max-width:767px) {.top-main-menu .mega-menu .menu-logo > li > a {padding: 0;left: 36%;}}
@media screen and (max-width:500px) {.top-main-menu .mega-menu .menu-logo > li > a {left: 30%;}}
@media screen and (max-width:414px) {.top-main-menu .mega-menu .menu-logo > li > a {left: 26%;}}
@media screen and (max-width:375px) {.top-main-menu .mega-menu .menu-logo > li > a {left: 21%;}}

.top-main-menu .mega-menu .menu-logo > li > a img {height: 55px;margin: 10px 5px;}
@media screen and (max-width:1200px) {.top-main-menu .mega-menu .menu-logo > li > a img {height: 45px;}}
@media screen and (max-width:991px) {.top-main-menu .mega-menu .menu-logo > li > a img {height: 34px;margin: 7px 5px;}}


.top-main-menu .mega-menu .menu-mobile-collapse-trigger {background-color: #a7a7a7;    width: 60px;}
.top-main-menu .mega-menu .menu-mobile-collapse-trigger:hover {background-color: #a7a7a7;}
.top-main-menu .mega-menu .menu-mobile-collapse-trigger:before, .top-main-menu .mega-menu .menu-mobile-collapse-trigger:after, .top-main-menu .mega-menu .menu-mobile-collapse-trigger span {    height: 3px;}
.top-main-menu .mega-menu .menu-links > li:hover { background-color: #ffffff00 !important;}
.top-main-menu .mega-menu .mg-drop-down {background: rgba(255, 255, 255, 0.95) !important;width: auto;}
.top-main-menu .mega-menu .menu-links > li > a:hover::after {content:'';width: inherit;height: 2px;background-color: #88ceda !important;display: table;bottom: 0px;} 
.top-main-menu .mega-menu .menu-links > li > a:after {background-color: #ffffff00 !important;} 
.top-main-menu .mega-menu .menu-links { margin-top: 25px;}
@media screen and (max-width:1280px) {.top-main-menu .mega-menu .menu-links { margin-top: 15px;}}


.top-main-menu .mega-menu .menu-links > li > a {font-size: 1.2em;padding: 0 30px;font-family: 'PT Sans', Microsoft JhengHei , sans-serif;}
@media screen and (max-width:1280px) {.top-main-menu .mega-menu .menu-links > li > a {padding: 0 10px;}}
@media screen and (max-width:991px) {.top-main-menu .mega-menu .menu-links > li > a {padding: 0 4px;line-height: 40px;font-size: 1.0em;}}

.top-main-menu .mega-menu .menu-links li .list_box h4 {background: #58b5de;line-height: normal;padding: 3px 5px;display: table;border-radius: 5px;font-family: 'PT Sans', Microsoft JhengHei , sans-serif !important;}
.top-main-menu .mega-menu .menu-links li .list_box ul li {margin: 0px 0 4px 0;}
.top-main-menu .mega-menu .menu-links li .list_box {margin-right: 1em;}
.top-main-menu .mega-menu .menu-links li .list_box ul {margin-bottom: 0.5em;}
.top-main-menu .mega-menu .menu-links li .list_box ul li:nth-child(1) {line-height: normal;display: table;border-radius: 1px;font-family: 'PT Sans', Microsoft JhengHei , sans-serif !important;text-align: center;margin: 0px 0 8px 0;}
.top-main-menu .mega-menu .menu-links li .list_box ul li:nth-child(1) a {background: #ffffff;border: 1px solid #59b4dc;line-height: normal;padding: 3px 5px;display: table;border-radius: 5px;font-family: 'PT Sans', Microsoft JhengHei , sans-serif !important;padding: 30px 0;width: 90px;text-align: center;}
.top-main-menu .mega-menu .menu-links li .list_box ul li:nth-child(1) a:hover {background: #f8ba4d;border: 1px solid #f8ba4d;}

.top-main-menu .mega-menu .menu-links li .list_box ul li:nth-child(1) a p {color: #ffffff !important;font-weight: 700;color: #59b4dc  !important;}
.top-main-menu .mega-menu .menu-links li .list_box ul li:nth-child(1) a:hover p {color: #ffffff !important;/* color: #fcca4f !important; */}
.top-main-menu .mega-menu .menu-links li .list_box a:hover p {color: #58b5de !important;}
.top-main-menu .mega-menu .menu-links li .list_box a p {font-size: 1.0rem;text-align: center;}
.top-main-menu .mega-menu .menu-links li div.mg-drop-down.col-12 {left: 300px;width: auto;}
@media screen and (max-width:991px){.top-main-menu .mega-menu .menu-links li div.mg-drop-down.col-12 {left: 226px;width: auto;}}
@media screen and (max-width:768px){.top-main-menu .mega-menu .menu-links li div.mg-drop-down.col-12 {left: initial;width: auto;}}

.promo .promo_inner div.txt2 { height: 100px !important;}
.promo .promo_inner .caption { background: #ffffff  !important;}
.prome_style .promo_list .caroufredsel_wrapper { margin: 0 auto !important;}
.prome_style .promo-next, .prome_style .promo-prev {
    position: absolute;
    top: 40%;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    background: #0000;
}

.prome_style .promo-next:focus,.promo-next:hover,.promo-prev:focus,.promo-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.prome_style .promo-prev {
    left: -12%;
}

.prome_style .promo-next {
    right: -12%;
}
.prome_style .promo-prev-icon, .prome_style .promo-next-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #1dbbb4 no-repeat center center;
    background-size: 60%;
}
@media (max-width: 1200px) {
  .prome_style .promo-prev {
    left: 20%;
    top: initial;
    bottom:0%;
    height: auto;
}

.prome_style .promo-next {
    right: 20%;
    top: initial;
    /* bottom:0% */
    height: auto;
}
.prome_style .promo-prev-icon, .prome_style .promo-next-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #1dbbb4 no-repeat center center;
    background-size: 60%;
}
}
@media (max-width: 768px) {
.prome_style   .promo-prev {
    left: 10%;
    top: initial;
    height: auto;
}

.prome_style .promo-next {
    right: 10%;
    top: initial;
    height: auto;
}
}
.prome_style .promo-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.prome_style .promo-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.PopularArea ul{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}    
.PopularArea li {
    flex: 0 0 12.5%;
    max-width: 12.5%;
    border-bottom: 1px solid #e4e7ea;
}

.PopularArea div.link-list ul li a i {
    margin-right: 4px;
}
.PopularArea div.link-list ul li a:hover i {
    margin-right: 5px;
}
@media screen and (max-width:1200px) {
  .PopularArea li {    flex: 0 0 16.666667%;    max-width: 16.666667%;    }
}
@media screen and (max-width:768px) {
  .PopularArea li {    flex: 0 0 25%;    max-width: 25%;    }
}
@media screen and (max-width:768px) {
  .PopularArea li {    flex: 0 0 25%;    max-width: 25%;    }
  .PopularArea div.link-list ul li a {
    padding: 5px;
    font-size: 13px !important;
}
}
@media screen and (max-width:375px) {
  .PopularArea div.link-list ul li a i {
    margin-right: 3px;
}
}

.cards-wrapper h2{font-size: 1.7rem;border-bottom: 1px solid #f0f0f0;display: table;margin: 0.3em auto;padding: 15px;letter-spacing: 0.05em;}
.index_title h2 {
    color: #464646;
    font-weight: 600;
    padding: 20px 0 20px;
    margin: 0 0 10px 0;
    display: table;
    margin: 0.5em auto;
    padding: 20px;
    font-size: 2.0rem;
}
.index_title h2 img {width: 50px;padding-right:10px;}
.htpro_tit span {
    color: #080404;
    font-weight: 600;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 6px solid #fcca4f;
    letter-spacing: 0.2em;
    }
    .htpro_tit p {
    color: #8d8d8d !important;
    font-weight: 500;
    margin: 0 0 10px 0;
    letter-spacing: 0.1em;
    }
.btn-container .function-row h2 {    color: #464646;
    font-weight: 600;
    padding: 20px 0 20px;
    margin: 0 0 10px 0;
    font-size: 1.7em;
    border-bottom: 1px solid rgb(240, 240, 240);
    margin: 0.3em auto;
    padding: 15px;
    display: table;}
.thpro_tit h1 {
    font-weight: 600;
    padding: 20px 0 20px;
    margin: 0 0 10px 0;
    font-size: 1.7em !important;
    border-bottom: 1px solid rgb(240, 240, 240);
    margin: 0.3em auto;
    padding: 15px;
    display: table;
    color: #464646;
    }
.PopularArea {background: #d7edf8;border-radius: 10px;}    
.PopularArea > .module-container {    margin: 10px;}
.PopularArea > .module-container .main { padding: 15px; }
#search_engine > form {box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);padding: 20px 20px;border-radius: 10px;background: #fff;}
@media screen and (max-width:576px) {#search_engine > form {padding: 10px;}}
#search_engine > form:hover {box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.31);}
.search-area .search-box  .title i {
    color: #59B4DC !important;
}
.search-area .search-box .select-place .select select, .search-area .search-box .select-goal .select select {padding: 5px;    height: auto !important;}

@media screen and (min-width:1440px) {
.company-info {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.contact-info {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;   }

}
@media screen and (min-width: 1200px) {
.contact-info {
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
	max-width: 70%;
	}

}
@media screen and (max-width: 1200px) {
.contact-info {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}

}
@media screen and (max-width:576px) {.footer-wrap .info_box a img {display:none;}}
.fb-info {    display: none;}
.hidden_title .htpro_tit { display: none;}
.function-row li a {
    position: relative;
    transition: 0.5s;
    bottom: 0;
    }
.function-row li a:hover {transition: 0.5s;bottom: 15px;box-shadow: 1px 1px 10px #576366;}
div.message-list {background: #fcd353 !important;border-radius: 50px;color: #000 !important;}
div.message-list ul li a {color: #444 !important;padding: 0 10px !important;}
.hover-wall .icon_info h3 {font-size: 1.2em !important;}

.box_nav ul.nav{margin: 1.5rem 0;border-bottom: 0px;}
.box_nav ul.nav li.nav-item {margin: .5rem;}
.box_nav ul.nav li.nav-item a{padding: 0.5rem 1.5rem;background: #ffffff;color: #59B4DC;border-radius: 0;border: 1px solid #59B4DC;}
.box_nav ul.nav li.nav-item a.active{background: #59B4DC !important;color:#fff;}

.country_box {-webkit-box-shadow: 0 4px 8px 3px #eee;box-shadow: 0 4px 8px 3px #eee;}
@media (min-width: 991px) {
.country_tab .tab_container {width: 50% !important;}
.country_tab .module_box_title {width: 50% !important;}
}

@media (max-width: 991px){
  .country_tab .module_box_title ul {
    padding: 0 1em !important;
}}


.breadcrumb {background-color: #ffffff;}
.breadcrumb-item a {
    color: #59B4DC;
    font-size: 1.2rem;
    font-weight: 600;
}
.breadcrumb-item a:hover {text-decoration: underline;}
.breadcrumb-item.active {}
.prome_style .promo_pagination a {background: url(https://materials.fillo.com.tw/materials/lux-holiday/images/3619ab2a-5cc7-4bd6-a054-8adb4bd0999c.png?t=1569893212.497) center center no-repeat;}
.prome_style .promo .promo_inner:hover figure .over .v1 span {
    font-style: normal;
    font-size: 16px;
}
.hoverwall_style .hover-wall .icon_info h4 {
    font-style: normal;
    color: #fb000d;
    font-size: 20px;
}
.hoverwall_style .hover-wall .icon_info {height:100%;}
.function-row li a h3 {font-size: 20px !important;}
.ads-wrapper .item_box .item_more_txt {height: 80px;}
.ads-wrapper .item_box h4 {color: #fb000d !important;}
.country_tab .module_box_title ul li {
    padding: 1em 0 1em 0 !important;
    border-bottom: 1px solid #cccccc !important;
}
/*left_box*/
.left_box_content {background:#e3f6ff;transition: visibility 0.3s ease-in,opacity 0.3s ease-in;opacity: 1;position: fixed;left: 0;right: 0;height: 100%;z-index: 999;}
.left_box_content >.row {
    width: 100%;
    /* max-width: 252px; */
    /* min-width: 177px; */
    /* overflow: scroll; */
    height: 100%;
    background-color: #fff;
    border-right: 1px solid #dedede;
    position: absolute;
    top: 0;
    /* left: 0; */
    z-index: 180;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.left_box_content >.row .Left_Box  {
    width: 100%;
    overflow: hidden;
    flex: 1 1 100%;
    position: relative;
    display: block !important;
    margin: 0;
    padding: 5px;
    background: #e3f6ff;
}
.left_box_content >.row .Left_Box > .module-container {
    width: calc(100% + 16px);
    height: calc(100% - 329px);
    overflow-x: hidden;
    overflow-y: auto;
}
.left_box_content.hidden {transition: visibility 0.3s ease-in,opacity 0.3s ease-in;transition: .3s;display: none !important;}
@media (min-width: 991px){
.right_box_content {margin-left: 16.666667%;}
.footer_box_content {margin-left:16.666667%;}
}
@media (max-width: 991px) {
  /*.right_box_content {margin-left: 25%;}
  .footer_box_content {margin-left:25%;}*/
}
@media (max-width: 767px) {
  .right_box_content {margin-left: 0%;}
  .footer_box_content {margin-left:0%;}
}
.right_box_content.show, .footer_box_content.show {transition: visibility 0.3s ease-in,opacity 0.3s ease-in;transition: .3s;margin-left: 0%;}
.Left_Box div.link-list ul li {width:50%;    float: left;}
.Left_Box div.link-list ul li a {padding: 3px 0px 3px 12px;line-height: 24px;}
@media (max-width: 574px){
	.Left_Box div.link-list ul li a {line-height: 22px;padding: 5px 0px 5px 2px;}
	.Left_Box div.link-list ul li i {font-size: 14px;margin-right: 2px;}
}
    
@media (max-width: 991px){.Left_Box div.link-list ul li {width: 50%;}}
@media (max-width: 767px){.Left_Box div.link-list ul li {width: 25%;}}
@media (max-width: 574px){.Left_Box div.link-list ul li {width: 33%;}}
.left_btn {position: absolute;z-index: 999;width: 65px;top: 1.0em;}
@media (max-width: 991px){.left_btn {position: absolute;z-index: 999;width: 65px;top: 0.3em;}}
.left_box_content .falls-container .grid .grid-item { background: #299cd2;width: 120px;  height: 120px;  border-radius: 100%;  text-align: center;}
.left_box_content .falls-container .grid .grid-item img {width: auto;max-width: 50px;margin: 20px auto 5px auto;}
.left_box_content .falls-container .grid .grid-item h3 {text-align:center;color: white;}
@media (max-width: 768px){
  .left_box_content .falls-container .grid .grid-item img {/* width: 100%; *//* display:none; */width: 50px;}
  .left_box_content .falls-container .grid .grid-item h3 {text-align:center;display:block;background: #299cd2;padding: 3px;/* border: 1px solid #fff; */color: #fff;font-size: 1.0rem;}

}
.left_box_content .member_box {background: #299cd2;width: 120px;  height: 120px;  border-radius: 100%;  text-align: center;}
.left_box_content .member_box img {width: auto;max-width: 50px;margin: 20px auto 5px auto;}
.left_box_content .member_box h3 {text-align:center;color: white;font-size: 1.0rem;}
.left_member .main  {text-align:center;}
@media (max-width: 991px) {.left_member {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}}
@media (max-width: 768px) {.left_member {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}}
@media (max-width: 574px) {.left_member {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}}
.left_icon .main  {text-align:center;}
@media (max-width: 991px) {.left_icon {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}}
@media (max-width: 768px) {.left_icon {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}}
@media (max-width: 574px) {.left_icon {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}}

.js-notice {display:none;}
.left_area {/* max-height: inherit; *//* overflow: auto; */    max-width: 500px;margin: 0 auto}
/*left_box end*/

.offer-accordion .side-menu ul {
    height: 100%;
    list-style: none;
    background: #ffffff;
    -moz-box-shadow: 0 0 5px #11111100;
    -webkit-box-shadow: 0 0 5px #11111100;
    box-shadow: 0 0 5px #11111100;
    margin-bottom: 0px;
    padding: 0 !important;
}
.offer-accordion .side-menu ul li.block {
    padding: 10px;
    border-radius: 12px;
    overflow: hidden;
}
.offer-accordion .side-menu ul li input[type='checkbox']:checked ~ label {
    background: #44c6eb;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44c6eb), to(#2799db));
    background: -webkit-linear-gradient(top, #44c6eb, #2799db);
    background: -moz-linear-gradient(top, #44c6eb, #2799db);
    background: -ms-linear-gradient(top, #44c6eb, #2799db);
    background: -o-linear-gradient(top, #44c6eb, #2799db);
    border-top: 1px solid #59b4dc;
    border-bottom: 1px solid #59b4dc;
    background: #59b4dc;
}
.offer-accordion .side-menu ul li input[type='checkbox']:checked ~ .options {
    /* border: 1px solid #7c8287; */
    box-shadow: none;
}
.offer-accordion .side-menu ul li label {
    color: white;
    font-size: 1.5em;
    text-shadow: none;
    letter-spacing: 0.09em;
    background: #575e63;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575e63), to(#3f4347));
    background: -webkit-linear-gradient(top, #575e63, #3f4347);
    background: -moz-linear-gradient(top, #575e63, #3f4347);
    background: -ms-linear-gradient(top, #575e63, #3f4347);
    background: -o-linear-gradient(top, #575e63, #3f4347);
    border-top: 1px solid #59b4dc;
    border-bottom: 1px solid #3385a8;
    margin-bottom: 0;
    background: #59b4dc;
    border-radius: 30px;
    cursor: pointer;
}
.offer-accordion .side-menu ul li i {
    font-size:1.0em;
}
.offer-accordion .side-menu ul li label:hover {
    background: #3385a8;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#566f82), to(#3e505e));
    background: -webkit-linear-gradient(top, #566f82, #3e505e);
    background: -moz-linear-gradient(top, #566f82, #3e505e);
    background: -ms-linear-gradient(top, #566f82, #3e505e);
    background: -o-linear-gradient(top, #566f82, #3e505e);
    background: #3385a8;
}
.offer-accordion .side-menu ul ul li a {
    display: block;
    color: #666666;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 12px;
    font-size: 1.2em;
}
.offer-accordion .side-menu ul ul li a:hover {
     color: #969696;
}

@media (max-width: 1200px) {
  .page-footer .footer-wrap .footer_nav li a {
    padding: 0.8em 1.0em;
}
}








/*main*/
.web-page-frame .go-to-top {width: 60px;height: 60px;}
.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:hover .top:after {margin-top: 20px;}
.web-page-frame .go-to-top .top-txt{left:calc(50% - 13px)}
.web-page-frame .btn-primary{color:#fff!important;background-color: #59B4DC !important;border-color: #59B4DC !important;border-radius: 0;}
.web-page-frame .btn-primary:hover{color:#fff!important;background-color: #59B4DC !important;border-color: #59B4DC !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: #59B4DC!important;border-color: #59B4DC;}
.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: #f8ba4d !important;border-color: #f8ba4d !important;}
.web-page-frame .btn-green:hover{color:#fff!important;background-color: #f8ba4d !important;border-color: #f8ba4d !important;}
.web-page-frame .btn-light{color:#fff!important;background-color: #6c757d !important;border-color: #6c757d !important;}
section.group_table .table a:hover{color: #598294;}
section.group_table .table .trip_name a:hover{color:#59B4DC}
.info .btn-primary{background-color:#59B4DC;border-color:#59B4DC}
.info .btn-primary:hover{color:#fff!important;background-color: #59B4DC!important;border-color: #59B4DC!important;}
.web-page-frame .text_blue{color:#59B4DC}
.search-area .search-box .search-btn{background: #fcca4f !important;color: #000 !important;}
.list_con .style_icon .nav-pills .nav-link.active svg{fill:#59B4DC!important}
.filter_list i{color:#59B4DC!important}
.web-page-frame .search-area .search-box .select-goal .title i{color:#59B4DC!important}
.web-page-frame .search-area .search-box .select-place .title i{color:#59B4DC!important}
.web-page-frame .search-area .search-box .select-date .title i{color:#59B4DC!important}
.web-page-frame section.search_banner .search-area .search-box .select-input .data-icon-search{color:#59B4DC!important}
.radio_style [type="radio"]:checked+label:after{background:#59B4DC!important}
section.search_con .pagination .page-item .page-link{border:1px solid #59B4DC!important;}
section .page-item.active .page-link {background:#59B4DC;}
section.search_con .pagination .page-item .page-link:hover,section.search_con .pagination .page-item .page-link:active{background:#59B4DC!important}
section .page-link {color: #333333;}
.web-page-frame .irs-slider{background:#59B4DC}
.web-page-frame .irs-slider.state_hover,.web-page-frame .irs-slider:hover{border:2px solid #59B4DC}
.web-page-frame .irs-from,.web-page-frame .irs-to,.web-page-frame .irs-single{background:#59B4DC}
.web-page-frame figure.block_style .main_words a:hover {color:#59B4DC}
.web-page-frame .pic_style figure.block_style .main_words a:hover {color:#59B4DC} 
.web-page-frame figure.block_style .note_words .share_box:hover {color:#59B4DC}
.web-page-frame .table .thead, .web-page-frame .table .thead:hover {background: #59B4DC;}
.web-page-frame section.group_table.trip_airline .table .thead th {border-right: 1px solid #59B4DC;}
.web-page-frame section.group_banner .media-grouop .share_box:hover, .web-page-frame section.group_banner .media-grouop .forword_box:hover { background: #59B4DC;}
.web-page-frame section.group_table.trip_airline .table .thead:hover  { background: #59B4DC;}
.web-page-frame .filter_list .form-check .customcheck input:checked ~ .checkmark {background-color: #59B4DC;}
.web-page-frame section.group_banner.trip_banner .btn-info {background-color: #59B4DC;border-color: #59B4DC;}
.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);}
.popover {background: #59B4DC !important;}
.popover .close {border: 1px solid #59B4DC !important;color: #59B4DC !important;}
.popover .arrow:after, .popover .arrow:before {border-color: transparent transparent #59B4DC transparent !important;}
.popover .close:hover {background: #59B4DC !important;}
.web-page-frame .sub_menu-trip .trip_menu li a:hover {/* background: #59B4DC; */}
.Day_menu .swiper_day .swiper-slide a:hover {background: #59B4DC !important;border: 1px solid #59B4DC !important;}
section.trip_note .card-header .btn {background: #59B4DC !important;color: #fff !important;}
section.group_banner .img_box {/*background-image: none !important;*/}
section.group_table .table .pdf i {color: #59b4dc;}
.group_table  table    { width: 100% !important;}
.group_table  img    { height: initial !important;margin: 0 auto;display: block;}
/*main*/

.photo_text {    background: #00000085;padding: 10px;max-width: 600px;margin: 0 auto;}
@media (max-width: 500px) {
  .photo_text {    max-width: 100%;}
  .index_title .bgfixed, .index_title .bgfixed>div  {
    min-height: 50vh !important;
}
}
.photo_text span {
    color: #080404;
    font-weight: 600;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 6px solid #fcca4f;
    letter-spacing: 0.2em;
    }
    .photo_text p {
    color: #ffffff !important;
    font-weight: 500;
    margin: 0 0 10px 0;
    letter-spacing: 0.1em;
    }
.activity-date {}
.activity-date .text-link h2{padding: 10px;background: #f0f0f0;margin-bottom: 0;}
div:nth-child(odd).activity-date .text-link h2 {background: #e1e1e1;}
.activity-holiday .text-link h2{background: #158080 !important;color: #ffffff !important;}
.activity-date .text-link{padding: 1px;}
.activity-date .text-link .link-list{}
.activity-date .text-link .link-list ul li {text-align:center;}
.activity-date .text-link .link-list ul li a {padding: 5px 5px 5px 10px;}
.displaynone {display: none!important;}
.list-wrapper .name-block {
    position: relative;
    width: 100%;
    vertical-align: middle;
    font-size: 18px;
}

.list-wrapper .name-block a {
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    word-wrap: break-word;
}
.list-wrapper .row {
	position: relative;
    width: 100%;
    vertical-align: middle;
}
.list-wrapper .note-block, .list-wrapper .price-block {
	position: relative;
	width: 100%;
	top: 50%;
	display: flex;
    align-items: center;
}
.list-wrapper .note-block {
	font-size: 18px !important;
}
@media screen and (min-width:950px) {
   #field_11, #field_5  {    
    flex: 0 0 50%;
}
   #field_3, #field_4, #field_14, #field_2 {    
    flex: 0 0 25%;
}
#field_11, #field_4, #field_5, #field_14 { 
   padding: 0% 0% 2% 2%!important;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(3rem + 2px)!important;
    border-radius:0px;
}
}
.member_btn a {
    color: rgb(255, 255, 255);
    text-align: center;
    background: #299cd2;
    width: 100%;
    max-width: 170px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    font-size: 20px;
    display: table;
}
.member_btn a:hover {background: #f8ba4d;}
.member_btn a img {margin-right:5px;width: 24px !important;height: 24px !important;}
@media  (max-width:1200px)and (min-width:991px){
.member_btn a img {
    max-width: 24px;max-height: 24px;
}	
.member_btn a {font-size: 16px;}
}
.each_icons a {display: none !important;}

/*
.trip_day .day_con {
	
}
	.trip_day .day_con .info_box {
		margin-bottom: 15px;
	}
		.trip_day .day_con .info_box .word_r, .trip_day .day_con .info_box .word_l {
    		position: static;
    		width: 100%;
    		max-width: 100%;
    		margin: 0 !important;
		}
			
			.trip_day .day_con .info_box .word_r h1.day_title, .trip_day .day_con .info_box .word_l h1.day_title {
				color: #59b4dc;
				text-align: left;
				padding: 15px;
			}
			.trip_day .day_con .info_box .word_r h1.day_title::before, .trip_day .day_con .info_box .word_l h1.day_title::before {
				display: none;
			}
			.trip_day .day_con .info_box .word_r h2.day_sub-title, .trip_day .day_con .info_box .word_l h2.day_sub-title {
				color: #fff;
				text-align: left;
				background: #59b4dc;
				margin-top: 0 !important;
				padding: 15px;
			}
			@media (max-width: 575.98px) {
				.trip_day .day_con .info_box .word_r h2.day_sub-title, .trip_day .day_con .info_box .word_l h2.day_sub-title {
					font-size: 1.1rem;
				}
			}
		.trip_day .day_con .info_box .word_r + div, .trip_day .day_con .info_box .word_l + div {
			flex: 0 0 100%;
    		width: 100%;
    		max-width: 100%;
    		padding: 0;
		}
			.trip_day .day_con .info_box .word_r + div, .trip_day .day_con .info_box .word_l + div > .info {
				margin-bottom: 15px;
			}
				.trip_day .day_con .info_box .word_r + div > .info > img, .trip_day .day_con .info_box .word_l + div > .info > img {
					display: none;
				}
				.trip_day .day_con .info_box .word_r + div > .info > p, .trip_day .day_con .info_box .word_l + div > .info > p {
					margin-top: 10px;
				}
				.trip_day .day_con .info_box .word_r + div > .info > p.meal, .trip_day .day_con .info_box .word_l + div > .info > p.meal {
					padding-bottom: 0;
				}
					.trip_day .day_con .info_box .word_r + div > .info > p.meal i, .trip_day .day_con .info_box .word_l + div > .info > p.meal i {
						color: #59b4dc;
					}
				.trip_day .day_con .info_box .word_r + div > .info > p.hotel, .trip_day .day_con .info_box .word_l + div > .info > p.hotel {
					padding-bottom: 0;
				}
					.trip_day .day_con .info_box .word_r + div > .info > p.hotel i, .trip_day .day_con .info_box .word_l + div > .info > p.hotel i {
						color: #59b4dc;
					}
				@media (max-width: 991.98px) {
					.trip_day .day_con .info_box .word_r + div > .info > p.hotel, .trip_day .day_con .info_box .word_l + div > .info > p.hotel {
						margin-top: 20px;
					}
				}*/


				#blk-0c85095c-a7aa-4cbd-8b38-b62ecd35142c {
    margin: 0 auto;
    width: 100%;
    height: 254px;
    overflow: hidden;
    line-height: 20px;
    font-size: 18px;
    text-align: center;
    /* border-radius: 99em; */
    /* border-top: 1px solid #11acf0; */
    display: block !important;
    cursor: pointer;
    position: absolute;
    bottom: 73px;
    left: 19px;
    background: #e3f6ff;
    padding: 0;
}

@media  (max-width:991px)and (min-width:768px) {#blk-0c85095c-a7aa-4cbd-8b38-b62ecd35142c {left: 0px;}}

#blk-0c85095c-a7aa-4cbd-8b38-b62ecd35142c .module-container{
    /* display: flex; */
    align-items: center;
    position: relative;
    padding: 0px;
    font-size: 16px;
    cursor: pointer;
    transition: 400ms all linear;
    }
    @media  (min-width:991px) {section.group_banner.search_banner {height: 320px;}}

    section.group_banner.search_banner {
    background: url(https://materials.fillo.com.tw/materials/lux-holiday/images/04737794-efd3-4e5f-9e07-f50f3b896378.jpg) center center no-repeat;}
section.group_table.trip_features {text-align: initial;}
#collapseThree .card-body table thead th:nth-child(4),
#collapseThree .card-body table thead th:nth-child(5),
#collapseThree .card-body table thead th:nth-child(6),
#collapseThree .card-body table thead th:nth-child(7) {
  /* display:
  none; */
  }
#collapseThree .card-body tbody tr td:nth-child(4), 
#collapseThree .card-body tbody tr td:nth-child(5),
#collapseThree .card-body tbody tr td:nth-child(6),
#collapseThree .card-body tbody tr td:nth-child(7) {
  /* display:none; */
  }
#collapseThree .card-body table thead th.item_name{
    text-align: left;
}
#collapseThree .card-body tbody tr td:nth-child(3) {/* text-align:left; */}
.history_style .mix-wrapper h3 {
    margin-bottom: 1rem;
    color: #fcca4f !important;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.history_style .mix-wrapper p {
    letter-spacing: 0.1em;
}
@media  (min-width:991px) {
	.history_style:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background-color: #ccc;
}
.history_style .mix-wrapper>.row {position:relative;}
.history_style .mix-wrapper>.row::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: translateX(-50%);
    background-color: #fcca4f;
    z-index: 1;
}
}
  .Chairman_Message .photo_text {
    background: #000000ab;
    max-width: 800px;
    padding: 5% 6%;
}
  .Chairman_Message .photo_text p, .Chairman_Message .photo_text ol {
    line-height: 1.8;
    text-shadow: #3f2f00 0.1em 0.1em 0.2em;
}
.Chairman_Message .photo_text ol li {
    padding-bottom: 0.5em;
}
.Chairman_Message .photo_text ol li span {
    color: #fcca4f;
    font-weight: 600;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border: none;
}
.top-main-menu .mega-menu .menu-mobile-collapse-trigger{/* position:fixed!important; */right: 20px;height:40px;width:40px;background: none !important;top: 8px;}
.top-main-menu .mega-menu .menu-mobile-collapse-trigger span,.top-main-menu .mega-menu .menu-mobile-collapse-trigger:after,.top-main-menu .mega-menu .menu-mobile-collapse-trigger:before{height: 2px;width:24px;top:10px;background: #22258a;}
.top-main-menu .mega-menu .menu-mobile-collapse-trigger span{top:19px!important}
.top-main-menu .mega-menu .menu-mobile-collapse-trigger:after{top:28px}
.top-main-menu .mega-menu .menu-mobile-collapse-trigger.active:before{-webkit-transform:rotate(45deg)!important;-ms-transform:rotate(45deg)!important;transform:rotate(45deg)!important;width:33px;left:8px;top:7px}
.top-main-menu .mega-menu .menu-mobile-collapse-trigger.active:after{-webkit-transform:rotate(-45deg)!important;-ms-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important;width:33px;top:30px;left:8px}
figure.block_style .note_words {font-size: 0.9rem;}
figure.block_style .price_box span {font-size: 1.4rem;}
figure.block_style .price_box h4 small {font-size: 0.9rem;}

@media  (max-width:991px) and (min-width:1440px)  {
	figure.block_style .note_words {width: 66%;}
    figure.block_style .price_box {width: 34%;}
}
section.group_banner .price_content .panel-info .panel-body {font-size: 1.0rem;}
section.group_banner .price_content .panel-info .panel-heading {font-size: 1.0rem;}
.basic-air-info .go h3, .basic-air-info .back h3 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}
.basic-air-info .go h4, .basic-air-info .back h4 {
    font-size: 1.3rem;
}
section.group_banner.trip_banner h3.price {
    font-size: 2.0rem;
}
@media (min-width: 576px){
  .modal-dialog {
    margin: 7.5rem auto 1.75rem auto;}
}

.day_con .info_box > .row > div:nth-child(1){display:none;}
.day_con .info_box > .row > div:nth-child(2){max-width:100%;flex:0 0 100%;}
section.group_table.trip_day .info_box .info_box_title{margin-left:0;}

.alert_box{position: fixed;bottom: 0;}
.lux_alert{width: 100%;padding:8px 25px;margin:0;background-color: #88ceda;/* height:46px; */text-align: left;display: flex;/*    display: none !important;*/justify-content: center;align-items: center;border-radius: 10px 10px 0 0;}
.lux_alert p{font-size:.9rem;color: #fffdef;line-height: 1.25;margin-bottom:0}
@media (max-width:767px){.lux_alert p.pc{display: none;}}
@media (max-width:767px){.lux_alert p.mobile{display: block;}}
@media (min-width:767px){.lux_alert p.mobile{display: none;}}
.lux_alert a{display:inline;cursor:pointer;/* font-size:16px!important; */color:#fff;text-decoration:underline;padding:0 5px}
.lux_alert a:hover{color:#ffdf2b}
.alert_close_btn{cursor:pointer;font-size:.9rem!important;color: #d0f8ff;text-decoration:none;background-color: #76b9c4;border:none;border-radius:5px;padding:3px 8px;margin:0 12px;min-width: 80px;}
.alert_close_btn:hover{font-weight:700;background-color: #77b6c1;}
.D_products_group_search .lux_alert {/*display: none;*/}
@media (min-width:992px){.lux_alert p{display:inline;max-width: 900px;}
}
@media (max-width:767px){
.alert_close_btn{margin: 3px 5px;font-size: .8rem !important;padding: 2px 3px;/* min-width: 33px; */}
.lux_alert{text-align:left;display:flex;flex-wrap:nowrap;padding: 8px 10px;flex-direction: column;height: auto;}
.lux_alert p{font-size:.8rem;line-height:1.2}
}