@charset "utf-8";
#iyonada_top{
	margin-top: 140px;
	margin-left: 20px;
	margin-right: 20px;
}

.interduce {
	font-size: 18px;
	line-height: 1.6em;
}
.logo{
	padding-left: 15%;
	padding-right: 15%;
	padding-top:30px;
	padding-bottom: 30px;
}

/*客製化流程*/
#customize_top{
	margin-top: 120px;
	
}

@media screen and (min-width:641px) and (max-width:800px) {
	margin-top: 50px;
}

/*伊予灘票券區*/
.product {
    padding: 10px;
    
    height: auto;
    width: 100%;
	background-color: #efefef;
	margin-bottom:20px;
	margin-top:20px;
}
.product_pic {
    width: 100%;
	height: auto;
    margin-bottom: 15px;
}
.product_station{
	width: 100%;
	height: auto;
    
}

.product_title {
	text-align: center;
	float: left;
	width: 100%;
}
.product_text {
	text-align:left;
	color:#333;
}
.product_price {
	text-align:center;
	color:#036eb8;
}
.product_price2 {
	text-align:left;
	color:#036eb8;
	line-height: 1.5em;
	font-size: 16px;
}
.product_button {
    
	height: 40px;
	line-height: 40px;
	background-color: #c89614;
    margin-right: 15%;
    margin-left: 15%;
	margin-top:15px;
	margin-bottom: 15px;
	color:#fff;
	padding:1px;
	text-align: center;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	
}
.product_button:hover {
	color:#fff;
	text-decoration:none;
}

/*相關行程+如何前往*/
.tour_area_all {
	width:100%;
}
.tour_label{
	width:180px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background-color: #e83828;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	color:#FFF;
	margin-bottom: 20px;
}
.tour_pic{
	margin-bottom: 20px;
}
.tour_title {
	text-align:left;
	color:#036eb8;
}
.howtogo_pic{
	margin-bottom: 10px;
}

/*觀光散策*/
.tour_label2{
	width:180px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background-color: #f8b62d;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	color:#FFF;
	margin-bottom: 20px;
}
.spot_one{
	width:100%;
	height: auto;
	margin-bottom: 20px;
}

/*產品QA*/
.QA_all{margin-bottom: 15px;}
.QA_text_all{
	width: 100%;
	height: auto;
	clear: both;
}

.circle {
    margin-right: 10px;
    height: 40px;
	line-height: 40px;
    width: 40px;
	border-radius: 50%;
	background-color: #c89614;
	color:#fff;
	float: left;
	text-align: center;
}

.QA_text{
	float: left;
	width:88%;
	line-height:40px;
	height: auto;
	
}

.circle2 {
    margin-right: 10px;
    height: 40px;
	line-height: 40px;
    width: 40px;
	border-radius: 50%;
	background-color: #c30d23;
	color:#fff;
	float: left;
	text-align: center;
}
@media screen and (max-width:640px) {
	.QA_text{
	float: left;
	width:80%;
	line-height:40px;
	height: auto;
	
}
/*客製化流程*/
#customize_top{
	margin-top: 80px;
	
}

}

