@charset "utf-8";
.grid_room .grid_prices{ position:relative; line-height: 1.3em; font-size:1em}
.grid_room .grid_prices em{font-size:1em}
.relative,.fixed{ position:relative}



.main{
	float: left;
	width: 100%;
	position: relative;
	margin:0 -320px 0 0;
	padding:0 320px 0 0;}
.side{
	float: left;
	width: 300px;
	margin: 0 0 0 20px;
	overflow: hidden; position:relative;}

.style1{margin:10px 0 1.5em -10px;flex-wrap:wrap;display: flex; position: relative;left:0;}
.style1 .title{margin: 0 0 1.6% 2%}
.style1.gridlists .grid_list{flex: 1;flex-basis: 220px;margin:0 0 10px 10px;padding:0;}
.style1.gridlists .grid_list.t1{flex-basis: 250px;}
.style1.gridlists .grid_list.t2{flex-basis: 200px;}
.style1.gridlists .grid_list.l{flex-basis: 290px;}
.style1.gridlists .grid_list:last-child{}
.style1.gridlists .grid_list:hover .grid_link::before{background: rgba(0, 0, 0,0.2)}
.style1.gridlists .grid_pic{float:none;width:100%;height: 250px;z-index: 2;}
/*.style1.gridlists .grid_list.l .grid_pic{height:29.6em;}*/
.style1.gridlists .grid_name{ text-align: center; font-weight: bold;margin:0; font-size: 1.2em;position: absolute;z-index: 3;bottom:0;left:0.5em;right:0.5em;color:#FFF;border-top:1px solid #FFF;padding:1em 0;}
/*.style1.gridlists .grid_list.l .grid_name{text-align:left;}
.style1.gridlists .grid_list.l .grid_name{font-size: 1.5em;}*/
.style1.gridlists .grid_list::before{content: " ";left:0;right:0;z-index:3;position: absolute;

background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );

bottom: 0;height: 5em;}
.style1.gridlists .grid_txt{height: 2.9em;}

#tw,
#ch,
#world{margin: 0 0 2.5em 0;}
/*#ch .style1 .grid_list{width:31.3333%;}
#world .style1 .grid_list{width: 23%;}*/

/*#ch > .title,
#world > .title{font-size:27px;line-height: 1.5em;text-align: center;margin: 1em 0 0.5em 0;}
#ch > .title::after,
#world > .title::after,
#ch > .title::before,
#world > .title::before{content: " - "}*/
/*
#tw > .title{text-align:left;font-size:27px;line-height: 1.5em;margin: 1em 0 0.5em 0;}
#tw .title a, #tw .title b{background: #9cf}*/


#hotattractions{ position:relative; margin:0 0 2em 0}
#hotattractions .swiper-container {margin: 1em 0 0 0}
#hotattractions .swiper-wrapper{align-items:stretch;}
#hotattractions .swiper-slide {width: 15.5em;}
#hotattractions .grid_pic{ float:none; width:100%;margin: 0;height: 10.7em;}
#hotattractions .grid_list{float:none;margin:0; padding:0;width: 100%;font-size:1.1em;}
#hotattractions .grid_name{color:#069; font-size:1.2em;}
#hotattractions .grid_txt{height:auto; padding:0.5em}
#hotattractions .grid_address{ font-size:0.9em;}
#hotattractions .grid_p{ border-top:1px solid #CCC; margin:0.5em 0 0 0; padding:0.5em 0 0 0;}

@media screen and (max-width:990px) {
#wrapper{ font-size:15px}
.main,
.side{float: none; margin:0; width:auto;padding: 0}
.style1 {margin: 10px 0 1.5em -2%;}
.style1.gridlists .grid_list.l {width: 98%;margin:0 0 2% 2%;}
.style1.gridlists .grid_list {width: 48%;margin:0 0 2% 2%;}
#ch .style1 .grid_list{width:31.3333%;}
#world .style1 .grid_list{width:31.3333%;}
}
@media screen and (max-width:600px) {
#ch .style1 .grid_list,
#world .style1 .grid_list{width:48%;}
#ch .style1 .grid_list:first-child{width:98%;}
}
@media screen and (min-width:1180px) {
}