.main-body-home .page-content-box
{
	padding-top: 50px;
}

/*
***********************************************************************************************************************/

.col-left .panel-data-box
{
    width: 100%;
    float: right;
    padding: 0;
    /*margin-bottom: 50px;*/
    border: 0;
    border-radius: 0;
    position: relative;
    box-shadow: none;
}

.col-left .panel-content-box
{
    padding: 0;
    margin-bottom: 20px;
    border: 0;
    box-shadow: unset;
}

.col-left .panel-data-box .title-box
{
	width: 100%;
	float: right;
	padding: 0;
	margin-bottom: 20px;
	border-bottom: 2px solid #ededed;
	position: relative;
}
.col-left .panel-data-box .title-box .title-main
{
	/*height: 30px;*/
	color: #202020;
	font-size: 13pt;
	font-weight: bold;
	text-align: right;
	float: right;
    padding-bottom: 10px;
	position: relative;
}
.col-left .panel-data-box .title-box .title-main:before
{
	background-color: #ff1d46;
	width: 75px;
	height: 2px;
	content: "";
	position: absolute;
	bottom: -2px;
	right: 0;
	z-index: 0;
}

.col-left .post-box .title-box .pre-title
{
    font-size: 10pt;
    margin: 0 0 10px 0;
}
.col-left .post-box .title-box a .main-title, .col-left .post-box .title-box a:visited .main-title
{
    line-height: 30px;
    float: right;
    clear: both;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.col-left .post-box .title-box a:hover .main-title
{
    color: #ff1d46;
}

.col-left .post-box .post-img
{
    width: 100%;
    height: 100%;
    float: right;
    margin-bottom: 20px;
    /*border-radius: 20px;*/
    overflow: hidden;
}
/*.col-left .post-box .post-img:before*/
/*{*/
/*    content: "";*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    -webkit-transition: background-color 0.5s;*/
/*    -moz-transition: background-color 0.5s;*/
/*    transition: background-color 0.5s;*/
/*}*/
/*.col-left .post-box .post-img:hover:before*/
/*{*/
/*    background-color: rgba(208, 181, 48, 0.3);*/
/*}*/
/*.col-left .post-box .post-img:after*/
/*{*/
/*    content: "";*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: 0;*/
/*    border: 1px solid transparent;*/
/*    -webkit-transition: all 0.5s;*/
/*    -moz-transition: all 0.5s;*/
/*    transition: all 0.5s;*/
/*}*/
/*.col-left .post-box .post-img:hover:after*/
/*{*/
/*    margin: 20px;*/
/*    border: 1px solid #ffffff;*/
/*}*/
.col-left .post-box .post-img .img
{
    background-color: #f5f5f5;
    width: 100%;
    height: 56%;
    float: right;
    overflow: hidden;
    position: relative;
}
.col-left .post-box .post-img .img:before
{
    content: "";
    display: block;
    padding-top: 56%;
}
.col-left .post-box .post-img .img img
{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: "object-fit: cover;";
    position: absolute;
    top: 0;
    left: 0;
}

.col-left .post-box .post-data
{
    width: 100%;
    color: #acacac;
    font-size: 9pt;
    float: right;
    margin: -10px 0 20px 0;
}
.col-left .post-box .post-data a.group, .col-left .post-box .post-data a.group:visited
{
    color: #acacac;
    float: right;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.col-left .post-box .post-data a.group:hover
{
    color: #ff1d46;
}
.col-left .post-box .post-data .date
{
    float: right;
    margin-right: 20px;
    position: relative;
}
.col-left .post-box .post-data .date:before
{
    height: 15px;
    content: "";
    position: absolute;
    top: 2px;
    right: -10px;
    border-left: 2px solid #d3d3d3;
}
.col-left .post-box .post-data .visit, .col-left .post-box .post-data .comment
{
    float: left;
    margin-right: 10px;
    direction: ltr;
}

.col-left .post-box .post-des
{
    width: 100%;
    float: left;
    text-align: justify;
    margin-bottom: 20px;
}
.col-left .post-box .post-des
{
    width: 100%;
    float: left;
    text-align: justify;
    line-height: 2em;
    margin-bottom: 20px;
}
.col-left .post-box .post-des p
{
    margin-bottom: 10px;
}
.col-left .post-box .post-des p:last-child
{
    margin-bottom: 0;
}
.col-left .post-box .post-des img
{
    max-width: 100%;
    height: auto !important;
}
.col-left .post-box .post-des ul li
{
    list-style: disc;
    margin-right: 50px;
}
.col-left .post-box .post-des ol li
{
    list-style: decimal;
    margin-right: 50px;
}
.col-left .post-box .post-des a, .col-left .post-box .post-des a:visited
{
    border-bottom: 1px dotted #202020;
}

.col-left .post-continue
{
    background-color: #202020;
    color: #ffffff;
    float: left;
    padding: 7px 15px 7px 15px;
    /*border-radius: 10px;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.col-left .post-continue:hover
{
    background-color: #ff1d46;
}

/* *** */

.col-left .post-box .like-dislike
{
    width: 100%;
    text-align: right;
    float: right;
    margin-bottom: 20px;
}
.col-left .post-box .like-dislike .like, .col-left .post-box .like-dislike .dislike
{
    cursor: pointer;
    padding: 5px 7px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    direction: ltr;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* *** */

.col-left .post-box .share-box
{
    width: 100%;
    text-align: justify;
    float: right;
    margin-bottom: 20px;
}
.col-left .post-box .share-box .title
{
    /*background-color: #f5f5f5;*/
    color: #202020;
    float: right;
    /*padding: 5px 10px 5px 10px;*/
    /*border-radius: 15px;*/
}
.col-left .post-box .share-box .share-link
{
    padding: 0 70px 0 0;
}
.col-left .post-box .share-box .share-link a, .col-left .post-box .share-box .share-link a:visited
{
    width: 30px;
    color: #acacac;
    font-size: 14pt;
    text-align: center;
    float: right;
    padding-top: 3px;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.col-left .post-box .share-box .share-link a:hover
{
    color: #ff1d46;
}

/* *** */

.col-left .post-box .post-tag
{
    width: 100%;
    text-align: justify;
    float: right;
}
.col-left .post-box .post-tag .title
{
    /*background-color: #f5f5f5;*/
    color: #202020;
    float: right;
    /*padding: 5px 10px 5px 10px;*/
    /*border-radius: 15px;*/
}
.col-left .post-box .post-tag .tag
{
    padding: 3px 70px 4px 0;
}
.col-left .post-box .post-tag .tag a, .col-left .post-box .post-tag .tag a:visited
{
    color: #202020;
    font-size: 9pt;
    float: right;
    margin-right: 20px;
    white-space: nowrap;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.col-left .post-box .post-tag .tag a:before
{
    color: #202020;
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 5pt;
    content: "\f111";
    position: absolute;
    right: -10px;
    top: 0;
}
.col-left .post-box .post-tag .tag a:hover
{
    color: #ff1d46;
}

/* *** */

.col-left .post-related-box .post-box
{
    width: 50%;
    margin-bottom: 20px;
    border: 0;
}
.col-left .post-related-box .post-box:nth-child(odd)
{
    padding-right: 0;
}
.col-left .post-related-box .post-box:nth-child(even)
{
    padding-left: 0;
}
.col-left .post-related-box .post-box:nth-child(n + 3)
{
    margin-bottom: 0;
}
.col-left .post-related-box .post-box:nth-child(3)
{
    clear: both;
}

.col-left .post-related-box .post-box .img-box
{
    background-color: #f5f5f5;
    width: 100%;
    height: 56%;
    float: right;
    overflow: hidden;
    position: relative;
}
.col-left .post-related-box .post-box .img-box:before
{
    content: "";
    display: block;
    padding-top: 56%;
}
.col-left .post-related-box .post-box .img-box img
{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: "object-fit: cover;";
    position: absolute;
    top: 0;
    left: 0;
}

.col-left .post-related-box .post-box .title
{
    width: 100%;
    text-align: center;
    float: right;
    padding: 10px 0 0 0;
    overflow: hidden;
    position: relative;
}
.col-left .post-related-box .post-box .title .pre-title
{
    color: #202020;
    font-size: 9pt;
    padding: 0;
    margin: 0 0 7px 0;
}
.col-left .post-related-box .post-box .title .main-title
{
    font-size: 10pt;
    line-height: 1.5em;
    padding: 0;
    margin: 0;
}
.col-left .post-related-box .post-box a
{
    width: 100%;
    color: #0b286c;
    float: right;
    clear: both;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.col-left .post-related-box .post-box a:hover
{
    color: #ff1d46;
}

@media (max-width:500px)
{
    .col-left .post-related-box .post-box
    {
        width: 100%;
        padding: 0;
        margin-bottom: 20px !important;
    }
    .col-left .post-related-box .post-box:nth-child(4)
    {
        margin-bottom: 0 !important;
    }
}

/* *** */

.col-left .post-comment-list-box .comment-box
{
    background-color: #fafafa;
    width: 100%;
    text-align: justify;
    float: right;
    /*border: 1px solid #acacac;*/
    margin-bottom: 20px;
    overflow: hidden;
    /*border-radius: 15px;*/
}
.col-left .post-comment-list-box .comment-box:last-child
{
    margin-bottom: 0;
}

.col-left .post-comment-list-box .comment-box .comment-data
{
    /*background-color: #e7e7e7;*/
    width: 100%;
    color: #202020;
    float: right;
    padding: 7px 10px;
}
.col-left .post-comment-list-box .comment-box .person
{
    font-size: 12pt;
    float: right;
    padding: 6px 0 0 10px;
}
.col-left .post-comment-list-box .comment-box .date-time
{
    font-size: 9pt;
    float: right;
    padding: 6px 0 0 0;
}

.col-left .post-comment-list-box .comment-box .like-dislike
{
    font-size: 10pt;
    float: left;
}
.col-left .post-comment-list-box .comment-box .like-dislike .far
{
    font-size: 9pt;
    margin-right: 5px;
}
.col-left .post-comment-list-box .comment-box .like-dislike button
{
    padding: 4px 5px 3px 5px;
    border: 0;
    /*border-radius: 10px;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.col-left .post-comment-list-box .comment-box .comment-des-parent
{
    width: 100%;
    float: right;
    padding: 10px;
}
.col-left .post-comment-list-box .comment-box .comment-des
{
    width: 100%;
    line-height: 2em;
    float: right;
    text-align: justify;
    /*padding: 15px;*/
}

.col-left .post-comment-list-box .comment-box .comment-box
{
    padding: 0 10px;
    margin-top: 10px;
}
.col-left .post-comment-list-box .comment-box .comment-box .comment-data
{
    padding: 10px 0 0 0;
    border-top: 1px solid #e0e0e0;
}
.col-left .post-comment-list-box .comment-box .comment-box .comment-des
{
    padding: 0;
}
.col-left .post-comment-list-box .comment-box .comment-box .comment-des-parent
{
    padding-right: 0;
    padding-left: 0;
}


/* *** */
/*
.col-left .post-comment-send-box input, .col-left .post-comment-send-box textarea
{
    padding: 20px;
    border: 1px solid #d3d3d3;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: inset 0 0 0 0 transparent;
    resize: none;
}
.col-left .post-comment-send-box input:focus, .col-left .post-comment-send-box textarea:focus
{
    border: 1px solid #0c1555;
}
.col-left .post-comment-send-box textarea
{
    height: 140px
}
.col-left .post-comment-send-box button
{
    background-color: #0c1555;
    width: auto;
    font-size: 11pt;
    float: right;
    padding: 10px 25px;
    margin: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}
.col-left .post-comment-send-box button:focus, .col-left .post-comment-send-box button:hover
{
    background-color: #ff1d46;
}
.col-left .post-comment-send-box button .icon
{
    margin-left: 5px;
}
*/
.col-left .post-comment-send-box .form-post-comment-warning
{
    color: #202020;
    font-size: 9pt;
    text-align: justify;
    padding-right: 10px;
    margin-top: 30px;
    border-right: 5px solid #ff1d46;
    clear: both;
}

/*
***********************************************************************************************************************/

.col-right .panel-data-box
{
    /*background-color: #fdfdfd;*/
    width: 100%;
    float: right;
    padding: 0;
    /*margin-bottom: 30px;*/
    /*border: 1px solid #e9e9e9;*/
    border-radius: 0;
    position: relative;
    box-shadow: none;
}
.col-right .panel-data-box .title-box
{
    /*background-color: #f5f5f5;*/
    width: 100%;
    float: right;
    padding: 0 10px 10px 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.col-right .panel-data-box .title-box .title-main
{
    height: auto;
    color: #202020;
    font-size: 12pt;
    font-weight: bold;
    text-align: justify;
    float: right;
    padding: 0;
    margin: 0;
    position: relative;
}
.col-right .panel-data-box .title-box .title-main:before
{
    width: 0;
    height: 0;
}

.col-right .panel-data-box .panel-content-box
{
    background-color: transparent;
    padding: 10px;
    border: 1px solid #ececec;
    box-shadow: unset;
}

.col-right .post-box
{
    width: 100%;
    float: right;
    margin-bottom: 15px;
}
.col-right .post-box:last-child
{
    margin-bottom: 0;
}

.col-right .post-box .img-box
{
    /*background-color: #f5f5f5;*/
    width: 64px;
    height: 75%;
    float: right;
    /*border-radius: 10px;*/
    overflow: hidden;
    position: relative;
}
.col-right .post-box .img-box:before
{
    content: "";
    display: block;
    padding-top: 75%;
}
.col-right .post-box .img-box img
{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: "object-fit: cover;";
    position: absolute;
    top: 0;
    left: 0;
}

.col-right .post-box .title
{
    text-align: right;
    padding: 0 10px 0 0;
    overflow: hidden;
    position: relative;
}
.col-right .post-box .title .pre-title
{
    color: #202020;
    font-size: 9pt;
    padding: 0;
    margin: 0 0 7px 0;
}
.col-right .post-box .title .main-title
{
    line-height: 24px;
    font-size: 10pt;
    padding: 0;
    margin: 0;
}

.col-right .post-box a
{
    width: 100%;
    color: #202020;
    float: right;
    clear: both;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.col-right .post-box a:hover
{
    color: #ff1d46;
}

.col-right .tag-box a, .col-right .tag-box a:visited
{
    background-color: #202020;
    color: #ffffff;
    float: right;
    padding: 5px 10px;
    margin: 0 0 5px 5px;
    /*border: 1px solid #bdbec0;*/
    /*border-radius: 15px;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.col-right .tag-box a:hover
{
    color: #ff1d46;
}

/* *** */

@media (max-width:991px)
{
	.col-right
	{
		display: none;
	}
}

/* blog bar
***********************************************************************************************************************/

.related-blog-bar
{
    margin-top: 70px;
    margin-bottom: 0;
}

/*
***********************************************************************************************************************/

.form-box input, .form-box select, .form-box textarea
{
    margin-bottom: 10px;
}
.form-box .btn-submit
{
    float: right;
    margin: 10px 0 30px 0;
}

/*
***********************************************************************************************************************/

.footer-bar
{
	margin-top: 50px;
}

/*
***********************************************************************************************************************/