/*車廂概況*/
.car_interduce {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.car_seat_label_all{
	width: 100%; 
	margin-bottom:20px;
	margin-top: 20px;
	clear: both;
}
.car_seat_label {
	width: 15%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: left;
	background-color: #9d1f24;
	color:#fff;
	text-align: center;
}
.car_seat_label2 {
	width: 15%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: right;
	background-color: #9d1f24;
	color:#fff;
	text-align: center;
}

.car_seat_label_square {
	margin-left:45%;
	margin-right:45%;
	height: 35px;
	line-height: 35px;
	border:1px #9d1f24;
	text-align: center;
	border-style:solid;
	border-color:#9d1f24;
	border-width: 1px;
	color:#9d1f24;	
}

.car_seat_label_yellow {
	width: 15%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: left;
	background-color: #c5930e;
	color:#fff;
	text-align: center;
}
.car_seat_label2_yellow {
	width: 15%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: right;
	background-color: #c5930e;
	color:#fff;
	text-align: center;
}

.car_seat_label_square_yellow {
	margin-left:45%;
	margin-right:45%;
	height: 35px;
	line-height: 35px;
	border:1px #c5930e;
	text-align: center;
	border-style:solid;
	border-color:#c5930e;
	border-width: 1px;
	color:#c5930e;	
}

@media screen and (min-width:641px) and (max-width:800px) {
.car_interduce {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
.car_seat_label {
	width: 25%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: left;
	background-color: #9d1f24;
	color:#fff;
	text-align: center;
}
.car_seat_label2 {
	width: 25%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: right;
	background-color: #9d1f24;
	color:#fff;
	text-align: center;
}

.car_seat_label_square {
	margin-left:42%;
	margin-right:42%;
	height: 35px;
	line-height: 35px;
	border:1px #9d1f24;
	text-align: center;
	border-style:solid;
	border-color:#9d1f24;
	border-width: 1px;
	color:#9d1f24;	
}

.car_seat_label_yellow {
	width: 25%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: left;
	background-color: #c5930e;
	color:#fff;
	text-align: center;
}
.car_seat_label2_yellow {
	width: 25%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: right;
	background-color: #c5930e;
	color:#fff;
	text-align: center;
}

.car_seat_label_square_yellow {
	margin-left:42%;
	margin-right:42%;
	height: 35px;
	line-height: 35px;
	border:1px #c5930e;
	text-align: center;
	border-style:solid;
	border-color:#c5930e;
	border-width: 1px;
	color:#c5930e;	
}	
}



@media screen and (max-width:640px) {
.car_interduce {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
.car_seat_label {
	width: 40%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: left;
	background-color: #9d1f24;
	color:#fff;
	text-align: center;
}
.car_seat_label2 {
	width: 35%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: right;
	background-color: #9d1f24;
	color:#fff;
	text-align: center;
}

.car_seat_label_square {
	margin-left:38%;
	margin-right:38%;
	height: 35px;
	line-height: 35px;
	border:1px #9d1f24;
	text-align: center;
	border-style:solid;
	border-color:#9d1f24;
	border-width: 1px;
	color:#9d1f24;	
}

.car_seat_label_yellow {
	width: 40%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: left;
	background-color: #c5930e;
	color:#fff;
	text-align: center;
}
.car_seat_label2_yellow {
	width: 35%;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	float: right;
	background-color: #c5930e;
	color:#fff;
	text-align: center;
}

.car_seat_label_square_yellow {
	margin-left:38%;
	margin-right:38%;
	height: 35px;
	line-height: 35px;
	border:1px #c5930e;
	text-align: center;
	border-style:solid;
	border-color:#c5930e;
	border-width: 1px;
	color:#c5930e;	
}

	
}
/*自由行推薦行程*/
.fit_suggest_all {
	width: 100%;
	height: auto;
	border-style: dashed;
	border-color: #ea5514;
	padding: 20px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	margin-bottom: 20px;
	
}
.fit_suggest_title {
	margin-buttom:20px;
	width:600px;
	margin-left: auto;
	margin-right:auto;
	height: auto;
	
}
.fit_suggest_stitle {
	color:#2ea7e0;
	line-height: 1.5em;
}
.fit_suggest_text {
	line-height: 1.5em;
	
}
.fit_suggest_stitle2 {
	color:#ea5514;
	line-height: 1.5em;
	
}
.fit_suggest_map{
	width:600px;
	height: auto;
}
#fit_suggest_spot_all{
	margin-bottom: 10px;
}
#fit_suggest_spot_text{
	margin-top: 120px;
	height:auto;
	color:#171c61;
	line-height: 1.5em;
}
#fit_suggest_spot_text2{
	margin-top: 120px;
	height:auto;
	color:#171c61;
	line-height: 1.5em;
	text-align: right;
}


@media screen and (min-width:501px)and (max-width:800px){

.fit_suggest_map{
	width:100%;
	height: auto;
}
.fit_suggest_title {
	
	width:100%;
	height: auto;
	
}
#fit_suggest_spot_text{
	margin-top: 30px;
	height:auto;
	color:#171c61;
	line-height: 1.5em;
}
#fit_suggest_spot_text2{
	margin-top: 30px;
	height:auto;
	color:#171c61;
	line-height: 1.5em;
	text-align: right;
}
}

@media screen and (max-width:500px){
.fit_suggest_map{
	width:100%;
	height: auto;
}
.fit_suggest_title {
	
	width:100%;
	height: auto;
	
}
#fit_suggest_spot_text{
	margin-top:20px;
	height:auto;
	color:#171c61;
	line-height: 1.5em;
}
#fit_suggest_spot_text2{
	margin-top: 0px;
	height:auto;
	color:#171c61;
	line-height: 1.5em;
	text-align: right;
}
}