@import url("reset.css");

/*******-----------------1235px------------------*******/
@media screen and (max-width: 1235px) {	
.foodbox{
    width: 50%;
    float:left;
}
.intro_r{
	width: 47%;
}
.intro_l{
	width: 47%;
}

.intro_r img,
.intro_l img{
    width: 46%;	
}   




/* c26模組 */
.cms26{
	margin-bottom: 0px;
}


.cms26 h4{ 
	display:block;
	background:url(../images/title.jpg) no-repeat ;
	color:#FFF;
	
	width: 800px;
	height: 110px;
	font-size:0;
	margin:0 auto;	
}





}






/*******-----------------981~1235px------------------*******/
@media screen and (min-width: 981px) and (max-width: 1235px) {
.pop1400Box{
	max-width: 900px;	
}


.title{
        max-width: 50%;
        position: absolute;
        z-index: 10002;
        /*top:1.5%;
        right:50%;*/
    }

div.area-right{
	
	margin:20px 0px 0px 20px;
	padding:0px;
}

div.area-right img{
	width:30%;

}


/*6個介紹按鈕*/
.list{
	list-style: none;
	margin:0 auto;
	padding:0;
}
.btn{	
	width:33.33%;
	float: left;	
	padding-left:20px;
	list-style: none; 
	margin-bottom: 30px;
}
.list li span{
	cursor: pointer;
}
.btn:last-child{
	padding-left:none; 
}

.btn img{
	width:100%;
	height: auto;
}



/*C26*/
.ph-title{
	
}
.ph-detail{          
	font-size:16px; 
	text-align: center;
	background-color:#FB5691; 
	margin-top:5px; 
	padding: 2px 2px; 
	color:#FFFFFF; 
	font-family:"微軟正黑體",sans-serif; 
	line-height:1.5em; 
	overflow:hidden;
	/* max-height:5em; */    /*調產品副標粉紅框高度*/
	height:auto;    /*調產品副標粉紅框高度要跟max-width一起調*/
 
}


.ph-feature{
	display:block; 
	color:#666;
	font-size:14px; 
	line-height:1.3em; 
	padding:4px 8px 5px 5px; 
	overflow:hidden;
	font-family:"微軟正黑體",sans-serif;
	height:auto;    /*調C26整個外白產品框高度*/
	border-color:#494949;
	text-align:justify;
	margin-left:8px;
}

.ph .price{         /*調整_$ */
	font-size:16px;
	font-weight:bold; 
	font-family:sans-serif; 
	color:#FB5691;
    letter-spacing:-1px;
    text-align: center;
	/* position:absolute; */
	padding-top: 30px; 
	right:30px; 
	bottom:0px;
	font-style:italic;
}

.ph .price span{    /*調_錢數字*/
	font-size:35px;  
	font-family:'Times New Roman'; 
	font-weight:bold; 
	letter-spacing:-1px;
}








.food{
	max-width:800px;
	margin:0 auto;
}
.foodbox{
    width:100%;
    height: auto;
}
.intro_r{
	width: 50%;
}
.intro_l{
	width: 50%;
}
.intro_r img,.intro_l img{
    width: 50%;	
}
}

