body {
  background-attachment: scroll;
  background-position: left top;
}
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: "Microsoft JhengHei";-webkit-text-size-adjust: none;}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100&family=Cormorant+SC&family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&display=swap');
body {background: #f5f5f5;}
p {/* text-align: justify; */}
ul li {list-style: none;}
a:hover {text-decoration: none;}
img{display: initial;}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  /*margin: 0;*/
  /*margin-bottom: 0.5rem;*/
}
h1 {
  font-size: 2.4rem;
}
h2 {
  font-size: 2.2rem;
}
h3 {
  font-size: 2.0rem;
}
h4 {
  font-size: 1.8rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1.0rem;
}
@media (max-width: 768px) {
.m-5 {
    margin: 1.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 1.5rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1.5rem!important;
}
.p-5 {
    padding: 1.5rem!important;
}
.pt-5, .py-5 {
    padding-top: 1.5rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1.5rem!important;
}
}
@media (max-width: 500px) {
.m-5 {
    margin: 1rem!important;
}
.mt-5, .my-5 {
    margin-top: 1rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}
.p-5 {
    padding: 1rem!important;
}
.pt-5, .py-5 {
    padding-top: 1rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1rem!important;
}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.px-30 {padding: 0 30px;}

@media (min-width:1200px) {.w-1200 {min-width: 1200px;}.w-1400 {min-width: 1200px;}}
@media (min-width:1400px) {.w-1400 {min-width: 1400px;}}
@media (max-width:1199px) and (min-width:991px) {.w-1200,.w-1400 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}
@media (min-width:992px){.index_style .col-lg-3 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}}
[data-position="center"] {/* margin-top: 70px; */}
@media (max-width:768px) {[data-position="center"] {margin-top: 0px;}}

