@charset "utf-8";
.grid_room .grid_prices{ position:relative; line-height: 1.3em; font-size:1em}
.grid_room .grid_prices em{font-size:1em}
#content{ margin:1em 0;}
.relative,.fixed{ position:relative}
.swiper-button-next, .swiper-button-prev{width: 65px;}

.main,
.list_detail .main.text{
	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;}


/* 新聞列表 */
.news_lists{margin:0 0 0.7em 0;overflow: hidden;}
.news_lists .grid_list{display:flex;align-items: center; float:none;width: 100%; margin:0; padding:0.6em 0.5em 0.6em 0;border-top:1px solid #CCC;}
.news_lists .grid_list.xl,
.news_lists .grid_list.l{display: flex;}
.relative .adsbygoogle,.main .adsbygoogle{
	margin: 0 0 0; }
.news_lists .grid_pic{ flex:0 0 140px;width:140px; height:106px;margin: 0 0.5em 0 0;float:left;}
.news_lists .grid_pic img{object-fit: cover;}
.news_lists .grid_txt {z-index:auto;padding-bottom:0;padding-left:0.7em;font-size: 1em;height:auto}
.news_lists .grid_name {font-size: 1.1em;line-height: 1.5em; padding:0;font-weight: bold;}
.news_lists .grid_label{font-size:0.9em;position: relative;margin: 0.2em 0;}
.news_lists .grid_label:hover{overflow: hidden;text-overflow: ellipsis;white-space:inherit;}
.news_lists .grid_label a,
.news_lists .grid_label b{display:inline-block;text-align:center;width:3em;background:rgba(0,0,0,0.1);position: relative; color:#444;transition:background 0.5s,color 0.5s;border-radius:3px;margin:2px 3px 1px 0;font-weight:normal}
.news_lists .grid_label a{z-index:6;}
.news_lists .grid_label a:hover{background:rgba(0,0,0,0.6);color:#fff;}
.news_lists .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;margin: 0.3em 0 0 0;}
.news_lists .grid_day{ position:relative;padding:0 0 0.15em 0.15em;line-height: 1.5em;}
.news_lists .l .grid_list .grid_pic,
.news_lists .xl .grid_list .grid_pic,
.news_lists .grid_list.l .grid_pic{flex:0 0 12em;width:12em; height:9em;}
.news_lists .xl .grid_list,
.news_lists .grid_list.xl{font-size: 1.2em;}
.news_lists .xl .grid_list.l{font-size: 1em;}
.news_lists .xl .grid_list .grid_pic,
.news_lists .grid_list.xl .grid_pic{flex:0 0 16em;width:16em; height:12em;}
.news_lists .grid_list.xl .grid_p{max-height:60px;}
.news_lists .grid_list.nth-last-child{border-bottom:1px solid #CCC;}

/* */

.news_nav{margin:0.5em 0;padding:0 0.5em;border-bottom:2px solid #C00;text-align:center;display:flex;flex-wrap:wrap;overflow: initial;}
.news_nav::after{content:"";display:block;clear:both;}
.news_nav .swiper-slide{width:150px;cursor:pointer;padding:5px 0;display:block;margin:0 0 -2px 0;color:#666;transition:color 0.2s;}
.news_nav .swiper-slide:hover{color: #000}
.news_nav .swiper-slide.d{background:#FFF;border:2px solid #C00;color:#000;border-bottom:0;z-index:1;padding:3px 0 5px 0;}
.news_lists .list_s{overflow: hidden;width: 100%;}
.news_lists .gridlists{width: 100%;position: absolute;left: 0;top:auto;right: 0; display: none}
.news_lists .gridlists.on{position: relative;display: block}
.news_lists .grid_list{margin: -1px 0 0;}

.pn{text-align: center;display: flex;border: 1px solid #aaa;padding:0;color:#555;margin:0.5em 0;}
.pn:hover{border: 1px solid #666;transition:border 0.2s;}
.pn > *{color:#555;transition:all 0.2s;padding:6px 0 7px 0}
.pn a{flex: 1;}
.pn a:hover{color:#FFF;background:#666;display:inline;}
.pnnext::after,.pnprev::before,.pnmore::before{content:"";display: inline-block;width: 0.5em;height: 0.5em;border: 2px solid currentColor;border-width:2px 2px 0 0;margin:0 0.5em 1px 0.5em;}
.pnnext::after{transform: rotate(45deg)}
.pnprev::before{transform: rotate(-135deg)}
.pnmore::before{transform: rotate(135deg);margin:0 0.5em 3px 0.5em;}
._dD{width: 6em; order:2;display: inline-block;text-align: center}
._dD ~ .pnnext{text-align:left;order:3;}
._dD ~ .pnprev{text-align:right;order:1;}


@media screen and (max-width:970px) {
#wrapper{ font-size:15px}
.search_box{ display:none;}
.select{ margin:0.9em auto 0 2%; width:96%; font-size:1.2em;float: none;}
.main,
.side{float: none; margin:0;padding: 0; width:auto;}
.list_detail .main.text{float: none;padding: 0; width:96%;margin: 0 auto 1.5em auto;}
.side_adsbygoogle{ width:auto; height:250px;}

#new-footer{ font-size:15px}
}
@media screen and (max-width:600px) {
.news_lists .grid_pic{flex: 0 0 96px;width:96px;height: 128px;}
	/* 新聞列表 */
.news_lists .grid_list.xl,
.news_lists .grid_list.l{display: block;}
.news_lists .l .grid_list.xl,
.news_lists .l .grid_list.l,
.news_lists .xl .grid_list.xl,
.news_lists .xl .grid_list.l{display:flex;}
.news_lists .grid_txt { padding-bottom:0;}
.news_lists .grid_list.xl,
.news_lists .grid_list.l{padding:0;border-top:0;}
.news_lists .xl .grid_list.xl,
.news_lists .xl .grid_list.l,
.news_lists .l .grid_list.xl,
.news_lists .l .grid_list.l{padding: 0.6em 0.5em 0.6em 0;border-top: 1px solid #CCC;}
.news_lists .grid_list.xl .grid_txt,
.news_lists .grid_list.l .grid_txt{padding:0 0.7em 2em 0.7em}
.news_lists .l .grid_list.xl .grid_txt,
.news_lists .l .grid_list.l .grid_txt,
.news_lists .xl .grid_list.xl .grid_txt,
.news_lists .xl .grid_list.l .grid_txt{padding: 0.6em 0.5em 0.6em 0;}
.news_lists .grid_list.xl .grid_name,
.news_lists .grid_list.l .grid_name{float: none;}
.news_lists .grid_list.xl .grid_day,
.news_lists .grid_list.l .grid_day{padding: 0 0 0 0.15em;}
.news_lists .grid_list.xl .grid_pic,
.news_lists .grid_list.l .grid_pic{float: none; width:100%; height: auto;}
.news_lists .grid_list.xl{font-size: 1em;}
.news_lists .grid_list.xl .grid_p {max-height: 50px;}
.news_lists .xl .grid_list .grid_pic,
.news_lists .l .grid_list .grid_pic{ flex:0 0 5.333em;width:5.333em; height:4em;}
.news_lists .xl .grid_list .grid_p,
.news_lists .l .grid_list .grid_p{ display:none}
}
@media screen and (min-width:1180px) {
/*.swiper-button-next, .swiper-button-prev{width:130px;}
	.swiper-button-next::before, .swiper-button-prev::before{height: 3.2em;width: 3.2em;margin: -1.6em 0 0 -1.6em;}*/
}