@import url(/fonts/fonts.css);@import url(https://fonts.googleapis.com/css?family=Nunito);#app,body,html{height:100%;width:100%;padding:0!important;margin:0!important}*{font-family:Kanit}.padding-0{padding:0!important}body.auth-bg{background-image:url(/assets/images/background/bg-auth.jpg);background-color:#6ab980!important;background-size:cover;background-position:top;background-repeat:no-repeat;background-attachment:fixed}img{max-width:100%}div,p,span,td,th{font-size:1rem}.vs__clear{display:none}.not-found{color:#4d4d4d}.article-tag a{color:#4d4d4d;text-decoration:underline;margin-right:.5rem}.article-tag a:hover{color:#31b26d}.vel-toolbar{display:none}.text-gray{color:#8c8c8c}#modal-logout .modal-dialog .modal-content{position:relative}#modal-logout .modal-dialog .modal-content,#modal-logout .modal-dialog .modal-content .modal-body{background-color:transparent!important;border:0!important}#modal-logout .modal-dialog .modal-content .modal-body .logout-head{text-align:right}#modal-logout .modal-dialog .modal-content .modal-body .logout-head a.modal-btn-close{display:block;text-align:right;padding-bottom:10px}#modal-logout .modal-dialog .modal-content .modal-body .logout-head a.modal-btn-close img{width:24px;height:24px}#modal-logout .modal-dialog .modal-content .modal-body .logout-body{background-color:#fff!important;border-radius:8px;padding:40px}#modal-logout .modal-dialog .modal-content .modal-body .logout-body .btn-km{min-width:140px;margin-top:20px}#modal-forgot .modal-dialog .modal-content,#modal-register .modal-dialog .modal-content{background-color:transparent!important;position:relative;border:0!important}#modal-forgot .modal-dialog .modal-content .modal-body,#modal-register .modal-dialog .modal-content .modal-body{border:0!important;background-color:transparent!important}#modal-forgot .modal-dialog .modal-content .modal-body a.link-close-modal,#modal-register .modal-dialog .modal-content .modal-body a.link-close-modal{display:block;text-align:right;padding-bottom:10px}#modal-forgot .modal-dialog .modal-content .modal-body a.link-close-modal img,#modal-register .modal-dialog .modal-content .modal-body a.link-close-modal img{width:24px;height:24px}#modal-forgot .modal-dialog .modal-content .modal-body .body-forgot,#modal-forgot .modal-dialog .modal-content .modal-body .body-register,#modal-register .modal-dialog .modal-content .modal-body .body-forgot,#modal-register .modal-dialog .modal-content .modal-body .body-register{background-color:#fff;border-radius:15px;padding:20px}#modal-forgot .modal-dialog .modal-content .modal-body .body-forgot .h3,#modal-forgot .modal-dialog .modal-content .modal-body .body-forgot h3,#modal-forgot .modal-dialog .modal-content .modal-body .body-register .h3,#modal-forgot .modal-dialog .modal-content .modal-body .body-register h3,#modal-register .modal-dialog .modal-content .modal-body .body-forgot .h3,#modal-register .modal-dialog .modal-content .modal-body .body-forgot h3,#modal-register .modal-dialog .modal-content .modal-body .body-register .h3,#modal-register .modal-dialog .modal-content .modal-body .body-register h3{font-size:1.7rem}#modal-forgot .modal-dialog .modal-content .modal-body .body-forgot .form-group,#modal-forgot .modal-dialog .modal-content .modal-body .body-register .form-group,#modal-register .modal-dialog .modal-content .modal-body .body-forgot .form-group,#modal-register .modal-dialog .modal-content .modal-body .body-register .form-group{margin-bottom:.5rem}#modal-forgot .modal-dialog .modal-content .modal-body .body-forgot .form-group label,#modal-forgot .modal-dialog .modal-content .modal-body .body-register .form-group label,#modal-register .modal-dialog .modal-content .modal-body .body-forgot .form-group label,#modal-register .modal-dialog .modal-content .modal-body .body-register .form-group label{text-align:right}#modal-forgot .modal-dialog .modal-content .modal-body .body-forgot p,#modal-forgot .modal-dialog .modal-content .modal-body .body-register p,#modal-register .modal-dialog .modal-content .modal-body .body-forgot p,#modal-register .modal-dialog .modal-content .modal-body .body-register p{margin-bottom:1rem!important;font-size:.9rem}#modal-forgot .modal-dialog .modal-content .modal-body .body-forgot .btn-submit-modal,#modal-forgot .modal-dialog .modal-content .modal-body .body-register .btn-submit-modal,#modal-register .modal-dialog .modal-content .modal-body .body-forgot .btn-submit-modal,#modal-register .modal-dialog .modal-content .modal-body .body-register .btn-submit-modal{background-color:#3d6662;color:#fff;border-radius:25px;min-width:180px;transition:.5s}#modal-forgot .modal-dialog .modal-content .modal-body .body-forgot .btn-submit-modal:active,#modal-forgot .modal-dialog .modal-content .modal-body .body-forgot .btn-submit-modal:hover,#modal-forgot .modal-dialog .modal-content .modal-body .body-register .btn-submit-modal:active,#modal-forgot .modal-dialog .modal-content .modal-body .body-register .btn-submit-modal:hover,#modal-register .modal-dialog .modal-content .modal-body .body-forgot .btn-submit-modal:active,#modal-register .modal-dialog .modal-content .modal-body .body-forgot .btn-submit-modal:hover,#modal-register .modal-dialog .modal-content .modal-body .body-register .btn-submit-modal:active,#modal-register .modal-dialog .modal-content .modal-body .body-register .btn-submit-modal:hover{background-color:#fff;color:#3d6662;border:1px solid #3d6662}#modal-pdf-reader.modal .modal-dialog .modal-content,#modal-questionnare.modal .modal-dialog .modal-content{background:transparent;border:none;margin-top:10%}#modal-pdf-reader.modal .modal-dialog .modal-content .modal-body,#modal-questionnare.modal .modal-dialog .modal-content .modal-body{padding:0}#modal-pdf-reader.modal .modal-dialog .modal-content .modal-body .modal-btn-close,#modal-questionnare.modal .modal-dialog .modal-content .modal-body .modal-btn-close{float:right;margin-bottom:10px;display:inline-block;width:24px;height:24px;position:relative;z-index:2}#modal-pdf-reader.modal .modal-dialog .modal-content .modal-body .modal-btn-close img,#modal-questionnare.modal .modal-dialog .modal-content .modal-body .modal-btn-close img{height:24px}#modal-pdf-reader.modal .modal-dialog .modal-content .modal-body .question-body,#modal-questionnare.modal .modal-dialog .modal-content .modal-body .question-body{background-color:transparent;border-radius:10px;background-size:100%;background-repeat:no-repeat;background-position:bottom;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:0;z-index:0;position:relative}.container{padding:0 60px!important}.container.padding-0{padding:0!important}.icon-link{width:25px;height:22px;display:inline-block;margin:0 .5rem;background-size:auto 100%;background-position:top;text-decoration:none;transition:.5s}.icon-link.icon-heart{background-image:url(/assets/images/icons/icon-heart.png);transition:.5s}.icon-link.icon-heart.active,.icon-link.icon-heart:hover{background-image:url(/assets/images/icons/icon-heart-active.png)}.icon-link.icon-pin{background-image:url(/assets/images/icons/icon-pin.png);transition:.5s}.icon-link.icon-pin.active,.icon-link.icon-pin:hover{background-image:url(/assets/images/icons/icon-pin-active.png);transition:opacity 1s,height 0}.icon-link.icon-download{transition:.5s}.icon-link.icon-download,.icon-link.icon-download.disabled{background-image:url(/assets/images/icons/icon-download.png)}.icon-link.icon-download.disabled{cursor:not-allowed!important}.icon-link.icon-download.disabled:hover{background-image:url(/assets/images/icons/icon-download.png)}.icon-link.icon-download.active,.icon-link.icon-download:hover{background-image:url(/assets/images/icons/icon-download-active.png)}.article-writer a{text-decoration:none;color:#fff!important}.btn,.btn.btn-km{transition:.5s}.btn.btn-km{background-color:#3d6662!important;border-radius:25px!important;color:#fff!important;min-width:220px;height:42px}.btn.btn-km:active,.btn.btn-km:hover{background-color:#fff!important;color:#3d6662!important;border:1px solid #3d6662!important;transition:opacity 1s,height 0}.btn.btn-sorting{background-color:#31b26d!important;border-radius:25px!important;color:#fff!important;min-width:80px;height:32px}.btn.btn-sorting:active,.btn.btn-sorting:hover{background-color:#ffca16!important;color:#fff!important;border:1px solid #ffca16!important;transition:opacity 1s,height 0}.section h1,.section h2,.section h3,.section h4,.section h5{margin-bottom:1rem;margin-top:1rem}.end-line{border-bottom:1.5px solid #d9d9d9;padding-bottom:20px;margin-bottom:10px}.view-type .icon-view{height:24px}.nav-breadcrumbs{color:#8c8c8c;padding-bottom:1rem;border-bottom:1.5px solid #e5e5e5}.nav-breadcrumbs i,.nav-breadcrumbs span{color:#8c8c8c!important}.nav-breadcrumbs a{text-decoration:none;color:#8c8c8c}.nav-breadcrumbs a:active,.nav-breadcrumbs a:hover{transition:opacity 1s,height 0;color:#8c8c8c}.result-keywords{color:#8c8c8c;border-bottom:2.5px solid #d9d9d9;padding-bottom:.4rem;margin-bottom:2.5rem}.load-down{text-align:center;padding:20px 0;background:linear-gradient(180deg,hsla(0,0%,89.8%,0) calc(50% - 2px),#e5e5e5 50%,hsla(0,0%,89.8%,0) calc(50% + 2px))}.load-down img{height:36px;cursor:pointer}.load-down.up img{transform:rotate(180deg)}.article-row{transition:all 2.5s ease-in-out;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:2s}.article-row .atricle-thumb{position:relative;padding-top:15px;padding-bottom:15px;text-decoration:none;color:#4d4d4d;transition:.5s}.article-row .atricle-thumb .favorite-bar{position:absolute;left:10%;top:-20px;border-radius:10px;border:1px solid #d9d9d9;background-color:hsla(0,0%,100%,.8);z-index:9;padding:10px;opacity:0;transition:.5s;transition:visibility 0s,opacity .5s linear}.article-row .atricle-thumb .favorite-bar .icon-link{padding:5px}.article-row .atricle-thumb .favorite-bar .icon-link img{height:24px}.article-row .atricle-thumb .favorite-bar .icon-link.disabled{cursor:not-allowed}.article-row .atricle-thumb:hover{cursor:pointer}.article-row .atricle-thumb:hover .favorite-bar{transition:opacity 1s,height 0;opacity:1}.article-row .atricle-thumb:hover .card-body{background-color:#3d6662;color:#fff}.article-row .atricle-thumb:hover .card-body hr{border-color:#fff}.article-row .atricle-thumb:hover .card-body .card-title{color:#fff}.article-row .image-thumbnail{position:relative;height:210px;overflow:hidden;background-color:#d9d9d9;transition:.5s;text-align:center}.article-row .image-thumbnail img{max-width:200%;width:auto;height:100%}.article-row .image-thumbnail .thumbnail-button{padding:0;margin:0;list-style-type:none;position:absolute;top:0;right:5px}.article-row .image-thumbnail .thumbnail-button li{float:left;text-align:center;padding-left:10px}.article-row .image-thumbnail .thumbnail-button li a{border:1px solid #fff;border-radius:50%;display:inline-block;width:10px;height:10px;transition:.5s}.article-row .image-thumbnail .thumbnail-button li a:active,.article-row .image-thumbnail .thumbnail-button li a:hover{background-color:#fff}.article-row .image-thumbnail .thumbnail-button li.active{transition:.5s}.article-row .image-thumbnail .thumbnail-button li.active a{background-color:#fff}.article-row .card-body{transition:.5s}.article-row .card-body:hover{background-color:#3d6662;color:#fff}.article-row .card-body:hover hr{border-color:#fff}.article-row .card-body:hover .card-title{color:#fff}.article-row .card-body .card-title{height:45px;overflow:hidden;color:#4d4d4d;margin-bottom:0}.article-row .card-body .card-title h5{padding:0;margin:0}.article-row .card-body .caption-description{height:48px;overflow:hidden}.article-row .card-body .view-no{font-style:italic;font-size:.8rem}.article-row .card-body small{font-size:70%}.article-row .card-body .card-text{height:50px;overflow:hidden}.article-row .card-body .card-text p{margin-bottom:0}.article-list .article-row{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d9d9d9;position:relative;transition:.3s}.article-list .article-row:last-child{border-bottom:0}.article-list .article-row .article-subject{vertical-align:middle;margin-bottom:1rem;padding-right:340px;width:100%;font-size:18pt}.article-list .article-row .article-subject span{display:inline-block;vertical-align:top}.article-list .article-row .article-subject span.list-no{width:8%}.article-list .article-row .article-subject span.list-subject{width:90%}.article-list .article-row .article-subject span.created-date{color:#3d6662;font-size:.8rem}.article-list .article-row .article-link{text-align:right;width:340px;position:absolute;right:0;transition:.3s}.article-list .article-row .article-link .btn-link{background-color:#fff;border-radius:25px!important;width:190px;height:42px;border:1px solid #3d6662!important;color:#3d6662!important;text-decoration:none}.article-list .article-row .article-link .btn-link.active,.article-list .article-row .article-link .btn-link:active,.article-list .article-row .article-link .btn-link:hover{color:#fff!important;background-color:#3d6662!important;border:1px solid #3d6662!important}.article-list .article-row .article-link .btn-link.btn-unread{background-color:#3d6662!important;border-radius:25px!important;color:#fff!important;height:42px}.article-list .article-row .article-link .btn-link.btn-unread:active,.article-list .article-row .article-link .btn-link.btn-unread:hover{background-color:#fff!important;color:#3d6662!important;border:1px solid #3d6662!important}.article-list .article-row .article-link .icon-link{vertical-align:middle}.category-row .col-category{border:1px solid #d9d9d9;background-color:#eaeaea;text-align:center;border-radius:10px;padding:10px;display:inline-block;width:100%;color:#4d4d4d}.category-row .cate-active .col-category,.category-row .col-category:active,.category-row .col-category:hover{background-color:#3d6662;color:#fff;text-decoration:none}.artcle-code{color:#8c8c8c}@media (min-width:1330px){body.auth-bg{background-size:cover}}@media (max-width:991px){.article-row .article-subject{padding-right:290px}.article-row .article-link{width:281px}.article-row .article-link .btn-link{width:140px}}@media (max-width:767px){.article-row .article-subject{position:relative;padding-right:0;width:100%}.article-row .article-link{position:relative;width:100%;text-align:left}}@media (max-width:585px){#modal-questionnare.modal .modal-dialog .modal-content{background:transparent;border:none;margin-top:10%}#modal-questionnare.modal .modal-dialog .modal-content .modal-body .question-body{padding:0}}