@font-face {
    font-family: 'erasitc';
    src: url('../fonts/ErasITC-Medium.eot');
    src: url('../fonts/ErasITC-Mediumd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ErasITC-Medium.woff') format('woff'),
        url('../fonts/ErasITC-Medium.ttf') format('truetype'),
        url('../fonts/ErasITC-Medium.svg#erasitc') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ebrima';
    src: url('../fonts/Ebrima.eot');
    src: url('../fonts/Ebrimad41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ebrima.woff') format('woff'),
        url('../fonts/Ebrima.ttf') format('truetype'),
        url('../fonts/Ebrima.svg#ebrima') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'century-gothic-bold';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: url('../fonts/CenturyGothic-Boldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff'),
        url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
        url('../fonts/CenturyGothic-Bold.svg#CenturyGothicbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'century';
    src: url('../fonts/Century.eot');
    src: url('../fonts/Centuryd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Century.woff') format('woff'),
        url('../fonts/Century.ttf') format('truetype'),
        url('../fonts/Century.svg#century') format('svg');
    font-weight: normal;
    font-style: normal;
}

.modal-customstyle{
	width: 415px;
	margin:auto;
box-shadow:0 5px 30px rgba(0, 0, 0, 0.8)
}
.modal-customstyle table{
        margin-bottom: 8px;
}
.modal-customstyle .modal-header{
    display:none;
}
.modal-customstyle .modal-body{
padding:15px 15px 0
}
.box-draw{
  float:left;
  display:block;
  width:100%;
  background-color: #dadada;
  padding:10px 12px;
}

.box-shadow {
   -moz-box-shadow:    inset 0 0 15px #b5b5b5;
   -webkit-box-shadow: inset 0 0 15px #b5b5b5;
   box-shadow:         inset 0 0 15px #b5b5b5;
}

.box-draw-title{
  clear:both;
  float:left;
  width:100%;
  margin-bottom:1px;
}

.box-draw-title img{
  /*float:left;
  width:50px;
  height:50px;*/
  margin:3px 4px;
}
.box-draw-title span{
  float:left;
  width:82%;
  margin-top:7px;
  text-align: center;
  font-family: "erasitc";
  font-size:34px;
}

.box-warn{
  /*clear:both;
  display:table;
  margin:0 auto;*/
  margin-bottom:6px;

}

.box-warn span{
  font-family: "erasitc";
  font-size:13px;
  text-decoration:underline;
  padding:2px 27px 3px 27px;
}

.box-info{
/*
  clear:both;
  display:table;
  margin:0 auto;*/
	clear:both;float:left;width:100%;
  font-family: "ebrima";
  font-size:14px;
  margin-top:5px;
  padding: 0;
	
	
}

.box-info .left{
  /*float:left;
  display:inline;
  width:167px;
  padding:10px 10px;
  margin-right:3px;*/
  padding: 10px 0;
  border-right: 3px solid #2a2a2a;
}

.box-info .right{
  /*float:left;
  display:inline;
  padding:10px 17px;*/
  padding:10px 0;
}

.main-prize{
  clear:both;
  float:left;
  width:100%;
  margin-top:7px;

}

.main-prize .mp-data{
  clear:both;
  float:left;
	
}

.main-prize .mp-data span.title{
  /*float:left;
  display:inline;

  width:92px;*/
  padding-left:38px;
  font-size:15px;
  font-family: "ebrima";
  padding-top:10px;
}

.main-prize .mp-data span.number{
  float:left;  
  /*width:210px;*/
  font-size:25px;
  padding:5px 0 7px 0;
  background:#ffffff;
  font-family: "century-gothic-bold";
  text-align:center;

}

.box-others{
  clear:both;
  float:left;
  width:100%;
  font-family:'Muli', sans-serif;
  font-size:17px;
  text-align:center;
  padding:5px 0;
}

.list-number{
  clear:both;
  display:table;
  margin:0 auto;
	padding:0;
}

.list-number span{
  /*float:left;
  display:block;
  
	*/
  text-align:center;
  padding:10px 0;
  color:#fff;
  font-family:'Muli', sans-serif;
  font-size:17px;
  background-color: #288b8b;
  margin-bottom:2px;
width:19.7%;
margin-right:1px;
  
}

.color-white{color: #ffffff;}
.color-red{color: #ab0000;}
.color-dark1{color: #403636;}
.color-black{color: #000000;}
.underline{text-decoration:underline;}
.bg-black{background-color: #000000;}
.bg-dark1{background-color: #232121;}
.bg-grey1{background-color: #7c7979;}
.bg-aqua{background-color: #00eaff;}
.bg-aqua2{background-color: #00818d;}
.bg-aqua3{background-color: #00b3c3;}
.bg-blue1{background-color: #288b8b;}
.bg-blue2{background-color: #fff;color:#000}
.bg-blue3{background-color: #000;}
.bg-purp{background-color: #871779;}
.bg-olive1{background-color: #2f5f00;}
.bg-olive2{background-color: #6d8e4c;}
.bg-olive3{background-color: #638a3c;}
.bg-green1{background-color: #029e09;}
.bg-green2{background-color: #1d4c03;}
.bg-green3{background-color: #267b3a;}
.bg-red1{background-color: #ff0000;}
.bg-red2{background-color: #710202;}
.bg-red3{background-color: #b31616;}
.bg-purple1{background-color: #9800b3;}
.bg-purple2{background-color: #6e0381;}
.bg-purple3{background-color: #720086;}
.bg-pink1{background-color: #ff00ea;}
.bg-pink2{background-color: #5f0357;}
.bg-pink3{background-color: #a02496;}
.bg-orange1{background-color: #ff7200;}
.bg-orange2{background-color: #813604;}
.bg-orange3{background-color: #ba5b0e;}
.bg-yellow1{background-color: #fff600;}
.bg-yellow2{background-color: #9f9900;}



.mb2{margin-bottom:2px;}
.mt2{margin-top:2px;}
.mr0{margin-right:0px;}
.mr3{margin-right:3px;}
.text-center{text-align: center;}