﻿body{margin: 0; padding: 0}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.main-header {
    margin: auto;
    max-width: 1200px;
}
/* Bengin dropdown*/

/* dropdown 1*/
.btn-icon { width:40px; height:40px; background:#f2f2f2; border-radius:100%; display:inline-block; place-items:center; display:grid; }
.user-top { position:relative; display:inline-block; }
.btn-dropdown { cursor:pointer; }
.dropdown-wrapper {right: 0; background:#fff; display:none; position:absolute; z-index:9991; width:260px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.dropdown-form { padding:16px; }
.ul_dropdown a { padding:12px; float:left; width:100%; border-bottom:solid 0.5px #e0e0e0; line-height:1.6; }
.icon-dropdown.dropdown-active1 .icon12 { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.dropdown-right { right:0; }
/*End*/
.user-top {
    position: absolute; display: none;
    right: 16px;
    top: 12px;text-align: left;
}.avata-user2 {
    height: 36px;
    width: 36px;
    display: inline-block;
    position: relative;
    border-radius: 100%;
    border: solid 1px #ddd;
}
.btn-dropdown.fixm {
    cursor: pointer;
    display: inline-block;
}.no-login {
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 100%;
    border: solid 1px #eaeaea;
    display: inline-block;
}.icon-language {
    font-size: 13px;
    margin-left: 10px;
    float: right;
}.icon-language img {
    height: 16px
}.rows-language {
    float: left;
    width: 100%;
    padding: 16px;
}.back-lvn .ic {
    float: left; margin-right: 5px;
}
.back-lvn{color: #a67942}
.box-more {
    display: none;
    width: 100%;
    float: left;
}
@media only screen and (max-width:800px) {
	.form-group1 {
    margin-bottom: 12px;
}
	.padding-left20 {
    padding-left: 0;
}
.col-sm-222 {
    padding-top: 0;
}.col-sm-1 {
    width: 100%; margin: 0; line-height: 1.6
}.col-sm-2, .col-sm-222 {
    width: 100%;
}.col-xs-2 {
    margin: 0;
    width: 100%;
}
	.view-post {
    float: left;
    padding-top: 0;
    margin-bottom: 10px;
    width: 100%;
}.icon-save {
    height: 16px;
    width: 16px;margin-top: 3px;
}
	.page-content {
    margin-bottom: 20px;
}
	.box-more{display: block}
	.user-top {
   display: block;
}
	.box-search-widget {
    padding: 10px;
}
	.content-entry {
    padding: 16px 12px;
    color: #333;
    width: 100%;
}.wg-l1 {
    margin-bottom: 0;
    margin-left: 0;width: 70%;
}
	.col-vbitem-3 {
    width: 100%;
    margin-right: 0;
}
	.exampleinputsearch-wg {
    width: 100%; margin: 0; margin-bottom: 10px
}
	.MsoNormalTable {
    display: flex;
    overflow-x: auto;
}
	.select2 {
    text-indent: 0;
    padding: 0 8px;
}
	.text-item {
    width: auto !important;
}
	.thumb220 {
    width: 130px;
}
	.customNavigation {
    position: absolute;
    right: 16px;
}.btn.prev33.btn1 {
    height: 32px;
    width: 32px;
    background-size: 32px;
}.btn.prev33.btn1:hover {
	 background-size: 32px;
}
	.btn.next33.btn2:hover {
	 background-size: 32px;
}
	.btn.next33.btn2 {
    height: 32px;
    width: 32px;background-size: 32px;
}.btn.next33 {
    float: left;
    left: 0;
}.btn.prev33 {
    float: left;
    left: 0;
}
	.btn.next33, .btn.prev33 {
    top: 0;
}
	.content-giao-dich {
overflow-x: auto;
display: flex;

}.sidebar {
    width: 100% !important;
    float: left;
}.content-right {
    float: left;
    width: 100%;
}
	.thongbao-item3 {
    padding: 12px;
    width: 100%;
}
	.tab-nav-item-ad {
    margin-bottom: 5px;
}
	.content-left {
    width: 100%;
}
	.btn-nhap-lai.dk2 {
    margin-left: 0;
}
.btn-dang-ky {
    margin-left: 0;
    float: right;
}
.form-forget {
	padding: 12px;
	width: 100%;
}
.forgetpassword {
	width: 100%;
}
.left-doc-btn {
	width: 100%;
	margin-bottom: 12px;
}
.sortright {
	float: left;
	width: 100%;
}
.select-item, .text-item {
	margin-left: 0;
	float: left;
}
.text-item.x2 {
	width: 130px;
	margin: 0;
	margin-right: 0px;
	margin-right: 5px;
}
.count-123.page {
	width: 10%;
}
.news-left-post {
	width: 60%;
}
.icon-home, .item-loctheo {
	margin-left: 0;
}
.register-from {
	padding: 12px;
	width: 100%;
}
.breadcrumb {
	margin-bottom: 12px;
}
.container {
	width: 100%;
	padding: 0 12px; padding-top: 68px;
	float: left;
}
.content-center-pages.searchblog {
	float: left;
	width: 100%;
}
.content-center-pages {
	float: left;
	width: 100%;
}
.sidebar-nav.searchblog {
	float: left;
	margin-right: 0;
	width: 100%;
	display: none
}
.banner, .more-wg {
	text-align: center;
}
.banner {
	text-align: center;
}
.copyright {
	padding: 16px;
}
.pagination-right {
	width: 200px;
}
.count-123 {
	width: 7%;
}
.news-left-post {
	width: 63%;
}
.post-time-right.page {
	width: 20%;
}
.padding20 {
	padding: 12px;
}
.tim-kiem-nang-cao-right.edit {
	padding-right: 0;
	float: left;
}
.dropdown-search {
	margin-top: 0;
}
.row-tim-kiem.padding-0 {
	width: 100%;
	margin-bottom: 16px;
}
.item-checkbox {
	margin-bottom: 8px; margin-right: 16px
}.item-checkbox:last-child {margin-right: 0
}
.select-nang-cao {
	margin-right: 3%;
	width: 48.5%;
}
.select-nang-cao:nth-child(2n+2) {
	margin-right: 0
}
.from-tim-kiem-item-1.edit {
	width: 100%;
	margin-right: 0;
	margin-bottom: 16px
}
.from-tim-kiem-item-3.edit {
	width: 100%;
}
.btn-default {
	float: right;
}
.radio input[type="radio"] + .radio-label::before {
	float: none;margin-right:6px;
}input, select{
    text-indent: 0 !important;
    padding: 0 10px;
	
}select {
    background: url(../images/arow.svg) no-repeat !important;
        background-position-x: 0% !important;
        background-position-y: 0% !important;
    background-position: right 8px top 50% !important;
    padding-right: 24px !important;
	background-color: #fff !important;
}
.logo-en {
	margin-top: 10px;
	float: none;
	display: inline-block;
}
.img-logo {
	height: 36px;
	width: auto;
}
.logo-en img {
	width: auto;
}
.nav-item {
	display: none;
}
.fixright {
	float: left;
	width: 100%; display: none
}
.header {
    text-align: center;
    margin-bottom: 0;
    height: 56px;
    position: fixed;
    top: 0;z-index: 99;
    left: 0;
}
.menu-list {
	display: table-cell;
	margin: 0;
	text-align: center;
	border: 0;
	float: none;
}
.language-item {
	display: none;
}
.language-vi-en {
	margin-top: 0;
	position: absolute;
	top: 20px;
	right: 16px;
}
.language-vi-en.fixx {
	margin-right: 40px;
}
.rightmenu {
	float: left;
	width: 100%;
	display: table; display: none
}
.tab-nav-item1, .tab-nav-item2, .tab-nav-item3, .tab-nav-item4, .tab-nav-item5 {
	padding: 0 6px;
	font-size: 13px;
}
.navbottom-item {
	line-height: 40px;
	margin: 0 12px;
	font-size: 14px;
}

}


/* pushbar mySidebar */
.pushbar_locked{overflow:hidden;height:100vh;position:fixed;width:100%}
.pushbar{background:#fff;z-index:99999;position:fixed;will-change:transform;overflow-y:auto;transition:transform 0.5s ease;will-change:transform;}
.pushbar_overlay{z-index:-999;position:fixed;width:100%;max-width:100%;height:100%;min-height:100vh;top:0;left:0;will-change:opacity;opacity:0;will-change:opacity;background:#3c3442}
.pushbar_locked .pushbar_overlay{opacity:0.8;z-index:999;transition:opacity 0.5s ease}
.pushbar.from_left{top:0;left:0;width:300px;max-width:100%;height:100%;overflow-x: hidden;transform:translateZ(0) translateX(-100%)}
.pushbar.from_right{top:0;right:0;width:300px;max-width:100%;height:100%;overflow-x: hidden;transform:translateZ(0) translateX(100%)}
.pushbar.from_top{top:0;left:0;width:100%;max-width:100%;transform:translateZ(0) translateY(-100%)}
.pushbar.from_bottom{bottom:0;left:0;width:100%;max-width:100%;transform:translateZ(0) translateY(100%)}
.pushbar.opened{transform:translateX(0px) translateY(0px)}
.close-pushbar-top {    position: absolute;    text-align: center;    left: 5px;    color: #777;    width: 36px;    height: 36px;    line-height: 36px;    border-radius: 100%;    top: 10px;}
.input_pushbar{border:0;padding:0 50px;height:56px;color:#757575}
.input_pushbar:focus{border:0}
.pushbar_search {    position: absolute;    color: #757575;    width: 36px;    height: 36px;    top: 10px;    right: 5px;}
.btn-pushbar-menu {    position: absolute;    left: 5px;    width: 36px;    height: 36px;    z-index: 99;    border-radius: 100%;    top: 12px;}
.btn-search { width:36px; height:36px; z-index:99; text-align:center; line-height:36px; border-radius:100%; display:inline-block; cursor:pointer; }
.btn-pushbar-close {
    position: relative;
    z-index: 99;
    cursor: pointer;
    width: 36px;
    float: right;
    color: #666;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 100%;
    top: 8px;
    right: 8px;
}
.icon-bacck { float:left; width:48px; text-align:center; line-height:48px; }
.btn-pushbar-3 {cursor: pointer; position: absolute;    left: 8px;    top: 10px;    width: 36px;    height: 36px;    line-height: 36px;    text-align: center;    border-radius: 100%; display: none}
.pushbar-hide{display: none;}
.btnleft {
    position: absolute;
    height: 40px;
    width: 48px;
    left: 0;
    line-height: 48px;
    top: 8px; display: none; cursor: pointer
}
.menu-mobi {
    float: left;
    width: 100%;
}.menu-lever1 { float: left;
    width: 100%;
    border-top: solid 1px #eaeaea;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}.menu-lever1 a {
	float: left;
    width: 100%;
    padding: 14px 16px;
}.menu-lever1 span {
	float: left;
    width: 100%;
    padding: 14px 16px;
}
.menu-lever-sub { float: left;
    width: 100%;
	padding: 0 16px 8px 36px;
    font-size: 15px;
    max-height: 350px;
    overflow-y: auto;
}
.menu-lever2 {
     float: left;
    width: 100%;
}.menu-lever2 a {
    padding: 10px 0; float: left;
    width: 100%;
}.menu-lever2 span {
    padding: 10px 0; float: left;
    width: 100%;
}
@media only screen and (max-width:800px){
	.pushbar-hide{display: block;}
	.btnleft {display: block
}
}
/* End */
