@media (min-device-width : 320px)
  and (max-device-width : 480px) {
  	.container,.header,.footer,.tophead{
  		width:100%;
  	}
  	.container{
  		min-width:0px;
  	}
  	.header img{
  		width:100%;
  		height:auto;
  	}
    #topinfo{
      padding: 1%;
    }
  	.tophead img{
  		width:100%;
  		height:auto;
  	}
  	.leftbar,.rightbar{
  		width:100%;
  	}
  	.leftbar ul li{
  		float:left;
  		width:49%;
  	}
  	.rightbar>img{
  		width:100%;
  		height:auto;
  	}
  	.obi_hotel,iframe{
  		display:none;
  	}
  	.ichioshilist{
  		width:100%;
  	}
  	.date span{
  		font-size:11px !important;
  	}
    .ichioshilist li{
      margin: 0px 0px;
    }
  	.ichioshilist .price{
  		font-size:20px;
  	}
    .ichioshilist img{
      max-width: 250px;
    }
  	.ichioshilist h2{
  		font-size:20px;
  	}
  	.ichioshilist li{
  		width:98%;
  	}
  	.intro p,p .intro{
  		font-size:13px !important;
  	}
  	.intro table {
  		font-size:14px;
  		width:100%;
  	}
  	.intro table tr td:first-child{
  		width:30%;
  	}
  	.pic li{
  		height:auto;
  		width:46.5%;
  		font-size:11px;
      overflow: hidden;
  	}
  	.pic li img{
  		height:auto;
      max-height: 130px;
  	}
  	.pic li:first-child{
  		width:100%;
  		height:auto;
      min-height: 200px;
      max-height: 300px;
  	}
    .pic li:first-child img{
      height: auto;
      min-height: 200px;
      max-height: 300px;
    }
  	.bathpic li{
  		height:auto;
  		width:46.5%;
  		font-size:11px;
  	}
  	.bathpic li img{
  		height:auto;
      max-height: 130px;
  	}
    .pricetable{
      font-size: 14px;
    }
  	.pricetable .price{
  		font-size:20px;
  	}
  	.hotelname{
  		width:100%;
  	}
  	.hotelname span{
  		font-size:26px;
      display: block;
      width: 100%;
  	}
  	.startinfo{
  		width:100%;
  	}
  	.startinfo li{
  		width:30% !important;
  		font-size:12px;
  	}
  	.sidebar1{
  		width:100%;
  	}
  	.sidebar1 ul li{
  		width:50%;
  		float:left;
  	}
    .sightseeing{
      margin: 5px 0px;
      font-size: 14px;
      width: 100%;
      border-collapse: collapse;
    }
    .sightseeing tr>*{
      padding: 1%;
    }
  	.must{
  		display:block;
  		float:none;
  	}
    .topic{
      margin: 5px 0px;
    }
    .hotellist li{
      padding: 1%;
    }
    .hotellist li .intro{
      width: 100%;
    }
    .hotellist li table{
      width: 100%;
    }
}