.blogImageBoxDetail {
    object-fit: cover;
    /* aspect-ratio: 21 / 9; */
    aspect-ratio: 16 / 9;
    /* aspect-ratio: 4 / 4; */
}

#getBlogBoxListSt .blog-image {
    object-fit: cover;
    /* aspect-ratio: 21 / 9; */
    aspect-ratio: 16 / 9;
    /* aspect-ratio: 4 / 4; */
}

#articleRowBoxPost iframe {
	width: 100%;
	height: 500px !important;
}
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
	#articleRowBoxPost iframe {
		height: 240px !important;
	}
}


/*  */

#articleRowBoxPost a:not([href]):not([class]) {
    font-size: 14px;
}

/*  */

iframe {
    border-radius: 4px;
    height: 420px;
    width: 100%;
}

.div-w-name {
    width: 192px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* boxDetail */

.articleRowBoxPost video {
    border-radius: 4px;
}

.articleRowBoxPost img {
    border-radius: 4px;
}

.boxDetail blockquote {
    border-left: solid 2px #4dd26b;
    background-color: #d7d7d736;
    padding: 24px;
    border-radius: 4px;
    margin-top: 22px;
    margin-bottom: 22px;
}

/*  */

#boxDetail h1 {
    font-size: 22px;
}

#boxDetail h2 {
    font-size: 18px;
    color: #3e3e3e;
}

#boxDetail h3 {
    font-size: 16px;
}

#boxDetail blockquote {
    border-left: solid 4px #112c4f;
   	color: #112c4f;
    background-color: #cdcdcd6f;
    padding: 19px 10px 10px 18px;
    border-radius: 0px 6px 6px 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}

#boxDetail .fr-file {
    color: #00619b !important;
}