@charset "utf-8";

.main{width:680px;float:left;}
.side{width:270px;float:left; margin:0 0 0 20px;}

#hothotel .title,
.box_hp9 .title,
.hotel_box .title,
#hotattractions .title,
.attraction .title,
#orbitz .title{margin:0 0 0.8em 0;} 



#tab_hp4{ float:left;position:relative;width:100%;padding: 0 280px 0 0;height:483px; margin:0 -280px 2.5em 0;}
#tab_hp4 .grid_list{}
#tab_hp4 section{ height:100%;font-size:1.23em;position:absolute;top:0;left:0;width:100%;padding:0; margin:0}
#tab_hp4 .grid_pic{height:100%;float:none;margin:0;font-size:3.39em; width:100%;}
#tab_hp4 .grid_txt{ background-color:rgba(240,240,240,0.8);padding:0.3em 0.8em 0.5em 0.8em; height: auto; position:absolute; bottom:0; left:0; right:0;}
#tab_hp4 .grid_rate{font-size:1.5em;bottom: 0.8em;width: 16em; right:0.5em}
#tab_hp4 .grid_name{font-size:1.5em;line-height:1.6em}
#tab_hp4 .grid_p{color:#000;line-height:1.6em}
#tab_hp4 .swiper-pagination { padding:0 0 0 1em; text-align: center; height:23px;}
#tab_hp4 .swiper-container-horizontal > .swiper-pagination{bottom: 6em; width:100%;}
#tab_hp4 .swiper-button-next, 
#tab_hp4 .swiper-button-prev{ opacity:0;}
#tab_hp4 .swiper-container-horizontal:hover .swiper-button-next,
#tab_hp4 .swiper-container-horizontal:hover .swiper-button-prev{opacity:0.8;}
#tab_hp4 .swiper-container-horizontal:hover .swiper-button-next,
#tab_hp4 .swiper-container-horizontal:hover .swiper-button-prev{opacity:1;}
#tab_hp4 .swiper-container-horizontal:hover .swiper-button-next.swiper-button-disabled,
#tab_hp4 .swiper-container-horizontal:hover .swiper-button-prev.swiper-button-disabled{opacity:0;}



#tab_right{margin:0 0 0 0.667em;float:left; width:20em}
#tab_right .grid_list.grid_size_w100{margin:0 0 1em 0;padding: 0;}
#tab_right.grid_landscape .grid_list.grid_size_w100 .grid_pic{float:none;height: 13.9em;}
#tab_right.grid_landscape .grid_list.grid_size_w100 .grid_txt{ padding:0.5em;height: auto;}

.box_right1{width:260px;float:left;position: relative;z-index: 3;margin:0 0 0 20px;}



#meteorology{ font-size:1em; height: 83px;line-height:1.3em; width:250px; color:#069; float:left;}
#meteorology .day-temp-current{ font-size:3em;line-height:1.3em;float: right;}
#meteorology .current-weather{ overflow:hidden; padding:0.3em 4em 0.3em 0.3em;}


