@charset "utf-8";

/* List */
.list-item .tack-check { right: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item > .wrap { display:block; font-size:16px; line-height:22px;padding: 30px;margin: 0;background:#f7f7f7; height: 175px; border:1px solid #ddd;}
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }

.end-reservation {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); color:#fff; z-index:2;}
.end-reservation p {text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:24px; font-weight:500;}
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100% !important }

/* Responsive */
@media all and (max-width:991px) {
	.responsive .list-row { width:100% !important }
}
@media all and (max-width:767px) {
	
}
@media all and (max-width:420px) {
	
}

/* Infinite */
.list-wrap #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.list-wrap .list-more { text-align:center; margin-bottom:20px; }
.list-wrap .list-more a { color:#ddd; font-size:60px; }
.list-wrap .list-top { line-height:1px; }
.list-item .txt-box{width: 50%; float: left;}
.list-item .txt-box p{font-size: 14px;}
.list-item .txt-box .rect{width: 52px; display:inline-block; background:#7d7d7d; text-align: center; color:#fff; font-size: 14px; margin-right: 10px;}



/*list content*/
.amina-header {margin-bottom: 0!important;}
.list-tag {text-align: left;color: #333!important;}
.at-wrapper {}
.list-tag .title-box {margin-bottom: 15px; }
.list-tag .title-box h2 {font-size: 22px;margin: 0;font-weight:600; margin-bottom: 7px;}
.list-tag p {font-size: 16px;margin-bottom: 2px;}
.list-tag .add-view {width: 120px; display:inline-block;font-size: 16px; font-weight: 500; padding: 9px 0;color: #fff;background-color: #ff4900;text-align: center;margin: 0 auto;float: right;}

.title {text-align: center;font-size: 32px!important;position: relative;margin-bottom: 40px;margin-top: 50px!important; }
.title > h3 {position: relative;max-width: 320px;width: 100%;margin: 0 auto;z-index: 1;margin-bottom: 15px;font-weight: bold;}
.title > h3 b {display: inline-block;}
.title > p{font-size: 18px; color:#666; font-weight: 500;}
/* .title::after,
.title::before {display: block;content: "";position: absolute;width: 37%;height: 1px;background-color: #000;top: 50%}
.title::after {left: 0;}
.title::before {right: 0;}
.list-wrap .list-item {borde */r: 1px solid transparent;}
.list-wrap .list-item:hover {border: 1px solid #ce1164;}


.board-list .list-category .div-tab.tabs ul.nav-tabs li{text-align: center; background:#f7f7f7; padding: 10px 0; border-bottom:1px solid rgb(221, 221, 221); }
.board-list .list-category .div-tab.tabs ul.nav-tabs li a{border-bottom:0; font-size: 20px;}

.board-list .list-category .div-tab.tabs ul.nav-tabs li.active{background:#ff4900;}
.board-list .list-category .div-tab.tabs ul.nav-tabs li.active a{color:#fff!important; font-weight: 500!important;}

@media (max-width:991px) {
	.board-list{padding: 0;}
	.title > h3 {font-size: 42px; margin-bottom: 30px;}
	.title > p{font-size: 24px; padding: 0 20px; line-height: 1.3; word-break:keep-all;}
	.list-tag .title-box h2{font-size: 25px;}
	.list-tag p{font-size: 18px;}
	.list-item .txt-box p{font-size: 18px;}
	.list-item .txt-box .rect{font-size: 16px; width: 60px; padding: 2px 0;}
	.list-tag .add-view{font-size: 18px; width: 137px; padding: 11px 0;}
}
@media all and (max-width:767px) {
	.title::after, .title::before {top: 66%;width: 30%;}
	.list-tag .title-box h2{font-size: 20px;}
	.list-tag p, .list-item .txt-box p{font-size: 15px;}
	.list-item .txt-box .rect{font-size: 13px;}
	.list-tag .add-view{font-size: 15px;}
	.list-tag .add-view{width: 100px;}
	.list-item > .wrap{padding: 20px;}
	.list-item .txt-box{width: 60%;}
}
@media all and (max-width:480px) {

}