@charset "utf-8";
/* CSS Document */
body{ font-family:'微軟正黑體';}
img{ max-width:100%;}
.daytour-section{ display:flex; justify-content:space-between;}
.daytour-time{ color:#7f8ba6; width:140px; display: inline-block; vertical-align:top;}
.daytour-time span{display: inline-block; vertical-align:top; margin-top:-5%;}
.daytour-time span .time{ font-size:26px;display:block; position:relative; letter-spacing:0.3em; font-family:'Arial'; font-weight:bold;}
.daytour-time span .time:first-child:after{ content:""; width:3px; height:10px; background:#7f8ba6; position:absolute; bottom:-20%; left:44%;}
.daytour-time i{ font-size:28px; padding-right:6px; display: inline-block; vertical-align:top;}
.daytour-article{width:88%;box-sizing:border-box; display: inline-block; vertical-align:top; cursor:pointer;}
.daytour_s-title{ background:url(../images/daytour/daytour-title.jpg) repeat-x; padding:10px 20px; color:#fff;font-size:24px; letter-spacing:0.15em; font-weight:bold; margin:0; position:relative; box-sizing:border-box;width:100%;background-size:contain; display:block;}
.daytour-article .foldContent{ background:#f8f5fe; padding:20px;}
.daytour-article ul{ list-style:none;  width:100%;}
.daytour-article ul li{ width:100%;}
.daytour_s-title i{ color:#fff; font-size:22px; line-height:32px; position:absolute; right:3%; }

/*行程介紹*/
.daytour-title{ padding:10px 0; display:flex; justify-content: space-between;}
.daytour-title span img{ width:10%; padding-right:5px;}
.daytour-title h5, .daytour-title a{ display:inline-block; vertical-align:top;}
.daytour-title h5{font-size:34px; font-weight:bold; color:#012e78; align-self:center;}
.daytour-title a{font-size:20px; color:#9372df; border:1px solid #9372df; border-radius:15px; padding:10px; box-sizing:border-box; width:24%;}
.daytour-title a:hover{ background:#9372df; color:#fff;}
.daytour-title a:hover{-webkit-transition: none; -moz-transition: none; -ms-transition:none; -o-transition:none; transition: none;}
.daytour-title a:active{-webkit-transition: none; -moz-transition: none; -ms-transition:none; -o-transition:none; transition: none;}
.daytour-title span{ letter-spacing:0.05em;text-align:center;}
.daytour-title span .car{font-size:28px; font-weight:bold; display: inline;}
.daytour-title i{font-size:28px; padding:5px;}

/*優惠價格(沒放)*/
.inner-1{ background:url(../images/daytour/daytour-bg02.jpg) repeat;background-size:contain;padding:10px 20px; text-align:center;}
.inner-1 p{ color:#fff; display:inline; font-size:25px; letter-spacing:0.05em; font-weight:bold;}
.inner-1 p:last-child{ margin-left:20px;color:#ffed2a;font-size:22px; font-weight:inherit;}
.inner-1 p strong{color:#ffed2a;font-size:28px;}

/*注意事項*/
.note{ margin:20px 0;}
.note h5{ border-bottom:1px solid #012e78; font-size:32px; color:#012e78; font-weight:bold;letter-spacing:0.05em;}
.note span img{ width:3%; padding-right:5px;}
.note dl{ margin:20px 0 20px 0;}
.note dt{ background:#012e78; padding:5px; color:#fff; margin:10px 0; width:15%; font-size:22px; text-align:center; line-height:30px; letter-spacing:0.05em;}
.note dd{ color:#012e78; font-size:16px; line-height:26px; letter-spacing:0.1em;}

/*行程標題(最上方)*/
.news_detail_title{ background:url(../images/daytour/daytour-bg.jpg) repeat;background-size:contain;padding:10px 20px; color:#fff}
.news_detail_title dd{ border:none; font-size:28px;}
.news_detail_title dt{background:#6090df; color:#fff; text-indent:inherit; padding-top:12px; font-size:24px; letter-spacing:0.05em; line-height:30px;}
.news_detail_title{ margin:0;}
.group_title{ background:url(../images/daytour/group-bg.jpg) repeat;}
.group_title dt{background:#f78484; font-size:22px;}
.tour_title{ background:url(../images/daytour/tour-bg.jpg) repeat;}
.tour_title dt{background:#79bde9; line-height:60px;}

/*圖文模組-共用old*/
.day_purple{color: #6942c2; font-size: 1.2em; letter-spacing: 0.1em; font-weight:bold;}
.day_gray{color:#676767; font-size: 16px; letter-spacing: 0.05em; text-align:justify;}
.day_text{ padding:15px 20px; box-sizing:border-box; background:#fff;}
/*圖文模組old1*/
.daytour-inner01{box-sizing:border-box;display:flex; justify-content:space-between;}
.daytour-inner01 .text{width:45%;}
.daytour-inner01 .pic{ width:55%; overflow:hidden; height:300px;}
.daytour-inner01 .pic img{ margin-top:-10%;}
/*圖文模組old2*/
.d_2-inner{ width:49%;}
.d_2-inner ul li{ width:100%;}
.d_2-inner ul:first-child li{overflow:hidden; height:300px;}
.d_2-inner ul:first-child li img{margin-top:-5%;}
/*圖文模組old3*/
.d_3-inner{ width:32%;}
.d_3-inner ul li{ width:100%;}
/*圖文模組old4*/
.d_4-inner{ width:50%;}
.d_4-inner ul li{ width:50%;}
.d_4-inner ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
.d_4-inner dd{ font-size:15px;}
.d_4-inner dl{ margin-bottom:5px}
.d_4-inner:last-child{ padding:10px;}

/*一日遊-new*/
/*圖文模組-共用new*/
.day_inner-1, .day_inner-2, .day_inner-3, .day_inner-4{ background:#fff;}
.day-text{ padding:15px 20px; box-sizing:border-box; overflow-y:auto; max-height:300px;}
.day-text::-webkit-scrollbar, .day-text02::-webkit-scrollbar { width:12px;} 
.day-text::-webkit-scrollbar-thumb, .day-text02::-webkit-scrollbar-thumb{background-color:#d6d5e8;}
.day-text::-webkit-scrollbar-button, .day-text02::-webkit-scrollbar-button{color:#d6d5e8;}
.day-bg{background:#f8f5fe;padding:20px;}
.day_purple{color: #6942c2; font-size: 1.2em; letter-spacing: 0.1em; font-weight:bold;}
.day_gray{color:#676767; font-size: 16px; letter-spacing: 0.05em; text-align:justify;}
.day_purple a{color: #6942c2;}

/*圖文模組new1*/
.day_inner-1{ margin-bottom:15px;}
.day_inner-1 .day-photo{ width:calc(55% - 2px); display:inline-block;}
.day_inner-1 .day-text{ width:calc(45% - 2px); display:inline-block;vertical-align:top;}
.day_inner-1 .day-photo{ overflow:hidden; height:300px;}
.day_inner-1 .day-photo img{ margin-top:-10%;}

/*圖文模組new2*/
.day_inner-2{ width:calc(50% - 20px); box-sizing:border-box;display:inline-block; margin-bottom:20px; margin-right:20px;}
.day_inner-2:nth-child(2){ margin-right:0;}
.day_inner-2 .day-photo{ overflow:hidden; /*height:242px;*/}
.day_inner-2 .day-photo img{ margin-top:-12%;}
.day-text01{ height:150px;}

/*圖文模組new3*/
.day_inner-3{ width:calc(100% / 3 - 5px); display:inline-block;}
.day-text03{ height:180px;}

/*圖文模組new4*/
.day_inner-4{ margin-bottom:10px;}
.day_inner-4 .day-photo04{width:calc(50% - 2px); display:inline-block;}
.day-photo04 .day-pic04{width:calc(50% - 2px);display:inline-block;}
.day-text02{width:calc(50% - 2px);display:inline-block;vertical-align:top;padding:15px; box-sizing:border-box; overflow-y:auto; max-height:380px;}
.day_inner-4 dl{ margin-bottom:5px;}

/*團體行程*/
.group-bg{ background:#ffecec;padding:20px;}
.group_pink{ color:#ed5c5c;font-size: 1.2em; letter-spacing: 0.1em; font-weight:bold;}
.group_pink a{color:#ed5c5c;}
.group-time{ color:#f45e5e; font-size:38px; font-family:'arno'; letter-spacing:0.05em;}
.group-time:first-letter{ font-size:45px;}
.group-day{ font-size:55px; padding-left:2px; display:inline; font-style:italic;}
.day-text02 dt a{color:#ed5c5c;}

/*加購行程按鈕-20181009*/
.tour_btn-1 a{display:block;background: #61c8fd;border-radius: 5px;padding: 10px; font-family:'微軟正黑體';box-sizing: border-box;color:#fff;width:180px;margin: 10px 0;text-align: center; font-weight:bold;border:2px solid #61c8fd;}
.tour_btn-1 a span:first-child{ font-size:20px; color:#fff000;}
.tour_btn-1 a span:last-child{ font-size:18px; color:#fff; }
.tour_btn-1 a:hover span:first-child{ color:#61c8fd;}
.tour_btn-1 a:hover span:last-child{ color:#61c8fd; }
.tour_btn-1 a:hover{ border:2px solid #61c8fd; background:#fff; color:#61c8fd;}

/*標題js*/
.day_s-title{cursor:pointer;background:url(../images/daytour/daytour-title.jpg) repeat-x;padding:10px 20px; color:#fff; font-size:24px; letter-spacing:0.15em; font-weight:bold; margin:0; box-sizing:border-box; background-size:contain; display:inline-block; vertical-align:top; position:relative; width:100%; display:block;}
.fa-caret-down{ color:#fff; font-size:22px; line-height:32px; position:absolute; right:3%; bottom:26%;}
.day-article{  padding-left:140px; position:relative; width:100%;}
.day-time{color:#7f8ba6; width:140px; display: inline-block; vertical-align:top; position:absolute; right:100%; top:-4%;}
.day-time span{ display:inline-block; vertical-align:top; margin-top:-5%;}
.far fa-clock{ font-size:28px; padding-right:6px;display:inline-block; vertical-align:top;color:#7f8ba6;}
.day-time .time{ color:#7f8ba6; font-size:26px; font-weight:bold; display:block; letter-spacing:0.3em; font-family:'Arial'}
.day-time span .time:first-child:after{ content:""; width:3px; height:10px; background:#7f8ba6;position:absolute; top:40%; left:53%;}
.day-container{display:flex; justify-content:space-between; margin-bottom:20px;}
.daytour_s-title{ padding:10px 20px; color:#fff;font-size:24px; letter-spacing:0.15em; font-weight:bold; margin:0; position:relative; box-sizing:border-box;width:100%;background-size:contain; display:block;}
.day_s-bg{background:url(../images/daytour/daytour-title.jpg) repeat-x ;background-size:contain; }
.group_s-bg{background:url(../images/daytour/group-title.jpg) repeat-x; background-size:contain;}

.tour_pc{display:block;}
.tour_mobile{ display:none;}

/*包車*/
.boxsizing{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

/*chartercar*/
.chartercar-hokkaido{width: 1200px;height: auto;margin: auto;}

/*banner*/

.chartercar-banner img{width: 100%;height: auto;display: block;}

/*feature*/

.chartercar-feature{width: 100%;height: auto;background-color: #6445e9;}
.chartercar-feature__title h1{text-align: center;color: #FFFFFF;font-size: 30px;padding: 10px 0;position: relative;}
.chartercar-feature__title h1::after{content: "";position: absolute;background-image: url(../images/edit/pngcar_11.png);background-repeat: no-repeat;width: 166px;height: 14px;margin: 15px 29px;}
.chartercar-feature__title h1::before{content: "";position: absolute;background-image: url(../images/edit/pngcar_11.png);background-repeat: no-repeat;width: 166px;height: 14px;margin: 16px -190px;}
.chartercar-feature__box{padding:10px 50px 30px ;}
.feature-content{width:calc(100%/3 - 7px);display: inline-block;text-align: center;margin: auto;border-right: 2px solid #fff;}
.feature-content:nth-child(3){border-right:0;}


.feature-content__img{width: 172px;height: 172px;border-radius: 90px;border: 3px solid #FFFFFF;margin: auto;}
.col1{background: url(../images/edit/pngcar_2.png) no-repeat center;}
.col2{background: url(../images/edit/pngcar_1.png) no-repeat center;}
.col3{background: url(../images/edit/pngcar_3.png) no-repeat center;}
.feature-content__text{width: 85%;color: #FFFFFF;font-size: 24px;margin: auto;padding: 15px 0px;}


/*data*/
.chartercar-data{width: 100%;height: auto;margin: auto;padding: 10px 69px;}
.chartercar-data__box{width: calc(100%/2 - 4px);display: inline-block;text-align: center;margin: 20px 0 0 0;}
.chartercar-datapic{width: 100%;height: auto;}
.chartercar-datapic img{display: block;margin: auto;width: 91%;}
.chartercar-datatitle{width: 352px;height: 80px; font-size: 30px;background-color: #d67775;text-align: center;line-height: 80px;color: #FFFFFF;border-radius: 176px;margin: auto;}
.chartercar_table{border: 1px solid #8F8F8F;width: 91%;height: auto; border-collapse:collapse;text-align: center;margin: auto;}
.chartercar_table th{border:1px solid #C1C1C1;padding: 10px;background-color: #f3efee;font-size: 24px;}
.chartercar_table td{border:1px solid #C1C1C1;padding: 10px;}
.sales_color{background-color: #e8e3e2;font-size: 35px; color: #272727;}



/*Outline*/
.chartercar-Outline{width: 100%;height: auto;text-align: center;}
.chartercar-Outline__listtitle{background-image: url(../images/edit/pngcar_4.png);background-repeat: no-repeat;width: 201px;height: 164px;position: relative;margin: 20px 0;}
.chartercar-Outline__listtitle a{color: #FFFFFF;text-align: center;position: absolute;font-size: 30px;margin: 29px 0 0px -63px;}
.chartercar-Outline li{display: inline-block;vertical-align:middle;}
.chartercar-Outline__list{margin: 0 60px 0 10px;position: relative;}
.Outline-icon1{background: url(../images/edit/pngcar_7.png)no-repeat center;}
.Outline-icon2{background: url(../images/edit/pngcar_8.png)no-repeat center;}
.Outline-icon3{background: url(../images/edit/pngcar_5.png)no-repeat center;}
.Outline-icon4{background: url(../images/edit/pngcar_6.png)no-repeat center;}
.Outline-icon5{background: url(../images/edit/pngcar_9.png)no-repeat center;}




.Outline__list_icon{width: 108px;height: 108px;;border-radius: 54px;background-color: #b3b5c6;}
.chartercar-Outline__list::after{content: "";background-image: url(../images/edit/pngcar_10.png);background-repeat: no-repeat;position: absolute;width: 19px;height: 21px;right: -43px;top: 50px;}
.chartercar-Outline__list:nth-child(6)::after{content: "";display: none;}
.Outline__list_text{text-align: center;color: #757686;font-size: 18px;margin: 5px 0;}
.chartercar-Outline__list:nth-child(6){margin: 0 10px 0 0px;}


.chartercar-Outline-rwd{text-align: center;padding: 15px;display: none;}
.chartercar-Outline__listtitle__rwd{background-color: #37B4CD;color: #fff;padding: 5px;font-size: 25px;display: block;width: 200px;text-align: center;margin: auto;}
.chartercar-Outline__list__rwd{display: inline-block;background-color: #7f84b2;color: #FFFFFF;padding: 5px;border-radius: 10px;font-size: 20px;margin: 10px 15px;position:relative;}
.chartercar-Outline__list__rwd::after{content: "";background-image: url(../images/edit/pngcar_10.png);background-repeat: no-repeat;position: absolute;width: 19px;height: 21px;right: -28px;top: 9px;}
.chartercar-Outline__list__rwd:nth-child(6)::after{content: "";display: none;}









@media screen and (max-width: 1200px) {
.daytour-article{width:85%;}
.d_2-inner ul:first-child li{ height:250px;}	
.daytour-inner01{ flex-wrap:wrap;}
.d_4-inner{ width:100%;}
.d_4-inner ul li{ width:25%;}

.d_4-inner dd{ font-size:16px;}
.d_4-inner dl{ margin-bottom:10px}
.d_4-inner:last-child{ padding:15px 20px;}

/*圖文模組new*/
.day-text02{ width:100%;}
.day_inner-4 .day-photo04{width:100%;}
.day-photo04 .day-pic04{width:calc(25% - 5px);}
}


@media screen and (max-width: 1024px) {
	
.day_gray{font-size:15px;}
.d_2-inner ul:first-child li{ height:220px;}
}

@media screen and (max-width: 980px) {	
.daytour_s-title{ font-size:20px;}	
.daytour-article{width:80%;}

.daytour-title a{ width:35%;}
.note dt{ width:20%;}

/*圖文模組old*/
.daytour-inner01 .pic{ height:220px;}
.d_2-inner ul:first-child li{ height:160px;}
.d_3-inner{ width:100%; display:flex; justify-content:space-between; margin-bottom:15px;}
.d_3-inner ul{ width:50%;}
.d_3-inner ul:last-child{ background:#fff;}
.day_text{ padding:15px;}

/*圖文模組new*/
.day_inner-2{ width:calc(50% - 2px); margin-right:0;}
.day_inner-2 .day-photo{ height:auto;}
.day_inner-1 .day-text, .day_inner-1 .day-photo{ height:180px;}
}

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

/*圖文模組old*/
.daytour-inner01 .text, .daytour-inner01 .pic{width:100%;}

/*圖文模組new*/
.day_inner-3{ width:100%; margin-bottom:15px;}
.day_inner-3 .day-photo, .day_inner-3 .day-text{width:calc(50% - 2px); margin-bottom:15px; display:inline-block; vertical-align:top;height:200px;}
.day_inner-3 .day-text{ padding:10px;}
.day_inner-3 .day-photo{ overflow:hidden;}
.day_inner-3 .day-photo img{ margin-top:-5%;}
}

@media screen and (max-width: 768px) {	
.daytour-article{ width:83%;}
.daytour-time{width:100px;}
.daytour-time span strong{ letter-spacing:0.4em; font-size:24px;}
.daytour-title a{ width:40%; padding:5px;}
.news_detail_title dd{font-size: 23px;line-height: 24px;}

.note span img{width:4%;}
.note dt{ width:25%;}

.d_2-inner ul:first-child li{ height:130px;}

/*圖文模組new*/
.day_inner-1 .day-photo, .day_inner-1 .day-text{width:100%;height:auto;}
.day_inner-2{width:100%;}
.day-photo04 .day-pic04{width:calc(50% - 5px);}
.day_inner-3 .day-text, .day_inner-3 .day-photo{ height:160px;}
}

@media screen and (max-width: 640px) {	
.news_detail_title dt{ font-size:18px; line-height:20px;}
.daytour-article{ width:100%;}
.daytour-time{ position:absolute; z-index:2; color:#fff; width:100%; margin-top:2px;}
.daytour_s-title{ font-size:18px; padding:30px 0 5px 10px;}
.daytour-time{ left:1.5%;}
.daytour-time i{ font-size:20px; margin-top:6px;}
.daytour-time span{ display:inline;margin-top:inherit;}
.daytour-time span .time{font-size:22px; letter-spacing:0.1em; display:inherit;}
.daytour-time span .time:first-child:after{ content:""; width:8px; height:3px; background:#fff; position:absolute; bottom:40%; left:100%;}
.daytour-time span .time:last-child{ padding-left:10px;}
.daytour_s-title i{ line-height:10px; top:15%;}
.daytour-article .foldContent{ padding:10px;}

.daytour-title h5, .note h5{font-size:30px;}
.daytour-title span .car{font-size:24px;}
.note dt{ width:30%; font-size:20px; padding:2px;}
.daytour-title a{ width:50%; font-size:18px;}
.note{ margin-bottom:30px;}
.note span img{width:5%;}
.news_detail_title dd{font-size: 22px;line-height: 28px;}


/*圖文模組old*/
.d_4-inner ul li{ width:50%;}
.day_gray{ font-size:14px;}
.d_2-inner ul:first-child li{ height:100px;}
.d_2-inner ul:first-child li{ height:auto;}
.daytour-inner01 .pic{ height:auto;}

/*圖文模組new*/
.day_s-title{ padding:10px; font-size:20px; line-height:26px; background-size: cover;}
.day-time{ position: inherit; width:100%;color:#fff; right:inherit; top:inherit; line-height:0;}
.day-article{ padding-left:0;}
.day-time span, .day-time i{ display:inline;}
.day-time .time{ display:inline; color:#fff; letter-spacing:0.09em; font-size:24px; position:relative; padding:0 10px 0 5px;}
.day-time span .time:first-child:after{ background:#fff; top:44%; left:94%; width:8px; height:3px;}
.day-article .foldContent{padding:10px;}
.day_inner-2, .day_inner-3{ margin-bottom:15px;}
.day_inner-3 .day-text{ height:auto;}

/*團體行程*/
.group-time{ color:#fff; font-size:30px; line-height:26px;}
.group_s-bg{ background-size:cover;}
.group-day{ font-size:35px;}


.tour_pc{ display:none;}
.tour_mobile{ display:block;}
}

@media screen and (max-width: 480px) {
.daytour-title a{width:80%;font-size:18px;}
.daytour-title span .car{font-size:20px;letter-spacing:0em;}
.note dt{width:40%;}
.note span img{width:7%;}
.daytour-title h5, .note h5{font-size:26px;}
.inner-1 p{ display:block;}

/*圖文模組old*/
.d_2-inner, .d_3-inner ul{ width:100%;}
.d_3-inner{ flex-wrap:wrap;}

/*圖文模組new*/
.day_inner-3 .day-photo, .day_inner-3 .day-text{ width:100%; height:auto; max-height:inherit;}
.day-time .time{ font-size:22px; padding:0 8px;}
}


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

.note dt{width:45%;}
}


/*包車*/
@media only screen and (max-width:1220px)
{
	
.chartercar-hokkaido{width:calc(100% - 20px);}
.chartercar-feature__box{padding: 0;}	
.chartercar-datapic img{width: 100%;display: block;}
.chartercar_table{width: 100%;}	
.chartercar-data{padding:10px 20px; }	
.chartercar-data__box{width: calc(100%/2 - 16px);padding: 0 7px;}
.chartercar-Outline__list{margin: 0 20px 0 10px;}	
.chartercar-Outline__list::after{right: -29px;}	
.chartercar-Outline__list:nth-child(6){margin: 0 20px 0 10px;}	
	
}
@media only screen and (max-width:980px)
{

.chartercar-datatitle{width: 265px;height: 80px;}
.chartercar-Outline{display: none;}
.chartercar-Outline-rwd{display: block;}	
	
}

@media only screen and (max-width:768px)
{
.feature-content__img{width: 120px;height: 120px;border-radius:62px;border: 2px solid #FFFFFF;margin: auto;}
.col1{background-size: 67px 60px;}
.col2{background-size: 72px 86px;}	
.col3{background-size: 77px 73px;}	
.feature-content__text{font-size: 16px;}
.chartercar-feature__title h1::after{background-size: 100px 14px;margin:15px 9px;width: 100px;}
.chartercar-feature__title h1::before{background-size: 100px 14px;margin:15px -107px;width: 100px;}	
	

	
	
}
@media only screen and (max-width:720px)
{
	.chartercar-data__box{width:  calc(100% - 5px);}
	.chartercar-datatitle{width: 100%;}
	.chartercar_table th{padding: 5px;}
	.chartercar_table td{padding: 5px;}
	.sales_color{font-size: 25px;}
	
	
	
	}
@media only screen and (max-width:490px)
{
.feature-content{width:  calc(100% - 0px);border-right:0;}
.chartercar-feature__title h1{font-size: 24px;}	

	
}