@charset "utf-8";

.board-list { margin-top:20px; }

/* Top Search 
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
.list-wrap .search-box { margin-bottom: 50px; padding: 30px 75px; background-color: #f5f5f5; display: flex; }
.list-wrap .search-box input { flex: 2; margin-right: 20px; }
.list-wrap .search-box button { padding-left: 30px; padding-right: 30px; }
@media (max-width: 767px) {
	.list-wrap .search-box { padding: 20px 10px; }
	.list-wrap .search-box input { margin-right: 10px; }
	.list-wrap .search-box button { padding-left: 15px; padding-right: 15px; }
}
*/
.search-box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
@media (max-width: 767px) {
	.search-box { flex-direction: column-reverse; margin-bottom: 5px; }

	.search-box .list-total { width: 100%; }
	.search-box form { width: 100%; margin-bottom: 20px; }
	.search-box .btn { display: block; width: 100%; }
}
/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-category ul.category li { border:0; }
.list-category ul.category li a { border:1px solid #ddd; border-radius:23px; padding:13px 28px; margin-right:5px; font-size:18px; }

.list-wrap .tiles .tile .a { overflow:hidden; }
.list-wrap .tiles .tile .a:hover { box-shadow:10px 10px 15px rgba(0,0,0,.1); }
.list-wrap .tiles .content { margin-top:0; padding: 0 30px; text-align: left; border:1px solid #ddd; }
.list-wrap .tiles .content .category { border-radius:99px; border-width:1px; border-style:solid; padding:5px 15px; margin-bottom:5px; display:inline-block; font-size:.875rem; }
.list-wrap .tiles .content .head { margin:20px 0; height:30px; text-overflow: ellipsis; overflow: hidden !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-wrap .tiles .content .desc { color:#888; border-top:1px solid #ddd; padding:20px 0; }
.list-wrap .tiles .content .desc li { background:none no-repeat left center/20px; padding-left:0px; margin-bottom:6px; font-size:16px;}
.list-wrap .tiles .content .desc li.one{color:#f60; margin-bottom:15px;  font-size:17px;}
.list-wrap .tiles .content .desc li.into { background-image:url('img/into.png'); }
.list-wrap .tiles .content .desc li.price { margin-top:20px; font-size:18px; }
.list-wrap .tiles .content .desc li.location { background-image:url('img/list-icon03.png'); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list-wrap .tiles .label_tag { position:absolute; top:0; left:0px; width:65px; height:40px; display:flex; justify-content:center; align-items:center; }
.list-wrap .tiles .label_tag:before { content:""; position:absolute; top:-30px; left:0; right:0; bottom:0; background:#72ad2d;  box-shadow:2px 2px 5px rgba(0,0,0,.3); }
.list-wrap .tiles .label_tag.color1:before { background:#72ad2d; }
.list-wrap .tiles .label_tag.color2:before { background:#ab53cc; }
.list-wrap .tiles .label_tag.color3:before { background:#db0101; }
.list-wrap .tiles .label_tag span { display:block; text-align:center; position:relative; color:#fff; margin-bottom:5px; }
.list-wrap .tiles .notice { position:absolute; top:10px; left:10px; border-radius:100%; width:45px; height:45px; }
.list-wrap .tiles .notice.on { background:url('img/list-icon-notice.png') no-repeat center/20px; box-shadow:2px 2px 5px rgba(0,0,0,.3); }
.list-wrap .wr-none { padding:50px 0px; text-align:center; color:#888; }

.color_red {color:red; font-weight:bold;}

.search_select{border:1px solid #aaa; margin-right:10px;} 
.search_wrap{width:100%; display:inline-block; margin-bottom:20px;}
.search_left{width:70%; float:left;}
.search_right{width:30%; float:right; text-align:right}
.search_right a{padding:5px 10px; border:1px solid #F00; color:#333; text-align:center }
.search_right a:hover{ border:1px solid #F00; background:#F00; color:#fff; }
.b1{padding:1px 10px; border:2px solid #36C; font-size:14px; border-radius:13px;}
.b2{padding:1px 10px; border:2px solid #f60; font-size:14px; border-radius:13px;}
.b3{padding:1px 10px; border:2px solid #43952a; font-size:14px; border-radius:13px; background:#43952a; color:#fff}
.b4{padding:1px 10px; border:2px solid #3a3b46; font-size:14px; border-radius:13px; background:#3a3b46; color:#fff}
.b5{padding:3px 15px; border:2px solid #ffa50f; font-size:15px; border-radius:22px; background:#ffa50f; color:#fff; margin-bottom:20px;}

@media (max-width:1023px) {  }
@media (max-width:767px) {  }
@media (max-width:480px) {  }


/* View */
.view-wrap { background-color: white; padding: 10px; }
.view-wrap .top { padding-bottom: 50px; }
.view-wrap .item { float:left; }
.view-wrap .item1 { width:40%; }
.view-wrap .item2 { width:60%; }

.view-wrap .item .table { }

.view-wrap .swiper-container { max-width:900px; border:1px solid #ddd; height:380px; background-image:url(/thema/Khome008/img/no-img.jpg); background-size: cover;  }
.view-wrap .gallery-top .swiper-slide { padding-bottom: 70%;   background-size: cover; }
.view-wrap .gallery-thumbs .pg { margin-right: -10px; }
.view-wrap .gallery-thumbs .pg .swiper-pagination-bullet { float:left; width: 20%; height: 100%; margin-top: 10px; background-color: transparent; cursor: pointer; opacity: 1; }
.view-wrap .gallery-thumbs .pg .swiper-pagination-bullet .img { padding-bottom: calc(100% - 40px); margin-right: 10px; background-repeat: no-repeat; background-size: cover; background-position: center;
	border:1px solid #ddd; }
.view-wrap .gallery-thumbs .pg .swiper-pagination-bullet-active {  }
.view-wrap .gallery-thumbs .pg .swiper-pagination-bullet-active .img { border-color: #f17f42; }

.view-wrap .item2 .table .cell { padding:0 20px 0 60px; }
.view-wrap .item2 .subject { margin-bottom: 5px; line-height: 100%;  }
.view-wrap .item2 .subject2 { font-size: 22px; }
.view-wrap .item2 .desc { margin: 40px 0; line-height: 160%; color: #888; }
.view-wrap .item2 table { width:100%; border-top:1px solid; border-bottom:1px solid; border-color:#ccc; }
.view-wrap .item2 tr {  }
.view-wrap .item2 th { width:25%; padding:10px 0; }
.view-wrap .item2 td { color:#888; padding:5px 0;}
.view-wrap .item2 td a { color:#888; }
.view-wrap .item2 .buttons { margin-top: 40px; }

.view-wrap .content-wrap { margin-top:-1px; border-top-width:3px; border-top-style:solid; border-bottom:1px solid #ccc; padding:40px 0; }
.view-wrap .content-wrap .title { padding: 10px; border: 1px solid #ccc; text-align: center; }

.view-wrap .content { margin-top: 50px; }
.view-wrap .content img { max-width:100%; }
.b6{padding:1px 15px; border:2px solid #ffa50f; font-size:16px; border-radius:8px; background:#ffa50f; color:#fff; }

@media (max-width:991px) {
	.view-wrap .item {  }
}
@media (max-width:767px) {
	.view-wrap .swiper-container { height:250px; }
	
	
	.view-wrap .item1 { width:100%; border-width:0; }
	.view-wrap .item2 { width:100%; border-width:0; margin-top:20px; }

	.view-wrap .item .table { height:auto; }
	.view-wrap .item1 .table .cell { padding:0; }
	.view-wrap .item2 .table .cell { padding-left:10px; padding-right:10px; }
}


.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

.list-page { padding-top:20px; }


/* Write */
.write-wrap { width:100%; overflow:hidden; }
.write-wrap h2 { letter-spacing:-1px; padding:0px; margin:10px 0px 30px; }
.write-wrap table { width:100%; border:0px; min-width:500px;}
.write-wrap table td { border:0px; border-bottom:1px solid #ddd; padding:8px 15px !important; line-height:20px; vertical-align:middle; }
.write-wrap .form-label label { font-weight:normal; margin-right:15px; vertical-align:middle; line-height:20px; }
.write-wrap .form-label label input { padding:0px !important; margin:0px !important; vertical-align:middle; }
.write-wrap .form-line { border-bottom:2px solid orangered; height:1px; }
.write-wrap .form-title { border-bottom:2px solid orangered; line-height:24px; }
.write-wrap .form-title-thin { border-bottom:1px solid orangered; line-height:24px; }
.write-wrap .sub-title { padding-right:0px !important; width:140px; }
.write-wrap .sub-title span { display:block; border-right:1px solid #ddd; padding-right:10px; }
.write-wrap .sub-title span b { font-weight:normal; }
.write-wrap .form-group { margin-bottom:8px; }
.write-wrap .form-text { margin:10px 0px 20px; }
.write-wrap .form-text textarea { height:100px; }
.write-wrap .form-sign { margin:20px 0px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }

.write-wrap .help-block { margin-bottom:5px; }
.write-wrap .help-block li { margin-bottom:0; }

#variableFiles { width:100%; margin:0 !important; border:0; }
#variableFiles td { padding:3px 0px !important; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin:0; }
#variableFiles .col-sm-12 .form-group { margin:6px 0px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }

@media (max-width:991px) { 
	.responsive .view-col.pull-left, 
	.responsive .view-col.pull-right { float:none !important; }
}
/* Top Search */
.search-box-new { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.search-box-new input {  width:350px; margin-right: 10px; }
.search-box-new button { padding-left: 30px; padding-right: 30px;border-radius:4px;height:40px; line-height:40px;  }

.search-box-new select { }
.btn-color-new{background:#72af2c; color:#fff; font-size:18px; border:0; }
.input-gr{ border-radius:4px; border:1px solid #aaa; padding:6px 7px 8px; font-size:16px; height:40px; line-height:40px;}
@media (max-width: 767px) {
 .search-box-new { padding:0; display: flex;  margin-bottom: 10px; }
 .search-box-new input {  width:160px; margin-right: 7px;  }
 .search-box-new button { padding-left: 10px; padding-right: 10px;border-radius:4px;height:30px; line-height:30px;  }
.btn-color-new{ font-size:15px;}
.input-gr{ border-radius:4px; border:1px solid #aaa; padding:2px 5px 4px; font-size:14px; height:30px; line-height:30px;}
.search-box-new .list-total { font-size:12px;}
}