@charset "utf-8";
  /* CSS Document */
  /*-----------------------------------------------  
index.css  
06/11/2016
NguyenAnhNhat 
-----------------------------------------------*/
  
  .banner {
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
      text-align: center;
      background-color: #000000;
  }
  
  .title_banner {
      text-align: center;
      width: 100%;
      float: left;
      line-height: 0;
  }
  
  .title_banner img {
      max-width: 100%;
  }
  
  .sub_banner {
      font-weight: bold;
      font-family: sans-serif;
      font-size: 30px;
      text-align: center;
      color: #EA5514;
      line-height: 1;
  }
  
  .banner .inner .logo_white {
      float: left;
      margin-top: 100px;
  }
  
  .logo_white a:hover {
      opacity: 0.8;
  }
  
  .banner .inner .icon_arrow {
      float: left;
      margin-left: 300px;
      margin-top: 100px;
  }
  
  .banner .inner .icon_arrow img:hover {
      opacity: 0.8;
  }
  
  #content {
      width: 100%;
      margin: auto;
      overflow: hidden;
      position: relative;
      z-index: 1;
  }
  
  .area1 {
      width: 100%;
      background: #000;
      margin: 0 auto;
      overflow: hidden;
      padding-top: 5%;
      padding-left: 0%;
      padding-bottom: 5%;
  }
  
  .area1 .inner ul {
      list-style: none;
      overflow: hidden;
  }
  
  .area1 .inner ul li {
      float: left;
      border-right: 1px solid #fff;
      padding-right: 28px;
      padding-left: 28px;
  }
  
  .area1 .inner ul li:first-child {
      padding-left: 0;
  }
  
  .area1 .inner ul li:last-child {
      border: none;
  }
  
  .area1 .inner ul li.active a {
      color: #666666;
  }
  
  .area1 .inner ul li a {
      color: #fff;
      text-decoration: none;
      font-size: 24px;
      font-weight: bold;
  }
  
  .area1 .inner ul li a:hover {
      text-decoration: underline;
  }
  
  .area2 {
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
      padding-bottom: 104px;
  }
  
  .back-grd {
      width: 100%;
      margin: auto;
      overflow: hidden;
  }
  
  .back-grd .inner {
      position: relative;
  }
  
  .back-grd:nth-child(odd) {
      background: #f2f2f2;
  }
  
  .back-grd:nth-child(even) {
      background: #fff;
  }
  
  .title_or {
      color: #FF5500;
      font-size: 24px;
      background: url(../img/shop/icon_text.png) no-repeat left center;
      padding-left: 43px;
      margin: 40px 0px 65px 120px;
      font-weight: bold;
      float: left;
  }
  
  .title_or.first_title {
      margin: 35px 0px 35px 120px;
  }
  
  .list_shop {
      float: left;
      list-style: none;
      margin: 35px 0px 65px 85px;
  }
  
  .list_shop li {
      width: 100%;
      border-bottom: 2px solid #9f9f9f;
      border-bottom-style: dotted;
      overflow: hidden;
      padding: 8px 0px 8px 0px;
  }
  
  .list_shop li:last-child {
      border-bottom: none;
  }
  
  .list_shop li p {
      float: left;
      font-size: 15px;
  }
  
  .col1 {
      width: 250px;
  }
  
  .col2 {
      width: 358px;
  }
  
  .col3 a {
      text-decoration: none;
      color: #000;
  }
  
  .col3 a:hover {
      text-decoration: underline;
  }
  
  .no_border ul li {
      border: none!important;
  }
  
  .back-grd.no_border .list_shop {
      margin: 35px 0px 274px 85px;
  }
  .text_vertical {
      position: absolute;
      top: -111px;
      left: 660px;
      line-height: 1;
      font-size: 29px;
  }
  
  .no_overflow {
      overflow: visible!important;
  }
  @media screen and (max-width: 1200px) {
  .area1 .inner ul li a {
    font-size: 18px;
  }
  .area1 .inner ul li {
    float: left;
    border-right: 1px solid #fff;
    padding-right: 10px;
    padding-left: 10px;
  }
}
  @media screen and (max-width: 767px) {
      .title_page {
          width: 35%;
          float: left;
      }
      .title_page img {
          max-width: 100%;
      }
      .area1 {         
          background: #fff;         
          padding: 0;     
      }
      .area1 .inner {
          width: 100%;
          padding: 0;
          float: left;
          box-sizing: border-box;
      }
      .area1 .inner ul {
          width: 100%;
          float: left;
          border: 1px solid #000;
          box-sizing: border-box;
      }
      .area1 .inner ul li {
          float: left;
          padding: 2% 0% 2% 0%;
          width: 25%;
          border-bottom: 1px solid #000;
          border-right: 1px solid #000;
          box-sizing: border-box;
          text-align: center;
      }
      .area1 .inner ul li+li+li+li+li {
          border-bottom: none;
      }
      .area1 .inner ul li:nth-child(4n) {
          border-right: none;
      }
      .area1 .inner ul li:nth-child(even) {
          /* border-right: none;*/
      }
      .area1 .inner ul li:last-child {
          /* border-bottom: none;*/
      }
      .area2 .inner {
          width: 100%;
          float: left;
          padding: 0 8%;
          box-sizing: border-box;
      }
      .title_or {
          color: #FF5500;
          font-size: 24px;
          background: url(../img/shop/icon_text.png) no-repeat left center;
          padding-left: 43px;
          margin: 65px 0px 65px 120px;
          font-weight: bold;
          float: left;
      }
      .first_title {
          margin: 5% 0% 5% 0%;
      }
      .area1 .inner ul li a {
          color: #000;
          text-decoration: none;
          font-size: 19px;
          font-weight: bold;
      }
      .title_or {
          color: #FF5500;
          font-size: 24px;
          background: url(../img/shop/icon_text.png) no-repeat left center;
          padding-left: 15%;
          margin: 5% 0%;
          font-weight: bold;
          float: left;
      }
      .title_or.first_title {
          margin: 5% 0%;
      }
      .list_shop {
          width: 100%;
          float: left;
          list-style: none;
          margin: 5% 0%;
      }
      .list_shop li {
          width: 100%;
          /*border-bottom: 2px solid #9f9f9f;
          border-bottom-style: dotted;*/
          border-bottom: none;
          overflow: hidden;
          padding: 1% 0%;
      }
      .list_shop li p {
          float: left;
          font-size: 14px;
      }
      .row {
          width: 100%;
          float: left;
          overflow: hidden;
      }
      .col1 {
          width: 100%;
          background: url(../img/shop/icon_shop_sp.png) no-repeat left center;
          padding-left: 24px;
      }
      .col2 {
          width: auto;
          margin-right: 15px;
      }
      .col3 {
          width: auto;
      }
      .col3 a {
          text-decoration: none;
          color: #000;
      }
      .col3 a:hover {
          text-decoration: underline;
      }
      .back-grd.no_border .list_shop {
          margin: 5% 0%;
      }
  }