/*Global Style*/
body {
  position: relative;
}

.background-page {
  position             : fixed;
  top                  : 0;
  left                 : 0;
  /* -webkit-filter    : brightness(98%) blur(3px) !important;
  filter               : brightness(98%) blur(3px) !important; */
  width                : 100%;
  height               : 100%;
  background           : url('/static/web/images/pexels-ivo-rainha-1290141.jpg');
  /* background        : url('/static/web/assets/background-page.jpeg'); */
  background-attachment: fixed;
  background-repeat    : no-repeat;
  background-size      : cover;
  z-index              : -1;
}

.wrapper {
  width     : 1100px;
  text-align: left;
  margin    : 0 auto;
}

.wrapper1 {
  width     : 1100px;
  text-align: left;
  margin    : 0 auto;
  background: url(/static/web/assets/bg4.png) no-repeat center;
}

.clear {
  clear: both;
}

p {
  padding: 10px 0 0 0;
}

a {
  font-size: 100%;
}

a:visited {
  color          : #333;
  text-decoration: none;
}

a:link {
  color          : #333;
  text-decoration: none;
}

a:hover {
  color          : #c00;
  text-decoration: none;
}

/* Content */
.content_home {
  width     : auto;
  /* margin : 0 0 50px 0; */
  /* padding: 30px 0 0 0; */
  border    : 1px solid #9b7046;
}

.content1 {
  width  : auto;
  margin : 0 0 50px 0;
  padding: 25px 20px 0 0;
}

/* Banner */
.banner1 {
  width               : auto;
  /* background       : url(/static/web/assets/vector-background-cong-nghe-so-2329.jpeg); */
  background-color    : #00000054;
  height              : 140px;
  /* background-repeat: no-repeat;
  background-size     : cover; */
}

/* .banner {width: auto; background: url("/static/web/assets/banner.jpg") no-repeat center top rgba(0, 0, 0, 0); height: 152px;} */
.banner {
  width           : 1100px;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-pack: start;
  -ms-flex-pack   : start;
  justify-content : flex-start;
  margin          : 0 auto;
  padding-top     : 20px;
}

.banner .quochuy {
  width    : 100px;
  z-index  : 2;
  /* height: 100px; */
}

.banner .sach_title {
  width: 200px;
}

.banner .bannerTitle {
  position      : relative;
  left          : -50px;
  width         : 100%;
  color         : #fff;
  font-weight   : 600;
  text-transform: uppercase;
  z-index       : 1;
}

.banner .bannerTitle_tongcuc {
  text-align : center;
  font-weight: 700;
  font-size  : 18px;
  line-height: 30px;
}

.banner .bannerTitle_en {
  text-align : center;
  font-size  : 12px;
  line-height: 20px;
}

.bannerTitle__hotline {
  text-align    : center;
  text-transform: initial;
}

.banner .bannerTitle_name {
  text-align : center;
  font-size  : 40px;
  line-height: 40px;
  margin-top : 12px;
  color      : red;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff,
    -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
  position     : relative;
  left         : -10px;
  margin-bottom: 0;
}

/* .banner img{ */
/* width: 100%; */
/* margin: auto; */
/* } */
/* Menu */
.wrapper-menu {
  text-align         : center;
  background-color   : #00000054;
  /* background-image: linear-gradient( 
90deg,#2769a4 12%,#4088cc 62%,#4a7ecb 104%); */
}

.menu {
  width     : 1100px;
  text-align: left;
  margin    : 0 auto;
}

.nav-icon {
  display: none;
}

.close-menu {
  display: none;
}

#menu-header-wigdet-2 {
  border-top: 0px solid #ccc;
  margin    : 0;
}

ul#dropdown-menu {
  list-style   : none;
  margin-bottom: 0;
}

ul#dropdown-menu li {
  float             : left;
  font-style        : normal;
  text-transform    : uppercase;
  -webkit-transition: 0.3s all ease;
  -o-transition     : 0.3s all ease;
  transition        : 0.3s all ease;
}

ul#dropdown-menu li a {
  display           : flex;
  padding           : 13px 15px 13px 15px;
  margin-right      : 0;
  border-top        : 0px solid #ccc;
  margin-top        : 0;
  color             : #fff;
  font-size         : 14px;
  font-weight       : bold;
  text-transform    : uppercase;
  -webkit-transition: 0.3s all ease;
  -o-transition     : 0.3s all ease;
  transition        : 0.3s all ease;
}

ul#dropdown-menu li i {
  margin-left: 5px;
}

ul#dropdown-menu li:hover,
ul.dropdown-menu li:hover {
  position       : relative;
  text-decoration: none;
  z-index        : 99999;
}

ul#dropdown-menu li:hover a {
  text-decoration : none;
  color           : #fff;
  background-color: rgb(4, 74, 124);
  font-weight     : bold;
}

ul#dropdown-menu li.current>a {
  color           : #fff;
  background-color: rgb(4, 74, 124);
  font-weight     : bold;
}

ul#dropdown-menu ul {
  width           : 330px;
  position        : absolute;
  /* top          : 100%;
  left            : 0; */
  list-style      : none;
  display         : none;
  background-color: rgb(4, 74, 124);
  border          : 0px solid #efefef;
  z-index         : 15;
  padding         : 5px 0;
}

ul#dropdown-menu ul li {
  width        : 310px;
  padding      : 0;
  border-bottom: 1px solid #5bb1fd;
  margin       : 0 0 0 20px;
}

ul#dropdown-menu ul li:last-child {
  border-bottom: none;
}