/*******-----------------721-1060px------------------*******/
@media screen and (min-width: 721px) and (max-width: 980px) {

.wrapper{
	width:100%;	
	height: auto;
	padding:0px 40px 30px 40px;
}

.title{ display: none; }

/*6個介紹按鈕*/
.list{
	list-style: none;
	margin:0 auto;
	padding:0;
}
.btn{	
	width:33.33%;
	float: left;	
	padding-left:20px;
	list-style: none; 
	margin-bottom: 30px;
}
.list li span{
	cursor: pointer;
}
.btn:last-child{
	padding-left:none; 
}

.btn img{
	width:100%;
	height: auto;
}


/* c26模組 */
.cms26 h4{ 
	width:100%;
	background-position:center;
}

.ph{
	margin:0 auto;
	width:49%;
}

.ph-title{
	
}

.ph-detail{          
	font-size:16px; 
	text-align: center;
	background-color:#FB5691; 
	margin-top:5px; 
	padding: 2px 2px; 
	color:#FFFFFF; 
	font-family:"微軟正黑體",sans-serif; 
	line-height:1.5em; 
	overflow:hidden;
	/* max-height:6em */;    /*調產品副標粉紅框高度*/
	height:auto;    /*調產品副標粉紅框高度要跟max-width一起調*/
 
}


.ph-feature{
	display:block; 
	color:#666;
	font-size:15px; 
	line-height:1.4em; 
	padding:4px 8px 5px 5px; 
	overflow:hidden;
	font-family:"微軟正黑體",sans-serif;
	height:auto;    /*調C26整個外白產品框高度*/
	border-color:#494949;
	text-align:justify;
	margin-left:8px;
}

.ph .price{
	font-size:16px;
	font-weight:bold; 
	font-family:sans-serif; 
	color:#FB5691;
    letter-spacing:-1px;
    text-align: center;
	/* position:absolute; */
	padding-top: 30px; 
	right:30px; 
	bottom:0px;
	font-style:italic;
}

.ph .price span{
	font-size:40px;  
	font-family:'Times New Roman'; 
	font-weight:bold; 
	letter-spacing:-1px;
}





/* c23模組 */
.cms23 h5,.cms23 h6,.cms23 h6.htl {
	width:100%;
	background-position:center;
}

/*下方btn*/
.morebtn a{	
	width:100%;
	background-image: url(../images/mbtn.jpg);
	background-position: center;
	background-size: 60%;
	background-repeat: no-repeat;
}
.morebtn a:hover{	
	background-image: url(../images/mbtn1.jpg);
}


/*景點介紹*/

.intro3_r h4,.intro3_l h4{
	font-size: 24px;
    padding-top: 10px;
}
.intro3_r p,.intro3_l p{
    font-size: 14px;
    padding:5px 20px; 
}
.item,.item1{
	padding-bottom: 20px;
}
}















/*******-----------------720px------------------*******/
@media screen and (max-width:720px) {
.wrapper{
	margin:0 auto;
	height: auto;
	padding:0px 30px 0px 30px; 
	overflow:hidden;
}


.title{ display: none; }


.lline{
	background:url(../images/line2.jpg) no-repeat ;
	width: 100%;
	height: 15px;
	margin:0 auto;
	margin-top: 20px;
	margin-bottom: 60px;
}

/*6個介紹按鈕*/
.list{
	list-style: none;
	margin:0 auto;
	padding:0;
}
.btn{	
	width:33.33%;
	float: left;	
	padding-left:20px;
	list-style: none; 
	margin-bottom: 30px;
}
.list li span{
	cursor: pointer;
}
.btn:last-child{
	padding-left:none; 
}

.btn img{
	width:100%;
	height: auto;
}


/* c26 c23模組 */
.cms26{
	margin-bottom:-50px;
}


.ph{
	margin:0 auto;
	width:49%;
}



.ph-title{
	
 }

.ph-detail{
	font-size:16px; 
	text-align: center;
	background-color:#FB5691; 
	padding: 2px 2px; 
	color:#FFFFFF; 
	font-family:"微軟正黑體",sans-serif; 
	line-height:1.5em; 
	/* max-height:5em;  */
	overflow:hidden; 
	height:auto; 
 
}

.ph-feature{
	display:block; 
	color:#666;
	font-size:14px; 
	line-height:1.4em; 
	padding:4px 8px 5px 5px; 
	overflow:hidden;
	font-family:"微軟正黑體",sans-serif;
	height:auto; 
	border-color:#494949;
	text-align:justify;
	margin-left:8px;
}

.ph .price{    /*調整 $ */
	font-size:16px;
	font-weight:bold; 
	font-family:sans-serif; 
	color:#FB5691;
    letter-spacing:-1px;
    text-align: center;
	/* position:absolute; */
	padding-top: 30px; 
	right:30px; 
	bottom:0px;
	font-style:italic;
}

.ph .price span{     /*調_錢數字*/
	font-size:38px;  
	font-family:'Times New Roman'; 
	font-weight:bold; 
	letter-spacing:-1px;
}





.cms23 h5,.cms23 h6,.cms23 h6.htl {
	width:30%;
	background-position:center;
}

.cms26 h4{ 	
	background:url(../images/mtitle.jpg) no-repeat ;
	background-position: center;
	margin-bottom: -30px;
}



.cms23 h5{
	width: 90%;
	background:url(../images/mtitle1.jpg) no-repeat ;	
	background-position: center;
}
.cms23 h6{
	width: 80%;
	background:url(../images/mtitle2.jpg) no-repeat ;	
	background-position: center;
}

.cms23 h6.htl{
	width: 90%;
	background:url(../images/mtitle3.jpg) no-repeat ;
	background-position: center;
}









}


