@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%;border-right:3px solid #e6e9ed;}
#blog-link{margin:0;padding:0;background-color:#e6e9ed;}#blog-link p{margin:0 0 1.2rem;padding:0.6rem 0 0.6rem 1.8rem;color:#4c4c4c;font-size:1rem;font-family:calibri;font-weight:bold;}#blog-link span{padding-left:1.8rem;}#blog-link a{position:relative;color:#4c4c4c;}#blog-link a:hover{color:#000;}#blog-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);}
.h-container{text-align:center;}#header-div{width:100%;display:flex;flex-direction:column;align-items:center;}
.header-one{margin:0;margin-top:1.8rem;font-family:calibri;font-size:2.2rem;border-bottom:2px solid #000;}.header-two{margin:0.6rem 0;border-bottom:2px solid #000;}
.article{width:70%;margin-left:auto;margin-right:auto;}.article a{color:#000;}.article a:hover{color:#E9545A;}.article img{width:100%;height:auto;border:1px solid #e6e9ed;}.article p{color:#3d3d3d;font-size:1.2rem;line-height:1.6rem;text-align:justify;text-justify:inter-word;}
.code-block{max-width:100%;display:flex;}.code-block p{display:inline-block;margin:0;margin-right:1.2rem;font-family:Courier;font-size:1rem;line-height:1.4rem;}
.code-block-left{width:5px;max-height:100%;color:transparent;background-color:#4caf50;}.code-block-right{width:100%;padding:5px 1.2rem;border:5px solid #f1f1f1;border-left:transparent;overflow:auto;white-space:nowrap;}
.comment{color:#008000;}.tab20{padding-left:20px;}.tab40{padding-left:40px;}.tab60{padding-left:60px;}.selctor{color:#a52a2a;}.property{color:#ff0000;}.value{color:#0000cd;}.pseudo{color:#008855;}
.video-container{overflow:hidden;position:relative;width:100%;}.video-container::after{padding-top:56.25%;display:block;content:'';}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
#download{width:70%;height:70px;margin:0.6rem auto 1.8rem auto;font-size:1.2rem;}#download p{color:#E9545A;}#download a{display:inline-block;margin-right:0.6rem;padding:0.7rem 1rem;text-decoration:none;color:#fff;background-color:#ADB0F3;border-radius:5px;}#download a:hover{color:#000;background-color:#E9545A;}
.right-container{width:25%;display:flex;flex-direction:column;align-items:center;}.affiliate{width:85%;}.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;}.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%;}
	.header-one{font-size:1.8rem;}
	.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;}
	#header-div{width:70%;margin:0 auto;}
	.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;}
	#header-div{width:80%;margin:0 auto;}
	.header-one{font-size:1.3rem;}
	.header-two{font-size:1.1rem;}
	.article{width:80%;}
	.article p{font-size:1.1rem;}
	#download{margin:0.6rem auto 1.8rem 2.5rem;}
	.right-container{width:100%;padding: 0;}
	.affiliate{margin:0 0 1.2rem 0;}
    .affiliate-gap{margin-bottom:2.5rem;}
}
@media(min-width:361px) and (max-width:640px) {
    .main-container{flex-direction:column;overflow:hidden;}
    .left-container{width:100%;padding:0;margin:0;}
    #blog-link p{font-size:0.8rem;}
    #blog-link a:after{width:1.4rem;height:1.4rem;}
    #header-div{width:80%;margin:0 auto;}
	.header-one{font-size:1.4rem;}
	.header-two{font-size:1.1rem;}
	.article{width:80%;}
	.article p{font-size:1.1rem;}
	#download{margin:0.6rem auto 1.8rem 2.5rem;}
	.right-container{width:100%;padding: 0;}
	.affiliate{margin:0 0 1.2rem 0;}
    .affiliate-gap{margin-bottom:2.5rem;}
}
@media(max-width:360px) {
    .main-container{flex-direction:column;overflow:hidden;}
    .left-container{width:100%;padding:0;margin:0;}
    #blog-link p{font-size:0.6rem;}
    #blog-link a:after{width:1.2rem;height:1.2rem;}
    #header-div{width:80%;margin:0 auto;}
	.header-one{font-size:1.2rem;}
	.header-two{font-size:1rem;}
	.article{width:80%;}
	.article p{font-size:1.1rem;}
	#download{margin:0.6rem auto 1.8rem 2.5rem;}
	.right-container{width:100%;padding: 0;}
	.affiliate{margin:0 0 1.2rem 0;}
    .affiliate-gap{margin-bottom:2.5rem;}
}