/* search_box */
#search_box{ position:relative;font-size: 16px; line-height:1.3; z-index:4}
#search_box::after { content:" "; display:block; clear:both;}
#search_box .search_list{float:left; width:57.5px;margin:0 10px 10px 0;transition:background-color 0.3s,max-height 0.3s;background-color:#048BA8;text-align:center;max-height: 3.1em;
min-height:3.1em;}
#search_box .search_list:hover{background-color:#069;}
#search_box .search_list .inputsearch{overflow:hidden; display: block; position: absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}
#search_box .search_list.search_on .inputsearch{position:relative;}
#search_box form{padding:0 0.5em 0.5em 0.5em; position:relative;left:230px;/* bottom:0; */transition:left 0.3s; width:100%;}
#search_box .search_close{display:none;cursor:pointer;position:absolute;top:10px;right:10px;color:#fff;z-index:2;width: 25px;height: 25px}
#search_box .search_close::after,
#search_box .search_close::before{content:"";display:block;width:100%;height:3px;background:#fff;position: absolute;top:10px;left:0px;}
#search_box .search_close::after{transform: rotate(45deg)}
#search_box .search_close::before{transform: rotate(-45deg)}
/* search_box h3 */
#search_box .search_list h3 strong{ display:none; position:relative; margin:0.8em  -0.5em 0 -0.5em;/*width:90px; */text-align:center; border-radius:0.5em;font-size:13px; font-weight:normal; background:#c5392d;}
#search_box .search_list.search_on h3 strong br{display: none;}
#search_box .search_list.search_event h3 strong{background:#069;}
#search_box .search_list.search_map h3 strong{background:#470;}
#search_box .search_list.search_search h3 strong{background:#f80;}
#search_box .search_list:hover h3 strong{ display: block;}
#search_box .search_list h3 a{display:block; color:#fff; position:relative;padding:0; font-size:0.7em; line-height:1.3em; font-weight:normal; }
#search_box .icon{transition:margin 0.3s,font-size 0.3s; display:block; overflow:hidden; font-size:4em;margin:0.05em auto auto auto; background:url(../images/search_icon.png) center -3em; width:1em; height:1em; background-size:1em 4em;}
#search_box .search_list h3 strong::after { content:" "; display:block; position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #c5392d;top: -5px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
#search_box .search_list.search_event h3 strong::after{ border-bottom-color:#069;}
#search_box .search_list.search_map h3 strong::after{border-bottom-color:#470;}
#search_box .search_list.search_search h3 strong::after{border-bottom-color:#f80;}
/* search_box 地圖 */
#search_box .search_list.search_map{ background-color:#690;}
#search_box .search_list.search_map:hover{ background-color:#470;}
#search_box .search_list.search_map h3 a .icon{ background-position: center 0em;}
#search_box .search_list.search_on h3{position:relative; z-index:1;color:#fff;font-size:1.9em;transition:font-size 0.3s;}
#search_box .search_list.search_on h3 a{line-height:2.5em;}
#search_box .search_list.search_on h3 strong{ display: block;position:relative; background:none;font-size:1em;margin:0 auto;}
#search_box .search_list.search_on h3 strong::after{ display:none;}
/* search_box 飯店 */
#search_box .search_list.search_rooms{margin:0;position:absolute; background-color:#dd4e42;right:68px;top:0;transition:width 1s,right 1s; z-index: 3;}
#search_box .search_list.search_rooms.search_on{}
#search_box .search_list.search_rooms.search_on:hover{ background-color:#dd4e42;}
#search_box .search_list.search_rooms:hover{ background-color:#c5392d;}
#search_box .search_list.search_rooms h3 a .icon{ background-position: center -1em;}
#search_box form {}
#search_box .search_rooms select,
#search_box .search_rooms input,
#search_box .search_rooms span {vertical-align:initial}
#search_box .search_rooms select,
#search_box .search_rooms input{border: 1px solid #c00;padding:0.31em 0.5em;line-height:1.5em;font-size:1em;width: 100%; }
#search_box .search_rooms select:hover,
#search_box .search_rooms select:focus,
#search_box .search_rooms input:hover,
#search_box .search_rooms input:focus{border:1px solid #fff;}
#search_box .search_rooms button{ display:block;text-align:center;margin:0 auto;background-color:#ddd;border: 1px solid #ccc;padding:0.24em 0;line-height:1.5em;font-size: 16px;width:100%;}
#search_box .search_rooms button:focus,
#search_box .search_rooms button:hover{background-color:#c00; color:#fff;border:1px solid #c00;}
#search_box .search_rooms .focus{ position:relative;}
#search_box .search_rooms .focus input{width:100%;}
#search_box .search_rooms .focus button{text-indent:-9999px;border-left:0;line-height:0;height:100%;width:2.23em;top:0;right:0;position: absolute;}
#search_box .search_rooms .focus button::before{content:" "; display:block;position:absolute;line-height: 0;width: 1em; height: 1em;border: 0.2em solid #666;border-radius:50%;left:50%;top:50%;margin:-0.6em 0 0 -0.6em;}
#search_box .search_rooms .focus button::after{content:" "; display:block;line-height: 0; width:0.5em; height:0;border: 0.15em solid #666; border-radius:0.15em;transform:rotate(45deg);position:absolute; left:50%; margin:0.2em 0 0 0.1em;top:50%;}
#OrderDT{ background:#FFF url(../images/calendar.svg) no-repeat center right; background-size:36px 16px;}

