/*template news ====================*/
  #news-custom {
    height: auto;
    display: block;
    text-align: left;
    }
  .theme-list{
      cursor: pointer;
  }
  /*Theme 1*/
  .theme-1-item{
      width: 100%;
      padding: 0px;
      margin: 0px;
      float: left;
  }
  .theme-1-item-title{
    float: left;
    padding-left: 0.8em;
    padding-right: 0.8em;
    background-color: #fe9094;
    color: #FFFFFF;
    font-size: 0.8em;
    border-radius: 7px;
    border: 1px solid #FFA2A8;
    line-height: 10px;
    font-weight: normal;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
  }
  .theme-1-item-date{
      float: left;
    padding-left: 2px;
    padding-right: 2px;
    color: #808087;
    font-size: 0.8em;
    margin-left: 0.2em;
    height: 10px;
    font-weight: normal;
  }
  .theme-1-item-content{
	  font-weight: bolder;
    color: #656565;
    font-size: 0.8em;
    margin-left: 0.2em;
    word-break: break-word;
  }
  .clear{
      clear: both;
  }


  /*theme 4*/
  #news-custom .slick-slide{
    margin-left: 0;
    margin-right: 0;
  }

  .slick-next{
      position: absolute !important;
      top: 50% !important;
      right: 0px !important;
      z-index: 1 !important;
      padding-left: 10px;
      padding-right: 10px;
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 12px;
      margin-left: 12px;
      margin-top: 0;
  }
  .slick-prev{
      position: absolute !important;
      top: 50% !important;
      left: 0px !important;
      z-index: 1 !important;
      padding-left: 10px;
      padding-right: 10px;
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 12px;
      margin-left: 12px;
      margin-top: 0;
  }

  .slick-dots{
      bottom: -2px !important;
  }

  .slick-dots li button:before
  {
      color: #FFFFFF !important;
  }
  .slick-dots li.slick-active button:before
  {
      color: #FFFFFF !important;
  }
  .slick-dots li{
      margin: 0px !important;
      padding: 2px;
  }
  section.theme-4-slider{
      margin: 0px;
  }

  #iframe{
      background: #e6e6ee;
  }

  .theme-box-item-background{
      background-color: #FFFFFF;
      padding: 11px;
      padding-bottom: 0;
  }

  .kernel-item{
          border-bottom: 1px solid #C2C2C8;
          padding-bottom: 10px;
  }

  .theme-list .title-date{
      float: left;
      width: 100%;
      margin-bottom: 2px;
  }
  .theme-list-link:last-child .kernel-item{
      border-color: #FFFFFF;
  }

  a.theme-list-link:first-child .theme-box-item{
      padding-top: 0.75em;
  }
  .box-button-membership {
      background: #e6e6ee !important;
  }
  .box-button-membership .bt_membership a {
    margin-bottom: 1em !important;
  }
  

  /*end template news*/
/* for catologue */
ul.categories-list.slick-initialized.slick-slider {
    padding-left: 5px;
    padding-right: 5px;
}
.categories-list {
    display: inline-block;
    padding-top: 12px;
}
.categories-list li {
    display: inline-table;
    width: 22%;
}

.categories-list.categories-list-fix li {
    width: 25%;
}

.categories-list li img {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
}
.icon-game {
    vertical-align: middle;
}
.categories-list li div.title {
    float: left;
    width: 100%;
    text-align: center;
    height: 23px;
    overflow: hidden;
    word-break: break-word;
    color: #808080;
    font-size: 0.809em;
    font-weight: normal;
}
  /*end template catologue*/
/* for footer */
.menulist {
    width: 100%;
    font-weight: bolder;
    background-color: #fff;
    border: 0;
    -webkit-border-radius: 0;
    border-top: solid 4px #F5F5FA;
    margin: 0;
    margin-top: 15px;
}
.menulist li {
    padding-right: 18px;
    text-align: left;
    line-height: 47px;
    padding-left: 18px;
    border-top: 0;
    border-bottom: 0;
}
.menulist .arrow,.menulist .arrow,#categorylist .arrow,#buycoin .arrow {
    float: right;
    line-height: 51px;
    margin-top: 17px;
}
.menulist li a{
    color: #000000;
    font-size: 0.882em;
    font-weight: normal;
}
.menulist p {
	padding: 32px !important;
    text-align: center;
    clear: both;
    background: #F5F5FA;
}
.menulist p a {
    color: #000000;
	font-size: 9px;
    font-weight: normal;
}

/* style for banner */
.banner-list li {
    width: 49%;
    display: inline-block;
    text-align: left;
    padding: 13px 0px;
}

.banner-list li h3{
    font-size: 1.029em;
    color: #000000;
    font-weight: normal;
}



/*style for toolbar */
header {
    background: #fff;
}
section.logo {
    padding: 10px;
}
section.coin {
    width: auto;
}
section.coin a{
    color: #000;
    padding-top: 20px;
    display: block;
    min-height: 20px;
}
section.coin a p{
    float: left;
    line-height: 11px;
    font-size: 1em;
    font-style: initial;
}
.menu_btn {
    background: url(../img/new_icon/menu_icon.png) no-repeat;
    background-size: 33% 22%;
    background-position: 15px 20px;
}

/* style for menu */
.offcanvas_menu {
    margin-top: 1px;
}

.height-header{
    height: 51px; 
    width: 100%;
}