@charset "utf-8";
#content .grid_name { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_title{ font-size:2.5em; line-height:1.08em; margin:0 0 0 0.3em }
.select{    margin: 1em 0 0 0;}
#featured{margin:2em 0 2em 0;position: relative;}
#featured .grid_list{background: #ccc; width:100%; display:block;border-top:0px solid #CCC;margin-bottom:1px;padding:0; margin:0 0 0em 0;}
#featured .swiper-slide{width:800px;}
#featured .grid_pic{ opacity: 0.5;transition:filter 1s,opacity 1s; width:100%;margin: 0;height:450px;}
#featured .swiper-slide-active .grid_pic{ opacity: 1;filter:blur(0px);}
#featured .grid_name {font-weight: bold; color:#fff;line-height: 1.6em;white-space: inherit;text-overflow: inherit; font-size:1.1em;}
#featured .grid_txt{opacity: 0;transition:opacity 1s;font-size: 1.11em; background-color:rgba(0,0,0,0.7);padding:0.3em 0.8em 0.5em 0.8em; height: auto; position:absolute; bottom:0; left:0; right:0;}
#featured .swiper-slide-active .grid_txt{opacity: 1;}
#featured .grid_p { color:#fff; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.6em;}
 
#featured .swiper-button-next::before, 
#featured .swiper-button-prev::before{border-color:rgba(250,250,250,0.8);}
#featured .swiper-button-next:hover,
#featured .swiper-button-prev:hover{background-color:rgba(0,0,0,0.5);}


.side_adsby{width:300px;height: 250px}
.main_adsby{width:650px;height: 120px}
#hot{padding: 0 0 2em 0}
#hot .title a,#hot .title b{border-bottom:2px solid #CCC; background:none;}
#hot .title .more span{top:0.25em}
#hot .title{line-height: 1.1em;margin:0 0 0.4em}
#hot .grid_list{margin:0;padding:0.6em 0.6em 0.6em 0.6em;width:50%;}
#hot .grid_list.grid_size_L{width:50%;padding:0.6em 0.6em 0.6em 0;}
#hot .grid_pic {height: 6.3em;width: 10em;}
#hot .grid_list.grid_size_L .grid_pic {float: none;width: 100%;height:14em;}
#hot .grid_txt {z-index:auto;font-size: 1em;height: auto;}
#hot .grid_size_L .grid_txt {padding:0.3em;}
#hot .grid_name {font-size: 1.1em;font-weight: bold; line-height: 1.5em;padding:0;white-space: initial;}
#hot .grid_day {line-height: 1.5em;padding: 0 0 0.15em 0.15em;position: relative;}

#hot .grid_p{line-height: 1.5;max-height:50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
#hot .grid_label{font-size:0.9em;position: relative;z-index:6;margin: 0.2em 0;/* overflow: hidden;text-overflow: ellipsis;white-space: nowrap; */}
#hot .grid_label:hover{overflow: hidden;text-overflow: ellipsis;white-space:inherit;}
#hot .grid_label a{display:inline-block;text-align:center;width:3em;background:rgba(0,0,0,0.1);color:#444;transition:background 0.5s,color 0.5s;border-radius:3px;margin:2px 3px 1px 0;}
#hot .grid_label a:hover{background:rgba(0,0,0,0.6);color:#fff;}


