@media only screen and (max-width: 1680px){
}
@media only screen and (max-width: 1366px){

}
@media only screen and (max-width: 1280px){
	.header-box{
		width: 95%
	}
	
	.index-service-box{
		width: 95%;
	}
	.index-stroke-list{
		width: 95%;
		margin: 0 auto;
	}
	.index-about-info-box{
		width: 95%;
	}
	.index-banner-list-box{
		height: 400px;
	}
	.index-solgan-line-right{
		bottom: -40%;
		height: 150px;
	}
	.index-solgan-line-bottom{
		width: 80%;
		right: -4%;
	}
	.index-banner-solgan-box{
		font-size: 20px;
		width: 40%;
	}
	.index-stroke-box{
		width: 100%;
	}
	.index-stroke-list li{
		width: 31.3333%;
		height: 300px;
	}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
		bottom: 5px;
	}
	.banner-box{
		height: 350px;
	}
	.banner-img{
		height: 400px;
	}
	.service-list-box li{
		width: 31.3333%;
		margin: 10px 1%;
	}
	.stroke-list{
		width: 95%;
		display: block;
		margin: 0 auto;
	}
	.stroke-list li{
		width: 31.3333%;
		height: 280px;
		margin: 25px 1%;
	}
	.contact-info-form,
	.contact-info-list{
		width: 49%;
	}
	.contact-box{
		width: 95%;
	}
	.footer-box{
		width: 95%;
	}
	.footer-menu-box li{
		padding: 0 18px;
	}
}
@media only screen and (max-width: 1024px){
	.index-stroke-list li{
		width: 300px;
		height: 240px;
	}
	.footer-menu-box{
		display: none;
	}
	.stroke-list li{
		height: 240px;
	}
	.footer-info-box,
	.web{
		width: 50%;
	}
	.index-service-list li{
		width: 300px;
	}
	.index-service-list-img-box{
		height: 200px;
	}
	.stroke-page-info-img-box{
		width: 650px;
		float: none;
		display: block;
		margin:  0 auto;
	}
	.stroke-page-info-list-box{
		width: 95%;
		display: block;
		float: none;
		margin: 0 auto;
		margin-top: 20px;
	}
	.stroke-itinerary{
		width: 95%;
		margin: 0 auto;
		margin-top: 20px;
	}
	.stroke-related{
		width: 95%;
		margin: 0 auto;
	}
	.stroke-related-list li{
		width: 300px;
		height: 240px;
	}
	.data-box{
		width: 95%;
	}
	.footer-rwd-line-icon{
		display: block;
	}
}
@media only screen and (max-width: 1000px){
}
@media only screen and (max-width: 768px){
	.service-page-editor-box{
		width: 95%;
		display: block;
		margin: 0 auto;
	}
	.service-page .title{
		font-size: 24px;
	}
	.index-stroke-list li .index-stroke-list-mask{
		opacity: 1;
	}
	.index-stroke-list-mask{
		height: 35px;
	}
	.index-stroke-mask-title{
		padding: 0;
	}
	.index-about-box{
		height: auto;
		padding: 20px 0;
	}
	.index-stroke-list,
	.index-service-list{
		justify-content:space-around;
	}
	.index-stroke-mask-border,
	.index-stroke-mask-round-box{
		display: none;
	}
	.index-service-list-title-box:after{
		transform: scaleX(1);
	}
	.index-stroke-list li .index-stroke-mask-round, 
	.stroke-list li .index-stroke-mask-round, 
	.stroke-related-list li .index-stroke-mask-round{
		display: none
	}

	.data-select-box li:nth-child(1),
	.data-select-box li:nth-child(2),
	.data-select-box li:nth-child(3){
		animation: none;
	}
	.data-list-title-box li{
		font-size: 16px;
	}
	.data-info,
	.data-info-contact{
		font-size: 16px;
	}
	/* news */
	.index-service-list.active li .index-service-list-img-box, 
	.service-list-box li .index-service-list-img-box,
	.service-list-box li .index-service-list-line{
		animation: none;
	}
	.index-service-list-line{
		transform: scale(1, 1);
	}
	.index-service-list.active li .index-service-list-title, .service-list-box li .index-service-list-title{
		animation: none;
	}
	.service-list-box li .index-service-list-title-box:after, 
	.stroke-page-title:after{
		animation: none;
		transform: scaleX(1);
	}
	.service-list-box{
		width: 95%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.service-list-box li{
		width: 48%;
		margin: 10px 1%;
	}
	.index-service-list-img-box{
		height: 250px;
	}
	.contact-info-form, 
	.contact-info-list{
		width: 100%;
		float: none;
	}
	.stroke-list li .index-stroke-list-mask,
	.stroke-list li .index-stroke-mask-title{
		opacity: 1;
	}
	.stroke-list li{
		width: 48%;
		margin: 20px 1%;
	}
	.stroke-list li{
		height: 280px;
	}
	.stroke-page-title{
		font-size: 20px;
	}
	#stroke-page .stroke-related-list li{
		width: 48%;
		margin: 0 1%;
		margin-top: 25px;
	}
	#stroke-page .stroke-related-list li:last-child{
		display: none;

	}
	/*header*/
	.header-logo{
		padding: 10px;
	}
	.header-menu-box li:hover .header-menu-list-title, 
	.header-menu-box li.active .header-menu-list-title{
		background-color: #FFF;
		color: #000;
	}
	.header-menu-box li:hover .header-menu-list-title:after, 
	.header-menu-box li.active .header-menu-list-title:after{
		display: none;
	}
	.header-menu-box{
		width: auto;
		position: absolute;
		right: -4px;
		top: 87px;
		border: 4px solid #de9700;
	}
	.rwd-menu{
		width: 40px;
		max-width: 100%;
		display: block;
		float: right;
		margin: 10px 0;
		margin-right: 35px;
		padding: 22px 0;
	}
	.header-menu-hover{
		display: none;
	}
	.rwd-menu span{
		display: block;
	}
	.header-menu-box li{
		display: block;
	}
	.stroke-related-list li .index-stroke-list-mask{
		opacity: 1;
	}
	.index-banner-solgan,
	.index-stroke-mask-title,
	.index-stroke-mask-round,
	.index-stroke-mask-round-box span,
	.index-about-title,
	.index-about-title-left,
	.index-about-title-right,
	.index-about-info-left,
	.index-about-info-right,
	.index-about-info-bottom,
	.a1,
	.a2,
	.a3,
	.header-logo-img,
	.header-logo span,
	.header-menu-box li,
	.index-banner-box,
	.index-stroke-box .title,
	.index-stroke-list, 
	.index-service-box .title,
	.index-service-list-img-box,
	.index-service-list-title,
	.stroke-list,
	.banner-solgan-box .title,
	.banner-solgan,
	.data-title,
	.data-title i,
	.data-select-box li,
	#date_group,
	.stroke-page-title,
	.stroke-page-info-img-box,
	.stroke-out-day-box,
	.stroke-offer-title, 
	.stroke-offer-money,
	.stroke-offer-contact,
	.stroke-offer-contact span,
	.stroke-flight-list-box,
	.stroke-introduction-box,
	.stroke-itinerary .title,
	.stroke-itinerary-edit,
	.stroke-related .title,
	.stroke-itinerary-edit,
	.stroke-related-list,
	.contact-box .title,
	.contact-box .title i,
	.contact-info-form li,
	.contact-info-list li,
	.contact-info-title,
	.map-box,
	.index-stroke-box .title:after, 
	.index-service-box .title:after,
	.header-menu-box li:nth-child(1),
	.header-menu-box li:nth-child(2),
	.header-menu-box li:nth-child(3),
	.header-menu-box li:nth-child(4),
	.header-menu-box li:nth-child(5),
	.contact-info-form li:nth-child(1),
	.contact-info-form li:nth-child(2),
	.contact-info-form li:nth-child(3),
	.contact-info-form li:nth-child(4),
	.contact-info-form li:nth-child(5),
	.contact-info-form li:nth-child(6), 
	.map-box,
	.contact-info-list li:nth-child(2),
	.contact-info-list li:nth-child(3),
	.contact-info-list li:nth-child(4),
	.contact-info-list li:nth-child(5),
	.contact-info-list li:nth-child(6), 
	.contact-info-title
	{
	  opacity: 1;
	  animation: none;
	  transform: scale(1);
	}

}
@media only screen and (max-width: 768px){
	.footer-rwd-line-icon{
		bottom: 70px;
	}
}
@media only screen and (max-width: 480px){
	.index-banner-list-box{
		height: 300px;
	}

	.index-banner-solgan-box{
		width: 80%;
		bottom: 15%;
	}
	.index-solgan-line-bottom{
		width: 100%;
	}
	.index-about-p{
		font-size: 14px;
	}
	.index-about-title{
		font-size: 30px;
	}
	.index-about-title-right{
		width: calc(100% - 170px);
	}
	.index-about-info-left{
		height: calc(100% - 29px);
		top: 29px;
	}
	#stroke .stroke-list li{
		width:100%;
		margin: 10px 0; 
	}
	
	.banner-box{
		height: 250px;
	}
	.banner-img{
		height: 300px;
	}
	.banner-solgan-box .title{
		font-size: 20px;
	}
	.banner-solgan{
		font-size: 18px;
	}
	/* 服務項目 */
	.service-list-box li{
		width: 100%;
		display: block;
		margin: 10px 0;
	}
	.service-page .title{
		font-size: 20px;
	}
	/* 出團日期 */
	.data-info-box{
		border: 3px solid #eb9700;
		box-sizing: border-box;
	}
	.data-list-title-box{
		display: none;
	}
	.data-info-box li{
		display: block;
	}
	.data-info-title,
	.data-info{
		display: inline-block;
	}
	.data-info-box li{
		width: 100%;
	}
	.data-info-title{
		font-size: 16px;
		width: 30%;
		text-align: left;
		vertical-align: top;
		line-height: 46px;
		border-right: 1px solid #FFF;
		box-sizing: border-box;
		padding-left: 5%;
	}
	.data-info,
	.data-info-name,
	.data-info-contact{
		width: 70%;
		vertical-align: top;
	}
	.data-info-name,
	.data-info-contact{
		display: inline-block
	}
	.data-info-contact{
		background-color: rgba(0, 0, 0, 0.0);

	}
	.data-info-contact span{
		background-color: #2353a5;
		display: block;
		width: 80%;
		margin: 0 auto;
		border-radius: 20px;
	}
	.footer-info-box, .web{
		width: 100%;
		display: block;
	}
	.footer-info-box li{
		padding-bottom: 10px;
	}
	 .web{
	 	padding-top: 10px;
	 }
	.map-box{
		height: 250px;
	}
	/* 旅行行程 */
	.stroke-page-info-img-box{
		width: 350px;
		display: block;
		margin: 0 auto;
	}
	.stroke-page-info-img-box li{
		height: 280px;
	}
	.stroke-out-day-box, .stroke-offer-contact-box{
		display: block;
	}
	.stroke-offer-box{
		width: 100%;
		display: block;
	}
	.stroke-offer{
		width: 75%;
		margin: 0;
	}
	.stroke-offer-contact-box{
		float: right;
	}
	.stroke-offer-contact span img{
		animation: none;
	}
	.stroke-offer-contact span{
		bottom: -9px;
	}
	.stroke-flight-list-box{
		clear: both;
	}
	.stroke-flight-title-box{
		display: none;
	}
	.stroke-flight-info-box{
		border: 3px solid #2154a5;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.stroke-flight-info-box li{
		width: 100%;
		font-size: 0;
		display: block;
		border: 0;
		letter-spacing: 0px;
	}
	.stroke-flight-info-title,
	.stroke-flight-info{
		display: inline-block;
		vertical-align: top;
	}
	.stroke-flight-info-title{
		background-color: #de9700;
		font-weight: bold;
		border-right: 1px solid #FFF;
		box-sizing: border-box;
	}
	.stroke-flight-info-box li:last-child{
		border-bottom: 0;
	}
	.stroke-flight-info-box li{
		border-bottom: 1px solid #FFF;
	}
	.stroke-flight-info-title{
		width: 30%;
		line-height: 46px;
	}
	.stroke-flight-info{
		width: 70%;
	}
	.stroke-related-list li{
		height: 140px;
	}
	.index-stroke-list-mask{
		height: 55px;
		overflow: hidden;
	}
	.footer-rwd-line-icon{
		position: relative;
		bottom: 0;
		float: none;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 350px){
}