@charset "utf-8";


/*●●●●●●●●●●●●●●●●●●●●●●●●   大範圍設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
*{font-family: 'Noto Sans TC', sans-serif;}
.main_part {max-width: 1500px;padding: 50px 0 100px;width: 90%;}
.path {margin-bottom: 20px;padding: 0;display: none;}
.path p, .path p a{font-size: 12px;}
.show_content{padding: 0;}
#content_main,#content {background: url(https://pic03.eapple.com.tw/kurumba/content_bg.jpg) repeat;
	width: calc(100% - 280px);margin: 0 0 0 auto;}



@media screen and (max-width: 768px){
	#content_main,#content{width: 100%;}
}







/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖部分設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*預設解除背景輪播*/
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
/*切換鈕*/
.bannerindex {--swiper-pagination-color: #fff;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 50px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{margin: 5px 10px;width: 15px;height: 5px;border-radius: 2px;}
/*其他設定*/
.bannerindex {width: calc(100% - 280px);margin: 0 0 0 auto;display: block;}
.swiper-banner .swiper-slide img {height: 100vh;object-fit: cover;object-position: center;}

/*動畫取消*/
.rightDownBig img,.moveDown img,.leftUp img,.moveRight img,.centerBig img{-webkit-animation-name: none;
	animation-name: none;}




@media screen and (max-width: 1350px){
	.swiper-banner .swiper-slide:nth-child(1) img {object-position: right;}
	.swiper-banner .swiper-slide:nth-child(2) img {object-position: left;}
}
@media screen and (max-width: 1024px){
	.swiper-banner .swiper-slide{min-height: 600px;background-size: cover !important;background-position: center !important;}
	.swiper-banner .swiper-slide:nth-child(1){background: url(https://pic03.eapple.com.tw/kurumba/banner01_s.jpg) no-repeat;}
	.swiper-banner .swiper-slide:nth-child(2){background: url(https://pic03.eapple.com.tw/kurumba/banner02_s.jpg) no-repeat;}
	.swiper-banner .swiper-slide img{display: none;}
}
@media screen and (max-width: 768px){
	.bannerindex{width: 100%;padding-bottom: 0;}
}





/*●●●●●●●●●●●●●●●●●●●●●●●●   HEADER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.header_area,.header_area.sticky{position: fixed;width: 280px;height: 100vh;padding: 50px 20px;
	background: url(https://pic03.eapple.com.tw/kurumba/h_bg.jpg) no-repeat;
	background-size: cover !important;box-shadow: inset -2px 0 20px rgb(76 76 76 / 5%);}
.main_header_area .container {max-width: 1800px;width: 90%;}
.navigation {display: flex;flex-direction: column;align-items: center;;}
.nav-header {max-width: 150px;margin-bottom: 30px;}
.nav-brand img{display: block;}
.stellarnav{height: 26vw;}
.stellarnav > ul{height: 26vw;display: flex;flex-direction: column;justify-content: space-between;}
.stellarnav > ul > li {width: 100%;text-align: center;}
.stellarnav > ul > li > a{color: #333;font-size: 16px;font-weight: 500;letter-spacing: 1px;margin: 0;
	transition: all .5s;}
.stellarnav > ul > li > a:before{content: "";width: 100px;height: 4px;background: #2992b3;
	position: absolute;bottom: -3px;left: 0;opacity: 0;transition: all .5s;}
.stellarnav > ul > li > a:hover:before{bottom: 3px;opacity: 1;}

/*線上訂房按鈕*/
.stellarnav > ul > li:last-child > a{border: 3px solid #2d94b9;width: 100%;padding: 5px 0;height: auto;
    color: #2d94b9;margin-top: 1vw;transition: all .5s;z-index: 0;}
.stellarnav > ul > li:last-child > a:before{display: none;}
.stellarnav > ul > li:last-child > a:after{content: "";width: 0;height: 100%;display: block;background: #2d94b9;
position: absolute;top: 0;left: 50%;transform: translateX(-50%);transition: all .5s;z-index: -1;}
.stellarnav > ul > li:last-child > a:hover{color: #fff;}
.stellarnav > ul > li:last-child > a:hover:after{width: 100%;}

.stellarnav > ul > li.has-sub > a {padding-right: 0;}
.stellarnav li.has-sub > a:after {display: none;}/*主選單箭頭*/
.me_tp_features {text-align: center;order: 3;padding: 30px 0;}
.me_tp_features:before{content: "- FOLLOW US -";display: block;font-family: "Italiana", sans-serif;
    color: #888;font-weight: 600;letter-spacing: .2rem;font-size: 12px;padding: 15px 0;}
.tp_links a {background: #084066;color: #fff;padding: 0;border-radius: 35px;width: 35px;height: 35px;margin: 0 3px;}
.tp_links a.me_tp_call{display: none;}
.tp_links a.me_tp_mail{display: none;}
.me_tp_features a i {font-size: 15px;line-height: 35px;}
.tp_links a.me_tp_ig i{font-size: 17px;}
.fa-facebook:before {content: "\f39e";}
.box_search{display: none;}
.me_tp_features a.tp_btn_notice,.me_tp_features a.me_tp_camp_order{display: none;}

/*下拉選單*/
.stellarnav > ul > li > ul{left: 80%;top: 10px;}
.stellarnav ul ul {background: #333;}
.stellarnav li li{border: none;border-bottom: 1px solid #3c3c3c;}
.stellarnav li li:last-child{border-bottom: none;}
.stellarnav li li.top_camp_map{display: none;}/*營區導覽圖*/
.stellarnav ul ul li a {font-size: 12px;font-weight: 500;color: #eee;padding: 10px 12px;transition: all .5s;}
.stellarnav ul ul li a:hover{background: #eee;color: #333;}



@media screen and (max-width: 1350px){
	.stellarnav {height: calc(100vh - 350px);}
}
@media screen and (max-width: 768px){
	.header_area, .header_area.sticky {width: 100%;height: auto;padding: 10px;position: sticky;}
	.main_header_area .container{width: 100%;}
	.nav-header{margin-bottom: 0;max-width: 120px;}
	.me_tp_features{display: none;}
	.stellarnav > ul{height: 100%;}
	.stellarnav > ul > li > a{font-size: 15px;margin: 0;}
	.stellarnav > ul > li > a:before{display: none;}
	.stellarnav > ul > li > ul {left: 0;top: 0;}
	.stellarnav.mobile > ul > li:last-child{border-bottom: none;}
	.stellarnav.mobile > ul > li:last-child > a{padding: 13px;width: 90%;margin: 30px auto 0;text-align: center;}
	.stellarnav li li {border-bottom: none;}


	.stellarnav .menu-toggle:after {margin-top: 5px;font-weight: 600;color: #333;font-size: 13px;}
    .stellarnav .menu-toggle span.bars span {height: 2px;width: 32px;background: #333;}
    .stellarnav.mobile {height: auto;}
    .stellarnav.mobile > ul > li > a {padding: 12px 43px 12px 15px;}
    .stellarnav.mobile li.open {background: #f8f8f8;padding: 0;}
    .stellarnav.mobile li.open li.open {background: #d5d5d5;padding: 0;}
    .stellarnav.mobile li li.has-sub a {padding: 10px 15px;}
    .stellarnav.mobile li.has-sub li a {text-align: left;padding: 8px 15px;background: #888;color: #fff;}
    .stellarnav.mobile li.has-sub li a.dd-toggle{right: 5px;}
    .stellarnav.mobile li.has-sub li a.dd-toggle:hover {text-align: center;background: transparent;}
    .stellarnav.mobile li.has-sub li li a{color: #90714d;}
    .stellarnav.mobile li.has-sub li li a:hover{background: transparent;color: #90714d;}
    .stellarnav.mobile > ul > li {border-bottom: 1px #f6f5f5 solid;}
	.stellarnav.mobile > ul > li > a.dd-toggle{top: 3px;}
	.stellarnav.mobile > ul > li.open > a.dd-toggle{top: 5px;}
	.stellarnav a.dd-toggle .icon-plus:before,.stellarnav a.dd-toggle .icon-plus:after {border-bottom: solid 1px #777;width: 10px;}
	.stellarnav.mobile .close-menu{position: relative;color: transparent;background: #206ed5;
		width: 32px;height: 32px;margin: 10px 10px 0 auto;border-radius: 10px;display: block;}
	.stellarnav.mobile .close-menu > *{display: none;}
	.stellarnav.mobile .close-menu:before{content: "×";position: absolute;font-size: 24px;top: 2px;right: 0;
	color: #333;display: block;width: 100%;height: 100%;line-height: 30px;text-align: center;padding-left: 1px;}
    .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {background: transparent;display: block;
        margin-bottom: 30px;}
}
@media screen and (max-width: 570px){
	.stellarnav .menu-toggle {padding: 13px 10px;}
}



/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.site_endPart {background: url(https://pic03.eapple.com.tw/kurumba/footer_bg.jpg) no-repeat;
	padding: 40px 0;width: calc(100% - 280px);margin: 0 0 0 auto;background-size: cover;}
.site_endPart .site_centerBox {max-width: 1800px;width: 90%;padding-right: 0;}
.site_endPart li.site_logo {display: none;}
.site_logo > a{max-width: 150px;}
.site_logo > a img {width: 100%;}
.site_reachOut p {padding: 0;width: 100%;}
.site_reachOut a,.site_reachOut p:before{color: #fff;}
.site_bottomMenu a {color: #ccc;border: none;font-size: 12px;padding: 10px 0;margin: 0 20px 0 0;}
.site_bottomMenu a:first-child{display: none;}
.site_bottomMenu a:hover{color: #fff;}
.box_link{display: none;}
.site_copyRight{justify-content: end;max-width: 90%;margin: 0 auto;}
.site_copyRight p,.site_copyRight p a,.site_copyRight span {color: #ccc;font-size: 10px;}
.privacyLinks a:hover{color: #fff;}
/*露營功能頁按鈕設定*/
.site_endPart li.For_CampUse{position: absolute;width: 50%;right: 0;top: 0;padding: 0;display: none;}
.site_endPart li.For_CampUse a{width: calc(33.3% - 20px);margin: 5px 10px;background: #eee;}
.site_endPart li.For_CampUse a span {color: #555;}
.site_endPart li.For_CampUse a em img{max-width: 25px;}

@media screen and (max-width: 1366px){
	.site_endPart li.site_bottomMenu{width: calc(100% - 20px);}
	.site_copyRight{justify-content: center;width: calc(100% - 20px);margin: 30px auto;}
}
@media screen and (max-width: 1024px){
	.site_endPart li.For_CampUse {position: relative;margin-top: 30px;width: 100%;}
	.site_endPart ul.site_infoTer:before{content: "可倫巴休閒渡假民宿";font-size: 18px;color: #eee;
	display: block;font-weight: 600;letter-spacing: .2rem;margin: 20px;}
	.site_reachOut p {justify-content: center;}
	.site_bottomMenu{justify-content: center;}
	.site_bottomMenu a {width: 120px;text-align: center;border-bottom: 1px solid #888;margin: 0 10px;}
}
@media screen and (max-width: 768px){
	.site_endPart{width: 100%;}
	.site_endPart li.For_CampUse a em img {max-width: 20px;}
	.site_endPart li.For_CampUse a span{font-size: 13px;}
	.site_bottomMenu a {width: 90px;}

	#bottom_menu{display: none;}
}
@media screen and (max-width: 400px){
	.site_endPart li.site_bottomMenu {width: 100%;padding: 0;}
	.site_bottomMenu a {width: 70px;}
}



    
/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理   ●●●●●●●●●●●●●●●●●●●●●●●●*/

/*大範圍*/
.blog_box {padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
/*側邊*/
.blog_le {padding: 0;}
h5.blog_le_t{text-align: center;margin-bottom: 0;}
h5.blog_le_t em,h5.blog_le_t span{display: none;}
.blog_search input[type=search]{border-radius: 0;}
.accordion li .link a {font-size: 13px;font-weight: 500;letter-spacing: .1rem;text-align: center;}
.blog_le .accordion {border-radius: 0;}
.blog_le .accordion li{transition: all .8s;}
.blog_le .accordion li .link i {font-size: 12px;}
.blog_le .accordion li.open .link {background: #666;}
.blog_le .accordion li.open .link a{color: #fff;}
.blog_le .accordion li.open .link i{color: #fff;}
.submenu a {padding: 12px 12px 12px 30px;background: #fff;font-size: 14px;}
.submenu a i {font-size: 12px;color: #ccc;left: 10px;transition: all .5s;}
.submenu li.on_this_category a, .submenu a:hover {background: #aaa;}
.submenu li.on_this_category a i, .submenu a:hover i{color: #fff;}
/*分類頁*/
.blog_ri {padding: 0 0 0 50px;}
.blog_page h4.blog_category_title{display: none;}
.blog_subbox {grid-template-columns: 1fr;grid-gap: 50px;}
.subbox_item a {grid-template-columns: 1fr 1fr;align-items: center;grid-gap: 6%;}
.subbox_item a:before,.subbox_item a:after {display: none;}
.blog_list_ri {padding: 2%;}
.blog_list_ri h5 {color: #333;font-weight: 600;font-size: 22px;}
.blog_list_ri em {font-size: 12px;}
.blog_list_ri p {font-weight: 400;line-height: 200%;font-size: 14px;margin-top: 20px;}
.blog_list_le {aspect-ratio: 3 / 2;overflow: hidden;}
.blog_list_le img {height: 100%;transition: all .5s;}
.subbox_item a:hover .blog_list_le img {transform: scale(1.05);}
/*文章頁*/
h4.blog_category_title {padding: 0;font-size: 20px;margin-bottom: 0;font-weight: 500;}
.blog_shareData{border-bottom: 1px solid #eee;padding-bottom: 10px;}
.toShareNews b{font-size: 12px;font-weight: 400;}
.toShareNews a object{max-width: 20px;}
.articel_mainPic{display: none;}/*清單縮圖*/
.blog_box_edit *{line-height: 1.8;font-size: 16px;color: #333;}
.blog_back {grid-gap: 0;width: 100%;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next {
	background: transparent;color: #888;border: 1px solid #888;font-size: 13px;padding: 12px;}
.blog_back a.article_btn_back{background: #888;padding: 12px;font-size: 13px;}
.news_related{display: none;}
/*首頁*/
.module_i_news {padding: 100px 0 0;}
.module_i_news section {max-width: 1800px;width: 90%;position: relative;}
.module_i_news .title_i_box {margin-bottom: 0;}
.module_i_news .title_i_box h4{color: #333;font-size: 36px;text-align: left;}
.module_i_news .title_i_box h4:before{content: "NEWS";font-family: "Ubuntu", sans-serif;
	color: #2089AF;font-size: 50px;margin-right: 10px;}
.module_i_news_list{padding: 50px 0;}
.module_i_news ul {grid-template-columns: repeat(3, 1fr);grid-gap: 4%;}
.module_i_news li:nth-child(n+4){display: none;}
.module_i_news li a {grid-template-columns: 1fr;background: #fff;grid-gap: 0;}
.module_i_news li a:before,.module_i_news li a:after{display: none;}
.module_i_news li a .i_blog_le {overflow: hidden;}
.module_i_news li a .i_blog_le img{transition: all .5s;}
.module_i_news li a:hover .i_blog_le img{transform: scale(1.05);}
.i_blog_le {aspect-ratio: 4 / 3;}
.i_blog_ri {padding: 25px;}
.i_blog_ri h5 {letter-spacing: 0;color: #555;}
.i_blog_ri p {font-size: 13px;line-height: 1.6;color: #888;-webkit-line-clamp: 3;}
.i_blog_b{position: absolute;top: 0;right: 0;}
.i_blog_b .animated-arrow {width: 200px;height: 60px;line-height: 60px;border-radius: 60px;background: #333;
	margin-top: 0;}
.i_blog_b b{font-weight: 500;}

@media screen and (max-width: 1350px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 1fr;grid-gap: 0;}
	/*首頁*/
	.module_i_news .title_i_box h4{font-size: 24px;}
	.module_i_news .title_i_box h4:before{font-size: 42px;}
	.module_i_news ul {grid-template-columns: repeat(2, 1fr);grid-gap: 30px;}
	.module_i_news li:nth-child(n+4){display: block;}
	.module_i_news li:nth-child(n+5){display: none;}
	.i_blog_b .animated-arrow {width: 180px;height: 52px;line-height: 48px;}
	.i_blog_b .animated-arrow b{font-size: 14px;}
}
@media screen and (max-width: 1024px){
	/*側邊選單*/
	.blog_le {width: 180px;}
	/*分類頁*/
	.blog_ri{padding: 0; width: calc(100% - 200px);}
	.blog_list_ri {padding: 20px 0;}
	.blog_list_ri h5 {font-size: 18px;}
}
@media screen and (max-width: 960px) {
	/*分類頁*/
    .subbox_item {border-bottom: none;}
}
@media screen and (max-width: 768px){
	/*側邊選單*/
	.blog_le {width: 100%;}
	h5.blog_le_t em, h5.blog_le_t span {display: block;font-size: 20px;text-align: left;padding: 5px 0;}
	/*分類頁*/
	.blog_ri{width: 100%;}

}
@media screen and (max-width: 600px){
	/*首頁*/
	.module_i_news ul {grid-template-columns: repeat(1, 1fr);max-width: 450px;margin: 0 auto;}
	.i_blog_b{position: relative;right: auto;left: 0;}
}

    

/*●●●●●●●●●●●●●●●●●●●●●●●●   營區介紹   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*分類頁*/
.camps_list {max-width: 1500px;}
.camps_list li {width: calc((100% / 3) - 30px);margin: 0 30px 50px 0;padding: 0;}
.camps_list .camp_name{background: transparent;padding-left: 0;font-weight: 500;color: #111;}
.camps_list .camp_price{font-size: 14px;justify-content: flex-start;}
.camps_list .camp_price > p{letter-spacing: 0;width: auto;max-width: inherit;}
.camps_list .camp_price > p:nth-of-type(2) {margin-left: 20px;}
.camps_list .camp_price > p b {font-size: 20px;color: #3795b7;}
.camps_list .camp_price > span{display: none;}
.camps_list li a > b {background: #333;font-size: 14px;padding: 20px;margin-top: 30px;}
.camps_list li a:hover > b{background: #3795b7;}
/*詳細介紹*/
.camp_info li {align-items: start;}
.camp_info_name {font-weight: 500;color: #111;}
.camp_info .info_title {background: #111;font-size: 14px;font-weight: 500;}
.camp_info .info_text{font-size: 16px;}
.out_link a{transition: all .5s;}
#go_calendar {background: #65b1ca;font-size: 14px;height: 50px;display: none;}
.camp_intro_setting.Other_Sty01,.camp_intro_setting.Other_Sty02{display: none;}
.camps_tabs ul.tabs li.active {background-color: #6ab2c8;}


@media screen and (max-width: 1350px){
	/*分類頁*/
	.camps_list li {width: calc((100% / 2) - 15px);}
	.camps_list li:nth-child(even){margin-right: 0;}
	.camps_list .camp_name{font-size: 18px;}
	.camps_list .camp_price > p{font-size: 13px;}
	.camps_list .camp_price > p b {font-size: 16px;}
	/*詳細介紹*/
	.camp_info_name {font-size: 20px;}
	.camp_info .info_title {font-size: 12px;width: 70px;}
	.camp_info .info_text {width: calc(100% - 70px);font-size: 14px;}
    
}
@media screen and (max-width: 1200px) {
	/*分類頁*/
    .camp_price > p span {display: inline-block;}
}
@media screen and (max-width: 572px) {
	/*分類頁*/
    .camps_list {justify-content: flex-start;}
}
@media screen and (max-width: 500px) {
    .camps_list li {width: 100%;margin: 0 0 50px;max-width: inherit;}
}



/*●●●●●●●●●●●●●●●●●●●●●●●●   線上訂房   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*三步驟*/
.stepImg {margin: 20px auto 60px;}
.stepImg p.act_step b {background: #54bce0;border-color: #54bce0;}
.stepImg p.act_step b::after {background: #54bce0;}
.stepImg p.act_step span {color: #55bce0;font-weight: 500;}
.stepImg p.next_step b {background: #fff;}
.stepImg p b{color: #888;font-size: 16px;}
.stepImg p span {color: #555;}
.stepImg > i::before {background: #54bcdf;}
.stepImg p.done_step b {color: #54bce0;}
.stepImg p.done_step b::after {border: 2px solid #54bce0;}
/*步驟一/選日期*/
.calendar {margin: 0 auto 80px;max-width: 1200px;}
.calendar h2.month {font-family: "Italiana", sans-serif;font-size: 36px;color: #111;}
.calendar h2.month .month_choice {background: #111;font-weight: 500;font-size: 14px;}
.calendar ol.days li.weekend {background: #e7f3f7;}
.calendar ol.days li .text_total p em {color: #5cbdde;}
.calendar ol.days li a.event {background: #54bce0;font-size: 14px;}
.calendar ol.days li a.event:hover {background: #084067;}
/*步驟二/選房型*/
.marq_contain{display: none;}
.date_and_nights{border:none;background: #fff;padding: 20px 40px 40px;box-shadow: 0 0 10px rgba(0, 0, 0, .005);
	width: 100%;max-width: 600px;}
.title_snd {border-bottom: 1px solid #eee;border-radius: 0;margin-bottom: 20px;padding: 30px 0;}
.title_snd img{display: none;}
.title_snd p span {color: #888;display: inline;font-weight: 500;font-size: 24px;margin: 0;}
.title_snd p span.checkname{font-size: 20px;}
.date_and_nights li .date_night {background: #eee;font-size: 14px;margin-bottom: 10px;}
.date_and_nights li .date_night_choice .reselect {color: #55bce0;margin-top: 5px;}
/*---營區選擇*/
.camp_lists{background: transparent;}
.camp_lists h4.article_title {font-weight: 500;font-size: 30px;color: #111;}
.camp_lists h4.article_title b{display: none;}
.camp_lists h5.part_title {margin: 20px 0;font-size: 16px;padding: 15px;font-weight: 500;
	width: 100%;color: #fff;border: none;background: #888;border-radius: 0;}
.camp_small_pic {padding-bottom: 80%;margin-bottom: 0;}
.camp_small_pic a::before,.camp_small_pic a::after{display: none;}
.camp_small_pic img {height: 100%;object-fit: cover;}
.camp_small_txt {padding: 20px;}
.camp_small_txt h6 {color: #333;font-size: 18px;margin-bottom: 15px;}
.first_choice b {font-size: 14px;color: #3795b7;padding: 5px 0;font-weight: 500;display: block;}
.first_choice p {padding: 0 0 15px 0;}
.price_total h5 span {font-weight: 600;font-style: normal;font-size: 36px;}
/*---訂購資料*/
.camporder_bottom_20201220 {border: none;padding: 50px;}
.camporder_bottom_20201220 .camp_b_info01 h5:not(.rule_txt2 h5) {background: transparent;padding: 10px 0;color: #333;}
.camporder_bottom_20201220 .camp_b_info01 li {padding: 10px 0 10px 120px;}
.camporder_bottom_20201220 .title:not(.rule_txt2 .title){padding: 0;top: 10px;}
.camporder_bottom_20201220 input[type="text"], .camporder_bottom_20201220 input[type="email"], .camporder_bottom_20201220 input[type="tel"]{
	padding: 0;}
.camporder_bottom_20201220 .camp_b_info02 h5:not(.rule_txt2 h5){background: transparent;padding: 10px 0;color: #333;}
.camporder_bottom_20201220 section.camp_b_info03 .button_cart {font-size: 12px;}
.camporder_bottom_20201220 section.camp_b_info03 .button_cart.next {background-color: #084067;}
/*步驟三/訂購完成*/
.pure_notice h4 {background-color: #111;padding: 8px;}
.pure_notice h4 b {font-weight: 600;font-size: 14px;}
.pure_notice h4 > span {color: #111;border-radius: 3px;padding: 0 15px;}
.bankAccount_data table {border: 3px solid #084067;max-width: 100%;}
.bankAccount_data td {border: 2px solid #43647c;padding: 12px;color: #333;font-size: 14px;font-weight: 600;}
.bankAccount_data td:nth-child(1) {background: #084067;border-bottom: 1px solid #084067;}
.pure_notice h6 {font-size: 18px;color: #0f4165;font-weight: 600;}
.remitSteps dt {color: #111;font-weight: 600;font-size: 20px;margin-bottom: 5px;}
.remitSteps li {font-size: 14px;color: #555;}



@media screen and (max-width: 1350px){
	/*步驟一/選日期*/
	.calendar ol.days li .text_total p{font-size: 12px;}
	.calendar ol.days li .text_total p em{font-size: 14px;}
	.calendar ol.days li a.event{font-size: 12px;}
	.calendar ol.days li .text_total span{font-size: 14px;}
	/*步驟二/選房型*/
	.camp_lists li {width: calc(50% - 10px);}
}

@media screen and (max-width: 1200px){
	/*步驟二/選房型*/
	.camporder_bottom_20201220 .halfForm{margin-bottom: 50px;}
	.camporder_bottom_20201220 .halfForm_le{width: 100%;}
	.camporder_bottom_20201220 .halfForm_ri{width: 100%;}
	.camporder_bottom_20201220 .camp_b_info01 h5:not(.rule_txt2 h5){font-size: 20px;}
	.camporder_bottom_20201220 .camp_b_info02 h5:not(.rule_txt2 h5){font-size: 20px;}

}
@media screen and (max-width: 572px) {
	/*步驟二/選房型*/
    .camp_lists li {width: 100%;}
    .camp_small_pic {padding-bottom: 0;}
    .camp_small_pic img {height: 250px;width: 100%;}
    .camporder_bottom_20201220 {padding: 0;background: transparent;}
    .camporder_bottom_20201220 input[type="text"], .camporder_bottom_20201220 input[type="email"], .camporder_bottom_20201220 input[type="tel"] {
        border: none;border-bottom: 1px solid #ccc;}
    .camporder_bottom_20201220 .camp_b_info01 li {padding: 10px 0 20px;}
}





/*●●●●●●●●●●●●●●●●●●●●●●●●   訂單查詢   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*第一步/輸入資訊*/
.Camp_recheck_page .date_and_nights {background: transparent;padding: 0;margin: 30px auto;}
.Camp_recheck_page .title_snd{background: transparent;margin: 0;padding: 0;border-bottom: none;}
.Camp_recheck_page .searchbox .button_cart{font-size: 12px;}
.Camp_recheck_page .searchbox .button_cart.next{background-color: #084067;}
.Camp_recheck_page .searchbox .button_cart:hover{border-radius: 0;}
/*第二步/查看資訊*/
.Camp_recheck_page .title_snd p span{display: block;}
table.Rtable thead th {background: #65b1ca;}
table.Rtable tbody td.nameL, table.Rtable thead th.nameL {font-weight: 500;}
table.Rtable thead th, table.Rtable tbody td {padding: 12px 10px;}
table.Rtable tbody td.pprice {font-weight: bold;color: #0c426a;}
#show_campy_price_value_2018030911{font-weight: bold;color: #0c426a;}
.Camp_recheck_page h5.article_title {font-size: 20px;color: #333;margin-top: 50px;}
.note_red span{font-weight: 500;}
.note_red span.title {padding: 15px 25px;background: #0c4268}
.Order_price_total > div strong {color: #333;}
.Order_price_total > div span {font-size: 16px;}





/*●●●●●●●●●●●●●●●●●●●●●●●●   匯款通知   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.remit_page .separate_title {background: #65b1ca;color: #fff;font-weight: 600;}
.remit_page .separate_title .note {padding-left: 0;background: #fff;color: #6ab2c8;padding: 3px 12px;border-radius: 20px;
    font-size: 12px;margin-left: 20px;}
.border200 {width: 100%;}
.rewrite_simple, .send_simple{background: #333;border-radius: 0;font-size: 14px;margin-right: 20px;}






/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們(表單功能)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*大範圍*/
.contact_page .main_part{display: flex;flex-direction: row-reverse;}
.contact_content {margin: 0;padding: 0;width: calc(100% - 400px);}
.contact_editbox {width: 400px;margin: 0;padding: 0;}
/*標題*/
.blank_letter {color: #333;font-size: 24px;padding-top: 0;margin-bottom: 5px;font-weight: bold;
	font-family: 'Noto Sans TC', sans-serif;}
/*左側資訊*/
.contact_content .information_left{padding: 0;width: 100%;}
.contact_content .information_left .blank_letter{display: none;}
.contact_content .information_left .list_before{display: none;}
.contact_content .information_left img{display: block;height: 25vw;width: 100%;object-fit: cover;}
/*表格設定*/
.contact_content .information_right {width: 100%;padding: 60px 60px 0 10px;}
.contact_form {padding-left: 10px;}
.contact_form li .form__label{text-align: left;}
.contact_form li .form__label .star{position: absolute;left: 3px;}
.contact_form li input.noborder,.contact_form li textarea.noborder {border: 1px solid #eee;padding: 10px;outline: none;}
.contact_form li.last cite {background: #084067;border: 1px solid  #084067;}
.contact_form li.last blockquote{color: #084067;border: 1px solid  #084067;}


@media screen and (max-width: 1200px){
	.contact_page .main_part {flex-direction: column;}
	.contact_editbox{width: 100%;}
	.contact_content{width: 100%;}
	.contact_content .information_right {padding: 60px 10px;}
}
@media screen and (max-width: 768px){
	.contact_content .information_left img{height: 300px;}
}
@media screen and (max-width: 600px){
	.contact_editbox .contact_edit {background: transparent;padding: 0;}
	.contact_le_nomap {margin-top: 80px;}
	.contact_form{padding-left: 0;}
	.contact_form li .form__label {background: transparent;padding: 0 0 0 10px;font-weight: 500;}



}







/*●●●●●●●●●●●●●●●●●●●●●●●●   購物車(商品展示)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*★★★切版師原版設定↓↓↓↓↓↓↓↓↓↓↓↓*/
/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); left: 0; width: 100%; position: fixed; padding: 20px;}
.stellarnav.desktop li.bigMenu ul ul{top: 100%; left: 0; width: 100%; background: #efefef; height: auto; max-height: 300px; overflow: auto;}
.stellarnav.desktop li.bigMenu ul ul li{margin: 0;} 
.stellarnav.hasBigMenu li.bigMenu li.has-sub > a:after{border-left: 6px solid transparent; border-bottom:unset; border-right: 6px solid transparent; border-top: 6px solid #898989; right: 5px;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5  */
.product_page .main_part { max-width:1500px;}
/* .product_info_page .main_part { max-width:1200px;} */

.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.product_page .product_menu_list { position: relative; width: 220px; letter-spacing: 1px; /*border-right: 1px solid #ccc;*/min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 270px);}
ul.page { width: 100%;}

.product-layer-two li ul { position:static; margin-top:5px; /*display:block !important;*/ width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; /*display:block !important;*/}
.product-layer-two li li { display: block; padding:0; transition:all ease .3s;}
.product-layer-two li li a{ padding:5px 10px;}
.product-layer-two li li:hover > a { background:#fff; color:#ad925e;}
.product-layer-two > li { width:100%; max-width:100%; padding:0; text-align:left; border-bottom:1px dotted #ccc; padding-bottom: 5px;}
.product-layer-two > li ul > li + li { margin-top:5px;}


.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 8px; background: transparent; left: 0; margin-left: -20px; top: 50%; margin-top: -4px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#ad925e;}

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.product_menu_list,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}
.product_page .product_menu_list>h5{display: block;}

.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page .product_menu_list {width: 100%; order: 0; min-height: unset;}
}
@media screen and (max-width: 600px) {
}

/*★★★自訂義區塊↓↓↓↓↓↓↓↓↓↓↓↓*/
/*側邊*/
.product_page .product_menu_list {padding: 0;}
.product_menu_list > h5 {display: block;color: #444;font-size: 16px;border-bottom: 2px solid #eee;padding: 10px 0;}
.product-layer-two{background: transparent;border-radius: 10px;}
.product-layer-two ul {grid-gap: 0;}
.product-layer-two li.active{background: #fff;transition: all .5s;}
.product-layer-two li.active li a {background: #eee;transition: all .5s;}
.product-layer-two li a {color: #333;font-size: 14px;background: transparent;padding: 10px 0;}
.product-layer-two li a:hover{background: #888;color: #fff;padding-left: 10px;}
.product-layer-two li a:hover ~ i{color: #fff;}
.fa-circle-plus::before {content: "+";}
.product-layer-two li.active a {font-weight: 500;border: none;color: #fff;background: #666;padding-left: 10px;}
.product-layer-two li.active i.close::before{color: #fff;}
.product-layer-two li.active .fa-circle-plus::before {color: #fff;}
.product-layer-two li li a {padding: 10px;font-size: 12px;background: #eeeeee;}
.product-layer-two > li {padding-bottom: 0;border-bottom: none;}
.product-layer-two > li > a {letter-spacing: 2px;border: none;transition: all .5s;}
.product-layer-two > li.active > a {background: #555;}
.product-layer-two > li.active li.active > a{background: #fff;color: #ad925e;}
.product-layer-two > li ul > li + li {margin-top: 0;}
.product-layer-two li ul {margin-top: 0;}
.product-layer-two li li:hover {margin-left: 0;background: #fff;transition: all .5s;}
.product-layer-two li li:hover > a {background: transparent;}
.product-layer-two li li:hover > a:before{display: none;}
.product-layer-two li i {top: 12px;height: auto;font-size: 12px;font-weight: 300;color: #555;}
.product-layer-two li i.close::before {content: '–';}
/*分類頁*/
.products-list .price {margin: 0 0 10px;}
.products-list .price b {color: #bb1438;}
.products-list .more {font-size: 14px;font-weight: 500;border: 1px solid #ccc;color: #888;}
.products-list .item a:hover .more {background: #aaa;}
.products-list .name {height: 60px;text-align: center;letter-spacing: 1px;line-height: 160%;
font-weight: bold;}
/*商品頁*/
.product_info_page .product_menu_list {width: 220px;letter-spacing: 1px;min-height: 30vw;}
/*商品頁-輪播區塊*/
.product_main {max-width: 800px;padding: 0 5%;}
.product_pic {display: flex;flex-direction: column-reverse;max-width: 1200px;margin: 0 auto;}
.product_pic .swiper-slide{max-height: 80vh;}
.product_pic .proImgSwiper{max-height: 80vh;}
.proImgSwiper img {object-fit: cover;}
.swiper-button-next:after, .swiper-button-prev:after {background: #888;width: 30px;height: 45px;display: block;
    padding: 0 10px;font-size: 14px;line-height: 45px;}
.proImgSwiper .swiper-button-next:after, .proImgSwiper .swiper-button-prev:after{text-shadow: none;}
/*商品頁-側邊說明*/
.sidebarBtn {border: none;background: transparent;padding: 50px 0;}
.sidebarBtn h2 {color: #333;font-size: 22px;letter-spacing: 1px;font-weight: bold;}
.sidebarBtn .sp_price {color: #b92c2c;}
.inquiry_a1 {background: #888;border-radius: 0;}
.inquiry_a2 {background: #eee;border-radius: 0;color: #888;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: #555;color: #fff;}
/*商品頁-商品說明*/
.prod_tabs{margin-top: 120px;}
.pd_tabTitle li {border-bottom: none;background: transparent;border-bottom: 2px solid #ddd;transition: all .5s;}
.pd_tabTitle li a{color: #ddd;letter-spacing: .1rem;transition: all .5s;}
.pd_tabTitle li.activeTab {border-bottom: 2px solid #eee;}
.pd_tabTitle li.activeTab::after {height: 0;}
.pd_tabTitle li.activeTab a {color: #333;font-weight: 400;}
.pd_tabInner.edit{font-weight: 400;line-height: 1.8;color: #444;}
/*商品頁-相關推薦*/
.prod_related {display: none;}





@media screen and (max-width: 1350px){
	/*商品頁*/
	.product_main{width: 100%;}
	.sidebarBtn{width: 100%;}
}
@media screen and (max-width: 1024px){
	/*側邊選單*/
	.product_page .product_menu_list,.product_info_page .product_menu_list {width: 180px;}
	/*商品頁*/
	.product_page .products-list, .product-wrapper {width: calc(100% - 190px);}
}
@media screen and (max-width: 980px) {
    .product_main {width: 100%;}
}
@media screen and (max-width: 768px){
	/*側邊選單*/
	.product_page .product_menu_list,.product_info_page .product_menu_list {width: 100%;min-height: auto;}  
	.product-layer-two{border-radius: 0;}  
	/*商品頁*/
	.product_page .products-list, .product-wrapper {width: 100%;}
	.mobile_product_name{display: none;}


}







/*內頁BANNER 設定*/
.banner {background: transparent;justify-content: flex-start;align-content: end;padding: 0;max-width: 90%;
	margin: 0 auto;height: 14vw;min-height: 180px;}
.banner h5 {font-weight: 500;color: #444;width: 100%;text-align: left;border-bottom: 1px solid #888;
    padding-bottom: 10px;font-size: 1.5vw;letter-spacing: .2rem;}
.banner h5:after{content: "";font-size: 5vw;color: #5fb0cc;font-family: "Italiana", sans-serif;
    font-weight: bold;display: block;}
.banner.banA {}
.banner.banB {}
.banner.banC h5:after{content: "CONTACT US";}
.banner.banD {}
.banner.banE {}
.banner.banF h5:after{content: "PRODUCT";}
.banner.banblog h5:after{content: "ARTICLE";}

.CampIndexPage .banner h5:after{content: "ROOM TYPES";}
.CampCalendarPage .banner h5:after,.CampOrderPage .banner h5:after,.Camp_finish_page .banner h5:after{
	content: "ONLINE BOOKING";}
.Camp_recheck_page .banner h5:after{content: "ORDER STATUS";}
.remit_page .banner h5:after{content: "NOTIFICATION";}


@media screen and (max-width: 1024px){
	.banner h5 {font-size: 20px;}
	.banner h5:after {font-size: 50px;}
}

@media screen and (max-width: 500px){
	.banner h5:after {letter-spacing: 0;}
}







/*●●●●●●●●●●●●●●●●●●●●●●●●   其他設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*★★★下拉編輯頁↓↓↓↓↓↓↓↓↓↓↓↓*/
.other_select_page .page{display: none;}

/*★★★卷軸設定↓↓↓↓↓↓↓↓↓↓↓↓*/
/* 捲軸寬度及高度 */
::-webkit-scrollbar {
  width: 6px; /*右側捲軸寬度*/
  height: 0px; /*下方捲軸高度*/
}
/* 軌道背景底色 */
::-webkit-scrollbar-track {
  background: #eee; 
}
 
/* 滑桿顏色 */
::-webkit-scrollbar-thumb {
  background: #888; 
}
/* 滑桿滑鼠滑入時的顏色 */
::-webkit-scrollbar-thumb:hover {
  background: #444; 
}
/*top按鈕*/
#to_top {left: auto;right: 20px;bottom: 16px;width: 42px;height: 42px;padding-top: 8px;color: #fff;
    box-shadow: none;background: #888;border-radius: 16px;font-size: 10px;font-weight: bold;}
#to_top i.top {height: 13px;}
#to_top i:before, #to_top i:after {background: #fff;}
#to_top i.top:before, #to_top i.top:after {height: 10px;width: 2px;}

@media screen and (max-width: 768px){
	#to_top {right: 15px;}
}

/*頁數*/
ul.page{margin: 100px 0 0;}
.page li {font-size: 20px;width: 40px;height: 40px;color: #aaa;}
.page li.activeN{color: #fff;background: #2991b5;}
.page li a, .page li strong{width: 100%;height: 30px;background: #888;color: #fff;padding: 20px;line-height: 30px;}



