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;
}
/*公版*/
body.WinChrome a.go-to-top{display: none !important;}
table{max-width:100% !important;}

/*list*/
body.D_products_group_search{background: #fff;}
.D_products_group_search section.group_banner.search_banner{margin-top: 80px;}
.D_products_group_search .search-area .search-box .select-place .title i, 
.D_products_group_search .search-area .search-box .select-goal .title i, 
.D_products_group_search .search-area .search-box .select-date .title i, 
.D_products_group_search section.group_banner .search-area .search-box .select-input i{color: #9fb060;}
.D_products_group_search section.group_banner .search-area .search-box .search-btn{background: #F3B700;}
.D_products_group_search .filter_list .accordion .card{border-bottom: 1px solid rgba(0,0,0,.125);}
.D_products_group_search .filter_list i{color: #9fb060;}
.D_products_group_search .irs-from, .D_products_group_search .irs-single, .D_products_group_search .irs-to{background: #4c7b38;}
.D_products_group_search .irs-slider{background:#9fb060;}
.D_products_group_search .irs-slider.state_hover, .D_products_group_search .irs-slider:hover{border-color: #9fb060;}
.D_products_group_search .irs-bar{background: #9fb060;}
.D_products_group_search .filter_list .form-check .customcheck input:checked ~ .checkmark{background-color: #9fb060;}
.D_products_group_search .badge-primary{background-color: #4c7b38;}
.D_products_group_search .list_con .style_icon .nav-pills .nav-link.active svg {fill: #f3b700;}
.D_products_group_search .text_blue { color: #eb1c1f;}
.D_products_group_search section.search_con .pagination .page-item .page-link:hover, 
.D_products_group_search section.search_con .pagination .page-item .page-link:active{border-color: #4c7b38; color: #4c7b38;}
.D_products_group_search section.search_con .pagination .page-item .page-link:hover svg, 
.D_products_group_search section.search_con .pagination .page-item .page-link:active svg {fill: #4c7b38;}
.D_products_group_search figure.block_style .pic_all::after{border-color: transparent transparent transparent rgba(76, 123, 56, 0.5);}
.D_products_group_search .search_table .thead, 
.D_products_group_search .search_table .thead:hover{background: #9fb060;}
.D_products_group_search .search_table .main_words .title_main:hover, 
.D_products_group_search figure.block_style .main_words a:hover, 
.D_products_group_search .pic_style figure.block_style .main_words a:hover{color: #f3b700 !important;}
.D_products_group_search section.search_con .pagination .page-item.active .page-link{border-color: #9fb060; color: #9fb060;}

/*detail*/
body.D_products_group_detail{background: #fff;}
.D_products_group_detail .breadcrumb-item+.breadcrumb-item a{color: #9fb060;}
.D_products_group_detail .breadcrumb-item+.breadcrumb-item a:hover{color: #4c7b38;}
.D_products_group_detail section.group_banner .price_content .panel-info{border: 1px solid #9fb060;}
.D_products_group_detail section.group_banner .price_content .panel-info .panel-heading{background: #9fb060;}
.D_products_group_detail .basic-air-info{border: 1px solid #4c7b38;}
.D_products_group_detail section.group_banner.trip_banner .basic-air-info h3{color: #9fb060;}
.D_products_group_detail .basic-air-info .go i, .D_products_group_detail .basic-air-info .back i{color: #F3B700;}
.D_products_group_detail .basic-air-btn a{background: #4c7b38; border: 1px solid #355f24;}
.D_products_group_detail .basic-air-btn a:hover{background:#355f24;}
.D_products_group_detail section.group_table.trip_features:after, 
.D_products_group_detail section.group_table.trip_airline:after, 
.D_products_group_detail section.group_table.trip_day:after, 
.D_products_group_detail section.group_table.trip_note:after, 
.D_products_group_detail section.group_table.view_intro:after, 
.D_products_group_detail section.group_table.tripdown:after{background: #747da5;}
.D_products_group_detail section.group_banner.trip_banner .basic_box{background: #ffffff;}
.D_products_group_detail section.group_banner.trip_banner .container{border: none;}
.D_products_group_detail section.group_table.trip_day .group_table_box table.table .thead{background: #9fb060;}
.D_products_group_detail section.group_table.trip_day table.table tr.thead th:nth-child(2), 
.D_products_group_detail section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{background: #4c7b38;}
.D_products_group_detail section.group_table.tripdown .search_table tr.thead{background: #9fb060;}
.D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link{border-color: #4c7b38;color: #4c7b38;}
.D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link:hover{color:#355f24;}
.D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link.active{color: #fff;background: #4c7b38;}
.D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link svg{fill: #4c7b38;}
.D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link.active svg{fill: #fff;}
.D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation .btn-primary{background-color: #f3b700; border-color: #f3b700;}
.D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation .btn-primary:hover{color: #fff; background-color: #ebb100; border-color: #ebb100;}
.D_products_group_detail .fc .fc-toolbar.fc-header-toolbar{background: #9fb060;}
.D_products_group_detail .fc .fc-button-primary:disabled{background-color: #4c7b38;}
@media (max-width:991px) {
    .D_products_group_detail section.group_table.tripdown .search_table tr.thead{display: none;}
}

/*order*/
.group_home .group_order_width{margin-top: 110px;}


/*header*/
.row.header{position: fixed; width: 100%; z-index: 999;}
.header_box .header-part .navbar-brand{padding: 0; margin-left: 15px;}
.header_box .header-part .navbar-nav li.nav-item{margin: 0 1.5rem;}
.header_box .header-part .navbar-nav li a.nav-link{font-size: 19px;padding: 10px 0 5px; border-bottom: 5px solid transparent;}
.header_box .header-part .navbar-nav li a.nav-link:hover{border-color: #9fb060;}
.header_box .header-part .navbar-nav li a.nav-link i{display: none;}
.header_btnBOX div.link-list ul li{margin: 0 5px;}
.header_btnBOX div.link-list ul li a{padding: 10px 15px 10px 15px;}
.header_btnBOX div.link-list ul li:nth-last-child(2) a{
    background-image: url(https://materials.fillo.com.tw/materials/cranetour/images/f6e8c7a6-fa34-4385-a30f-cd77629c3e18.svg);
    font-size: 0; background-repeat: no-repeat; background-size: 100%; background-position: inherit; padding: 6px 0px; width: 25px; height: 30px;margin: 0 10px;font-size: 0px !important;}
.header_btnBOX div.link-list ul li i{font-size: 23px; margin-right: 0px;}
@media (min-width:992px) {
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(4), 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(3), 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(2), 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(1){display:none;}
    .header_btnBOX{background: #9fb060; display: flex !important; align-items: center; justify-content: center;}
}
@media (max-width:1495px) {
    .header_btnBOX div.link-list ul li a{padding: 10px 5px;}
}
@media (max-width:1152px) {
    .header_box .header-part{padding: 5px 15px;}
    .header_box .header-part .navbar-brand{margin-left: 0;}
    .header_box .header-part .navbar-nav li.nav-item {margin: 0 1rem;}
    .header_btnBOX div.link-list ul li{margin: 0;}
}
@media (max-width:991px) {
    .header_box .header-part .navbar-brand{height: 60px;}
    .header_box .header-part .navbar-toggler{
        position: absolute;
        right: 0;
        top: 0;
        width: 70px;
        background: #4c7b38;
        border-radius: 0;
        height: 70px;
    }
    .header_box .header-part .navbar-toggler-icon{width: 2em; height: 2em;}
    .header_box .navbar-collapse.show ul.navbar-nav{position: relative;justify-content: center; flex-flow: wrap;}
    .header_box .navbar-collapse.show ul.navbar-nav::before{
        content: '';
        display: block;
        left: -15px;
        right: -15px;
        bottom: -5px;
        height: 60px;
        position: absolute;
        background-color: #9fb060;
    }
    .header_box .header-part .navbar-nav li.nav-item{margin: 0 0rem; flex: 0 0 100%; justify-content: flex-start;}
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(4), 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(3), 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(2), 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(1){
        z-index: 1;
        margin: 0 0.5rem;
        flex: 0 0 50px;
        width: 50px;
        max-width: initial;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(2){margin: 0 0.8rem;}
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(4) a, 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(3) a, 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(2) a, 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(1) a{border: none;}
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(2) a{
        background-image: url(https://materials.fillo.com.tw/materials/cranetour/images/f6e8c7a6-fa34-4385-a30f-cd77629c3e18.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        padding: 0px 0px;
        width: 27px;
        height: 50px;
        margin: 0 0px;
        font-size: 0px;
        margin-top: 10px;
    }
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(4) i, 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(3) i, 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(2) i, 
    .header_box .header-part .navbar-nav li.nav-item:nth-last-child(1) i{display: block;color: #fff;font-size: 1.5rem;}
}

/*footer*/
.footer_box .footer-sample{padding-bottom: 0;}
.footer_box .footer-sample > div{max-width: 100%; flex: 0 0 100%;}
.footer_box .footer-sample > div:nth-last-child(1){background: #9fb060;}
.footer_box .footer-sample .logo-part{margin-top: 1rem;}
.footer_box .footer-sample .logo-part .logo{max-width: 100%;}
.footer_box .footer-sample .logo-part .logo img{max-width: 100px; display: table; margin: auto;}
.footer_box .footer-sample .contact-us-part{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 35px;}
.footer_box .footer-sample .contact-us-part .contact-title{font-weight: normal; letter-spacing: 1px; width: 100%; text-align: center; margin-bottom: 0px;}
.footer_box .footer-sample .contact-us-part .contact-use-row{width: 50%;letter-spacing: 1px;}
.footer_box .footer-sample .contact-us-part .contact-use-row:nth-child(even){text-align: right;}
.footer_box .footer-sample .contact-us-part .contact-use-row:nth-last-child(1){width: 100%;text-align: center;}
.footer_box .footer-sample .service-item-part{margin: 20px 0 10px;}
.footer_box .footer-sample .service-item-part .social-btn{margin-top: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.footer_box .footer-sample .service-item-part .social-btn a{
    color: #fff !important;
    margin: 0 1rem;
    font-size: 1.4rem;
    width: 45px;
    height: 45px;
    display: table;
    text-align: center;
    line-height: 40px;
    background: rgb(76, 123, 56);
    border-radius: 50px;
    padding-left: 3px;
    position: relative;
}
.footer_box .footer-sample .service-item-part .social-btn a:nth-child(1){font-size: 0; padding-left: 0;}
.footer_box .footer-sample .service-item-part .social-btn a:nth-child(1) i{
    background-image: url(https://materials.fillo.com.tw/materials/cranetour/images/f6e8c7a6-fa34-4385-a30f-cd77629c3e18.svg);
    width: 26px;
    height: 25px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.footer_box .footer-sample .service-item-part .social-btn a:nth-child(1) i::before{display: none;}
.footer_box .powered{font-size: 14px;color: rgba(255, 255, 255, 0.7); padding-bottom: 10px;}

/*gotop*/
.top_btn .actGotop{right: 0;}
.top_btn .actGotop a:link{background: rgba(38, 59, 138, 1);transition: .3s;border-radius: 0;}
.top_btn .actGotop a:link:hover{background: rgba(38, 59, 138, .9);transition: .3s;}
.top_btn .actGotop a:link::before {
    content: '';
    display: block;
    width: 9px;
    height: 31px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    transform: skewY(45deg);
    position: absolute;
    bottom: 7px;
    left: calc(50% - 4px);
    transition: .3s;
}
.top_btn .actGotop a:link:hover::before{bottom: 12px;transition: .3s;}
.top_btn .actGotop a i{display: none;}
@media (max-width:575px) {
    .top_btn .actGotop{width: 40px;height: 40px;}
    .top_btn .actGotop a:link{width: 40px;height: 40px;}
    .top_btn .actGotop a:link::before {
        content: '';
        display: block;
        width: 13px;
        height: 13px;
        border-top: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
        transform: rotate(45deg);
        position: absolute;
        bottom: 10px;
        left: calc(50% - 6px);
        transition: .3s;
    }
}

/*index*/
/*slider*/
.idx_slider .bs-carousel > .carousel-inner{height: 100vh; background: #000;}
.idx_slider .bs-carousel > .carousel-inner picture{ background: #000;}
.idx_slider .bs-carousel > .carousel-inner picture img{opacity: .8;max-width: 100%; object-fit: cover; object-position: center center; height: 100vh;}
.idx_slider .bs-carousel > .carousel-inner .carousel-caption{bottom: 30%;}
.idx_slider .bs-carousel .carousel-item h5{font-size: 2rem; font-weight: normal; text-shadow: none;margin-bottom: 1.5rem;}
.idx_slider .bs-carousel .carousel-item p{font-size: 20px; font-weight: normal; text-shadow: none;}
.idx_slider .bs-carousel > .carousel-inner .carousel-caption::after{content: '查看更多';display: table;margin: 2rem auto 0; background-color: #9fb060;font-size: 1rem;border-radius: 50px;padding: 7px 1.5rem;border: 1px solid #4c7b38;}
.idx_slider .bs-carousel .carousel-indicators{bottom: 15%;}
.idx_slider .bs-carousel .carousel-indicators li{width: 14px; height: 14px; margin-right: 6px; margin-left: 6px;opacity: 1; border-radius: 20px; border: none;}
.idx_slider .bs-carousel .carousel-indicators li.active{width: 40px;background-color: #f3b700;}
@media (max-width:991px) {
    .idx_slider{margin-top: 70px;}
}
@media (max-width:767px) {
    .idx_slider .bs-carousel > .carousel-inner{height: auto;}
    .idx_slider .bs-carousel > .carousel-inner picture img{height: auto;opacity: 1;}
    .idx_slider .bs-carousel .carousel-indicators { bottom: 100px;}
}
@media (max-width:575px) {
    .idx_slider .bs-carousel .carousel-indicators {bottom: 0px;}
}

/*marquee*/
.idx_marquee{position: absolute; bottom: 2rem; z-index: 1; max-width: 1370px;  left: 50%; transform: translate(-50%, 0px);}
.idx_marquee section.marquee{position: relative;}
.idx_marquee section.marquee h2{
    position: absolute;
    margin: 0;
    left: 10px;
    top: 10px;
    bottom: 10px;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0 20px 0 44px;
}
.idx_marquee section.marquee h2::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 20px;
    border-color: transparent transparent transparent #9fb060;
    position: absolute;
    left: 0;
}
.idx_marquee section.marquee h2::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 20px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    left: 140px;
}
.idx_marquee div.message-list{padding-left: 170px;height: 60px;background: rgba(76, 123, 56, 0.8);}
.idx_marquee div.message-list ul li{height: 60px;}
.idx_marquee div.message-list ul li a{height: 60px; line-height: 60px;color: #ffffff; font-size: 17px;}
@media (max-width:767px) {
    .idx_marquee section.marquee h2{font-size: 1rem;padding: 0 10px 0 30px;}
    .idx_marquee section.marquee h2::after{left: 103px;}
    .idx_marquee div.message-list{padding-left: 120px;}
    .idx_marquee div.message-list ul li a{line-height: 1.3;display: flex; flex-wrap: wrap; align-items: center;}
}
@media (max-width:575px) {
    .idx_marquee{position: unset; transform: unset;}
    .idx_marquee section.marquee h2{position: relative; padding: 0.5rem 1rem 1rem 1rem; left: 0; right: 0; bottom: unset; top: unset; justify-content: center; font-size: 20px;}
    .idx_marquee section.marquee h2::before{border-width: 15px 0 15px 10px;left: calc(50% - 70px);}
    .idx_marquee section.marquee h2::after{left: unset; right: calc(50% - 70px);border-width: 15px 10px 15px 0px; border-color: transparent #9fb060 transparent transparent;}
    .idx_marquee div.message-list{padding-left: 0;height: 55px; background: rgba(76, 123, 56, 1);}
    .idx_marquee div.message-list ul li{height: 55px;}
    .idx_marquee div.message-list ul li a{
        line-height: 1.5;
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        padding: 7px 15px;
        height: 55px;
        font-size: 15px;
    }
}

/*theme*/
.idx_theme_wrap::before {
    content: '';
    display: block;
    width: 28%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #ebf6ce;
}
.idx_theme_wrap::after{
    content: '';
    display: block;
    width: 28%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(https://materials.fillo.com.tw/materials/cranetour/images/8c9e420f-2322-49bb-8bd8-cbef2e87e889.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.idx_theme_title{max-width: 317px;margin-top: 3.5rem;position: relative; z-index: 1;flex:unset;}
.idx_theme_title::before {
    content: '';
    display: block;
    height: 1px;
    background-color: #4c7b38;
    position: absolute;
    left: -100%;
    right: calc(100% + 1rem);
    top: 50%;
}
.idx_theme_title .text-link{display: flex; flex-wrap: wrap;}
.idx_theme_title section.text-link h2{font-weight: bold; width: 100%;}
.idx_theme_title div.link-list{order: -1; width: 100%; min-height: auto; background: none;}
.idx_theme_title div.link-list ul li a, 
.idx_theme_title div.link-list ul li span{padding-top: 0;}
.idx_theme_title div.link-list ul li i{display: none;}
.idx_theme_info{max-width: 1060px;margin-top: 3.5rem;padding-left: 4rem;position: relative; z-index: 1;flex:unset;}
.idx_theme_info h5{font-size: 18px; letter-spacing: 1px; line-height: 1.6; color: #666;}
.idx_theme_wrap .main.row{justify-content: center;}
.idx_theme_box{max-width: 1370px;margin-top: 3rem;position: relative; z-index: 1;flex:unset;}
.idx_theme_box .hover-wall .htpro_tit{display: none;}
.idx_theme_box .hover-wall .icon_info{box-shadow: none; border-radius: 0; position: relative; background-color: #9fb060; background-image: url(https://materials.fillo.com.tw/materials/cranetour/images/0e73a82f-7492-4037-a914-d82b3ebf24a4.png); min-height: 500px; display: flex; flex-wrap: wrap; justify-content: end;}
.idx_theme_box .hover-wall .icon_info:hover{bottom: 0; box-shadow: none;}
.idx_theme_box .hover-wall .icon_info a{background: #fff; display: flex; width: 47%; float: right; margin: 3rem 3rem 3rem 0; flex-wrap: wrap;}
.idx_theme_box .hover-wall .icon_info figure{position: absolute; left: 0; width: 58%; top: 0; bottom: 0; margin: 0;}
.idx_theme_box .hover-wall figure .overlay{display: none;}
.idx_theme_box .hover-wall figure img{max-width: 100%; object-fit: cover; object-position: center center; height: 100%;}
.idx_theme_box .hover-wall .icon_info:hover figure .b_img{transform: scale(1.1);}
.idx_theme_box .hover-wall .icon_info a h3{margin: 0px; background: #fff; position: relative; padding: 6.5rem 40px 0rem; height: 45%; font-size: 24px; width: 100%;}
.idx_theme_box .hover-wall .icon_info a h4{font-style: unset; font-size: 18px; border-top: 1px solid #F3B700;  border-bottom: 1px solid #F3B700;order: -1; padding: 8px 20px; width: auto; background: #fff; position: absolute; margin: 0; top: 5rem; left: 75%; transform: translate(-75%, 0px);}
.idx_theme_box .hover-wall .icon_info p.animate-text { margin: 0; background: #fff; position: relative; font-size: 1rem; width: 100%; height: 55%; padding: 0 40px; letter-spacing: 0.5px; text-align: justify;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.idx_theme_box .hover-wall .icon_info p.animate-text::after {
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 75px;
}
.idx_theme_box .hover-wall > .container-fluid > .row > div{margin-bottom: 3rem !important;}
.idx_theme_box .hover-wall > .container-fluid > .row > div:nth-last-child(1){margin-bottom: 0 !important;}
.idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info{justify-content: flex-start; background-color: #4c7b38;}
.idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a{float: left; margin: 3rem 0rem 3rem 3rem;}
.idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info figure{right: 0; left: unset;}
.idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a h4{left: 25%; transform: translate(-25%, 0px);}
.idx_theme_box .hover-wall .icon_info a::after {
    content: '詳細行程';
    display: block;
    background: #f3b700;
    padding: 8px 3rem;
    position: absolute;
    bottom: 6rem;
    color: #fff;
    font-size: 18px;
    right: calc(28.5% - 108px);
}
.idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a::after{
    left: calc(28.5% - 108px);right: unset;
}
.idx_theme_box .hover-wall .icon_info a::before {
    content: '';
    display: block;
    width: 168px;
    height: 57px;
    border-top: 1px solid #f3b700;
    border-bottom: 1px solid #f3b700;
    position: absolute;
    bottom: calc(6rem - 7px);
    z-index: 1;
    right: calc(28.5% - 108px);
    transition: .3s;
}
.idx_theme_box .hover-wall .icon_info:hover a::before{height: 43px;bottom: 6rem;transition: .3s;}
.idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a::before{
    left: calc(28.5% - 108px);right: unset;
}
.idx_theme_btn_box{margin-top: 3rem; margin-bottom: 5rem;}
.idx_theme_btn_box div.link-list{background: none;min-height: auto;}
.idx_theme_btn_box div.link-list ul{text-align: center;}
.idx_theme_btn_box div.link-list ul li{position: relative;}
.idx_theme_btn_box div.link-list ul li a, 
.idx_theme_btn_box div.link-list ul li span{position: relative; transition: .3s; background: rgb(255, 255, 255); border: 1px solid rgb(243, 183, 0); padding: 10px 4rem; font-weight: bold;}
.idx_theme_btn_box div.link-list ul li a:hover, 
.idx_theme_btn_box div.link-list ul li span:hover{background: rgb(243, 183, 0);transition: .3s;}
.idx_theme_btn_box div.link-list ul li a i, 
.idx_theme_btn_box div.link-list ul li span i{display: none;}
.idx_theme_btn_box div.link-list ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: 5px;
    right: 5px;
    background-color: rgba(243, 183, 0, 0.3);
}
.idx_theme_btn_box div.link-list ul li::after {
    content: '';
    display: block;
    width: 50%;
    height: 9px;
    border-bottom: 1px solid #f3b700;
    border-right: 1px solid #f3b700;
    transform: skewX(45deg);
    position: absolute;
    bottom: 50%;
    left: 80%;
    transition: .3s;
}
.idx_theme_btn_box div.link-list ul li:hover::after{width: 40%;transition: .3s;}
@media (max-width:1495px) {
    .idx_theme_wrap::before{width: 320px;}
    .idx_theme_wrap::after{width: 320px;}
}
@media (max-width:1379px) {
    .idx_theme_info{max-width: calc(100% - 320px);}
}
@media (max-width:991px) {
    .idx_theme_box .hover-wall > .container-fluid > .row > div{max-width: 100%; flex: 0 0 100%;}
    .idx_theme_box .hover-wall .icon_info a::before, 
    .idx_theme_box .hover-wall .icon_info a::after{right: calc(30.5% - 108px);}
}
@media (max-width:767px) {
    .idx_theme_wrap::before{width: 100%;top: 50%;}
    .idx_theme_wrap::after{display: none;}
    .idx_theme_title{max-width: 100%;}
    .idx_theme_title::before{display: none;}
    .idx_theme_title section.text-link h2{text-align: center !important;}
    .idx_theme_title div.link-list ul{text-align: center;}
    .idx_theme_title div.link-list ul li a, .idx_theme_title div.link-list ul li span{padding: 0 10px;}
    .idx_theme_info{max-width: 100%; margin-top: 1rem; padding: 0 2rem;}
    .idx_theme_box{margin-top: 2rem;}
    .idx_theme_box .hover-wall .icon_info{min-height: auto; width: 100%;justify-content: center;}
    .idx_theme_box .hover-wall .icon_info a, 
    .idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a{width: calc(100% - 6rem); margin: 0 3rem 3rem; float: unset; padding-bottom: 7rem;}
    .idx_theme_box .hover-wall .icon_info a::before{display: none;}
    .idx_theme_box .hover-wall .icon_info a::after, 
    .idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a::after{right: unset; left: 50%; transform: translate(-50%, 0px); bottom: 5rem;}
    .idx_theme_box .hover-wall .icon_info figure{width: calc(100% + 6rem); position: relative; margin-left: -3rem; margin-right: -3rem; order: -1;}
    .idx_theme_box .hover-wall .icon_info a h3{margin-top: -6rem; height: auto; padding-bottom: 1rem; padding-top: 6rem;}
    .idx_theme_box .hover-wall .icon_info a h4, 
    .idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a h4{position: relative;left: 50%; top: -2rem; transform: translate(-50%, 0px);}
    .idx_theme_box .hover-wall .icon_info p.animate-text{height: auto;padding-bottom: 0;}
    .idx_theme_btn > .module-container > .main.row{background-color: #ebf6ce !important;}
}
@media (max-width:575px) {
    .idx_theme_title{margin-top: 1.5rem;}
    .idx_theme_title section.text-link h2{font-size: 35px !important;}
    .idx_theme_title div.link-list ul li a, 
    .idx_theme_title div.link-list ul li span{font-size: 21px !important;}
    .idx_theme_info{margin-top: 0.5rem;}
    .idx_theme_info h5{font-size: 16px;letter-spacing: 0.5px; line-height: 1.4; text-align: justify;}
    .idx_theme_box .hover-wall .icon_info a, 
    .idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a{width: calc(100% - 2rem); margin: 0 1rem 1rem; padding-bottom: 6rem;}
    .idx_theme_box .hover-wall .icon_info figure{width: calc(100% + 3rem); margin-left: -1.5rem; margin-right: -1.5rem;min-height: 225px;}
    .idx_theme_box .hover-wall .icon_info a h3{font-size: 21px;margin-top: -4.5rem; padding-top: 5.5rem; padding-left: 1rem; padding-right: 1rem;}
    .idx_theme_box .hover-wall .icon_info a h4, 
    .idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a h4{top: -0.5rem;font-size: 16px;}
    .idx_theme_box .hover-wall .icon_info p.animate-text{padding-left: 1rem; padding-right: 1rem;font-size: 15px;}
    .idx_theme_box .hover-wall .icon_info a::after, 
    .idx_theme_box .hover-wall > .container-fluid > .row > div:nth-child(odd) > .icon_info a::after{bottom: 2.5rem;}
    .idx_theme_btn_box div.link-list ul li::after{width: 40%;}
}

/*about*/
.page_topBG{margin-top: 80px;}
.about_wrap .page_topBG .fixed{background-position: bottom center;}
.page_topBG .fixed::before{
    content: '';
    display: block;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(botom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
    width: 100%;
    height: 360px;
    position: absolute;
}
.page_title{ position: absolute; bottom: -25px; left: 50%; transform: translate(-50%, 0px); z-index: 1;}
.page_title section.text-link{display: flex; flex-wrap: wrap;}
.page_title section.text-link h2{font-weight: bold;}
.page_title div.link-list{background: none; min-height: auto; order: -1; width: 100%;}
.page_title div.link-list ul li a, 
.page_title div.link-list ul li span{padding: 10px 15px;}
.about_info_box{margin-top: 60px; color: #fff; margin-bottom: 8rem;}
.about_info_box h4{letter-spacing: 1px; text-align: justify; margin-bottom: 3rem; line-height: 1.5;}
.about_info_box p{text-align: justify; line-height: 1.7; letter-spacing: 0.5px;}
.about_wrap.right{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(233,245,202,1) 50%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(233,245,202,1) 50%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(233,245,202,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9f5ca',GradientType=0 );
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
}
.about_img_box .mix-wrapper{padding: 0;}
.about_img_box .pic-content{margin: 0; margin-left: -30%;}
.about_img_box .editor-content{margin: 0; max-width: calc(70% - 30px); flex: 0 0 calc(70% - 30px); margin-left: 15px; background: #fff; padding: 20px 30px;position: relative;}
.about_img_box .editor-content::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #9fb060 transparent transparent transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}
.about_img_box .editor-content p{line-height: 1.5; margin-bottom: 5px;}
@media (max-width:1399px) {
    .page_title{flex: 0 0 83.333333%; max-width: 83.333333%;}
    .about_info_box{flex: 0 0 66.666667%; max-width: 66.666667%;margin-bottom: 5rem;}
    .about_img_box .pic-content{margin-left: -20%;}
    .about_img_box .editor-content{max-width: calc(80% - 30px); flex: 0 0 calc(80% - 30px);padding: 15px 20px;}
}
@media (max-width:1199px) {
    .page_title{flex: 0 0 91.666667%; max-width: 91.666667%;}
    .about_info_box{flex: 0 0 83.333333%; max-width: 83.333333%;margin-bottom: 4rem;}
    .about_img_box{flex: 0 0 100%; max-width: 100%;}
    .about_img_box .pic-content{margin-left: -12.5%;}
    .about_img_box .editor-content { max-width: calc(87.5% - 30px); flex: 0 0 calc(87.5% - 30px); padding: 10px 15px;}
}
@media (max-width:991px) {
    .page_topBG {margin-top: 70px;}
    .page_topBG .fixed{min-height: 250px !important;}
    .page_topBG .fixed::before{height: 250px;}
    .about_img_box .mix-wrapper{padding: 30px;}
    .about_img_box .pic-content{margin: 0;}
    .about_img_box .pic-content .img-box img{width: 100%;}
    .about_img_box .editor-content { max-width: calc(95% - 30px); flex: 0 0 calc(95% - 30px); padding: 15px 15px; margin: 15px auto;}
}
@media (max-width:767px) {
    .page_topBG .bgfixed{min-height: 150px !important;}
    .page_topBG .bgfixed::before{height: 150px;}
    .page_title { flex: 0 0 100%; max-width: 100%;}
    .about_info_box{padding-right: 15px !important; flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px);}
    .about_img_box .editor-content{max-width: calc(100% - 30px); flex: 0 0 calc(100% - 30px);}
}

/*annual*/
.annual_wrap .page_topBG .bgfixed{background-position: bottom center;}
.annual_tabs > .module-container{height: 100%;}
.annual_tabs > .module-container .main.row{height: 100%;}
.annual_tabs > .module-container .main.row .blk-tabs{height: 100%;}
.annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills{position: sticky; top: 110px; margin-top: 100px; width: 100%;}
.annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item{position: relative;padding-right: 25%;}
.annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item a{border-radius: 0; font-size: 24px; color: #fff; letter-spacing: 1px;text-align: right;}
.annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item a.active{background: none; font-size: 26px; font-weight: bold;}
.annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item a.active::after{
    content: '';
    display: block;
    height: 1px;
    width: 22%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
}
.annual_list_title{margin-left: 8.3333%;}
.annual_list_title div.link-list ul li:nth-child(1){width: 25%;}
.annual_list_title div.link-list ul li:nth-child(2){width: 50%;}
.annual_list_title div.link-list ul li:nth-child(3){width: 10%;}
.annual_list_title div.link-list ul li:nth-child(4){width: 13%;}
.annual_list_title div.link-list ul li span{width: 100%; text-align: center; font-weight: bold;}
.annual_list_title div.link-list ul li:nth-child(2) span{text-align: left;}
.annual_list_title div.link-list ul li span i{display: none;}
.annual_list{margin-left: 8.3333%;}
.annual_list .expand-graphics{margin-top: 0;margin-bottom: 3rem;}
.annual_list .expand-graphics .item-box{padding: 15px 0; margin: 0 !important; border-bottom: 1px solid #e2e2e2; background: #fff;}
.annual_list .expand-graphics .item_box figure, 
.annual_list .expand-graphics .item_box h4, 
.annual_list .expand-graphics .item_box span.item_btn, 
.annual_list .expand-graphics .item_box span.item_btn_hover, 
.annual_list .expand-graphics .item_box:hover span.item_btn_hover{display: none;}
.annual_list .expand-graphics .item_box .item_more_txt{display: flex;flex-wrap: wrap;align-items: baseline;}
.annual_list .expand-graphics .item_box .item_more_txt h3{margin: 0; line-height: 1.2; width: 50%; padding: 0 10px; font-weight: bold; font-size: 21px;}
.annual_list .expand-graphics .item_box .item_more_txt span.item_tag{font-size: 18px; margin: 0; text-align: center; padding: 0 10px;}
.annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2){order: -1;  width: 25%;}
.annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3){width: 12%;}
.annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(4){width: 13%; font-weight: bold;}
.annual_list .expand-graphics .item_morebox{display: none;}
@media (max-width:1639px) {
    .annual_list_title, .annual_list{flex: 0 0 75%; max-width: 75%;}
}
@media (max-width:1440px) {
    .annual_list_title, .annual_list{flex: 0 0 83.333333%; max-width: 83.333333%;}
}
@media (max-width:1360px) {
    .annual_tabs{flex: 0 0 25%; max-width: 25%;}
    .annual_cont{flex: 0 0 75%; max-width: 75%;}
    .annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item{padding-right: 15%;}
    .annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item a.active::after{width:15%;}
}
@media (max-width:1199px) {
    .annual_list_title, .annual_list{margin-left: 5%; flex: 0 0 90%; max-width: 90%;}
}
@media (max-width:1084px){
    .annual_tabs{max-width: 100%; flex: 0 0 100%;}
    .annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills{flex-direction: row !important; justify-content: center; position: unset;margin-top: 40px;margin-bottom: 20px;}
    .annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item{padding-right: 0;}
    .annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item a{letter-spacing: 0px; text-align: left;padding: 0.5rem 0; margin: 0 1rem;}
    .annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item a.active{border-bottom: 3px solid #fff;}
    .annual_tabs > .module-container .main.row .blk-tabs ul.nav-pills .nav-item a.active::after{display: none;}
    .annual_cont{flex: 0 0 100%; max-width: 100%;}
}
@media (max-width:991px) {
    .annual_list .expand-graphics .item-box{flex: 0 0 100%; max-width: 100%;}
}
@media (max-width:767px) {
    .annual_list { margin-left: 2.5%; flex: 0 0 95%; max-width: 95%;}
    .annual_list .expand-graphics .item_box .item_more_txt h3{order: 1; width: calc(100% - 90px); margin-top: 10px;}
    .annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(4){order: 1; width: 90px; margin-top: 10px;}
    .annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2), 
    .annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3){width: 50%; text-align: left;position: relative;}
    .annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2)::before{content: '日期';margin-right: 10px;color: #111; font-weight: bold; font-size: 16px;}
    .annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3)::before{content: '天數';margin-right: 10px;color: #111; font-weight: bold; font-size: 16px;}
}
@media (max-width:575px) {
    .annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2){width: calc(100% - 105px);}
    .annual_list .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3){width: 105px;}
}

/*theme*/
.theme_info_wrap .main.row{justify-content: center;}
.theme_infobox{margin: 4rem 0 3rem;}
.theme_infobox .module-container .main > div:nth-last-child(1){color: #fff; text-align: justify; font-size: 19px; letter-spacing: 0.5px; line-height: 1.5;}
.theme_sliderbox{margin: 4rem 0;}
.theme_sliderbox .carousel-inner{width: 85%; margin: auto;}
.theme_sliderbox .carousel-indicators{display: none;}
.theme_sliderbox .carousel-inner .carousel-caption{right: 0; bottom: 0; left: 0; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 15px 15px 5px 50px; text-align: justify;}
.theme_sliderbox .carousel-inner .carousel-caption::before{
    content: '';
    display: block;
    width: 35px;
    height: 1px;
    background-color: #f3b700;
    position: absolute;
    top: 35px;
    left: 0;
}
.theme_sliderbox .bs-carousel .carousel-item h5, 
.theme_sliderbox .bs-carousel .carousel-item p{text-shadow: none;font-weight: normal;}
.theme_sliderbox .carousel-control-prev{width: auto; left: 10px; opacity: 1;}
.theme_sliderbox .carousel-control-prev .carousel-control-prev-icon{width: 40px; height: 40px; background: none; border-top: 1px solid #fff;border-left: 1px solid #fff; transform: rotate(-45deg);}
.theme_sliderbox .carousel-control-next{width: auto; right: 10px; opacity: 1;}
.theme_sliderbox .carousel-control-next .carousel-control-next-icon{width: 40px; height: 40px; background: none; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg);}
.theme_tabs .blk-tabs{margin-top: 3.5rem;}
.theme_tabs .blk-tabs ul{width: calc(75% - 30px); margin: auto; border-bottom: 3px solid #9fb060;}
.theme_tabs .blk-tabs ul li.nav-item{margin: 0 10px;}
.theme_tabs .blk-tabs ul li.nav-item a{padding: 8px 32px; border-radius: 0; font-size: 24px; color: #000; margin-bottom: -3px; letter-spacing: 1px;}
.theme_tabs .blk-tabs ul li.nav-item a.active{background: #9fb060;font-weight: bold;border-bottom: 3px solid #4c7b38;color: #fff;}
.theme_probox{margin-bottom: 4rem;}
.theme_probox .hover-wall .icon_info{border-radius: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 15px;}
.theme_probox .hover-wall .icon_info a{display: flex;flex-wrap: wrap;}
.theme_probox .hover-wall .icon_info figure{order: -1; margin-bottom: 0;}
.theme_probox .hover-wall .icon_info figure .overlay{display: none;}
.theme_probox .hover-wall .icon_info h3{padding: 0px 0px 15px; margin-top: 15px; border-bottom: 1px dashed rgb(204, 204, 204); width: 100%;}
.theme_probox .hover-wall .icon_info h4{text-align: center; color: #FFFFFF; order: -1; background: #f3b700; padding: 5px 15px; font-style: unset; line-height: 1.5; font-size: 18px; margin-bottom: 0;}
.theme_probox .hover-wall .icon_info p.animate-text{width: 100%; text-align: right; padding: 0; margin: 0px 0; font-size: 23px; letter-spacing: 0; font-style: italic;}
@media (max-width:1399px) {
    .theme_sliderbox{flex: 0 0 50%; max-width: 50%;}
    .theme_tabs .blk-tabs ul{width: calc(83.333333% - 30px);}
    .theme_probox{flex: 0 0 83.333333%; max-width: 83.333333%;}
}
@media (max-width:1199px) {
    .theme_sliderbox{flex: 0 0 58.333333%;max-width: 58.333333%;}
    .theme_tabs .blk-tabs ul{width: calc(91.666667% - 30px);}
    .theme_probox {flex: 0 0 91.666667%; max-width: 91.666667%;}
}
@media (max-width:991px) {
    .theme_sliderbox {flex: 0 0 95%; max-width: 95%;margin-top: 0;}
    .theme_tabs .blk-tabs ul { width: calc(100% - 30px);}
    .theme_probox {flex: 0 0 100%; max-width: 100%;}
}
@media (max-width:767px) {
    .theme_sliderbox .carousel-inner .carousel-caption{display: block !important;position: relative;}
}

/*sharing*/
.share_tabs .blk-tabs{margin-top: 3.5rem;}
.share_tabs .blk-tabs ul.nav-pills li.nav-item{margin: 0 10px;}
.share_tabs .blk-tabs ul.nav-pills li.nav-item a.nav-link{border-radius: 0; font-size: 24px; letter-spacing: 1px; padding: 15px 45px; color: #fff; position: relative;}
.share_tabs .blk-tabs ul.nav-pills li.nav-item a.nav-link.active{background: #fff; color: #111; font-weight: bold;}
.share_tabs .blk-tabs ul.nav-pills li.nav-item a.nav-link.active::before{ content: ''; display: block; height: 5px; background-color: #f3b700; position: absolute; bottom: 0; left: 15px; right: 15px;}
.share_cont .module-container .main.row{justify-content: center;overflow: hidden; position: relative;padding-bottom: 3rem;}
.share_cont .module-container .main.row::after {
    content: '';
    display: block;
    width: 285px;
    height: 400px;
    background-image: url(https://materials.fillo.com.tw/materials/cranetour/images/6b404c56-aa85-45f6-b764-06cae3fa65bb.png);
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.share_notebox{z-index: 1;}
.share_notebox .hover-wall .icon_info{border-radius: 0; padding: 15px;}
.share_notebox .icon_info a{display: flex; flex-wrap: wrap;}
.share_notebox .hover-wall .icon_info figure{ order: -1; margin-bottom: 13px;}
.share_notebox .hover-wall figure .overlay{display: none;}
.share_notebox .hover-wall .icon_info figure .b_img{width: 100%;}
.share_notebox .hover-wall .icon_info h3{padding: 0px 0px 13px; width: 100%; border-bottom: 1px dashed rgb(204, 204, 204); margin: 0px;}
.share_notebox .hover-wall .icon_info h4{width: 100%; padding: 0; order: -1; font-size: 18px; font-style: unset;}
.share_notebox .hover-wall .icon_info h4::before{content: "\f054";display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-size: 16px; margin-right: 5px;}
.share_notebox .hover-wall .icon_info p.animate-text{margin: 0; padding: 0; text-align: right; width: 100%; font-size: 16px; margin-top: 10px;}
@media (min-width:768px) {
    .share_notebox .hover-wall .icon_info figure{aspect-ratio: 3/2;}
    .share_notebox .hover-wall .icon_info figure .b_img{ height: 100%; max-width: 100%; object-fit: cover; object-position: center center;}
}
@media (max-width:1399px) {
    .share_notebox{flex: 0 0 83.333333%; max-width: 83.333333%;}
}
@media (max-width:1199px) {
    .share_notebox{flex: 0 0 91.666667%; max-width: 91.666667%;}
}
@media (max-width:991px) {
    .share_notebox { flex: 0 0 100%; max-width: 100%;}
}
.share_photobox{margin: 3rem 15px 0;z-index: 1;position: relative;bottom: 0;transition: .3s;}
.share_photobox:hover{bottom: 15px;transition: .3s;}
.share_photobox .fancybox-wrapper{position: relative; background: #fff; border: 15px solid #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.share_photobox .fancybox-wrapper .position-bottom{padding: 0; margin-bottom: 0;}
.share_photobox .fancybox-wrapper .position-bottom > a{aspect-ratio:3/2;}
.share_photobox .fancybox-wrapper .position-bottom .img-responsive{height: 100%; max-width: 100%; object-fit: cover; object-position: center center;}
.share_photobox .fancybox-wrapper .position-bottom:nth-child(1){z-index: 1;}
.share_photobox .fancybox-wrapper .position-bottom:nth-child(n+2){position: absolute;}
.share_photobox .fancybox-wrapper figure.position-bottom > .content-bottom{margin: 10px 0 0;display: none;}
.share_photobox .fancybox-wrapper figure.position-bottom:nth-child(1) > .content-bottom {position: relative; padding-left: 20px; margin: 10px 0 0; display: flex; flex-wrap: wrap; align-items: baseline;}
.share_photobox .fancybox-wrapper figure.position-bottom:nth-child(1) > .content-bottom *{margin: 0; font-size: 21px;}
.share_photobox .fancybox-wrapper figure.position-bottom:nth-child(1) > .content-bottom::before{content: "\f054";display: inline-block;color: #F3A600; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-size: 18px; margin-right: 5px;position: absolute; left: 0;top: 7px;}
@media (max-width:1399px) {
    .share_photobox{flex: 0 0 18.5%; max-width: 18.5%;}
}
@media (max-width:1199px) {
    .share_photobox{flex: 0 0 20%; max-width: 20%;}
}
@media (max-width:991px) {
    .share_photobox{max-width: calc(50% - 30px); flex: 0 0 calc(50% - 30px);}
}
@media (max-width:767px) {
    .share_photobox{max-width: calc(100% - 30px); flex: 0 0 calc(100% - 30px);}
}
.share_videobox{margin-top: 3rem;z-index: 1;}
.share_videobox section.vendor.youtube{display: flex; flex-wrap: wrap;}
.share_videobox section.vendor.youtube h2{order: 1; font-size: 21px; margin-top: 15px;}
.share_videobox section.vendor.youtube h2::before{content: "\f054";display: inline-block;color: #F3A600; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-size: 18px; margin-right: 5px;}
.share_videobox section.vendor.youtube .video-container{width: 100%;}
.share_videobtn{margin: 3rem 0 0;z-index: 1;}
.share_videobtn div.link-list{background: none; min-height: auto;}
.share_videobtn div.link-list ul{display: table; margin: auto;}
.share_videobtn div.link-list ul li a{border-width: 1px 1px 5px; border-style: solid; border-color: rgb(53, 85, 38); border-image: initial; padding: 10px 30px;}
@media (max-width:1399px) {
    .share_videobox{flex: 0 0 27%; max-width: 27%;}
}
@media (max-width:1199px) {
    .share_videobox{flex: 0 0 30%; max-width: 30%;}
}
@media (max-width:991px) {
    .share_videobox { margin-top: 1rem;flex: 0 0 calc(100% - 20px); max-width: calc(100% - 20px);}
}
@media (max-width:767px) {
    .share_tabs .blk-tabs ul.nav-pills li.nav-item{margin: 0; width: 100%;}
    .share_tabs .blk-tabs ul.nav-pills li.nav-item a.nav-link{width: 100%;text-align: center;}
}

/*contact_us*/
.D_customformfront_main{background-color: #fff;}
.D_customformfront_main section.group_table.contact{padding-top: 100px;}
.D_customformfront_main section.group_table.contact:before{background-image: url(https://materials.fillo.com.tw/materials/cranetour/images/f8262f19-4559-49a8-82ae-24a5039e1ba0.jpg);
    background-position: bottom center; background-size: cover;}
.D_customformfront_main section.group_table.contact > .container {background: none; padding-bottom: 0;}
.D_customformfront_main section.group_table.contact > .container > h2, 
.D_customformfront_main section.group_table.contact > .container > h4{display: none;}
.D_customformfront_main section.group_table.contact > .container form.contac_form .trip_title{letter-spacing: 1.2px; border-bottom: none; max-width: 900px; margin: 0 auto; background: url(https://materials.fillo.com.tw/materials/cowelltrip/images/8c69b72d-97ab-4f10-a87d-1494a1169217.png) #0a2f3bc7;}
.D_customformfront_main .form_title{padding: 0 20px; text-align: center;}
.D_customformfront_main .form_title h2{font-weight: 400;
    padding-top: 4rem;
    margin-bottom: 0 !important;
    color: #FFFFFF;
    font-family: 'Pathway Gothic One',sans-serif;
    text-align: center;
    line-height: 1;
    font-size: 2.5rem;
    margin-top: 1rem;}
.D_customformfront_main .form_title h4{border: none; color: #fff; margin-top: 10px; margin-bottom: 0; padding-bottom: 0;}
.D_customformfront_main .form_title p{color: #e4e4e4;line-height: 1.5;}
.D_customformfront_main section.group_table.contact > .container form.contac_form .form-row{background: url(https://materials.fillo.com.tw/materials/cowelltrip/images/8c69b72d-97ab-4f10-a87d-1494a1169217.png) #f7f7f7;
    padding: 30px 30px 0; max-width: 900px; margin: 0 auto;}
.D_customformfront_main section.group_table.contact > .container form.contac_form .form-row .form-group{padding: 0 15px;}
.D_customformfront_main section.group_table.contact > .container form.contac_form .form-row .form-group[data-type=RMK] textarea{border-radius: 0; min-height: 150px;}
.D_customformfront_main section.group_table.contact > .container form.contac_form .form-row .form-group .btn-primary{background: #f3b700; padding: 12px 3rem; border-radius: 0; border: none; font-weight: bold; position: relative; letter-spacing: 0.5px;margin-bottom: 2rem !important;}
.D_customformfront_main section.group_table.contact > .container form.contac_form .form-row .form-group .btn-primary::before{
    content: '';
    display: block;
    height: 1px;
    background-color: #f3b700;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    transition: .2s;
}
.D_customformfront_main section.group_table.contact > .container form.contac_form .form-row .form-group .btn-primary:hover::before{top: 0px; transition: .2s;}
.D_customformfront_main section.group_table.contact > .container form.contac_form .form-row .form-group .btn-primary::after{
    content: '';
    display: block;
    height: 1px;
    background-color: #f3b700;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    transition: .2s;
}
.D_customformfront_main section.group_table.contact > .container form.contac_form .form-row .form-group .btn-primary:hover::after{bottom: 0px; transition: .2s;}
@media (max-width:767px) {
    .D_customformfront_main section.group_table.contact > .container{width: 96%;}
    .D_customformfront_main section.group_table.contact > .container form.contac_form .form-row{padding: 18px 18px 0;}
    .D_customformfront_main section.group_table.contact > .container form.contac_form .form-row .form-group{padding: 0;}
}