html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  max-height: 99999px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #444;
}

a{ text-decoration: none; color: #01bffb; }
a:hover{ text-decoration: none; color: #444; }

.wrapper {
  max-height: 99999px;
  max-width: 1920px;
  min-height: 100%;
  height: 100%;
  height: auto !important;
  margin: 0 auto -251px;
  position: relative;
}

.push {
  height: 251px;
  display: block;
  clear: both;
}

.cur {
  cursor: pointer;
}

.white {
  color: #ffffff;
}

.white-bg {
  background: #ffffff;
}

.brown {
  color: #ebebeb;
}

.brown-bg {
  background: #ebebeb;
}

.red {
  color: #f40201;
}

.red-bg {
  background: #f40201;
}

.green {
  color: #0e783a;
}

.green-bg {
  background: #0e783a;
}

.blue {
  color: #FF6347;
}

.blue-bg {
  background: #FF6347;
}

.dark-blue {
  color: #0101f5;
}

.dark-blue-bg {
  background: #0101f5;
}

.phone{
  position: absolute;
  right: 15px;
  top: 0;
  background: #FF6347;
  padding: 10px 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.shopee {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
.shopee img{
  width: 40px;
}

.menu { list-style: none; padding: 0 0 0 15px; margin: 0; }
.menu > li{ list-style: none;  float: left; position: relative; }
.menu > li > a{ display: block; padding: 80px 20px 10px 20px; text-decoration: none; color: #FF6347; }
.menu > li > a.active{ color: #ffffff; background:#FF6347; }
.menu > li > a:hover{ color: #ffffff; background:#FF6347; }
.menu > li > ul{ display: none; list-style: none; position: absolute; top: 100%; left: 0; background: #fff; z-index: 999; margin: 0; padding: 0; width: max-content; }
.menu > li:hover > ul{ display: block; }
.menu > li > ul > li > a{ display: block; padding: 5px 15px; text-decoration: none; color: #FF6347; }
.menu > li > ul > li > a:hover{ color: #fff; background: #FF6347; }

.div-mobile { height: 114px; position: relative; width: 100%; }
.div-mobile-btn { position: absolute; left: 15px; bottom: 10px; font-size: 2em; cursor: pointer; }
.menu-mobile { position: absolute; top:100%; width: 100%; background: #fff; z-index: 999; display: none; }
.menu-mobile > ul { display: block; list-style: none; padding: 0; margin: 0; width: 100%; }
.menu-mobile > ul > li > a{ display: block; text-align: center; text-decoration: none; padding: 5px 15px; color: #FF6347; }
.menu-mobile > ul > li > a.active{ color: #fff; background: #FF6347; }
.menu-mobile > ul > li > a:hover{ color: #fff; background: #FF6347; }
.menu-mobile > ul > li > ul{ list-style: none; padding: 0; margin: 0; width: 100%; display: none; }
.menu-mobile > ul > li > ul > li > a{ display: block; text-align: center; text-decoration: none; padding: 5px 15px; color: #01bffb; background: #FF6347; }
.menu-mobile > ul > li > ul > li > a:hover{ color: #fff; background: #FF6347; }

.max-height {height: 100%;}
.max-width {width: 100%;}

.pdf-link:hover {
  background: #fff;
}

.pdf-link:hover a{
  color: #444;
}

@media (orientation:portrait) {

}
/*xl*/
@media (max-width: 1200px) {}
/*lg*/
@media (max-width: 992px) {
  .wrapper {
    margin: 0 auto -152px;
  }
  .push {
    height: 152px;
  }
}
/*md*/
@media (max-width: 768px) {

  h1 { font-size: 1em;}
  h2 { font-size: 1.5rem;}
}
/*sm*/
@media (max-width: 576px) {}