/*	################################################################

	Author:
	URL:

	Project Name:
	Version: 1.0
	URL:

################################################################# */
:root {
	--ColorGreen1: #358191;
	--ColorGray1:  #F4F4F4;
	--ColorGray2:  #C8C8C8;
}



body#sitetop .splide__pagination {
    margin-top: 10px;
}
body#sitetop #post-new .NewStyle .col-sm-3 , 
body#sitetop #post-hot .NewStyle .col-sm-3 , 
body#sitetop #post-recommend .NewStyle .col-sm-3 {
	margin: 0 10px;
	padding: 0;
	background: #fff;
    color: #0A0045;
    border: unset;
    box-shadow: unset;
}
body#sitetop #post-new .NewStyle .col-sm-3 a:hover , 
body#sitetop #post-hot .NewStyle .col-sm-3 a:hover , 
body#sitetop #post-recommend .NewStyle .col-sm-3 a:hover {
	opacity: 0.7;
}
body#sitetop .NewStyle figure img {
	border: 1px solid #C7CFDA;
	border-radius: 10px;
}
body#sitetop .NewStyle .splide__list .col-sm-3 h2 {
    padding: 0 5px;
    margin: 10px 0 0;
	font-weight: 700;
}
body#sitetop #post-new .NewStyle .categories , 
body#sitetop #post-hot .NewStyle .categories , 
body#sitetop #post-recommend .NewStyle .categories {
    height: auto;
    margin: 10px 0 0;
    padding: 0 5px;
    gap: 8px;
    color: #0A0045;
    align-items: center;
}
body#sitetop #post-new .NewStyle .categories p , 
body#sitetop #post-hot .NewStyle .categories p , 
body#sitetop #post-recommend .NewStyle .categories p {
	margin: 0;
    padding: 8px 0px;
    background: unset;
}
body#sitetop #post-new .NewStyle .categories p.only , 
body#sitetop #post-hot .NewStyle .categories p.only , 
body#sitetop #post-recommend .NewStyle .categories p.only {
    padding: 8px 10px;
    background: unset;
    border: 1px solid #0A0045;
	border-radius: 5px;
}
body#sitetop .NewStyle .info-type {
	margin: 5px 0 0;
    padding: 0 5px;
}
body#sitetop .NewStyle .info-type p {
	position: relative;
	padding: 0 0 0 25px;
	color: #0A0045;
}
body#sitetop .NewStyle .info-type p::before {
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background-size: contain;
}
body#sitetop .NewStyle .info-type p.movie::before {
	background-image: url(/img/icon-movie.png);
}
body#sitetop .NewStyle .info-type p.data::before {
	background-image: url(/img/icon-data.png);
}
body#sitetop .NewStyle .info-type p.article::before {
	background-image: url(/img/icon-article.png);
}
body#sitetop .NewStyle .info-type p.link::before {
	background-image: url(/img/icon-link.png);
}
body#sitetop #post-new .NewStyle .name-like , 
body#sitetop #post-hot .NewStyle .name-like , 
body#sitetop #post-recommend .NewStyle .name-like {
    position: unset;
	margin: 5px 0 0;
	/* margin: 0; */
	padding: 0 5px;
}
body#sitetop #post-new .NewStyle .name-like .btn-like , 
body#sitetop #post-hot .NewStyle .name-like .btn-like , 
body#sitetop #post-recommend .NewStyle .name-like .btn-like {
    position: unset;
    width: fit-content;
	text-align: left;
}
body#sitetop .NewStyle .name-like .btn-favorite {
    position: unset;
	margin: 0 auto 0 10px;
	padding: 5px 0 0;
	text-align: left;
}
body#sitetop .NewStyle .fa-thumbs-up:before {
    width: 21px;
    height: 17px;
	background-image: url(/images/icon-thumbs.svg);
}
body#sitetop .NewStyle .category-visited .fa-thumbs-up:before {
    background-image: url(/images/icon-thumbs-active.svg);
}
body#sitetop .NewStyle .star-regular::before {
    background-image: url(/images/icon-star.svg);
}
body#sitetop .NewStyle .star-solid::before {
    background-image: url(/images/icon-star-active.svg);
}