@charset "utf-8";
/* CSS Document */

@font-face {
  font-family:"Sukhumvit";
  font-style:normal;
  font-weight:normal;
  src:url("../css/fonts/SukhumvitSet-Medium.ttf") format("truetype");
}

@font-face {
  font-family:"RSU";
  font-style:normal;
  font-weight:normal;
  src:url("../css/fonts/RSU-Regular.eot") format("embedded-opentype"), 
  url("../css/fonts/RSU-Regular.ttf") format("truetype");
}

@font-face {
  font-family:"BaiJamjuree";
  font-style:normal;
  font-weight:normal;
  src: url("../css/fonts/BaiJamjuree-Medium.ttf") format("truetype");
}

@font-face {
  font-family:"BaiJamjuree-Bold";
  font-style:normal;
  font-weight:normal;
  src: url("../css/fonts/BaiJamjuree-Bold.ttf") format("truetype");
}

body {font-family:"BaiJamjuree";}
h1,h2,h3,h4,h5 {font-family:"BaiJamjuree-Bold";}

h1 {padding-top:30px;padding-bottom:30px;}
h5 {color:#3b88c3 !important;}

.wid100 {width:100% !important;}
.wid50 {width:50% !important;}
.wid30 {width:30% !important;}
.vermid {vertical-align: middle;}
.fontb {font-weight:bold;}
.colorb {color: #0064b0 !important;}
.colorr {color:#dc3545 !important;}
.r1-6 {font-size:1.6rem;}

nav, table {font-family:"BaiJamjuree";letter-spacing:0.05em;}

a.navbar-brand {font-size: 1.5em!important;}
a.navbar-brand::before {float:left;content:'';display:block;width:32px;height:32px;background:url("../images/logo/8.svg") no-repeat;margin-right:5px;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#198754;font-weight:bold;} 

.form-result {display:flex;margin-bottom:0!important;}
.form-result .form-field {margin-right:1rem;}
.form-result button.form-field {margin-right:0rem;}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.btn {font-size:14px;}
.btn-me {background:#198754;color:#fff;}
button:.btn-me:hover {background:#fff;}
.btn-submit {margin-top:20px;margin-bottom:20px;}
.btn-outline-secondary {margin-top:20px;margin-bottom:20px;}
.btn-adddate {margin-left:0px;}
.table-adddate table tr th,.table-adddate table tr td {text-align:center;}
table.table-orderlist tr th {text-align: center;vertical-align: middle;}
table.table-orderlist tr td.order-right {text-align:right;padding-right: 15px;vertical-align: middle;}
table.table-orderlist tr td.order-center {text-align:center;vertical-align: middle;}

.icn_status {display:block;width:24px;height:24px;text-align:center;}
.success {background-image:url('../images/icon/success.svg');background-repeat: no-repeat;background-size: contain;}
.failure {background-image:url('../images/icon/failure.svg');background-repeat: no-repeat;background-size: contain;}
.lock {background-image:url('../images/icon/lock.svg');background-repeat: no-repeat;background-size: contain;}

.back-playlist {font-size:1.6em;}


ul.navbar-nav > li.nav-item:nth-child(3) {padding-top:.5em;}
li.nav-item ul {margin: 1em 0;padding:.5em 2em;background: #0f0f0f;border-radius:6px;}
.nav-order li {list-style-type: square;}

/*--------- full ----------*/

.draw-results {display:block;width:100%;background:#fff;position:relative;font-family:"BaiJamjuree";}
.draw-results .header {text-align:center;letter-spacing:0.02rem;}
.draw-results .header .title-award {margin:0;padding:1em 0;background:#3b88c3;}
.draw-results .header .date-award {margin:0;padding:1em 0;background:#eee;}
.draw-results .header h2 {font-size:2.4rem;font-weight:500;}
.draw-results .header h3 {font-size:1.6rem;font-weight:500;}

.draw-results .content-top {padding-top:1rem;}
.draw-results .content-top .title {font-size:1.2rem;font-weight:300;color:#2b2b2b;}
.draw-results .content-top .digit {padding-bottom:1rem;}
.draw-results .content-top .digit {font-size:2rem;letter-spacing:0.01em;font-family:"BaiJamjuree-Bold";color:#0873ba;}
.draw-results .content-top .jackpot {border:2px #3b88c3 solid;border-radius:6px;}
.draw-results .content-top .jackpot div {padding-top:1rem;text-align:center;}
.draw-results .content-top .jackpot .digit {color:#d50064;}
.draw-results .content-top .three-digits-front {border:2px #3b88c3 solid;border-radius:6px;}
.draw-results .content-top .three-digits-front div {padding-top:1rem;text-align:center;}
.draw-results .content-top .three-digits-back {border:2px #3b88c3 solid;border-radius:6px;}
.draw-results .content-top .three-digits-back div {padding-top:1rem;text-align:center;}
.draw-results .content-top .two-digits {border:2px #3b88c3 solid;border-radius:6px;}
.draw-results .content-top .two-digits div {padding-top:1rem;text-align:center;}

.draw-results .content-mid {padding-top:1rem;}
.draw-results .content-mid .title {font-size:1.2rem;font-weight:300;color:#2b2b2b;}
.draw-results .content-mid .digit {padding-bottom:1rem;}
.draw-results .content-mid .digit {font-size:1.4rem;letter-spacing:0.01em;font-family:"BaiJamjuree-Bold";color:#333;}
.draw-results .content-mid .jackpot-nearby  {border:2px #333 solid;border-radius:6px;}
.draw-results .content-mid .jackpot-nearby div {padding-top:1rem;text-align:center;}
.draw-results .content-mid .prize-2nd {border:2px #333 solid;border-radius:6px;}
.draw-results .content-mid .prize-2nd div {padding-top:1rem;text-align:center;}
.draw-results .content-mid .prize-2nd .digit {width:20%;}

.draw-results .content-bot .section {padding-top:1rem;}
.draw-results .content-bot .row {padding-bottom:1rem;}
.draw-results .content-bot .title {padding:1rem 0;text-align:center;}
.draw-results .content-bot .title {font-size:1.2rem;font-weight:300;color:#2b2b2b;}
.draw-results .content-bot .digit {width:10%;text-align:center;}
.draw-results .content-bot .digit {font-size:1.2rem;letter-spacing:0.01em;font-family:"BaiJamjuree-Bold";color:#333;}
.draw-results .content-bot .prize-3rd {border:2px #333 solid;border-radius:6px;}
.draw-results .content-bot .prize-3rd .digit {padding:.5rem 1rem;text-align:center;}
.draw-results .content-bot .prize-4th {border:2px #333 solid;border-radius:6px;}
.draw-results .content-bot .prize-4th .digit {padding:.5rem 1rem;text-align:center;}
.draw-results .content-bot .prize-5th {margin-bottom:2rem;border:2px #333 solid;border-radius:6px;}
.draw-results .content-bot .prize-5th .digit {padding:.5rem 1rem;text-align:center;}

@media screen and (max-width:1024px) 
{
  .draw-results .content-top .title {font-size:1rem;}
  .draw-results .content-mid .title {font-size:1rem;}
  .draw-results .content-bot .title {font-size:1rem;}
}

@media screen and (max-width:900px) 
{
  .form-result {display:block;}
  .form-result .form-field {margin-right:0rem;margin-bottom:1rem;}
  .form-result button.form-field {width:100%;}
  .draw-results .content-top div {padding-top:1rem;}
  .draw-results .content-top .title {font-size:.8rem;}
  .draw-results .content-top .digit {font-size:1.4rem;}
  .draw-results .content-mid {padding-top:0rem;}
  .draw-results .content-mid div {padding-top:1rem;}
  .draw-results .content-mid .title {font-size:.8rem;}
  .draw-results .content-mid .digit {padding-top:1rem;font-size:.8rem;}
  .draw-results .content-mid .jackpot-nearby .title {padding-top:0;}
  .draw-results .content-mid .jackpot-nearby .digit {padding-top:0;}
  .draw-results .content-mid .prize-2nd .title {padding-top:0;}
  .draw-results .content-mid .prize-2nd .digit {padding-top:0;width:20%;}


  .draw-results .content-bot .prize-3rd .digit {width:20%;}
  .draw-results .content-bot .prize-4th .digit {width:20%;}
  .draw-results .content-bot .prize-5th .digit {width:20%;}
  .draw-results .content-bot .title {font-size:.8rem;}
  .draw-results .content-bot .digit {font-size:.8rem;}
}