#search_box .search_rooms .focus button:hover:before{border: 0.2em solid #fff;}
#search_box .search_rooms .focus button:hover:after{border: 0.15em solid #fff;}
#search_box .search_rooms .focus input:hover+button,
#search_box .search_rooms .focus input:focus+button{border:1px solid #360; border-left:0;}
#search_box .search_rooms .tr1,
#search_box .search_rooms .tr2{  width: 19%;float:left; margin:0 2% 0 0;}
#search_box .search_rooms select, #search_box .search_rooms input{ width: 100%;}
.d1024{ display:none}
#search_box .search_rooms .th{ display:none}
#search_box .search_rooms .search_button{ cursor:pointer;display:none}

#search_box .search_rooms{ margin:0 0 1.5em 0; border:0;}
#search_box .search_rooms .tr1,
#search_box .search_rooms .tr2{ width:100%; float: none; margin:0 0 0.8em 0;}
#search_box .search_rooms button{margin:0.8em auto 0;width:100%;}
#search_box .search_rooms .focus button{margin:0; width:2.23em;}
#search_box .search_rooms .focus{margin:0.8em auto 0;}



/* 小月曆的css */
#OrderDT{background-image:url(../images/calendar.svg); background-repeat: no-repeat; background-position: center right; background-size:36px 16px;}
/* 小月曆的css end*/
/* search_box 搜尋 */
#search_box .search_list.search_search{ position:absolute; right:0; top:0; transition:width 1s; margin:0;background-color:#fa0;}
#search_box .search_list.search_search:hover{ background-color:#f80;}
#search_box .search_list.search_search.search_on:hover{ background-color:#fa0;}
#search_box .search_list.search_search h3 a .icon{ background-position: center -2em;}
#search_box .search_search form{display:flex;align-items:stretch;}
#search_box .search_search select,
#search_box .search_search input{font-size:1em;flex:1 1 auto;color:#000;border:1px solid #999;display:block;line-height:1.3em;padding:0.2em 0.67em;}
#search_box .search_search button{border:1px solid #999;font-size:1em; line-height:1.3em; padding:0.2em 0.67em; height:1.93em;cursor: pointer; background:#999 url(../images/search.png) center center; background-size: 100% auto; text-indent: -9999px; width:1.93em;}
#search_box .search_search form:hover input,
#search_box .search_search form input:focus{border:1px solid #690;}
#search_box .search_search form:hover button,
#search_box .search_search form input:focus + button{border:1px solid #690;background-color:#690;}
/* search_box 按下開啟後 */
#search_box .search_list.search_on{ border-bottom:1px solid rgba(255,255,255,0.7); width:100%;right:0; z-index:4; box-shadow:0 10px 12px -12px  #000;text-align:left;max-height:24em;}
#search_box .search_list.search_on .icon{margin:0 0 0 0.1em;float:left; vertical-align:middle;font-size: 2.3em;}
#search_box .search_list.search_on strong{ text-align:left}
#search_box .search_list.search_on .inputsearch{z-index:1;}
#search_box .search_list.search_on form{left:0;}
#search_box .search_on .search_close{ display:block;}


