@charset "utf-8";
/**
 * @author http://www.cosmosfarm.com/
 */

a.gallery-button-small, 
input.gallery-button-small,
button.gallery-button-small { position: relative; display: inline-block; *display: inline; zoom: 1;  margin-left: 5px; padding: 2px 10px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; letter-spacing: normal;  color: #0c6f92 !important; background: #f9f9f9 !important; border:1px solid #aaaaaa; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow:0 1px 2px RGBA(0,0,0,.1) ;   transition-duration: 0.3s; box-sizing: content-box; }
a.gallery-button-small:hover,
a.gallery-button-small:focus,
a.gallery-button-small:active,
input.gallery-button-small:hover, 
input.gallery-button-small:focus,
input.gallery-button-small:active,
button.gallery-button-small:hover,
button.gallery-button-small:focus,
button.gallery-button-small:active { position: relative; display: inline-block; *display: inline; zoom: 1; margin-left: 5px; padding: 2px 10px; width: auto; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; letter-spacing: normal; color: #fff !important; background: #0c6f92  !important; border:1px solid #aaaaaa; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow:0 1px 3px RGBA(0,0,0,.3) ;   transition-duration: 0.3s; box-sizing: content-box; }

.gallery-cut-strings {  width: auto; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#gallery-list { overflow: hidden; } 
#gallery-list form { margin: 0 ; padding: 0; }
.kboard-pure-gallery-search { display: none; float: left; padding-bottom: 15px; overflow: hidden; transition-duration: 0.1s; }
.kboard-pure-gallery-search.active-search { display: block; -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
.kboard-pure-gallery-search select { display: inline; margin: 10px 0 0 0; padding: 0 5px; width: 72px; min-width: 60px; max-width: 100px; height: 30px; min-height: 0; font-size: 13.5px; color: black; border-radius: 0; border: 1px solid #2a2a2a; background: #ffffff; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
.kboard-pure-gallery-search input { display: inline; margin: 10px 0 0 0; padding: 0 5px; width: 200px; min-width: 200px; max-width: 200px; height: 30px; min-height: 0; font-size: 13.5px; color: black; border-radius: 0; border: 1px solid #2a2a2a; background: #ffffff; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
.kboard-pure-gallery-search button {padding: 0 10px;margin-top: 10px;}
#gallery-list .kboard-category {position: absolute; padding-bottom: 15px; right:0; width:auto;}
#gallery-list .kboard-category select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; min-width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; }
#gallery-list .kboard-category .kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; overflow: hidden; }
#gallery-list .kboard-category .category2 {display: none;}
#gallery-list .kboard-category .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 ; border: 0; list-style: none; }
#gallery-list .kboard-category .kboard-category-list li::before,
#gallery-list .kboard-category .kboard-category-list li::after { display: none; }
#gallery-list .kboard-category .kboard-category-list li a { display: block; padding: 8px ; font-size: 14px; font-weight: 500; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a { font-weight: bold;  color: #8d9ff6}
#gallery-list .kboard-category .kboard-category-list li.line {padding: 0; width: 1px;background: #828282; height: 12px;}
#gallery-list .kboard-tree-category-wrap { float: left; padding-bottom: 15px; width: 100%; }
#gallery-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#gallery-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#gallery-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#gallery-list .kboard-tree-category { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#gallery-list .kboard-tree-category li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#gallery-list .kboard-tree-category li::before,
#gallery-list .kboard-tree-category li::after { display: none; }
#gallery-list .kboard-tree-category li a { display: block; padding: 10px 10px 8px 10px; font-size: 13px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#gallery-list .kboard-tree-category li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#gallery-list .kboard-tree-category-search { overflow: hidden; }
#gallery-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
#gallery-list .kboard-list { margin: 0 -3% 0 0; padding: 0; list-style: none; overflow: hidden; }
#gallery-list .kboard-list .kboard-list-item { visibility: hidden; position: relative; float: left; margin: 0 1% 0 0; padding: 0 0 40px 0;  width: 15.6666666666%; list-style: none; cursor: pointer; border:0;}
#gallery-list .kboard-list .kboard-list-item a { display: block; color: black; text-decoration: none; border:1px solid #c7c7c7; text-shadow: none; box-shadow: none; box-sizing: content-box; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-thumbnail { position: relative; width: 100%; background-color: #f9f9f9; overflow: hidden; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-thumbnail img {  height: 150px; object-fit: cover; transition-duration: 0.5s;display: block; width: 100%; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-over-background { position: absolute; left: 0; top: 0; width: 100%; height: 50%; background-color: black; opacity: 0; transition-duration: 0.5s; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-over-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition-duration: 0.5s; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-over-image img { display: inline; margin: 20%; width: 100%; height: 60%; vertical-align: middle; max-width: 100%; }
#gallery-list .kboard-list .kboard-list-item .topp {position: absolute;  top: -1px; left: 24px;  color: #fff;text-align: center;letter-spacing: -1px; font-weight: 400; font-size: 14px; line-height: 30px;}
#gallery-list .kboard-list .kboard-list-item .category1 {background: #a1a1a1; padding: 0 15px;}
#gallery-list .kboard-list .kboard-list-item .category1.get{background:#8d9ff6;}
#gallery-list .kboard-list .kboard-list-item .category1.ing{background:#8fccf5;}
#gallery-list .kboard-list .kboard-list-item .category1.ending{background:#af97b3;}
#gallery-list .kboard-list .kboard-list-item .category3 {background:#a1a1a1;padding: 0 17px; }
#gallery-list .kboard-list .kboard-list-item .category3.get2{background:#a1c957;}
#gallery-list .kboard-list .kboard-list-item .category3.ing2{background:#e0a062;}
#gallery-list .kboard-list .kboard-list-item .info {padding:14px 24px 40px 24px;}
#gallery-list .kboard-list .kboard-list-item .info .subtitie { margin-bottom: 5px; font-size: 14px; font-weight: 500; height: 20px; line-height: 20px; color: #aaaaaa; letter-spacing: -0.5px;}
#gallery-list .kboard-list .kboard-list-item .info .start {margin: 2px 0; font-size: 14px; font-weight: 500; height: 22px; line-height: 22px; color: #333;}
#gallery-list .kboard-list .kboard-list-item .info .summery { font-size: 14px; font-weight: normal; height: 22px; line-height: 22px; color: #333; overflow: hidden; text-align: justify; letter-spacing: -0.5px;}
#gallery-list .kboard-list .kboard-list-item .kboard-list-title { margin-bottom: 7px; font-size: 18px; font-weight: 500; height: 46px; line-height: 23px; color: #111; letter-spacing: -1px; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-title img.kboard-icon-lock { width: 16px !important; height: 16px !important; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-title .kboard-comments-count {color:#777; font-size:13px;}
#gallery-list .kboard-list .kboard-list-item .kboard-list-user { margin-bottom: 5px; text-align: center; font-size: 13px; height: 16px; line-height: 16px;  color:#5f6771; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-info { margin: 5px 0; text-align: center; font-size: 12px; height: 16px; line-height: 16px; color: #777; }
#gallery-list .kboard-list .kboard-list-item .kboard-list-user img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#gallery-list .kboard-list .kboard-list-item:hover .kboard-list-thumbnail .kboard-list-thumbnail-child { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand'); }
#gallery-list .kboard-list .kboard-list-item:hover .kboard-list-thumbnail .kboard-list-thumbnail-over-background { opacity: 0.8; }
#gallery-list .kboard-list .kboard-list-item:hover .kboard-list-thumbnail .kboard-list-thumbnail-over-image { opacity: 1; -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand'); }

#gallery-list .kboard-list .kboard-list-item.animation-fadein { visibility: visible; -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }

#gallery-list.mw1200 .kboard-list .kboard-list-item { margin: 0 3% 0 0; width: 30.3333333333%;  }
#gallery-list.mw1000 .kboard-list .kboard-list-item { margin: 0 3% 0 0; width: 30.3333333333%; }
#gallery-list.mw800 .kboard-list .kboard-list-item { margin: 0 2% 0 0; width: 48%; }
#gallery-list.mw600 .kboard-list .kboard-list-item { margin: 0 1% 0 1%; width: 96%;  }
#gallery-list.mw400 .kboard-control { margin: 0; }
#gallery-list.mw400 .kboard-list { margin: 0; }  
#gallery-list.mw400 .kboard-list .kboard-list-item { margin: 0; width: 50%; }

@media screen and (max-width: 767px) {
	.new-notify {padding: 3px 5px; font-size: 9px;}
	a.gallery-button-small  {font-size: 12px;margin-left: 2px;}
	button.gallery-button-small {font-size: 12px;margin-left: 0px;padding: 0 10px;}	
	.kboard-pure-gallery-search select { float: left; margin-right: 1%; width: 21%; min-width: 21%; height: 28px; line-height: 28px; box-sizing: border-box; }
	.kboard-pure-gallery-search input { float: left; margin-right: 1%; width: 59%; min-width: 59%; height: 28px; line-height: 28px;font-size: 12px; box-sizing: border-box; }
	.kboard-pure-gallery-search button { float: right; width: 18%; min-width: 18%; box-sizing: border-box; }
	.kboard-pure-gallery-search .datesy select { float: left; margin-right: 1%; width: 21%; min-width: 21%; height: 28px; line-height: 28px; box-sizing: border-box; }
	.kboard-pure-gallery-search .datesy input { float: left; margin-right: 1%; width: 29%; min-width: 29%; height: 28px; line-height: 28px; box-sizing: border-box; }
	.kboard-pure-gallery-search .datesy button { float: right; width: 18%; min-width: 18%; box-sizing: border-box; }
	#gallery-list .kboard-tree-category-search .kboard-search-option-wrap.select { width: 100%; }
	.kboard-pure-gallery-search .datesy {margin-top: 2px;}	
	#gallery-latest table .kboard-latest-title
	#gallery-latest table td { padding: 12px 0px;}
	#gallery-latest table .kboard-latest-user { width: 75px; }
	#gallery-list .kboard-list .kboard-list-item .info .start {height: auto;}
	#gallery-list .kboard-list .kboard-list-item .kboard-list-title {font-size:16.5px;}
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}