/* 台灣每月旅遊活動 */
.calendar{ margin:0 0 0 0; overflow:hidden;}
.calendar::after { content:" "; display:block; clear:both;}
.calendar h2{ background-color:#Fa0;margin:0 0 0 0.1em; padding:0.1em 0 0 0.5em; font-size:1.1em; line-height:1.9em;}
.calendar .timeline{ border-left:2px solid #ccc; margin:0 0 1.7em 0.7em;}
.calendar .timeline::after { content:" "; display:block; clear:both;}
.calendar .m{ padding:1em 0 0.1em 0.7em; font-size:1.04em; color:#f60; position:relative;}
.calendar .m::before {content:" "; display:block; width:1em; height:1em; border:3px solid #f90; border-radius:50%; position:absolute; top:1.2em; left:-0.55em; background-color:#fff;}
.calendar .gridlists{ overflow:inherit;}
.calendar .grid_list{width: 100%; margin:0; padding:0.1em 0.7em 0.1em 0.7em;}
.calendar .grid_txt { font-size: 16px;height:auto}
.calendar .grid_name{ font-size:1em; line-height:1.4em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.calendar .more{ font-size:1.04em;float:left; display:block; padding:0.7em 0.7em 0 0.5em; color:#666; position:relative;}
.calendar .more:hover{color:#F60;}

#asiahotel{}
#asiahotel ul{display: block; max-height:520px;overflow:hidden;line-height:1.5}
#asiahotel li{border-bottom:1px solid #CCC;}
#asiahotel li a{ display: block;padding:0.5em;transition:background 0.5s,color 0.5s;}
#asiahotel li a:hover{background:rgba(0,0,0,0.1)}
#asiahotel .more{position: relative; display:block;float:right; color:#666; padding:0.5em 0.5em 0.5em 0.7em; font-size:1.04em;line-height:1.5em;vertical-align: middle;}
#asiahotel .more:hover{color:#F60;}
#asiahotel .more::after{content:" ";display:inline-block;width: 0;height: 0;line-height: 0; margin:0 0 0.3em 0.5em;border: 5px solid #666;border-right: none;border-bottom-color: transparent;border-top-color: transparent; vertical-align: middle;}

/* news_sidehotel */
#news_sidehotel {margin:0 0 1.5em 0}
#news_sidehotel > h3{position: relative;font-size: 1.1em;border-bottom: 2px solid #CCC;font-weight: normal;padding:0.9em 2.7em 0.2em 0.5em;margin:0 0 0.5em 0;}
#news_sidehotel > h3 .icon-hotel_icon{color:#CCC;position: absolute;right: 0;bottom:-0.1em;font-size: 2.7em;}
#news_sidehotel .grid_list{margin:1em 0 0 0; padding:0; float:none; width:auto;}
#news_sidehotel .grid_name{vertical-align: middle;display: inline-block;font-size:1.15em;margin-bottom:0.2em;color:#069;margin: 0 0 0 -7em;width: 100%; padding: 0 0 0 7em;white-space:inherit;}
#news_sidehotel .grid_list .grid_rate{ font-size: 1.1em;}
#news_sidehotel .grid_pic{vertical-align: middle;width:6em; height:8em;float: none;display: inline-block;}
#news_sidehotel .grid_beroom{top:0;left: 0;background: rgba(0,0,0,0.8);width:7em;line-height: 1.5;/*text-align: center;padding:0;*/}

@media screen and (max-width:970px) {
.news_title{margin:0.4em 0 0.1em 0.3em}
.news_side,
.news_main{margin:0;width: auto;float:none;}
#featured{margin:0 0 2em 0;}
#featured .grid_pic{height:450px;}
#featured .swiper-slide{width: 100%}
.side_adsby{width:auto;height:250px}
.main_adsby{width:auto;height:250px}
	
/* 台灣每月旅遊活動 */
.calendar .timeline{border-left:0; margin:0 0 2.5em 0;}
.calendar .m{padding:1em 0 0.1em 1.7em;}
.calendar .m::before {left:0.45em;}
.calendar .grid_list{padding:0.1em 0.7em 0.1em 1.7em;}
.calendar .more{float:right;}
}
@media screen and (max-width:768px){
	#hot .grid_list,
	#hot .grid_list.grid_size_L{padding: 0.6em 0;float:none;width:100%;}
	#hot .grid_list{padding: 0.6em 0.6em 0.6em 0;}
}
@media screen and (max-width:600px){
#featured .grid_pic{height:350px;}
}
@media screen and (max-width:450px){
	#hot .grid_pic {width: 6em;}
}
@media screen and (min-width:1180px) {
.news_chief .grid_pic{font-size:7em; }
.main_adsby{width:780px;}
}