/*******-----------------480px------------------*******/
@media screen and (max-width:480px) {
.wrapper{
	margin:0 auto;
	height: auto;
	padding:0px 20px 0px 20px; 
	overflow:hidden;
}

.title{ display: none; }

.lline{
	background:url(../images/line2.jpg) no-repeat ;
	width: 100%;
	height: 18px;
	margin:0 auto;
	margin-top: 20px;
	margin-bottom: 60px;

}


/* c26 c23模組 */
.cms26 h4{
	width: 100%;
	
}


.ph{
	margin:0 auto;
	width:49%;
}


.cms26{
	margin-bottom:-50px;
}


.ph-title{
		
 }

.ph-detail{          
	font-size:16px; 
	text-align: center;
	background-color:#FB5691; 
	margin-top:5px; 
	padding: 2px 2px; 
	color:#FFFFFF; 
	font-family:"微軟正黑體",sans-serif; 
	line-height:1.5em; 
	overflow:hidden;
	/* max-height:5em;  */   /*調產品副標粉紅框高度*/
	height:auto;    /*調產品副標粉紅框高度要跟max-width一起調*/
 
}

.ph-feature{    /*調商品內文小灰字*/
	display:block; 
	color:#666;
	font-size:14px; 
	line-height:1.3em; 
	padding:4px 8px 5px 5px; 
	overflow:hidden;
	font-family:"微軟正黑體",sans-serif;
	height:auto;          /*調C26整個外白產品框高度*/
	border-color:#494949;
	text-align:justify;
	margin-left:8px;
}

.ph .price{   /*調整_$ */
	font-size:25px;
	font-weight:bold; 
	font-family:sans-serif; 
	color:#FB5691;
    letter-spacing:-6px;
    text-align: center;
	/* position:absolute; */
	padding-top: 30px; 
	right:30px; 
	bottom:-2px;
	font-style:italic;
}

.ph .price span{    /*調_錢數字*/
	font-size:35px;  
	font-family:'Times New Roman'; 
	font-weight:bold; 
	letter-spacing:-3px;
}








.cms23 h5,.cms23 h6,.cms23 h6.htl {
	width:50%;
	background-position:center;
}

.cms23 h5{
	width: 90%;
	background:url(../images/mtitle1.jpg) no-repeat ;	
	background-position: 50% 50%;
}
.cms23 h6{
	width: 80%;
	background:url(../images/mtitle2.jpg) no-repeat ;	
	background-position: 50% 50%;
}

.cms23 h6.htl{
	width: 90%;
	background:url(../images/mtitle3.jpg) no-repeat ;	
	background-position: 50% 50%;
}





div.area-right{
	
	margin:20px 0px 0px 30px;
	padding:0px;
}

div.area-right img{
	width:80%;

}





/*6個介紹按鈕*/
.list{
	list-style: none;
	margin:0 auto;
	padding:0;
}
.btn{	
	width:50%;
	float: left;	
	padding-left:20px;
	list-style: none; 
	margin-bottom: 30px;
}
.list li span{
	cursor: pointer;
}
.btn:last-child{
	padding-left:none; 
}

.btn img{
	width:100%;
	height: auto;
}






/*美食介紹*/
.food{
	max-width:470px;
}
.intro_r,.intro2_r{
	width: 100%;
}
.intro_l,.intro2_l{
	width: 100%;
}
.item img{
  height:100%;
  width:100%;
}

.intro_r h4,.intro_l h4,.intro2_r h4,.intro2_l h4{
    font-size: 22px;
    padding-top:0px;
}		
.intro_r p,.intro_l p,.intro3_r p,.intro3_l p{
    font-size: 14px;
   padding:4px 20px 30px 20px; 
}
.intro2_r p,.intro2_l p{
    font-size: 14px;
   padding:0px 20px; 	
}
/*景點介紹*/
.intro3_r{
	width: 100%;
}
.intro3_l{
	width: 100%;
}
.intro3_l h4{
    text-align:left;	
}
.item1 img{
  width: 100%;	
}

/*下方btn*/
.morebtn a{	
	background-size: 90%;
}

}

