@charset 'utf-8';
/*
 * name:category.css
 * author:sovanda nulo
*/

/* category
------------------------------------------------ */

#cate-main {  }
.cate-main--title { font-family: 'Battambang', sans-serif; font-size: 28px; line-height: 1.2; border-top: 4px solid; margin-bottom: 30px; }
.cate-main--title span { display: inline-block; color: #fff; padding: 0px 1em .2em; }
.cate-main__block { position: relative; display: flex; flex-wrap: wrap; }
.cate-main__lists { width: calc( 50% - 10px ); margin-right: 20px; }
.cate-main__lists--iteam {  }
.cate-main__lists--image img { width: 100%; height: 429px; object-position: center; object-fit: cover; display: block; overflow: hidden; transition: linear .4s; -webkit-transform: scale(1,1); transform: scale(1,1); }
.cate-main__lists__desc { display: block; margin-top: 12px; }
.cate-main__lists__desc .ld-tag { font-size: 14px; text-transform: uppercase; }
.cate-main__lists__desc .ld-tag a { display: inline-block; color: #fff; line-height: 22px; background: #03004a; padding: 0 .75em; }
.cate-main__lists__desc .ld-tlt { font-family: 'Battambang', sans-serif; font-size: 22px; line-height: 2; margin: .25em 0; display: block; overflow: hidden; }
.cate-main__lists__desc .ld-tlt a { display: inline-block; line-height: inherit; }
.cate-main__lists__desc .ld-has { display: flex; flex-wrap: wrap; }
.cate-main__lists__desc .ld-has dl { font-size: 11px; letter-spacing: .05em; color: #999a9f; text-transform: uppercase; display: flex; flex-wrap: wrap; margin-right: 15px; }
.cate-main__lists__desc .ld-has dl a { font-weight: 600; }
.cate-main__lists__desc .ld-has dl dt { margin-right: .5em; }
.cate-main__block .cate-main__lists:last-child { display: flex; flex-wrap: wrap; margin-right: 0; }
.cate-main__block .cate-main__lists:last-child {  }
.cate-main__block .cate-main__lists:last-child > li { width: calc( 50% - 10px ); margin-right: 20px; }
.cate-main__block .cate-main__lists:last-child > li:nth-child(2n) { margin-right: 0; }
.cate-main__block .cate-main__lists:last-child > li:nth-child(n+3) { margin-top: 30px; }
.cate-main__block .cate-main__lists:last-child > li .cate-main__lists--image img { height: 156px; }
.cate-main__block .cate-main__lists:last-child > li .cate-main__lists__desc .ld-tlt { font-size: 16px; }

.cate-main--ads { max-width: 870px; width: 100%; display: block; padding-top: 50px; }
.cate-main__break { position: relative; max-width: 870px; margin-top: 0; }
.cate-main__break .cate-main__lists { width: 100%; }
.cate-main__break .cate-main__lists--iteam { display: flex; flex-wrap: wrap; }
.cate-main__break .cate-main__lists--iteam:not(:last-child) { margin-bottom: 30px; }
.cate-main__break .cate-main__lists--image { width: 44.3%; }
.cate-main__break .cate-main__lists--image img { height: 230px; }
.cate-main__break .cate-main__lists__desc { width: 55.7%; padding-left: 25px; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cate-main__break .cate-main__lists__desc .ld-tlt { height: 4em; }

	@media screen and (max-width: 768px) {

		.cate-main--title { font-size: 18px; line-height: 28px; border-top: 2px solid; margin-bottom: 25px; }
		.cate-main--title span { padding: 0 .75em .2em; }
		.cate-main__block { display: block; }
		.cate-main__lists { width: 100%; margin-right: 0; }
		.cate-main__lists--image img { height: 185px; }
		.cate-main__lists__desc { margin-top: 10px; }
		.cate-main__lists__desc .ld-tag { font-size: 10px; }
		.cate-main__lists__desc .ld-tag a { line-height: 16px; }
		.cate-main__lists__desc .ld-tlt { font-size: 16px; }
		.cate-main__lists__desc .ld-has dl { font-size: 10px; margin-right: 15px; }
		.cate-main__lists__desc .ld-has dl dt { margin-right: .5em; }
		.cate-main__lists__desc .ld-has dl:first-child { display: none; }
		.cate-main__block .cate-main__lists:last-child { margin-top: 20px; }
		.cate-main__block .cate-main__lists:last-child > li { width: calc( 50% - 7.5px ); margin-right: 15px; }
		.cate-main__block .cate-main__lists:last-child > li:nth-child(n+3) { margin-top: 20px; }
		.cate-main__block .cate-main__lists:last-child > li .cate-main__lists--image img { height: 90px; }
		.cate-main__block .cate-main__lists:last-child > li .cate-main__lists__desc .ld-tlt { font-size: 14px; height: 4em; }

		.cate-main--ads { padding-top: 35px; }
		.cate-main__break { margin-top: 0; }
		.cate-main__break .cate-main__lists--iteam:not(:last-child) { margin-bottom: 15px; }
		.cate-main__break .cate-main__lists--image { width: calc( 50% - 7.5px ); }
		.cate-main__break .cate-main__lists--image img { height: 95px; }
		.cate-main__break .cate-main__lists__desc { width: calc( 50% - 7.5px ); padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }	
		.cate-main__break .cate-main__lists__desc .ld-tlt { font-size: 14px; }
	}


#cate-main__blink { width: 100%; display: block; overflow: hidden; margin-right: 0; }
#cate-main__blink .cate-main__lists--iteam { float: left; }
#cate-main__blink .cate-main__lists--iteam .cate-main__lists__desc .ld-tlt { font-size: 22px; height: 4em; }
#cate-main__blink .cate-main__lists--iteam:first-child { width: calc( 50.8% - 20px ); margin-right: 20px; }
#cate-main__blink .cate-main__lists--iteam:nth-child(n+2):nth-child(-n+5) { width: calc( 24.6% - 10px ); margin-right: 20px; }
#cate-main__blink .cate-main__lists--iteam:nth-of-type(3),
#cate-main__blink .cate-main__lists--iteam:nth-of-type(5) { margin-right: 0 !important; }
#cate-main__blink .cate-main__lists--iteam:nth-child(n+4) { margin-top: 20px; }
#cate-main__blink .cate-main__lists--iteam:nth-child(n+2):nth-child(-n+5) .cate-main__lists--image img { height: 156px; }
#cate-main__blink .cate-main__lists--iteam:nth-child(n+2):nth-child(-n+5) .cate-main__lists__desc .ld-tlt { font-size: 16px; }
#cate-main__blink .cate-main__lists--iteam:nth-child(n+6) { max-width: 870px; width: 100%; display: block; margin-top: 30px; display: flex; flex-wrap: wrap; }
#cate-main__blink .cate-main__lists--iteam:nth-child(n+6) .cate-main__lists--image { width: 44.3%; }
#cate-main__blink .cate-main__lists--iteam:nth-child(n+6) .cate-main__lists--image img { height: 230px; }
#cate-main__blink .cate-main__lists--iteam:nth-child(n+6) .cate-main__lists__desc { width: 55.7%; padding-left: 25px; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

	@media screen and (max-width: 768px) {

		#cate-main__blink { width: 100%; display: block; overflow: hidden; margin-right: 0; }
		#cate-main__blink .cate-main__lists--iteam { float: left; }
		#cate-main__blink .cate-main__lists--iteam .cate-main__lists__desc .ld-tlt { font-size: 16px; }
		#cate-main__blink .cate-main__lists--iteam:first-child { width: 100%; margin-right: 0; }
		#cate-main__blink .cate-main__lists--iteam:nth-child(n+2):nth-child(-n+5) { width: calc( 50% - 7.5px ); margin-right: 15px; }
		#cate-main__blink .cate-main__lists--iteam:nth-of-type(3),
		#cate-main__blink .cate-main__lists--iteam:nth-of-type(5) { margin-right: 0 !important; }
		#cate-main__blink .cate-main__lists--iteam:nth-child(n+2) { margin-top: 20px; }
		#cate-main__blink .cate-main__lists--iteam:nth-child(n+2):nth-child(-n+5) .cate-main__lists--image img { height: 90px; }
		#cate-main__blink .cate-main__lists--iteam:nth-child(n+2):nth-child(-n+5) .cate-main__lists__desc .ld-tlt { font-size: 14px; }
		#cate-main__blink .cate-main__lists--iteam:nth-child(n+6) { margin-top: 15px; }
		#cate-main__blink .cate-main__lists--iteam:nth-child(n+6) .cate-main__lists--image { width: calc( 50% - 7.5px ); }
		#cate-main__blink .cate-main__lists--iteam:nth-child(n+6) .cate-main__lists--image img { height: 95px; }
		#cate-main__blink .cate-main__lists--iteam:nth-child(n+6) .cate-main__lists__desc { width: calc( 50% - 7.5px ); padding-left: 15px; }
		#cate-main__blink .cate-main__lists--iteam:nth-child(n+6) .cate-main__lists__desc .ld-tlt { font-size: 14px; }
	}