@charset "utf-8";
@font-face{font-family:"LibreBaskerville";src: url(../font/LibreBaskerville-Regular.ttf);}
.main-container{width:100%;display:flex;justify-content:space-between;}
.left-container{width:75%;padding-bottom:1.2rem;border-right:3px solid#e6e9ed;}
.url-link{margin:0;padding:0;background-color:#e6e9ed;}
.url-link p{margin:0;padding:0.6rem 0 0.6rem 1.8rem;color:#4c4c4c;font-size:1rem;font-family:calibri;font-weight:bold;}
.url-link span{padding-left:1.8rem;}
.url-link a{position:relative;color:#4c4c4c;}
.url-link a:hover{color:#000;}
.url-link a:after{content:"";position:absolute;top:-3px;right:-0.9rem;width:1.6rem;height:1.6rem;border-right:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c;transform:rotate(-45deg);}
.blog-post{width:100%;padding:1.5rem 0 1.5rem 0;border-bottom:3px solid #e6e9ed;}
.blog-post h1{width:90%;margin:0 auto;font-family:LibreBaskerville;font-size:1rem;font-weight:bold;color:#444;}
.horizontal-add{text-align:center;}
.article{width:88%;margin:1.2rem auto;display:flex;border:2px solid #DFDFDF;}
.article img{width:40%;margin:0.6rem;border:1px solid #e6e9ed;}
.subject{width:60%;padding:0.6rem;}
.subject p:nth-child(1){margin:0;margin-top:0.6rem;font-weight:bold;}
.subject a{padding-bottom:2px;font-size:1.2rem;border-bottom:1px solid #000;color:#2d2d2d;}
.subject p:nth-child(2){margin:0;margin-top:5px;color:#3d3d3d;font-family:arial;font-size:0.7rem;font-weight:bold;}
.subject p:nth-child(3){color:#4d4d4d;font-size:1.2rem;text-align:justify;text-justify:inter-word;}
.pagination{display:flex;justify-content:center;margin-bottom:1.8rem;}
.page-link{padding:5px;}
.page-link a{position:relative;width:2.5rem;height:2.5rem;color:#fff;background-color:#adb0f3;display:flex;justify-content:center;align-items:center;font-family:calibri;font-weight:bold;border:1px solid #7d7d7d;}
.page-link a:hover{background-color:#e9545a;}
.page-link .highlight{width:2.5rem;height:2.5rem;background-color:#e9545a;}
.right-container{width:25%;display:flex;flex-direction:column;align-items:center;}
.affiliate{width:85%;margin-bottom:1rem;}
.affiliate img{width:100%;height:auto;margin-top:1.2rem;border:3px dashed #7d7d7d;}
.ad-space{width:90%;margin:25px auto 0 auto;}
@media(min-width:1025px) and (max-width:1200px){*{box-sizing: border-box;}#back-to-top-btn{font-size:1.3rem;width:2.5rem;height:2.5rem;}.main-container{top:46%;}}
@media(min-width:768px) and (max-width:1024px){
	*{box-sizing: border-box;}
	.main-container{flex-direction: column;}
	.left-container{width:100%;}
	.right-container{width:100%;}
	.affiliate{display:flex;justify-content:space-between;margin:1.2rem 0 2.5rem 0;}
    .affiliate a{width:45%;}
    .affiliate img{margin:0;width:100%;height:100%;}
}
@media(min-width:641px) and (max-width:767px) and (orientation:landscape){
	.main-container{flex-direction:column;}
	.left-container{width:100%;padding:0;margin:0;}
	.right-container{width:100%;padding:0;}
    .affiliate{display:flex;justify-content:space-between;margin:1.2rem 0 2.5rem 0;}
    .affiliate a{width:45%;}
    .affiliate img{margin:0;width:100%;height:100%;}
}
@media(min-width:641px) and (max-width:767px) and (orientation:portrait){
	.main-container{flex-direction:column;overflow:hidden;}
	.left-container{width:100%;padding:0;margin:0;}
	.article{width:90%;flex-direction:column;}
	.article img{width:94%;}
	.subject{width:95%;}
	.right-container{width:100%;padding:0 0 2.5rem 0;}
	.right-container a{margin:0 0 1.2rem 0;}
}
@media(min-width:361px) and (max-width:640px) {
    .main-container{flex-direction:column;overflow:hidden;}
	.left-container{width:100%;padding:0;margin:0;}
	.url-link p{font-size:0.8rem;}
    .url-link a:after{width:1.4rem;height:1.4rem;}
    .blog-post h1{font-size:0.9rem;}
	.article{width:90%;flex-direction:column;}
	.article img{width:94%;}
	.subject{width:95%;}
	.right-container{width:100%;padding:0 0 2.5rem 0;}
	.right-container a{margin:0 0 1.2rem 0;}
}
@media(max-width:360px) {
    .main-container{flex-direction:column;overflow:hidden;}
	.left-container{width:100%;padding:0;margin:0;}
	.url-link p{font-size:0.6rem;}
    .url-link a:after{width:1.2rem;height:1.2rem;}
    .blog-post h1{font-size:0.7rem;}
	.article{width:90%;flex-direction:column;}
	.article img{width:94%;}
	.subject{width:95%;}
	.right-container{width:100%;padding:0 0 2.5rem 0;}
	.right-container a{margin:0 0 1.2rem 0;}
}