/*******-----------------320px------------------*******/
@media screen and (max-width:320px) {

.btn{	
	width:100%;
	float:none;	
	padding-left:20px;
	margin-bottom: 30px;
}



.title{ display: none; }

.lline{
	background:url(../images/line2.jpg) no-repeat ;
	width: 100%;
	height: 15px;
	margin:0 auto;
	margin-top: 20px;
	margin-bottom: 60px;
}

div.area-right{
	
	margin:20px 0px 0px 30px;
	padding:0px;
}

div.area-right img{
	width:100%;

}



/* c26 c23模組 */
.cms26{
	margin-bottom:-50px;
}
.ph-title{
	
 }

.ph-detail{          
	font-size:16px; 
	text-align: center;
	background-color:#FB5691; 
	margin-top:5px; 
	padding: 2px 2px; 
	color:#FFFFFF; 
	font-family:"微軟正黑體",sans-serif; 
	line-height:1.5em; 
	overflow:hidden;
	/* max-height:7em;  */   /*調產品副標粉紅框高度*/
	height:auto;    /*調產品副標粉紅框高度要跟max-width一起調*/
 
}

.ph-feature{    /*調商品內文小灰字*/
	display:block; 
	color:#666;
	font-size:14px; 
	line-height:1.3em; 
	padding:4px 8px 5px 5px; 
	overflow:hidden;
	font-family:"微軟正黑體",sans-serif;
	height:auto;          /*調C26整個外白產品框高度*/
	border-color:#494949;
	text-align:justify;
	margin-left:8px;
}

.ph .price{   /*調整_$ */
	font-size:20px;
	font-weight:bold; 
	font-family:sans-serif; 
	color:#FB5691;
    letter-spacing:-6px;
    text-align: center;
	position:absolute;
	padding-top: 30px; 
	right:30px; 
	bottom:-2px;
	font-style:italic;
}

.ph .price span{    /*調_錢數字*/
	font-size:35px;  
	font-family:'Times New Roman'; 
	font-weight:bold; 
	letter-spacing:-3px;
}



.cms23 h5,.cms23 h6,.cms23 h6.htl {
	width:30%;
	background-position:center;
}



.cms26 h4{ 
	
	background:url(../images/mtitle.jpg) no-repeat ;
	background-position: center;
	margin-bottom: -30px;
}



.cms23 h5{
	width: 90%;
	background:url(../images/mtitle1.jpg) no-repeat ;	
	background-position: center;
}
.cms23 h6{
	width: 80%;
	background:url(../images/mtitle2.jpg) no-repeat ;	
	background-position: center;
}

.cms23 h6.htl{
	width: 90%;
	background:url(../images/mtitle3.jpg) no-repeat ;
	background-position: center;
}





/*6個介紹按鈕*/
.list{
	list-style: none;
	margin:0 auto;
	padding:0;
}
.btn{	
	width:100%;
	float: left;	
	padding-left:20px;
	list-style: none; 
	margin-bottom: 30px;
}
.list li span{
	cursor: pointer;
}
.btn:last-child{
	padding-left:none; 
}

.btn img{
	width:100%;
	height: auto;
}






/*美食介紹*/
.food{
	max-width:320px;
}

.intro_r h4,.intro_l h4,.intro2_r h4,.intro2_l h4{
    font-size: 22px;
    padding-top:8px;
}		
.intro_r p,.intro_l p,.intro2_r p,.intro2_l p,.intro3_r p,.intro3_l p{
    font-size: 14px;
    padding:0px 20px 20px 20px; 
}
.tripmax{    
height: 3150px;
}
.hotelmax{
    height:2200px;   
}





}