html body{background-color:#fff}html body .blog-container{display:flex;flex-direction:column;align-items:center;background:url(/Assets/Blog/img/slide/bg-1.png) no-repeat;background-size:100% 100%;width:100%;background-attachment:fixed!important;background-position:center!important;transition:all .5s linear 0s}html body .blog-container .title-blog{background:url(/Assets/Blog/img/button/txt_blog.png) no-repeat center center;background-size:100% auto;width:260px;height:130px;margin:10px}html body .blog-container .title-blog.hide{margin-bottom:120px}html body .blog-container .menu{display:flex;justify-content:center;background:url(/Assets/Blog/img/button/nav_bg.png) no-repeat center center;background-size:100% 100%;width:100%;height:70px;z-index:99}html body .blog-container .menu.pin{position:fixed}html body .blog-container .menu .btn-custom{cursor:pointer;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;z-index:1}html body .blog-container .menu .btn-custom:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;left:5px;transition:.2s}html body .blog-container .menu .btn-custom:hover:after{top:0;left:0}html body .blog-container .menu .btn-back{background:url(/Assets/Blog/img/button/btn_cuhon.png) no-repeat center center;background-size:100% auto;width:75px;height:40px;margin:14px}html body .blog-container .menu .btn-back:after{background:url(/Assets/Blog/img/button/btn_cuhon_hover.png) no-repeat center center;background-size:100% auto}html body .blog-container .menu .month-main{display:flex;align-items:center}html body .blog-container .menu .month-main .month{background:url(/Assets/Blog/img/button/btn_2.png) no-repeat center center;background-size:100% auto;width:152px;height:36px;margin:13px;text-align:center;color:#fff;padding:7px;font-family:Arial}html body .blog-container .menu .month-main .month:hover{color:#ffd700}html body .blog-container .menu .month-main .month:after{background:url(/Assets/Blog/img/button/btn_1.png) no-repeat center center;background-size:100% auto}html body .blog-container .menu .month-main .active{color:#ffd700}html body .blog-container .menu .btn-next{background:url(/Assets/Blog/img/button/btn_moihon.png) no-repeat center center;background-size:100% auto;width:75px;height:40px;margin:14px}html body .blog-container .menu .btn-next:after{background:url(/Assets/Blog/img/button/btn_moihon_hover.png) no-repeat center center;background-size:100% auto}html body .blog-container .menu button{margin:10px}html body .blog-container #article-main{width:900px;margin:auto;min-height:1000px}html body .blog-container #article-main .txt-notify{text-align:center;font-size:18px;font-weight:700;margin:15px;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff}html body .blog-container #article-main .article-container{background-color:rgba(47,89,110,.5);margin:20px auto;box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07);color:#fff}html body .blog-container #article-main .article-container .article-title{background-color:#2f596e;padding:9px 9px 9px 25px}html body .blog-container #article-main .article-container .article-title .date{color:#ffd700;font-size:12px;font-weight:500}html body .blog-container #article-main .article-container .article-title .content-name{margin-left:10px;font-size:16px;font-weight:500}html body .blog-container #article-main .article-container .article-content{padding:20px;overflow:auto}html body .blog-container .share-fb-main{display:flex;justify-content:flex-end}html body .blog-container .share-fb-main .btn-share-fb{background:url(/Assets/Blog/img/button/btn_chiase.png) no-repeat center center;background-size:100% auto;display:block;width:130px;height:32px;margin:10px 20px 20px 0}html body .blog-container .btn_top{background:url(/Assets/Blog/img/button/btn_top.png) no-repeat center center;background-size:100% auto;width:65px;height:90px;position:fixed;bottom:20px;right:20px;cursor:pointer}html body img{max-width:100%!important;height:auto!important}html body table{width:inherit!important}@media screen and (max-width:1024px) and (orientation:portrait){html body .blog-container .title-blog{width:180px;height:100px}html body .blog-container .menu{height:50px}html body .blog-container .menu .btn-back{width:50px;height:23px;margin:13px 4px 8px 4px}html body .blog-container .menu .month-main .month{width:87px;height:38px;margin:5px;padding:14px 5px 5px 5px;font-size:11px;font-weight:600}html body .blog-container .menu .btn-next{width:50px;height:23px;margin:13px 4px 8px 4px}html body .blog-container .menu button{margin:10px}html body .blog-container #article-main{width:95%}html body .blog-container .btn_top{width:40px;height:60px;bottom:30px;right:30px}}