/* @font-face {
  font-family: "Lucida Sans";
  src: url("LSANS_1.TTF", "LSANSD_1.TTF", "LSANSDI_1.TTF", "LSANSI_1.TTF");
} */

@font-face {
    font-family: "AKbalthom KhmerLer";
    src: url("AKbalthom KhmerLer.ttf");
  }
  
  /* line 1, ../../sass/Layout/_header.sass */
  body {
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    font-size: 15px;
    background: #000 url("../../images/web_bg.jpg") no-repeat top center;
  }
  #left-banner {
      position: fixed;
      top: 100px;
      left: 0px;
      z-index: 999;
  }
  #right-banner {
      position: fixed;
      top: 100px;
      right: 0px;
      z-index: 2;
  }
  /* line 11, ../../sass/Layout/_variable.sass */
  .wrapper {
    width: 990px;
    position: relative;
    margin: 0px auto;
  }
  .info-togle > a {
    position: relative;
    left: 32px;
    top: 20px;
    color: transparent;
    font-size: 13px;
  }
  /* line 16, ../../sass/Layout/_variable.sass */
  .clear-fix {
    clear: both;
  }
  
  /* line 9, ../../sass/Layout/_header.sass */
  #menu {
    height: 26px;
    float: right;
    margin: 0px;
    padding: 8px 0px 8px 20px;
  }
  #right > div:nth-child(2) {
      float: right;
  }
  /* line 14, ../../sass/Layout/_header.sass */
  #menu li {
    list-style: none;
    text-align: center;
    float: left;
  }
  /* line 18, ../../sass/Layout/_header.sass */
  #menu li a {
    font-size: 12px;
    text-decoration: none;
    padding: 0px 10px;
    color: white;
    display: block;
    border-right: 1px solid white;
    text-shadow: 1px 1px 2px black;
  }
  /* line 27, ../../sass/Layout/_header.sass */
  #menu li:last-child > a {
    border-right: none;
  }
  
  /* line 29, ../../sass/Layout/_header.sass */
  #bottom_menu {
    width: 100%;
    display: table;
    padding: 0px;
  }
  /* line 33, ../../sass/Layout/_header.sass */
  #bottom_menu li {
    list-style: none;
    float: left;
  }
  /* line 36, ../../sass/Layout/_header.sass */
  #bottom_menu li a {
    text-decoration: none;
    font-weight: bold;
    color: white;
    padding: 6px 15px;
    font-size: 13px;
  }
  /* line 42, ../../sass/Layout/_header.sass */
  #bottom_menu li a.current-menu-item {
    background-color: black;
    border-radius: 2px;
    box-shadow: 0px 0px 12px #ffff44;
  }
  
  /* line 46, ../../sass/Layout/_header.sass */
  .contact{
    float: left;
    margin-top: 25px;
    margin-bottom: 0;
  }
  .contact li{
    float: left;
    list-style-type: none;
    margin-right: 10px;
  }
  .contact li a {
    padding:  0px 10px 0px 0px;
    float: right;
    text-decoration: none;
    color: white;
    font-style: italic;
    font-weight: bold;
    background-color: #202125;
    border-radius: 19px;
    font-family: Myriad Pro;
    box-shadow: 0px 0px 8px #ffff46;
    border: 2px solid #ffff46;
  }
  .contact li a > img {
    float: left;
    vertical-align:  middle;
    margin-right: 3px;
    padding: 3px;
  }
  .contact li a span{
    float: left;
    margin-top: 8px;
  }
  .contact li a span p{
    margin: 0 0;
  }
  
  /* line 59, ../../sass/Layout/_header.sass */
  #right > div:nth-child(1) {
    padding: 10px 0px;
  }
  
  /* line 61, ../../sass/Layout/_header.sass */
  #header {
    height: 178px;
  }
  /* line 63, ../../sass/Layout/_header.sass */
  #header #top-wrapper #logo {
    width: 342px;
    height: 134px;
    float: left;
    background: url("../../images/logo.png") no-repeat center center;
  }
  /* line 68, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right {
    position: absolute;
    right: 0px;
    float: right;
  }
  /* line 72, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right #contact {
    height: 30px;
  }
  /* line 20, ../../sass/Layout/_variable.sass */
  #header #top-wrapper #right #contact ul {
    padding: 0px;
    margin: 0px;
    margin-top: 4px;
  }
  /* line 24, ../../sass/Layout/_variable.sass */
  #header #top-wrapper #right #contact li {
    list-style: none;
    float: left;
  }
  /* line 27, ../../sass/Layout/_variable.sass */
  #header #top-wrapper #right #contact li a {
    text-decoration: none;
    color: #6ea6cf;
    font-family: Lucida Sans;
    font-weight: bold;
    font-size: 12px;
  }
  /* line 33, ../../sass/Layout/_variable.sass */
  #header #top-wrapper #right #contact li img {
    vertical-align: middle;
  }
  /* line 75, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right .my-form {
    margin-top: 28px;
    margin-bottom: 10px;
    text-align: right;
    position: relative;
  }
  /* line 80, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right .my-form input[type="text"] {
    background: url("../../images/txtbox.png") no-repeat top left;
    border: none;
    height: 30px;
    width: 124px;
    margin-left: -2px;
    font-family: Arial;
    padding-left: 12px;
  }
  /* line 88, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right .my-form input[type="text"]:focus {
    outline: none;
  }
  /* line 90, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right .my-form span {
    position: relative;
  }
  /* line 92, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right .my-form input[id="txtcode"] {
    background: url("../../images/txtcode.png") no-repeat top left;
  }
  /* line 94, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right .my-form .code {
    position: absolute;
    right: 14px;
    font-size: 19px;
    font-family: Arial;
    font-weight: bold;
    top: -2px;
  }
  /* line 101, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right .my-form #btnLogin, #header #top-wrapper #right .my-form #btndaftar {
    background: url("../../images/btn.png") no-repeat top left;
    border: none;
    height: 32px;
    width: 96px;
    font-family: Lucida Sans;
    color: white;
    font-size: 12px;
    cursor: pointer;
  }
  /* line 110, ../../sass/Layout/_header.sass */
  #header #top-wrapper #right .my-form #btnLogin:focus, #header #top-wrapper #right .my-form #btndaftar:focus {
    outline: none;
  }
  
  /* line 112, ../../sass/Layout/_header.sass */
  #runningText {
    font-size: 12px;
    color: yellow;
    font-style: italic;
    float: left;
    width: 100%;
    
  }
  
  /* line 120, ../../sass/Layout/_header.sass */
  .info-togle {
    width: 194px;
    height: 80px;
    float: right;
    background: url("../../images/info_togel.png") no-repeat top center;
  }
  
  /* line 125, ../../sass/Layout/_header.sass */
  .info-togle > span {
      position: relative;
      left: 86px;
      top: 24px;
      font-size: 23px;
      font-family: Myriad Pro;
      color: white;
      font-style: italic;
      position: relative;
      top: 8px;
      left: 60px;
  }
  
  /* line 1, ../../sass/Layout/_body.sass */
  #slideshow {
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
  }
  
  /* line 4, ../../sass/Layout/_body.sass */
  .slidesjs-previous,
  .slidesjs-next,
  .slidesjs-play,
  .slidesjs-pagination,
  .slidesjs-stop {
    display: none !important;
  }
  
  /* line 10, ../../sass/Layout/_body.sass */
  #slideshow #slides {
    padding: 0px;
  }
  
  /* line 12, ../../sass/Layout/_body.sass */
  .daftarsekarang {
    background: url("../../images/daftarsekarang.png") no-repeat center center;
    width: 320px;
    height: 568px;
    position: relative;
    z-index: 888;
    color: white;
    font-size: 12px;
    line-height: 16px;
  }
  /* line 21, ../../sass/Layout/_body.sass */
  .daftarsekarang table {
    position: relative;
    width: 100%;
    padding: 0px 10px;
    top: 90px;
  }
  /* line 26, ../../sass/Layout/_body.sass */
  .daftarsekarang table tr td:nth-child(2) > input, .daftarsekarang table tr td:nth-child(2) > select {
    width: 148px;
    height: 28px;
    border-radius: 5px;
    border: none;
    box-shadow: inset 0px 1px 8px 2px rgba(132, 132, 132, 0.44);
  }
  /* line 32, ../../sass/Layout/_body.sass */
  .daftarsekarang table tr {
    height: 36px;
  }
  /* line 34, ../../sass/Layout/_body.sass */
  .daftarsekarang table tr:nth-child(8) > td:nth-child(2) {
    line-height: 30px;
  }
  /* line 36, ../../sass/Layout/_body.sass */
  .daftarsekarang table tr:nth-child(8) > td:nth-child(2) > a {
    position: relative;
    top: 6px;
  }
  
  /* line 39, ../../sass/Layout/_body.sass */
  .img_code {
    vertical-align: bottom;
  }
  
  /* line 41, ../../sass/Layout/_body.sass */
  .code {
    width: 74px !important;
    float: right;
    line-height: 20px;
  }
  
  /* line 45, ../../sass/Layout/_body.sass */
  .bb-daftar {
    border: 1px dashed white;
  }
  
  /* line 47, ../../sass/Layout/_body.sass */
  .btnprocess {
    font-size: 10px;
  }
  /* line 49, ../../sass/Layout/_body.sass */
  .btnprocess .chk-agree {
    vertical-align: middle;
  }
  
  /* line 51, ../../sass/Layout/_body.sass */
  .daftarsekarang table tr td:nth-child(2) {
    width: 154px;
  }
  
  /* line 53, ../../sass/Layout/_body.sass */
  .daftar-submit {
    float: right;
    border-radius: 4px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    width: 70px;
    height: 28px;
    cursor: pointer;
    background: linear-gradient(#fff619, #efdf02, #d7c801);
  }
  
  /* line 63, ../../sass/Layout/_body.sass */
  .daftar-submit:focus {
    outline: none;
  }
  
  /* line 65, ../../sass/Layout/_body.sass */
  #slides {
    margin: 0px !important;
  }
  
  /* line 67, ../../sass/Layout/_body.sass */
  .deposit,
  .withdraw {
    height: 160px;
    background-size: 100%;
  }
  
  /* line 72, ../../sass/Layout/_body.sass */
  .last-five {
    margin: 20px 0px;
    width: 100%;
    float: left;
    overflow: hidden;
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 555;
    margin: -124px 0px 5px 0px;
  }
  
  /* line 82, ../../sass/Layout/_body.sass */
  .last-five .box-item-wrapper {
    float: left;
    padding: 0px;
    margin-top: 70px;
    width: 100%;
  }
  
  /* line 87, ../../sass/Layout/_body.sass */
  .last-five .box-item {
    position: relative;
    display: block;
    width: 322px;
    float: left;
    padding: 0px;
    margin: 0px;
    z-index: 999;
  }
  
  /* line 95, ../../sass/Layout/_body.sass */
  .box-item-seperator {
    width: 1%;
    float: left;
  }
  
  /* line 98, ../../sass/Layout/_body.sass */
  .home_box-section .box-item img {
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  
  /* line 102, ../../sass/Layout/_body.sass */
  #bank {
    background: url("../../images/bank.png") no-repeat center center;
    height: 70px;
    width: 100%;
  }
  
  /* line 106, ../../sass/Layout/_body.sass */
  .berita-bola > h2 {
    margin-bottom: 0px;
    text-shadow: 0px 0px 10px #d7c801;
  }
  
  /* line 109, ../../sass/Layout/_body.sass */
  .berita-bola > p {
    font-size: 9px;
    color: white;
    letter-spacing: 3px;
    margin: 0px;
  }
  
  /* line 113, ../../sass/Layout/_body.sass */
  .berita-content {
    background: url("../../images/box-berita.png") no-repeat center center;
    height: 108px;
  }
  
  /* line 116, ../../sass/Layout/_body.sass */
  .berita-bola .item {
    width: 246px;
    height: 158px;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  
  /* line 122, ../../sass/Layout/_body.sass */
  .berita-title {
    color: white;
    font-size: 13px;
    padding: 10px 10px 0px 10px;
    height: 60px;
  }
  
  /* line 126, ../../sass/Layout/_body.sass */
  .berita-info {
    font-size: 12px;
    color: white;
    width: 196px;
    position: relative;
    top: 20px;
    left: 16px;
    line-height: 18px;
  }
  
  /* line 134, ../../sass/Layout/_body.sass */
  .berita-bola {
    float: left;
  }
  
  /* line 136, ../../sass/Layout/_body.sass */
  .copy-right {
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: black;
    float: left;
    margin: 14px 0px;
    text-shadow: -1px -1px 2px #ffff46, 1px -1px 0 #ffff46, -1px 1px 0 #ffff46, 1px 1px 0 #ffff46;
  }
  
  /* line 144, ../../sass/Layout/_body.sass */
  .bonus {
    background: url("../../images/bonus.png") no-repeat center center;
    background-size: 100%;
  }
  
  /* line 151, ../../sass/Layout/_body.sass */
  .bg-lastfive {
    width: 100%;
    position: absolute;
    z-index: -999;
  }
  
  /* line 155, ../../sass/Layout/_body.sass */
  #content .header {
    border: 1px solid #ffff46;
    color: white;
    font-size: 20px;
    padding-top: 10px;
    margin-top: 10px;
    height: 34px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-bottom: 1px #ffff46 solid;
    padding-left: 20px;
    font-family: Arial;
  }
  
  /* line 166, ../../sass/Layout/_body.sass */
  .social {
    position: absolute;
    right: -178px;
    padding: 0px;
    top: 14px;
  }
  /* line 171, ../../sass/Layout/_body.sass */
  .social li {
    list-style: none;
    float: left;
    height: 60px;
    border-radius: 10px;
    height: 60px;
    position: relative;
  }
  /* line 178, ../../sass/Layout/_body.sass */
  .social li a {
    transition: top 1s;
    text-decoration: none;
    color: white;
    display: block;
    position: relative;
  }
  
  /* line 184, ../../sass/Layout/_body.sass */
  .social-info {
    float: left;
    line-height: 58px;
    color: white;
    font-weight: bold;
    z-index: 999;
    right: 54px;
    text-align: right;
    width: 168px;
    position: absolute;
    display: none;
    padding-right: 10px;
  }
  
  /* line 196, ../../sass/Layout/_body.sass */
  .social-icon {
    float: right;
  }
  
  /* line 198, ../../sass/Layout/_body.sass */
  .social-active {
    display: block;
  }
  
  /* line 200, ../../sass/Layout/_body.sass */
  #content .body {
    font-family: Arial;
    border: 1px solid #ffff46;
    color: white;
    border-top: none;
    min-height: 350px;
    margin-bottom: 10px;
    padding: 10px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  }
  
  /* line 209, ../../sass/Layout/_body.sass */
  #slideshow {
    padding-bottom: 20px;
  }
  
  /* line 211, ../../sass/Layout/_body.sass */
  .social-bg {
    background-color: rgba(0, 0, 0, 0.77);
    border-radius: 10px 0px 0px 10px;
  }
  
  
  /* process design */
  
  .containPanel {
      background-color: rgba(43, 43, 43, 0.26);
      padding: 7px;
      margin: 24px 0px;
      color: #fff;
      float: left;
      width: 100%;
  }
  .tblTran {
      margin-top: 10px;
      width: 70%;
      font-size: 14px;
      color: #fff;
  }
  .tblTran tbody tr td {
      padding-bottom: 6px !important;
  }
  .tblTran tbody tr td {
      padding-bottom: 14px;
  }
  .tblTran tbody tr td input[type=text],
  .tblTran tbody tr td select, 
  .tblTran tbody tr td textarea {
      display: block;
      width: 100%;
      padding: 3px;
      box-sizing: border-box;
      height: 34px;
      border-radius: 2px;
      border: none;
      font-family: Verdana;
  }
  .tblTran tbody tr:last-child td > input {
      padding: 5px;
      cursor: pointer;
      border-radius: 2px;
      border: noe;
      border: none;
      font-weight: bold;
      font-size: 14px;
      text-transform: uppercase;
      height: 36px;
      width: 160px;
  }
  .post {
      background-color: rgb(33, 33, 33);
      padding: 10px;
      margin-bottom: 10px;
      width: 960px;
      float: left;
      border: 1px solid  #DCDC0A;
  }
  .span3 > a > img  {
      display: block;
      width: 116px;
      height: 88px;
  }
  .post-body .span3 {
      float: left;
  }
  .post-body .span7 {
      margin-left: 124px;
  }
  .single-post-title {
      margin: 0px;
  }
  .single-post-title > a {
      font-size: 15px;
      color: #fff;
      font-weight: 100;
  }
  .post-body .span7 > span {
      font-size: 12px;
      margin-top: 4px;
      float: left;
  }
  .post-date {
      font-size: 10px;
      font-family: Calibri;
  }
  .post-date > img {
      height: 18px;
      width: 18px;
      vertical-align: middle;
  }
  .btnreadmore {
      color: #8E3232;
      text-decoration: none;
      padding: 2px 10px;
      background-color: #DCDC0A;
      border-radius: 0px 10px;
      -webkit-transition: margin-left 2s;
      transition: margin-left 2s;
      margin-top: 2px;
      float: left;
      text-decoration: none;
  }
  .btnreadmore:hover {
      /*text-decoration: underline;*/
      margin-left: 10px;
      color: #000;
  
  }
  .containPanel > div{
      font-size: 14px;
  }
  .containPanel > h2 ,
  .titleBorder {
      color: #E6E61C;
      background-color: #212121;
      padding: 5px 10px;
      border-bottom: 2px solid;
  }
  .current-menu-item {
      color: #777 !important;
  }
  .single-post-title > a {
      font-size: 15px;
      color: #fff;
      font-weight: 100;
  }
  .post-date > img {
      height: 18px;
      width: 18px;
      vertical-align: middle;
  }
  .single-post-title > a {
      text-decoration: none;
  }
  .table4D {
      width: 100%;
      text-align: center;
      border-collapse: collapse;
  }
  .table4D tr {
    height: 30px;
  }
  .table4D tr td { 
    border: 1px solid #969617;
       background-color: #212121 !important;
  }
  .table4D tr th {
    padding:10px 0px;
    border: 1px solid #969617;
  }
  .table4D tr:nth-child(1) {
      background-color: #212121 !important;
      color: #FDFD1A;
      border: 1px solid;
  }
  .txtPagingControl {
      text-align: center;
      margin-top: 16px;
      height: 28px;
      border-radius: 3px;
      border: none;
  }
  .btnPagingNext , .btnPagingLast{
      height: 30px;
      border: none;
      padding: 5px 22px;
      border-radius: 4px;
      margin-left: 10px;
      cursor: pointer;
  }
  .btnPagingNext:hover , .btnPagingLast:hover {
      background-color: #E8DE5A;
      color: #382D2D;
  }
  .popup_model {
      left: 474.5px !important;
      position: absolute !important;
      top: 400px !important;
      z-index: 9999 !important;
      display: none ;
      opacity: 1 !important;
      width: 400px !important;
      color: #fff;
      height: 200px !important;
      border-radius: 5px !important;
      background-color: rgba(33, 33, 33, 0.87) !important;
  }
  .popup_model_title {
      text-align: center;
      font-size: 20px;
      border-bottom: 2px solid #2299DD;
      padding: 8px;
  }
  .popup_model_content {
      font-size: 14px;
      padding: 10px;
  }
  
  
  
  .table ul {
      width: 100%;
      display: table;
  }
  .box-item ul {
      width: 100%;
      display: table;
      padding-top: 14px;
  }
  .box-item ul {
      width: 100%;
      display: table;
      padding: 0px;
  }
  .box-item ul li{
    list-style-type: none;clear: both;
    color: #fff;
  }
  .box-item ul li div:nth-child(1) {
      width: 148px;
      float: left;
      position: absolute;
      left: 20px;
      font-size: 15px;
      font-family: Arial;
  }
  .box-item ul li div:nth-child(2) {
      width: 86px;
      text-align: right;
      float: left;
      color: #F5C041;
      position: relative;
      left: 128px;
  }
  .box-item ul li div:nth-child(3) {
      width: 106px;
      text-align: center;
      float: left;
      position: absolute;
      right: 0px;
  }
  .bullet-icon {
    padding: 2px 8px;
    background: url("../../images/bullet.png") no-repeat center center;
    background-size: 16px;
  }
  .deposit .title,
  .withdraw .title {
      float: left;
      width: 200px;
      padding: 16px 0px 8px 25px;
      color: #fff;
      font-family: Myriad Pro;
      font-size: 18px;
      letter-spacing: 2px;
  }
  .deposit .bollet ,
  .withdraw .bollet {
    float: right;
    width: 80px;
    height: 40px;
    line-height: 50px;
  
  }
  #error p {
    padding: 0px 6px;
  }
  #element_to_pop_up { display:none; }
  .signup-bonus a > p {
      margin: 0px;
  }
  .signup-bonus a > p img {
      width: 100%;
      height: 100%;
  }
  
  
  
  /* process edit*/
  .form-input-code {
      width: 75% !important;
      float: left;
  }
  .tblTran tr td.first {
    width: 34%;
  }
  .btn-process {
      border: none !important;
      color: #fff !important;
      background: linear-gradient(#ECE51E,#B9B423,#ADA82F) !important;
  }
  .btn-process:hover {
    color: #FEFF2A !important;
    background: linear-gradient(#B1AB0E,#84800A,#8A8620) !important;
  }
  .btn-process:focus {
    outline: none;
  }

a.btnLogin{
    background: linear-gradient(#e6e6e6, #f9f9f9, #afafaf);
    text-decoration: none;
    color: #000
    width: 148px;
    height: 28px;
    border-radius: 4px;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 45px;
}