.news_li{ line-height:1.3em; font-size:1em;}
.news_li li{ border-bottom:1px solid #ccc; overflow:hidden;}
.news_li li img{ float:left; margin:-0.2em 0.5em 0em -1em; height:3em;transition:height 0.3s,top 0.3s; top:0; left:0; position:relative;}

.news_li li span{display: inline-block;vertical-align: middle;flex: 1 1 auto;margin: 0 5px 0 0}
.news_li li .pic{ flex: 0 0 auto;display: inline-block;vertical-align: middle; background-size:cover; background-position:center center; width:7em; height:5em;max-width: 120px;max-height: 90px; margin:0 0.3em 0 0}

.news_li li a{ color:#000; display:flex; padding:0.5em 0;align-items: center;}
.news_li li a:hover img{height:3.5em; top:-0.25em;}

/*.news_li li a::after{content: "";display: block; clear:both;}*/
.news_li li a:hover{ color:#c00; background:#eee;}

/* hothotel */
#hothotel {width:100%;padding: 0 380px 0 0;margin: 0 -380px 0 0;float:left; margin-bottom:1.4em}
#hothotel .grid_list{ width:45%; margin:0 0 3% 3%; padding:0;display: flex; align-items:center;}
#hothotel .grid_list.grid_size_L{ width:52%;flex-direction:column;} 
#hothotel .grid_size_L{ margin:0;} 
#hothotel .grid_rate{ left:0; bottom:0.8em;}
#hothotel .grid_list.grid_size_L .grid_rate{ font-size: 1.1em;}
#hothotel .grid_prices{ font-size: 0.803em; float:left;}
#hothotel .grid_prices em{ font-size: 1.8em; line-height:1.1em;}
#hothotel .grid_list.grid_size_L .grid_prices{float: right;}
#hothotel .grid_name{ font-size: 1.15em; margin-bottom:0.1em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#069;}
#hothotel .grid_pic{flex: 0 0 8em;}
#hothotel .grid_txt{padding:0;width: 100%; height: auto;z-index: auto}
#hothotel .grid_p{font-size: 0.9em;}
#hothotel .grid_room{ font-size: 1.05em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#hothotel .grid_list.grid_size_L .grid_room{margin: 0 8em 0 0;}
#hothotel .grid_list .grid_rate{ font-size: 1.1em;position: relative;bottom: 0;}
#hothotel .grid_list.grid_size_L .grid_txt{ height:auto; padding: 0.5em 0 0.5em 0.5em;}
#hothotel .grid_list.grid_size_L .grid_name{margin-bottom:0.3em;}
#hothotel .grid_list.grid_size_L .grid_rate{ font-size: 1.3em;bottom:0.4em;position: absolute;}
#hothotel .d1024{display:none}
#hothotel .grid_list.grid_size_L .grid_pic{height: 15.1em;flex: 0 0 15.1em;}
#hothotel .grid_beroom{background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;width:9.3em;top: 0; line-height:1.8em}
#hothotel .grid_beroom.grid_today{background: rgba(204, 0, 0, 0.7) none repeat scroll 0 0;width: auto;top:0.6em;}
.grid_list_tripadvisor a{color: #000;position: relative;z-index: 5;display: flex;align-items: center;}
.grid_list_tripadvisor img{flex: 0 0 85px;width: 85px;}

/* 景點 */
.attraction{float:left; margin: 0 0 0.5em 20px;width: 360px; padding:0}
.attraction .gridlists{position:relative;}
.attraction .tab_hp8{height:20.4em; position:relative;}
.attraction .grid_landscape .grid_list.grid_size_w100{ padding:0; background:none;width: 100%;margin:0; position:absolute; top:0; left:0; height:100%;}
.attraction .grid_landscape .grid_list.grid_size_w100 .grid_pic{ width:100%;height:100%;}
.attraction .grid_landscape .grid_list.grid_size_w100 .grid_txt{ background-color: rgba(240, 240, 240, 0.8); bottom: 0;height: auto;left: 0;padding: 0.3em 0.8em 0.5em;position: absolute; right: 0;}
.attraction .grid_landscape .grid_pic img{}
.attraction .grid_landscape .grid_txt{font-size:1.01em;line-height:1.6;}
.attraction .grid_landscape .grid_name{font-size:1em;}
.attraction .grid_landscape .grid_p{color:#000;height:1.3em;display:block;font-size:1em;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}
.tttttttttttt{ float:left; width:100%;height:1.3em; display:block;line-height:1.3em;}
.attraction .grid_list::before{}
.attraction .grid_txt{padding:0.5em;}
.attraction >ul{ font-size:1em; line-height:1.45em;}
.attraction >ul li{ margin:0 0;border-bottom:1px dashed #999;}
.attraction >ul a{position:relative;display:block;color:#000;background:#eee;padding:0.2em 0.7em;transition:background 0.3s;}
.attraction >ul a:hover{background:#FFF}
.attraction .more a{color:#390}
.attraction .grid_day{display:none;}

/* 預留曝光區 */
.box_hp9{ position:relative; margin:0 0 2.5em 0}
.box_hp9 .swiper-slide {width: 15.5em;}
.box_hp9 .grid_pic{ float:none; width:100%;margin: 0;}
.box_hp9 .grid_list{margin:0; padding:0;width: 100%;font-size:1.1em;}
.box_hp9 .grid_name{color:#069; font-size:1.2em;}
.box_hp9 .grid_txt{height:auto; padding:0.5em}
.box_hp9 .grid_address{ font-size:0.9em;}
.box_hp9 .grid_p{ border-top:1px solid #CCC; margin:0.5em 0 0 0; padding:0.5em 0 0 0;}
.box_hp9 .grid_rate{ bottom:0.4em; right:0.3em;}

/* 縣市住宿 */
.hotel_box{ width:100%; margin:0 0 2.5em 0;padding: 0 0 0 0;display: flex;flex-wrap: wrap;}
.hotel_box .title{width:100%;}
.news.grid_landscape {font-size:1em;position:relative;flex:2 2 530px;width: auto;}
.news.grid_landscape .grid_list .grid_pic{height: auto;padding: 30% 0;}
.news.grid_landscape .tab_hp11 {overflow: hidden;}
.news.grid_landscape .grid_list{ background:#EEE; width:100%; margin:0; padding:0;}
.news.grid_landscape .grid_txt{height:auto;padding:0 0.5em 0.5em 0.5em;z-index:auto;height: 50px;}
.news.grid_landscape .grid_name{ font-size:1.2em; ;color:#069;}
.news.grid_landscape .grid_p{ font-size:1em;margin:0 7em 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news.grid_landscape .grid_rate{ bottom:0.5em; right:0.5em;font-size: 1.1em; line-height:1.8em;}
.news.grid_landscape .grid_prices em{ font-size:1.7em;line-height:1.1em;}
.news .swiper-button-next, 
.news .swiper-button-prev{ opacity:0;}
.news .swiper-container-horizontal:hover .swiper-button-next,
.news .swiper-container-horizontal:hover .swiper-button-prev{opacity:0.8;}
.news .swiper-container-horizontal:hover .swiper-button-next,
.news .swiper-container-horizontal:hover .swiper-button-prev{opacity:1;}
.news .swiper-container-horizontal:hover .swiper-button-next.swiper-button-disabled,
.news .swiper-container-horizontal:hover .swiper-button-prev.swiper-button-disabled{opacity:0;}

.ulmemu ul::after{content: " ";clear: both;display: block;border-bottom:2px solid #999;position:relative; z-index:2; top:-3px; margin:0 -2px 0 0;}
.ulmemu ul{ width:100%; overflow:hidden; position:relative; }
.ulmemu li{float:left;width:31.333%;margin:0 0 0 1.5%;background:#fff;display: block; border:2px solid #fff; text-align:center; line-height:1.8em; font-size:1.1em;  position:relative; transition:background 0.5s ease-out;}
.ulmemu li a{ color:#000;}
.ulmemu li:hover a{color:#069; text-decoration:underline;}
.ulmemu.on0 li:nth-of-type(1),
.ulmemu.on1 li:nth-of-type(2),
.ulmemu.on2 li:nth-of-type(3){ z-index:3;padding-bottom:1px; border:2px solid #999; border-bottom:0;}
.ulmemu .ulmenu_box{display: none; width:100%; position:absolute;opacity:0;transition:opacity 0.5s ease-out; z-index:1; padding-bottom:1px;}
.ulmemu.on0 .ulmenu_box:nth-of-type(1),
.ulmemu.on1 .ulmenu_box:nth-of-type(2),
.ulmemu.on2 .ulmenu_box:nth-of-type(3){ display:block; z-index:2; position:relative;opacity:1;}

#hotel_li{margin:0 0 0 20px;overflow:hidden; position:relative;flex:1 1 420px; }
#hotel_li ul::after,
#hotel_li.on0 li:nth-of-type(1),
#hotel_li.on1 li:nth-of-type(2),
#hotel_li.on2 li:nth-of-type(3){border-color:#dd4e42; }
#hotel_li .grid_txt{height:auto;padding: 0.09em 0;}
#hotel_li .grid_list.grid_size_w100{margin: 0;padding:0 0.3em 0 0.6em; border-bottom:1px solid #ccc; overflow:hidden;}
#hotel_li .grid_name{line-height:3em; font-size:1.05em;}
#hotel_li .grid_rate{bottom: 0.9em;right:0.5em;font-size: 0.97em; line-height:1.8em;}
#hotel_li .grid_prices em{ font-size:1.7em;line-height:1.1em;}

#side_news{margin:0 0 1.5em 0;overflow:hidden; position:relative; float:left;width:300px}
#side_news .title{margin:0 0 0 0;}
#side_news ul::after{border-bottom:2px solid #fa0;margin:0;top:-1px;}
#side_news li{width:50%; padding:0.2em 0 0 0;margin:0 0 0 0;border:0; background: none;}
#side_news.on0 li:nth-of-type(1),
#side_news.on1 li:nth-of-type(2),
#side_news.on2 li:nth-of-type(3){border:0; background-color:#fa0;}
#side_news .grid_list{width:100%;padding:0.89em 0; border-bottom:1px solid #ccc; margin:0;}
#side_news .grid_name{ font-size:1.1em;line-height:1.3em; color:#069}
#side_news .grid_pic{ font-size:0.85em;width: 6em; margin:0 0.5em 0 0; overflow:hidden;}
#side_news .grid_pic img{width: auto;}
#side_news .grid_p{font-size:1em;}
#side_news .grid_txt{height: 5.5em;}

#side_news .ulmenu_box{ font-size:1em; line-height:1.3em;}




#hotattractions{ position:relative; margin:0 0 2.5em 0}
#hotattractions .swiper-slide {width: 15.5em;}
#hotattractions .grid_pic{ float:none; width:100%;margin: 0;height: 10.7em;}
#hotattractions .grid_list{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;}

#orbitz {position:relative; margin:0 0 2.5em 0;}
#orbitz .grid_list{ padding:0; margin:0 0 1.2em 0;width:33.33%;}
#orbitz .grid_pic{ font-size:0.8em;}
#orbitz .grid_txt{height:auto; padding:0.5em;/* border-left:3px solid #ccc;*/}
#orbitz .grid_rate{ position:relative}
#orbitz .grid_address{overflow:hidden;  padding:0 1em 0 0;white-space:nowrap;text-overflow: ellipsis;}
#orbitz .grid_prices{float: none;/* padding:0 0 0 0.12em; */}
#orbitz .grid_name{  padding-right:1em; color:#069; font-size:1.2em; margin:0 0.5em 0 0; white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
#orbitz .grid_list:hover{ background-color:#eee;}

@media screen and (max-width:970px) {

.main,
.side {float: none;margin: 0; width: auto;}
.box_hp9 .title,
.hotel_box .title,
#hotattractions .title,
#orbitz .title{margin:0 0 0.5em 0;} 
.hotel_box .title,
#hothotel .title{ border-bottom:0;margin:0;}
.attraction .title{margin:0 0 0.5em 0; /*border-bottom:2px solid #ccc*/}
.news_li{font-size: 1.15em;}
.grid_txt,
.grid_beroom{ font-size:1em;}
#search_box{font-size: 1em; width:100%; float:none;}
#search_box .search_list{width:24.3%;margin:0 1% 1% 0;max-height:6em;min-height:6em;}
#search_box .search_list.search_on{max-height:24em;}
#search_box .search_list.search_search{bottom: 0;margin:0 0 1% 0;}
	#search_box .search_list.search_on h3{font-size: 1.3em;}
#search_box .search_list h3 a{font-size: 1em;}
#search_box .search_list h3 strong{ display: block;position:relative; background:none;font-size:0.9em;margin:0 auto;}
#search_box .search_list.search_event h3 strong,
#search_box .search_list.search_map h3 strong,
#search_box .search_list.search_search h3 strong{background:none;}
#search_box .search_list h3 strong::after{ display:none;}
#search_box .search_list.search_rooms{right: 25.1%;}
#search_box .search_list.search_rooms.search_on{right:0;}
#search_box form{font-size: 1.1em;}
#hot .grid_list{ width: 33.33%;}
#hot .grid_list.grid_size_4{ width: 66.66%;}
#hot .grid_pic img,
#hot .grid_list.grid_size_4 .grid_pic,
#hot .grid_pic{ height:auto;}
#hot .grid_txt{ position:relative; max-height:50em;}
#hothotel{}
#hothotel .grid_list.grid_size_L{padding:0;}
#hothotel .grid_beroom{width: 8em;}
#hothotel .grid_beroom.grid_today{top: 0;}
#hothotel .grid_link{ display: block} 
#hothotel .grid_list{margin:12px 0 0 2%;}
#hothotel .grid_list.grid_size_L{margin:10px 0 0 0;}
#hothotel .grid_txt{font-size: 1em;}
#hothotel .grid_list.grid_size_L .grid_txt{padding: 0.3em 0 0.5em 0.5em;}
#hothotel .grid_list.grid_size_L .grid_rate{bottom:0.6em; right:0.5em;}
#tab_hp4{font-size:1em;line-height:1.3em; height:23em;}
#tab_hp4 section{font-size: 1em;}
#tab_hp4 .grid_pic{ height:9em;}
#tab_hp4 .grid_txt{ position:initial;background:none;}
#tab_hp4 .grid_txt::after{content:"";display:block;position:absolute;left: 0;right: 0;bottom: 0;height:3em;z-index:1;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
#tab_hp4 .grid_name{ color:#069;font-size: 1.4em;}
#tab_hp4 .grid_p{ font-size:1.2em;}
#tab_hp4,
#hothotel,
.box_right1,
.attraction,
.box_left{float:none;width:auto;margin:0 0 2em;padding:0}
.news.grid_landscape{ margin: 0 0 2em 0;}
.news.grid_landscape .grid_list{float:none;}
#hotel_li{ display:none;}
#side_news .gridlists{}
#side_news .grid_txt {font-size: 1em;}
.attraction .tab_hp8{ height:13.5em;}
.attraction .gridlists{}
.hotel_box{margin:0;padding: 0;float: none}
.news{margin:0; }
.news.grid_landscape{padding: 0;}
#side_news{ float:none; width:100%}
.news.grid_landscape .grid_pic{ height:13em;}


.box_hp9,
#hotattractions,
#orbitz{}
#orbitz .grid_list{ width:100%;}
#hotattractions .swiper-button-prev,
#hotattractions .swiper-button-next,
.box_hp9 .swiper-button-prev,
.box_hp9 .swiper-button-next,
.attraction .swiper-button-prev,
.attraction .swiper-button-next{display:none;}
#hotel_li .gridlists .grid_booking{display:block;}
#newhotel .newhotel{ padding: 0 0 2em;}
#newhotel .nPagination{ font-size:0.6em;}

.news.grid_landscape .grid_landscape .grid_pic{margin: 0 0 0.5em 0;}
.news.grid_landscape .grid_txt{height: 4em;}
.news.grid_landscape .grid_name{line-height: 1.5em;}
.news.grid_landscape .grid_rate{ bottom:1em;}
.news_li li .pic{float: left;}
.news_li li span{display: block;width:auto}
.news_li li a::before {content: ""; display:inline-block;}
.news_li li span{}
}
@media screen and (max-width:600px) {
#search_box form{left: 100%;}
#tab_hp4 .grid_pic{ height:4em;}
#hothotel .grid_list:nth-child(2n){ background:#EEE;}
#hothotel .grid_list{ width:auto; float:none; margin:0; padding:1em 0;}
#hothotel .grid_list.grid_size_L{ width:100%}
	#hothotel .grid_list .grid_beroom{top: 1em}
	#hothotel .grid_list.grid_size_L .grid_beroom{top: 0}
}
@media screen and (min-width:1180px) {

.main{width:810px;float:left;}
#tab_hp4{height:518px;padding: 0 410px 0 0;margin: 0 -410px 2.5em 0;}
.promo_tab{height:333px;}
.promo_tab .grid_pic{ font-size: 3em;}
#hot .grid_pic {height: 12.15em;}
#hot .grid_list.grid_size_4{ width: 37em; margin-left:0em}
#hot .grid_list.grid_size_4 .grid_pic {height: 25em;}
#promo_tab .tabs li a{font-size:15px;}
.box_right1{width: 390px}
#search_box{}
#search_box .search_list{width:90px;max-height:5.3em;min-height:5.3em;}
#search_box .search_list.search_on{max-height:24em;}
#search_box .search_list h3 a{height:auto;font-size: 0.8em;}
#search_box .search_list h3 strong{display:block;position:relative; background:none;font-size:1.3em;margin:0 auto;}
#search_box .search_list.search_map{margin:0 10px 10px 0; }
#search_box .search_list.search_rooms{right:100px;}
#search_box .search_list.search_rooms.search_on{right:0;}
#search_box .search_list.search_event h3 strong,
#search_box .search_list.search_map h3 strong,
#search_box .search_list.search_search h3 strong{background:none;}
#search_box .search_list h3 strong::after{ display:none;}
	
#hothotel {padding: 0 460px 0 0;margin: 0 -460px 0 0;}
.news_li li img{margin:-0.85em 0.5em 0 -1em;}
#hothotel .d1024{display: block}
.attraction{width:440px;}
}