/*main*/
.go-to-top {right: 0;bottom: 10%;}
.web-page-frame .go-to-top .top{background: #404040;width: 50px;height: 50px;margin-right: 0px;border-radius: 0;box-shadow: none;font-weight: lighter;opacity: 0.9;display: none;}
.web-page-frame .go-to-top .top:hover {opacity: 1.0;}
.web-page-frame .go-to-top .top:after{margin-top: 14px;margin-left: 18px;width:12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.web-page-frame .go-to-top .top-txt{left: calc(50% - 13px);font-weight: normal;font-size: 0.5rem;bottom: 9px;}
.web-page-frame .btn-primary{color:#fff!important;background-color: #6f89a3 !important;border-color: #6f89a3 !important;}
.web-page-frame .btn-primary:hover{color:#fff!important;background-color: #346a98 !important;border-color: #346a98 !important;}
section.contact #form_customForm .btn-group-lg>.btn,section.contact #form_customForm .btn-lg{color: #006f97!important;background-color:#343a40;border-color:#343a40;font-size: 0.9rem;font-weight:400;padding: .5rem 3rem;background-color: #ffffff !important;border-color: #1074c7 !important;}
section.contact #form_customForm .btn-group-lg>.btn,section.contact #form_customForm .btn-lg:hover {background-color: #ffffff !important;border-color: #006f97 !important;color: #006f97;}
.search_table tbody td.sale-situation .btn {border-radius: 0rem;}
.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: #396fa6!important;border-color: #396fa6;border-radius: 0rem;}
.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: #6f89a3 !important;border-color: #6f89a3 !important;}
.web-page-frame .btn-green:hover{color:#fff!important;background-color: #6f89a3 !important;border-color: #6f89a3 !important;}
.web-page-frame .btn-light{color:#fff!important;background-color: #6c757d !important;border-color: #6c757d !important;}
section.group_table .table a:hover{color: #404040;}
section.group_table .table .trip_name a:hover{/* color:#6f89a3 */}
.info .btn-primary{background-color:#6f89a3;border-color:#6f89a3}
.info .btn-primary:hover{color:#fff!important;background-color: #6f89a3!important;border-color: #6f89a3!important;}
.web-page-frame .text_blue{color: #de3545;font-size: 1.2rem;}
.search-area .search-box .search-btn{background:#6f89a3 !important}
.list_con .style_icon .nav-pills .nav-link.active svg{fill: #666 !important;}
.list_con .style_icon .nav-pills a svg {fill: #a9a9a9;}
.filter_list i{color:#6f89a3!important}
.web-page-frame .search-area .search-box .select-goal .title i{color:#6f89a3!important}
.web-page-frame .search-area .search-box .select-place .title i{color:#6f89a3!important}
.web-page-frame .search-area .search-box .select-date .title i{color:#6f89a3!important}
.web-page-frame section.search_banner .search-area .search-box .select-input .data-icon-search{color:#6f89a3!important}
.radio_style [type="radio"]:checked+label:after{background:#6f89a3!important}
section.search_con .pagination .page-item .page-link{/* border:1px solid #6f89a3!important; */width: 28px;height: 30px;}
@media (max-width:767px){section.search_con .pagination .page-item{margin: 0;}}
section.search_con .pagination .page-item.active .page-link {color: #ffffff;background: #6f89a3;}
section .page-item.active .page-link {background:#6f89a3;}
section.search_con .pagination .page-item .page-link:hover {background: #98abbd!important;color: #ffffff;border: 1px solid #6f89a3!important;}
section.search_con .pagination .page-item .page-link:hover svg{fill: #ffffff;}
section.search_con .pagination .page-item.active .page-link {color: #ffffff;background: #6f89a3;border: 1px solid #6f89a3!important;}
section .page-item.active .page-link {background:#6f89a3;}
section .page-link {color: #333333;}
.web-page-frame .irs-slider{background:#6f89a3}
.web-page-frame .irs-slider.state_hover,.web-page-frame .irs-slider:hover{border:2px solid #6f89a3}
.web-page-frame .irs-from,.web-page-frame .irs-to,.web-page-frame .irs-single{background:#6f89a3}
.web-page-frame figure.block_style .main_words a:hover {color: #0f2459;}
.web-page-frame .pic_style figure.block_style .main_words a:hover {color:#6f89a3}
.web-page-frame figure.block_style .note_words .share_box:hover {color:#6f89a3}
.web-page-frame .table .thead, .web-page-frame .table .thead:hover {background: #404040;font-size: 1.0rem;}
.web-page-frame .table .thead th {font-weight: normal;}
section.group_table .table .trip_name h5 {margin:0;}
.web-page-frame section.group_table.trip_airline .table .thead th {border-right: 1px solid #7d7d7d;}
.web-page-frame section.group_banner .media-grouop .share_box:hover, .web-page-frame section.group_banner .media-grouop .forword_box:hover { background: #6f89a3;}
.web-page-frame section.group_table.trip_airline .table .thead:hover  {background: #404040;}
.web-page-frame .filter_list .form-check .customcheck input:checked ~ .checkmark {background-color: #6f89a3;}
.web-page-frame section.group_banner.trip_banner .btn-info {background-color: #6f89a3;border-color: #6f89a3;}
.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(148, 148, 148, 0.4);}
.popover {background: #6f89a3 !important;}
.popover .close {border: 1px solid #6f89a3 !important;color: #6f89a3 !important;}
.popover .arrow:after, .popover .arrow:before {border-color: transparent transparent #6f89a3 transparent !important;}
.popover .close:hover {background: #6f89a3 !important;}
.web-page-frame .sub_menu-trip .trip_menu li a:hover {background: #5c5c5c;}
.Day_menu .swiper_day .swiper-slide a:hover {background: #6f89a3 !important;border: 1px solid #404040 !important;}
section.trip_note .card-header .btn {background: #404040 !important;color: #fff !important;}
section.trip_note .card-header a[aria-expanded="false"]:after {color: #fff !important;}
.sub_menu-trip .server_menu li:nth-child(1) {
  background: #396fa6;
}
/* line 1476, ../sass/page/_group.sass */
.sub_menu-trip .server_menu > ul > li.download-fixed-btn {
  background: #404040;
  /* border-right: 1.0px solid #7d7d7d; */
}
/* line 1478, ../sass/page/_group.sass */
.sub_menu-trip .server_menu > ul > li.share-fixed-btn {
  background: #404040;
  /* border-right: 1.0px solid #7d7d7d; */
  /* border-left: 1.0px solid #7d7d7d; */
}
.sub_menu-trip .server_menu > ul > li.query-fixed-btn {background: #404040;}
figure.block_style .pic_all .plane_word {background: transparent linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.84) 100%) 0% 0% no-repeat;bottom: 0px;}
/*main*/

/*contact-bespoke*/
input::placeholder{color:#ccc!important;font-size:13px}
.web-page-frame.lock{background:0 0}
section.group_table.contact{padding-top:196px}
section.group_table.contact .trip_title{padding:50px 48px 60px;margin:0;/* background: #5d5c54d4; */}
section.group_table.contact .container{width:100%;max-width:1080px;padding:0;background: rgb(59 63 66 / 95%);}
section.group_table.contact:before{background: url(https://materials.fillo.com.tw/materials/nonotour/images/47f10719-08af-4f7e-afbd-24dbb8a12ab3.png);background-attachment: fixed;background-position: center center;}
section.group_table.contact .container .trip_title article h2{line-height:1;display:table;margin:0 auto;padding:0 2rem .5rem;letter-spacing:.2rem;position:relative}
section.group_table.contact>.container>h2,section.group_table.contact>.container>h4{display:none}
section.group_table.contact .trip_title article{position:relative}
section.group_table.contact .trip_title article h3{margin-bottom:30px;font-family:Roboto,sans-serif!important;font-weight:200;letter-spacing:.09rem}
section.group_table.contact .trip_title article h4{line-height:1.7rem;border-bottom:0;margin-bottom:0;padding:0}
section.group_table.contact .trip_title article p{position:absolute;right:-15px;bottom:-40px}
section.group_table.contact .trip_title h5{margin-top:0}
section.group_table.contact .form-row{background: #f4f4f4;margin:0;padding:65px 45px 0;/* background-image:url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png); */}
section.group_table.contact .form-row:last-child{padding:33px 45px 50px}
.contact .contac_form .form-row .form-group{margin-bottom:32px;flex:0 0 50%;max-width:50%}
.contact .contac_form label{font-size:15px;margin-bottom:15px;padding-left:25px;color:#545454}
.contact .text_blue{color: #e36464;}
.contact .fa-calendar{position:absolute;margin-top:-28px;right:30px;color:#787a44}
.contact .contac_form input{width:calc(100% - 46px);height:40px;border:0;margin:0 auto;padding:.3rem .5rem;font-size:13px}
.contact select.form-control{width:calc(100% - 46px);margin:0 auto;padding:2px;height:40px;font-size:14px;border-radius:0;color:#666;border:0}
.contact select.form-control:not([size]):not([multiple]){height:40px}
.contact div[data-type=CBX] .form-check{height:20px;font-size:14px;margin:0;margin-bottom:10px;padding-left:20px}
.contact textarea.form-control{width:calc(100% - 46px);margin:0 auto;border:0;border-radius:0;height:150px}
.contact .form-row button{position:relative;font-size:18px;margin:0!important;padding:8px 30px 8px 20px;text-align: center;width:180px;border-radius:0;background: #ffffff;color: #346a98;border: 1px solid #346a98;outline:0}
.contact .form-row button.btn-primary:not(:disabled):not(.disabled).active,.contact .form-row button.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background: #447dae;border: 1px solid #346a98;}
.contact .contac_form .form-row .form-group#field_9,.contact .contac_form .form-row .form-group#field_10,section.group_table.contact .form-row:last-child .form-group{flex:0 0 100%;max-width:100%}
.datepicker-days .table-condensed thead{color:#787a44}
.datepicker-days .table-condensed thead tr{border-bottom:1px solid #787a44}
.datepicker-days .table-condensed .day.active{background:#c46c19;border-radius:15px}
.datepicker table tr td.today{background:#e4e6be}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background:#e4e6be;border-color:#e4e6be;color:#787a44;text-shadow:0 0 #000}
.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#787a44;border-color:#787a44}
.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#787a44;border-color:#787a44}
.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover{background-color:#787a44;color:#fff}
@media (max-width:1199px){section.group_table.contact .container{width:90%}
}
@media (max-width:991px){section.group_table.contact .trip_title{padding:50px 30px 60px}
}
@media (max-width:767px){section.group_table.contact .form-row{padding:65px 15px 0}
.contact .contac_form input,.contact select.form-control,.contact textarea.form-control{width:calc(100% - 26px)}
.contact .contac_form label{padding-left:15px}
}
@media (max-width:575px){section.group_table.contact{padding-top:130px}
section.group_table.contact .trip_title{padding:40px 30px 50px}
.contact .contac_form .form-row .form-group{flex:0 0 100%;max-width:100%}
section.group_table.contact .container .trip_title article h2{font-size:20px!important}
section.group_table.contact .trip_title article h3{margin-bottom:20px;font-size:16px!important}
section.group_table.contact .trip_title article h4{line-height:1.5rem;font-size:13px!important}
section.group_table.contact .trip_title article p{right:0;font-size:13px!important}
section.group_table.contact .form-row:last-child{padding:20px 45px 30px}
}
/*contact-bespoke*/

.header_nav .header-part{padding: 0px 0px 0px 30px;max-width: 100% !important;}
.header_nav .header-part .navbar-brand{height: auto;padding: 30px 10px;}
.sabit {z-index: 100;transition: all 400ms ease 0s;}
.gizle {z-index: 105;transition: all 400ms ease 0s;}
.gizle .header_nav .header-part .navbar-brand{padding: 10px 10px;}

.header_nav .header-part .navbar-nav li a.nav-link{line-height: 104px;padding-right: 1.25rem;padding-left: 1.25rem;font-size: 1.0rem;font-weight: bold;}
.gizle .header_nav .header-part .navbar-nav li a.nav-link{line-height: 68px;}
.header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link{background: #5a9fc1;background: linear-gradient(to right,  #77e3e7 0%,#5a9fc1 100%);color: #fff !important;width: 120px;text-align: center;position: relative;/* line-height: 63px; *//* height: 100%; */font-size: 0;}
.header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link i{font-size: 0px;}
.header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:before{font-size: 1.5rem;font: normal normal normal 1.5rem FontAwesome;position: absolute;display: block;line-height: 26px;top: 37px;left: calc(50% - 13px);content: "\f0e0";}
.header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:after{font-size: 1.0rem;position: absolute;top: 69px;left: calc(50% - 18px);content: '詢問';line-height: 24px;}
.header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:hover:before, .header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:hover:after{color: #fff;}
.gizle .header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:before {top: 17px;}
.gizle .header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:after {top: 50px;}
.header_nav .header-part .navbar-toggler{background: #5a9fc1;padding: 0.25rem;border-radius: 100px;}
@media(max-width:991px){.gizle{top: 0;}
.header_nav .header-part{padding: 0px 15px 0px 15px;}
.header_nav .header-part .show{margin-bottom: 30px;}
.header_nav .header-part .navbar-nav li a.nav-link, .gizle .header_nav .header-part .navbar-nav li a.nav-link{text-align: center;line-height: 51px;}
.header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link{width: 220px;margin: 0 auto;line-height: 34px;}
.header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:before, .header_nav .header-part .navbar-nav li:nth-last-child(1) a.nav-link:after{position: relative;display: inline-block;line-height: 45px;top: unset !important;left: unset;}
}
@media(max-width:767px){.header_box {position: fixed;z-index: 100;}
.header_nav .header-part .navbar-brand{padding: 10px 10px;height: 60px;}}

.main-slider .carousel-indicators{margin-bottom: 30px;}
.main-slider .carousel-item picture img {/*transition: all 20s;transform: scale(1.0);*/}
.main-slider .carousel-item.active picture img{/*transform: scale(1.25);*/}
.main-slider .carousel-indicators li{width: 12px;height: 12px;cursor: pointer;background-color: #fff;border-radius: 100%;margin-right: 6px;margin-left: 6px;opacity: 1;}
.main-slider .carousel-indicators li.active{background-color: #5a9fc1;}
.main-slider .carousel-caption{padding-bottom: 100px;}
.main-slider .carousel-item .carousel-caption {opacity: 0;visibility: hidden;transition: all 0.7s ease;transition-delay: 0.7s;transform: translateY(20px);}
.main-slider .carousel-item.active .carousel-caption {opacity: 1;visibility: visible;transform: translateY(0px);display: inline-block;}

.main-slider .carousel-control-prev-icon, .main-slider .carousel-control-next-icon{display:none}
.main-slider .carousel-control-next svg,.main-slider .carousel-control-prev svg{display:none}
.main-slider .carousel-control-next,.main-slider .carousel-control-prev{opacity:1}
.main-slider .carousel-control-next,.main-slider .carousel-control-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:0;padding:0;border:0;outline:0;width:20%;height: 100%;z-index:1;top:0;transition:all .3s linear}
.main-slider .carousel-control-prev{left:-25px;cursor:url(https://www.jingtour.com.tw/material-alias/共用/prev.svg),auto;left:0;background:url(https://www.jingtour.com.tw/material-alias/共用/prev.svg) no-repeat left 50px center;background-size:auto 36px}
.main-slider .carousel-control-next{right:-25px;cursor:url(https://www.jingtour.com.tw/material-alias/共用/next.svg),auto;right:0;background:url(https://www.jingtour.com.tw/material-alias/共用/next.svg) no-repeat right 50px center;background-size:auto 36px}
.main-slider .carousel-control-prev:hover{background-position:left -100px center}
.main-slider .carousel-control-next:hover{background-position:right -100px center;}
.main-slider .carousel-control-next:after,.main-slider .carousel-control-prev:after{content:"";display:block;height: 20vw;width: 10vw;position:absolute;top:50%;background-color: #000000;overflow:hidden;transform:translateY(-50%) scale(.8);opacity:0;transition:all .3s ease}
.main-slider .carousel-control-prev:after{border-radius: 0 40vw 40vw 0;transform-origin:left center;left:0}
.main-slider .carousel-control-next:after{border-radius:40vw 0 0 40vw;transform-origin:right center;right:0}
.main-slider .carousel-control-next:hover:after,.main-slider .carousel-control-prev:hover:after{opacity: 0.2;transform:translateY(-50%) scale(1);}
@media(max-width:767px){
.main-slider .carousel-control-prev{cursor:auto}
.main-slider .carousel-control-next{cursor:auto;}
.main-slider .carousel-control-prev:hover{background-position:left 60px center}
.main-slider .carousel-control-next:hover {background-position: right 60px center;}
.main-slider .carousel-control-next:after,.main-slider .carousel-control-prev:after{content:"";background:none}
}

.theme-title {margin-top: 6.0rem;margin-bottom: 0rem;padding-right: 30px;padding-left: 30px;}
.theme-title h2{font-size: 2.4rem;font-weight: bold;letter-spacing: 4px;color: #226c9e;}
.theme-title .more_btn:hover{opacity:0.7}
@media(max-width:767px){.theme-title h2{font-size: 1.8rem;}
.theme-title img.handwriting{max-width: 60%;height: auto;}
.theme-title .more_btn img{max-width: 120px;}
}

.main-theme {margin-bottom: 6rem;}
.main-theme .hover-wall .htpro_tit{margin-bottom: 2em;}
.main-theme .hover-wall .icon_info{border-radius:0;border: 1px solid #88d5ff;}
.main-theme .hover-wall .icon_info figure{padding: 20px 20px 0 20px; height: 250px;}
.main-theme .hover-wall .icon_info figure .b_img{border-radius:10px; height: 100%; object-position: center; object-fit: cover;}
.main-theme .hover-wall .icon_info h3{font-size:1.15em;margin-bottom:1.5rem;padding: 0 20px;}
.main-theme .hover-wall .icon_info h4{font-size:1em;font-style:initial;color:#5b5b5b;line-height:1.8;padding: 0 20px;}
.main-theme .hover-wall .icon_info a>:nth-last-child(1){margin-bottom: 1.5rem;}
.main-theme .hover-wall .icon_info:hover figure .b_img{-webkot-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.main-theme .hover-wall .icon_info:hover{box-shadow: 10px 10px 0px 0px rgb(92 164 196);}
.main-theme .hover-wall .icon_info figure .overlay{background: none;display: none;}
.main-theme .hover-wall .icon_info:hover figure .overlay i{display:none}
@media(max-width:991px){.main-theme {margin-bottom: 3rem;}}
@media(max-width:767px){.main-theme {margin-bottom: 1rem;}
.main-theme .hover-wall .htpro_tit{margin-bottom: 0em;}
}

.handwriting.item01{margin-top:3.6rem;margin-bottom:-2rem;z-index:1}
.handwriting.item02{margin-bottom:3.6rem;margin-top:-2rem;float:right}
.handwriting.item02 .module-container{float:right}
@media(max-width:1400px){
.handwriting.item01 img {max-width: 40%;}
}
@media(max-width:1200px){
.handwriting.item01 img {max-width: 50%;}
}
@media(max-width:767px){
.handwriting.item01 img {max-width: 60%;}
}

.main-banner .mix-wrapper>.row{position:relative;}
.main-banner .mix-wrapper>.row:before{position:absolute;content:'';border:1px solid #88d5ff;width: calc(100% - 13px);height: calc(100% - 28px);top: 14px;left: 14px;z-index: 1;}
.main-banner .pic-content{margin-top:0;margin-bottom:0;padding-right:0;padding-left: 0;}
.main-banner .editor-content{margin-top: 15px;margin-bottom: 15px;margin-right: 0px;background:#fff;padding: 50px 17px 18px 15px;text-align: center;z-index: 3;}
.main-banner .editor-content h5{margin-bottom:1.5rem}
.main-banner .editor-content h4{margin-bottom:1.5rem;letter-spacing:1.2px}
.main-banner .editor-content .more{/* position:relative; */}
.main-banner .editor-content .more a{background:#5a9fc1;color:#fff;padding:14px 10px;width:130px;letter-spacing:1.2px;font-size:.75rem;position:absolute;border-radius:0;left:calc(50% - 65px);bottom: -15px;}
.main-banner .editor-content:hover .more a{bottom: 30px;transition: 0.5s;background: #4791bd;}
.main-banner.img-R{}
.main-banner.img-R .editor-content{margin-right: 0px;}
.main-banner.img-R .mix-wrapper>.row:before{position:absolute;content:'';border:1px solid #88d5ff;width: calc(100% - 14px);height: calc(100% - 28px);top: 14px;left: -1px;z-index: 1;}
@media(max-width:1400px){
.main-banner .editor-content{padding:30px 17px 18px 15px}
.main-banner .editor-content h5{margin-bottom:1rem}
.main-banner .editor-content h4{margin-bottom:1rem;font-size:1.7rem}
.main-banner .editor-content p{margin-bottom:.85rem}
.main-banner .editor-content:hover .more a{bottom:20px}
}
@media(max-width:1200px){
.main-banner .editor-content{padding:30px 17px 18px 15px}
.main-banner .editor-content h5{margin-bottom: .5rem;}
.main-banner .editor-content h4{margin-bottom: .5rem;font-size: 1.5rem;}
.main-banner .editor-content p{margin-bottom: .5rem;font-size: 0.85rem;}
.main-banner .editor-content .more a{padding: 10px 9px;}
.main-banner .editor-content:hover .more a{bottom: -15px;}
}
@media(max-width:767px){
.main-banner .mix-wrapper>.row:before{width: calc(100% - 28px);}
.main-banner .editor-content{margin: 0  15px 15px 15px;}
.main-banner .editor-content p:nth-last-child(2){margin-bottom: 2.5rem;}
.main-banner.img-R .editor-content{margin-right: 15px;}
.main-banner.img-R .mix-wrapper>.row:before{left: 14px;width: calc(100% - 28px);}
}

.member_home .footer_box > .module-container > .main:before{position: absolute;content:"";background-position: center bottom;background: #c2dfff;height: 107px;width: 100%;top: 0;}
.footer_box > .module-container > .main {background: linear-gradient(to bottom, #ffffff 25%,#ddf4ff 25%,#ddf4ff 26%,#ddf4ff 100%);padding-top: 0px;/* margin-top: -28px; */}
.footer_info .main{position:relative;width:500px;margin:0 auto!important;z-index:0}
.footer_info .main>div:nth-child(2){border-radius:100% 100% 0 0;background:#ddf4ff;padding:80px 40px 34px 40px;width:100%;z-index:-1}
@media(max-width:767px){.footer_info .main{max-width: 500px;width: 100%;}
.footer_info .main>div:nth-child(2){padding: 50px 10px 5px 10px;}
}

.footer_info .foot-logo{margin-bottom:1.5rem}
.footer_info .foot-text a.btn{background:#5a9fc1;background:linear-gradient(to right,#77e3e7 0,#5a9fc1 100%);color:#fff!important;width:260px;padding:12px 0;border-radius:40px;border:0;font-size:1.1rem;letter-spacing:3.5px;font-weight:700}
.footer_info .foot-text a.btn:hover{background:linear-gradient(to left,#77e3e7 0,#5a9fc1 100%)}
.footer_info .foot-text{font-size:1rem;font-weight:700;color:#2e2e2e;}
.footer_info .tel a{color:#2e2e2e;font-size:2rem;padding-left:5px}
.footer_info .address a{background:#2e2e2e;padding:2px 12px;border-radius:20px;color:#fff;font-weight:400}
.footer_info .address a:hover{background:#4e4e4e;padding:2px 12px;color:#fff}
@media(max-width:767px){.footer_info .foot-logo img{max-width: 100px;}
.footer_info .foot-text a.btn{width: 150px;padding: 10px 0;}
.footer_info .tel a{font-size: 1.75rem;}
.footer_info .foot-text p{margin-bottom:0.5rem;}
.footer_info .foot-text .address{line-height: 2.0;}
}

.footer_copyright{background:#5a9fc1}
.footer_copyright .module-container{max-width:1200px;margin:0 auto}
.footer_copyright .copyright,.footer_copyright .icon{padding-top:.5rem;padding-bottom:.5rem}
.footer_copyright .copyright div.link-list ul li{text-align:right;line-height:24px}
.footer_copyright .copyright div.link-list ul li span{padding:0 10px 0 10px;line-height:20px}
.footer_copyright .icon div.link-list ul li a{padding:10px 10px 10px 10px}
.footer_copyright .icon div.link-list ul li i{font-size:1.25rem}
@media(max-width:767px){
.footer_copyright .copyright div.link-list ul li{text-align: center;}
.footer_copyright .icon{padding-bottom: 0;}
.footer_copyright .icon div.link-list ul{text-align: center;}
.footer_copyright .icon div.link-list{min-height: auto;}
.footer_copyright .icon div.link-list ul li a{padding: 5px 10px 5px 10px;}
}

.WinChrome ,.new_bg{background: #ffffff;}

.day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8, .day_style_9, .day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15, .day_style_16{margin-bottom: 20px;}
.group_table_box .item p, .day_con p{margin-bottom: 10px;margin-top: 10px;}

.day_con .info_box .info .text_gary2>div > p{padding:0 15px;}

.tour-box{display:flex;max-width:800px;margin:10px auto}
.tour-text{}
.tour-text .title{min-width:200px;text-align:center;background:#5a9fc1;color:#fff;letter-spacing:.2rem;text-align:center;display:flex;align-content:center;flex-direction:column;justify-content:center}
.tour-text ul{background:#f6f6f6;margin-bottom:0;width:100%;padding:15px 30px}
.tour-text ul li{margin-bottom: 5px;font-size: 0.85rem;}
.tour-text ul li:nth-last-child(1){margin-bottom:0}
.tour-text .discount .title{background: #5a7ec1;}
.tour-text .tour-box.discount .title{position:relative}
.tour-text .tour-box.discount .title:before{background:-o-radial-gradient(#fff 0,#fff 4px,transparent 5px);background:radial-gradient(#fff 0,#fff 4px,transparent 5px);background-position:right 9px top 0;background-size:17px 17px;bottom:13px;content:"";display:block;position:absolute;right:0;top:8px;width:10px}


.tour-title{max-width:1400px;margin-bottom: 60px;margin-top: 60px;}
.tour-title h4{display:table;margin:0 auto;background:#f6f6f6;max-width:1200px;overflow:hidden;font-weight: bold;font-size: 1.5rem;letter-spacing: .25rem;}
.tour-title h4:after{position:absolute;top:50%;height:1px;width:100%;background:#ccd7e1;content:'';left:0;z-index:0}
.tour-title h4 span:after{position:absolute;bottom:0;height:3px;width:100%;background:#ccd7e1;content:'';left:0}
.tour-title h4 span{position:relative;display:table;margin:0 auto;background:#f6f6f6;border:1px solid #ccd7e1;padding:10px 30px 13px 30px;z-index:1}

.tour-banner .mix-wrapper{padding: 0px 30px;}
@media(min-width: 768px){.tour-banner .editor-content{padding-right: 15px;padding-left: 30px;margin-top:45px}
.tour-banner .editor-content.order-md-first{padding-right:30px;padding-left: 15px;}
.tour-banner .pic-content{padding-right: 30px;margin: 0;}
.tour-banner .pic-content.order-md-last{padding-left: 30px;padding-right: 15px;}}
.tour-banner .editor-content h5{margin-bottom:1.5rem;letter-spacing:1.2px}
.tour-banner .editor-content h4{position:relative;margin-bottom:1.5rem;letter-spacing:.5rem;padding-bottom:1rem;display:table}
.tour-banner .editor-content h4:after{content:"";position:absolute;right:0;height:10px;bottom:2px;width:100%;/* border-bottom:10px dotted #c5e1ed; */background: radial-gradient(circle at 8px 7px,#c5e1ed 3px,transparent 0);background-size: 23.0px 24.5px;}
.tour-banner .editor-content p{font-size:1rem;letter-spacing:.2rem;line-height:2}

.tour-note{background: #f6f6f6;padding: 30px 60px;}

.tour-date .text-link {display: flex;}
.tour-date .text-left{height: 120px;width: 120px;/* border: 0px solid #fff; */background: #5a9fc1;color:#fff;display: flex;justify-content:center;align-items:center;top: 0px;font-size: 4rem !important;margin: 0;font-family: 'Noto Sans TC', sans-serif;font-weight: 200;padding-top: 10px;}
.tour-date .text-left:before{content:'DAY';letter-spacing: 3px;font-size: 1.0rem;top: 10px;margin: 0;position: absolute;color: #ffffff40;font-family: 'Noto Sans TC', sans-serif;}
.tour-date div.link-list {width: calc(100% - 130px);display: flex;align-items: center;padding: 1.5em 1.5em;margin-left: 10px;min-height: auto;/* box-shadow: inset -3px 0px 1px 1px #5a9fc1; */border-top: 1px #5a9fc1 solid;border-bottom: 1px #5a9fc1 solid;border-right: 3px #5a9fc1 solid;}
.tour-date div.link-list ul li span {padding: 0px 10px 0px 10px;font-weight: bold;}

.daily-food .text-link {display: flex;}
.daily-food .text-left{height: 48px;width: 48px;border-radius: 100px;font-weight: bold;background: #5a9fc1;color: #fff !important;display: flex;justify-content:center;align-items:center;top: 0px;font-size: 1.25rem !important;margin: 0;font-family: 'Felix Titling' ,'Nanum Myeongjo' !important;}
.daily-food .text-left:before{position: absolute;content: '';width: 20px;height: 1px;background: #ffffff;position: absolute;transform: rotate(-45deg);right: -3px;bottom: 7px;}
.daily-food div.link-list {width: calc(100% - 60px);display: flex;align-items: center;min-height: auto;}
.daily-food div.link-list ul li span {padding: 3px 10px 2px 10px;line-height: 24px;}

.daily-text {margin: 15px auto;padding: 0 30px;}

.tour-daily .ads-wrapper .item_box figure{border-radius:0;margin-bottom: 1rem;}
.tour-daily .ads-wrapper .item_box .item_more_txt h3 {font-size: 1.25rem;color: #333333;margin: 0;line-height: 23px;margin-bottom: 0.5em;font-weight:bold;}
.tour-daily .ads-wrapper .item_box h4 {margin-top: 0;font-size: 1.0rem;font-weight: normal;letter-spacing: .2rem;line-height: 1.5em;}
.tour-daily .item_btn, .tour-daily .item_btn_hover {display:none !important;}
.tour-daily .ads-wrapper .item_morebox a{border-radius: 0;font-size: 1.25rem;width: auto;padding: 10px 80px;font-weight: bold;}
.tour-daily .ads-wrapper .item_box .item_more_txt{text-align: justify;}
.tour-daily .ads-wrapper .item_box .item_more_txt span.item_tag{padding: 0px;font-size: 1.0rem;margin: 0px;letter-spacing: 1.0px;}

.tour-main h2{letter-spacing: 2px;}
.tour-main p{letter-spacing: 2px;}
.tour-main .link{margin-top: 2.0rem;}
.tour-main .link .btn{padding: 0.5rem 1rem;border: 1px solid #fff;margin: 0 auto;width: 140px;border-radius: 0;letter-spacing: 2px;}
.tour-main .bgfixed{position:relative}
.tour-main .bgfixed:after{background: rgb(0 0 0 / 20%);position:absolute;content:'';height:100%;display:block;width:100%;top:0;z-index:0;left:0}
.tour-main section{position:absolute;z-index:999;width:100%;top:30%;display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:column}

.hotel-banner .header-title{color: #5a9fc1;padding: 0px;font-size: 1.3rem;font-weight: bold;line-height: 1.5;}
.hotel-banner .mix-wrapper{padding: 0px;}
.hotel-banner .editor-content p{font-size: 1rem;letter-spacing: .2rem;line-height: 2;}

@media(min-width: 768px){.hotel-slider{padding-left: 120px;}}
.hotel-slider .bs-carousel .carousel-indicators{display:none}
.hotel-slider .carousel-control-next-icon,.hotel-slider .carousel-control-prev-icon{background-color:#000;padding:14px;margin:0;background-size:44%}
.hotel-slider .carousel-control-prev-icon{border-radius:0 5px 5px 0}
.hotel-slider .carousel-control-next-icon{border-radius:5px 0 0 5px}
.hotel-slider .carousel-control-prev{width:auto}
.hotel-slider .carousel-control-next{width:auto}

.page_main{padding-bottom: 100px;}
.page_title{padding-left: 5%;padding-top: calc(15vh);}
.page_title_bg .slogan{position:absolute;bottom: -91px;right: -57px;}
.page_title h2 {font-weight: bold;letter-spacing: .25rem;}
.page_title h5 {letter-spacing: .1rem;}

.page_nav .nav{border:1px solid #5a9fc1;width:fit-content;margin:90px auto 30px auto}
.page_nav .nav li{border-right:1px solid #5a9fc1}
.page_nav .nav li:nth-last-child(1){border:none}
.page_nav .nav li a{color:#5a9fc1;padding:10px 30px;background:#fff}
.page_nav .nav li a.active{background:#5a9fc1;color:#fff;position:relative}
.page_nav .nav li a.active:before{content:'';background:#fff;width:100%;height:1px;position:absolute;bottom:3px;left:0}
@media(max-width:767px){.page_nav .nav li a{padding: 10px 15px;}}

.page_bl{position:relative}
.page_bl:before{background-color:#e7f3f7;content:'';width:100%;height:200px;position:absolute;top:0;left:0}

.page-banner .mix-wrapper>.row{position:relative}
.page-banner .mix-wrapper>.row{border:1px solid #88d5ff}
.page-banner .pic-content{margin-top:0;margin-bottom:0;padding-right:0;padding-left:0}
.page-banner .editor-content{margin-top:0;margin-bottom:0;margin-right:0;background:#fff;padding:60px 60px 18px 100px;z-index:3}
.page-banner .editor-content h5{margin-bottom:1.5rem}
.page-banner .editor-content h4{margin-bottom:1.5rem;letter-spacing:1.2px}
.page-banner .editor-content .more a{transition:.5s;color:#5a9fc1;padding:20px 0;letter-spacing:1.2px;border-radius:0;left:calc(50% - 65px);font-weight:700}
.page-banner .editor-content:hover .more a{transition:.2s;letter-spacing:2px}
.page-banner .editor-content .more a:after{content:'\f178';font-size:1rem;font:normal normal normal 1rem FontAwesome;padding-left:1rem}
.page-banner .editor-content:hover .more a:after{padding-left:1.5rem;transition:.5s}
@media(max-width:1400px){
.page-banner .editor-content{padding:30px 17px 18px 15px}
.page-banner .editor-content h5{margin-bottom:1rem}
.page-banner .editor-content h4{margin-bottom:1rem;font-size:1.7rem}
.page-banner .editor-content p{margin-bottom:.85rem}
.page-banner .editor-content:hover .more a{bottom:20px}
}
@media(max-width:1200px){
.page-banner .editor-content{padding:30px 17px 18px 15px}
.page-banner .editor-content h5{margin-bottom:.5rem}
.page-banner .editor-content h4{margin-bottom:.5rem;font-size:1.5rem}
.page-banner .editor-content p{margin-bottom:.5rem;font-size:.85rem}
.page-banner .editor-content .more a{padding:10px 9px}
.page-banner .editor-content:hover .more a{bottom:-15px}
}
@media(max-width:767px){
.page-banner .mix-wrapper>.row:before{width:calc(100% - 28px)}
.page-banner .editor-content{margin:0 15px 15px 15px}
.page-banner .editor-content p:nth-last-child(2){margin-bottom:2.5rem}
}
a:focus{box-shadow:none!important}

.blog_title{margin-bottom: 9.0rem;}
.blog_title .slogan{background: #ffffff80;padding: 30px;}
.blog_title .slogan h5 {letter-spacing: 2.0px;font-size: 1.25rem;}
.blog_title h2 {font-weight: bold;letter-spacing: .5rem;}
@media(max-width:991px){.blog_title{margin-bottom: 6.0rem;}}
@media(max-width:768px){.blog_title{margin-bottom: 3.0rem;margin-top: 3.0rem;}}

.blog-banner .mix-wrapper>.row{position:relative}
.blog-banner .mix-wrapper>.row{/* border:1px solid #88d5ff; */}
.blog-banner .pic-content{margin-top:0;margin-bottom:0;padding-right:0;padding-left:0}
.blog-banner .editor-content{margin-top:0;margin-bottom:0;margin-right:0;background:#fff;padding: 60px 00px 18px 100px;z-index:3}
.blog-banner .editor-content.order-md-first{padding: 60px 100px 18px 0px;}
.blog-banner .editor-content h5{margin-bottom:1.5rem}
.blog-banner .editor-content h4{margin-bottom:1.5rem;letter-spacing:1.2px}
.blog-banner .editor-content p{line-height: 2.0;letter-spacing: .1rem;}
.blog-banner .editor-content .more a{transition:.5s;color:#5a9fc1;padding:20px 0;letter-spacing:1.2px;border-radius:0;left:calc(50% - 65px);font-weight:700}
.blog-banner .editor-content:hover .more a{transition:.2s;letter-spacing:2px}
.blog-banner .editor-content .more a:after{content:'\f178';font-size:1rem;font:normal normal normal 1rem FontAwesome;padding-left:1rem}
.blog-banner .editor-content:hover .more a:after{padding-left:1.5rem;transition:.5s}
@media(max-width:991px){
.blog-banner .editor-content,.blog-banner .editor-content.order-md-first{padding: 30px 15px;}
}

.blog_nav .nav{margin: 90px auto 0 auto;max-width: 1200px;}
.blog_nav .nav li{}
.blog_nav .nav li:nth-last-child(1){border:none}
.blog_nav .nav li a{color: #555555;padding: 10px 5px;margin: 0 10px;font-weight: bold;}
.blog_nav .nav li a.active{/* background:#5a9fc1; *//* color:#fff; */position:relative}
.blog_nav .nav li a.active:before{content:'';background: #226c9e;width:100%;height: 2px;position:absolute;bottom:3px;left:0}

.blog_gray{position:relative}
.blog_gray:before{background-color:#f3f3f3;content:'';width:100%;height:200px;position:absolute;top:0;left:0}

.blog-theme {margin-bottom: 6rem;}
.blog-theme .hover-wall .htpro_tit{margin-bottom: 2em;}
.blog-theme .hover-wall .icon_info{border-radius:0;/* border: 1px solid #88d5ff; */box-shadow: none;}
.blog-theme .hover-wall .icon_info figure{/* padding: 20px 20px 0 20px; */}
.blog-theme .hover-wall .icon_info figure .b_img{border-radius: 0px;}
.blog-theme .hover-wall .icon_info h3{font-size:1.15em;margin-bottom: 1.0rem;padding: 0px;}
.blog-theme .hover-wall .icon_info h4{font-size: .9em;font-style:initial;color: #b2b2a8;line-height:1.8;padding: 0px;}
.blog-theme .hover-wall .icon_info a>:nth-last-child(1){margin-bottom: 1.5rem;padding: 0;color: #5b5b5b;font-size: .9em;}
.blog-theme .hover-wall .icon_info:hover figure .b_img{-webkot-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.blog-theme .hover-wall .icon_info:hover{box-shadow: none;}
.blog-theme .hover-wall .icon_info figure .overlay{background: none;display: none;}
.blog-theme .hover-wall .icon_info:hover figure .overlay i{display:none}
@media(max-width:991px){.blog-theme {margin-bottom: 3rem;}}
@media(max-width:767px){.blog-theme {margin-bottom: 1rem;}
.blog-theme .hover-wall .htpro_tit{margin-bottom: 0em;}
}

.article_text{line-height: 2.0;}
.article_text h5{letter-spacing: .3rem;}
.article_text p{margin-bottom: 1.5rem;}

.blog-breadcrumbs{margin-top:90px}
.blog-breadcrumbs div.link-list{background:#3d362fb0!important;display:inline-block}
.blog-breadcrumbs div.link-list ul{padding:0 33px;border-top:3px solid #9c8957}
.blog-breadcrumbs div.link-list ul li a,.blog-breadcrumbs div.link-list ul li span{padding:10px}
.blog-breadcrumbs div.link-list ul li i{margin-right:20px}
.blog-breadcrumbs div.link-list ul li:nth-child(1) i{margin-right:0}

.article-title{background:rgb(255 255 255 / 70%)}
.article-title .slogan{margin:30px 0}
.article-title .slogan h2{font-weight:700;letter-spacing:.3rem}

.post-date{margin-top:75px;margin-bottom:15px}
.post-date div.link-list{text-align:center}

/*因喬瑞維護人員提出需求增設*/
.cycle2.fx .cycle-slideshow a {height: 400px; overflow: hidden;}
.cycle2.fx .cycle-slideshow a img {height: 100% !important; object-fit: cover;}
@media(max-width:767px){
  .cycle2.fx .cycle-slideshow a {height: 200px;}
}