ul#dropdown-menu li .sub-menu li>a {
  width         : 300px;
  display       : inline-block;
  padding       : 10px 0;
  text-transform: none;
  font-size     : 12px;
  font-weight   : normal;
  color         : #fff;
}

ul#dropdown-menu li .sub-menu li>a:hover {
  text-decoration: none;
  color          : #ff0;
  border-bottom  : none;
}

ul#dropdown-menu li .sub-menu li:last-child>a {
  border: none;
}

ul#dropdown-menu li .sub-menu li:last-child>a:hover {
  border: none;
}

ul#dropdown-menu ul ul {
  left: 100%;
  top : -5px;
}

ul#dropdown-menu li:hover>ul {
  visibility: visible;
  display   : block
}

ul#dropdown-menu ul ul li>a {
  border-bottom: none;
}

.arrow {
  background: url(/static/web/assets/bg-sidenav.gif) no-repeat 150px 18px;
}

/* Search View */
.search-view {
  float  : right;
  padding: 6px 0 0 0;
}

.search-view .style1 {
  float        : left;
  border       : none;
  width        : 200px;
  padding      : 7px;
  color        : #666;
  behavior     : url(../styles/border-radius.htc);
  border-radius: 3px;
}

.search-view .style2 {
  float        : left;
  border       : none;
  padding      : 4px;
  margin       : 0 0 0 5px;
  width        : 270px;
  color        : #666;
  behavior     : url(../styles/border-radius.htc);
  border-radius: 3px;
}

.search-view .style3 {
  float        : left;
  border       : none;
  padding      : 5px 10px 5px 10px;
  font-weight  : bold;
  margin       : 0 0 0 5px;
  behavior     : url(../styles/border-radius.htc);
  border-radius: 3px;
}

.search-view .style3:hover {
  cursor          : pointer;
  background-color: #036;
  color           : #fff;
}

/* Footer */
.wrapper-footer {
  text-align         : center;
  background         : #4993ea url(/static/web/assets/bg_footer.jpg) 0 0 no-repeat;
  background-position: center;
  border-top         : 23px #1173e2 solid;
}

.footer {
  width     : 980px;
  text-align: left;
  margin    : 0 auto;
  position  : relative;
  color     : #fff;
  font-size : 11px;
}

.footer a:visited {
  color          : #fff;
  text-decoration: none;
}

.footer a:link {
  color          : #fff;
  text-decoration: none;
}

.footer a:hover {
  color          : #fff;
  text-decoration: underline;
}

.footer .item {
  position: absolute;
  right   : 0;
  top     : -20px;
}

.footer .item span {
  padding: 0 0 0 30px;
}

.footer .info {
  text-align : center;
  padding    : 7px 0 10px 0;
  line-height: 15px;
  color      : #333;
}

.socail-footer {
  position: absolute;
  right   : 0;
  margin  : 5px 10px 0 0;
}

.socail-footer li {
  float : left;
  margin: 0 5px 0 0;
}

/* @media(max-width: 1000px) {
	.banner img{
	width: 100%;
  margin: auto;
}
} */

.user_login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.user_login .login_text>span {
  text-align    : left;
  font          : normal normal bold 15px/25px Lato;
  letter-spacing: 0px;
  color         : #1175bb;
  cursor        : pointer;
}

.account-box .menu-icon {
  background        : #fbfbfb;
  border            : 1px solid hsla(0, 0%, 65.5%, 0.6);
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border-radius     : 45px;
  padding           : 3px;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
}

.account-box .menu-icon .account-box__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.account-box .b-avatar {
  position     : relative;
  display      : -webkit-box;
  display      : -ms-flexbox;
  display      : flex;
  width        : 25px;
  height       : 25px;
  border-radius: 50%;
  border       : 1px solid hsla(0, 0%, 65.5%, 0.6);
}

.account-box .rq-login {
  background-image   : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDQuNzE0YTMuOTI5IDMuOTI5IDAgMTAwIDcuODU3IDMuOTI5IDMuOTI5IDAgMDAwLTcuODU3eiIgZmlsbD0iIzQ0NDk1MyIvPjxwYXRoIGQ9Ik0xMSAwYTExIDExIDAgMTAxMSAxMUExMS4wMTIgMTEuMDEyIDAgMDAxMSAwem02LjI4IDE4LjAxM2EzLjkzIDMuOTMgMCAwMC0zLjkyMy0zLjg3SDguNjQzYTMuOTMgMy45MyAwIDAwLTMuOTIyIDMuODcgOS40MjkgOS40MjkgMCAxMTEyLjU2IDBoLS4wMDJ6IiBmaWxsPSIjNDQ0OTUzIi8+PC9zdmc+);
  background-position: 50%;
  background-repeat  : no-repeat;
}

.account-box .arrow.down {
  -webkit-transform: rotate(135deg);
  -ms-transform    : rotate(135deg);
  transform        : rotate(135deg);
  top              : 5px;
}

.account-box .name-avatar {
  display    : inline-block;
  margin     : 2px 5px;
  color      : #222;
  font-weight: 500;
}

.account-box .arrow {
  position    : relative;
  content     : '';
  display     : inline-block;
  width       : 10px;
  height      : 10px;
  border-right: 0.2em solid #000;
  border-top  : 0.2em solid #000;
  margin-right: 0.5em;
  margin-left : 1em;
}

.check_login {
  float     : right;
  margin-top: 5px;
}

.div_search_input {
  width  : 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search_input {
  margin-top   : 5px;
  border-radius: 45px !important;
  width        : 980px !important;
  margin       : 10px auto 0;
}