/* -------------------------------
   4.0 Predefined CSS Setting
------------------------------- */

/* 4.1 Predefined Classes */

.row { margin: 0 -10px; }
.row > [class*="col-"] {  padding: 0 10px; }

.row.row-space-0 { margin: 0; }.row.row-space-2 { margin: 0 -1px; }.row.row-space-4 { margin: 0 -2px; }.row.row-space-6 { margin: 0 -3px; }.row.row-space-8 { margin: 0 -4px; }.row.row-space-10 { margin: 0 -5px; }.row.row-space-12 { margin: 0 -6px; }.row.row-space-14 { margin: 0 -7px; }.row.row-space-16 { margin: 0 -8px; }.row.row-space-18 { margin: 0 -9px; }.row.row-space-18 { margin: 0 -10px; }.row.row-space-22 { margin: 0 -11px; }.row.row-space-24 { margin: 0 -12px; }.row.row-space-26 { margin: 0 -13px; }.row.row-space-28 { margin: 0 -14px; }.row.row-space-30 { margin: 0 -15px; }.row.row-space-0 > [class*="col-"] {  padding: 0; }.row.row-space-2 > [class*="col-"] {  padding: 0 1px; }.row.row-space-4 > [class*="col-"] {  padding: 0 2px; }.row.row-space-6 > [class*="col-"] {  padding: 0 3px; }.row.row-space-8 > [class*="col-"] {  padding: 0 4px; }.row.row-space-10 > [class*="col-"] {  padding: 0 5px; }.row.row-space-12 > [class*="col-"] {  padding: 0 6px; }.row.row-space-14 > [class*="col-"] {  padding: 0 7px; }.row.row-space-16 > [class*="col-"] {  padding: 0 8px; }.row.row-space-18 > [class*="col-"] {  padding: 0 9px; }.row.row-space-20 > [class*="col-"] {  padding: 0 10px; }.row.row-space-22 > [class*="col-"] {  padding: 0 11px; }.row.row-space-24 > [class*="col-"] {  padding: 0 12px; }.row.row-space-26 > [class*="col-"] {  padding: 0 13px; }.row.row-space-28 > [class*="col-"] {  padding: 0 14px; }.row.row-space-30 > [class*="col-"] {  padding: 0 15px; }
.semi-bold { font-weight: 600; }
.overflow-auto { overflow: auto !important; }.overflow-hidden { overflow: hidden !important; }.overflow-visible { overflow: visible !important; }.overflow-scroll { overflow: scroll !important; }.overflow-x-hidden { overflow-x: hidden !important; }.overflow-x-visible { overflow-x: visible !important; }.overflow-x-scroll { overflow-x: scroll !important; }.overflow-y-hidden { overflow-y: hidden !important; }.overflow-y-visible { overflow-y: visible !important; }.overflow-y-scroll { overflow-y: scroll !important; }

.m-auto { margin: 0 auto !important; }
.m-0 { margin: 0px !important; }.m-1 { margin: 1px !important; }.m-2 { margin: 2px !important; }.m-3 { margin: 3px !important; }.m-4 { margin: 4px !important; }.m-5 { margin: 5px !important; }.m-6 { margin: 6px !important; }.m-7 { margin: 7px !important; }.m-8 { margin: 8px !important; }.m-9 { margin: 9px !important; }.m-10 { margin: 10px !important; }.m-11 { margin: 11px !important; }.m-12 { margin: 12px !important; }.m-13 { margin: 13px !important; }.m-14 { margin: 14px !important; }.m-15 { margin: 15px !important; }.m-20 { margin: 20px !important; }.m-21 { margin: 21px !important; }.m-22 { margin: 22px !important; }.m-23 { margin: 23px !important; }.m-24 { margin: 24px !important; }.m-25 { margin: 25px !important; }.m-30 { margin: 30px !important; }.m-35 { margin: 35px !important; }.m-40 { margin: 40px !important; }

.m-t-m-1 { margin-top: -1px !important; }.m-t-m-2 { margin-top: -2px !important; }.m-t-m-3 { margin-top: -3px !important; }.m-t-m-4 { margin-top: -4px !important; }.m-t-m-5 { margin-top: -5px !important; }.m-t-m-6 { margin-top: -6px !important; }.m-t-m-7 { margin-top: -7px !important; }.m-t-m-8 { margin-top: -8px !important; }.m-t-m-9 { margin-top: -9px !important; }.m-t-m-10 { margin-top: -10px !important; }.m-t-m-15 { margin-top: -15px !important; }.m-t-m-20 { margin-top: -20px !important; }.m-t-m-25 { margin-top: -25px !important; }
.m-t-0 { margin-top: 0px !important; }.m-t-1 { margin-top: 1px !important; }.m-t-2 { margin-top: 2px !important; }.m-t-3 { margin-top: 3px !important; }.m-t-4 { margin-top: 4px !important; }.m-t-5 { margin-top: 5px !important; }.m-t-6 { margin-top: 6px !important; }.m-t-7 { margin-top: 7px !important; }.m-t-8 { margin-top: 8px !important; }.m-t-9 { margin-top: 9px !important; }.m-t-10 { margin-top: 10px !important; }.m-t-11 { margin-top: 11px !important; }.m-t-12 { margin-top: 12px !important; }.m-t-13 { margin-top: 13px !important; }.m-t-14 { margin-top: 14px !important; }.m-t-15 { margin-top: 15px !important; }.m-t-16 { margin-top: 16px !important; }.m-t-17 { margin-top: 17px !important; }.m-t-18 { margin-top: 18px !important; }.m-t-19 { margin-top: 19px !important; }.m-t-20 { margin-top: 20px !important; }.m-t-25 { margin-top: 25px !important; }.m-t-30 { margin-top: 30px !important; }.m-t-31 { margin-top: 31px !important; }.m-t-32 { margin-top: 32px !important; }.m-t-33 { margin-top: 33px !important; }.m-t-34 { margin-top: 34px !important; }.m-t-35 { margin-top: 35px !important; }.m-t-36 { margin-top: 36px !important; }.m-t-37 { margin-top: 37px !important; }.m-t-38 { margin-top: 38px !important; }.m-t-39 { margin-top: 39px !important; }.m-t-40 { margin-top: 40px !important; }.m-t-41 { margin-top: 41px !important; }.m-t-42 { margin-top: 42px !important; }.m-t-43 { margin-top: 43px !important; }.m-t-44 { margin-top: 44px !important; }.m-t-45 { margin-top: 45px !important; }.m-t-46 { margin-top: 46px !important; }.m-t-47 { margin-top: 47px !important; }.m-t-48 { margin-top: 48px !important; }.m-t-49 { margin-top: 49px !important; }.m-t-50 { margin-top: 50px !important; }.m-t-60 { margin-top: 60px !important; }.m-t-70 { margin-top: 70px !important; }.m-t-80 { margin-top: 80px !important; }.m-t-90 { margin-top: 90px !important; }.m-t-100 { margin-top: 100px !important; }.m-t-150 { margin-top: 150px !important; }.m-t-160 { margin-top: 160px !important; }.m-t-170 { margin-top: 170px !important; }.m-t-180 { margin-top: 180px !important; }.m-t-190 { margin-top: 190px !important; }.m-t-200 { margin-top: 200px !important; }
.m-r-0 { margin-right: 0px !important; }.m-r-1 { margin-right: 1px !important; }.m-r-2 { margin-right: 2px !important; }.m-r-3 { margin-right: 3px !important; }.m-r-4 { margin-right: 4px !important; }.m-r-5 { margin-right: 5px !important; }.m-r-6 { margin-right: 6px !important; }.m-r-7 { margin-right: 7px !important; }.m-r-8 { margin-right: 8px !important; }.m-r-9 { margin-right: 9px !important; }.m-r-10 { margin-right: 10px !important; }.m-r-15 { margin-right: 15px !important; }.m-r-20 { margin-right: 20px !important; }.m-r-25 { margin-right: 25px !important; }.m-r-30 { margin-right: 30px !important; }.m-r-35 { margin-right: 35px !important; }.m-r-40 { margin-right: 40px !important; }.m-r-280 { margin-right: 280px !important; }
.m-b-0 { margin-bottom: 0px !important; }.m-b-1 { margin-bottom: 1px !important; }.m-b-2 { margin-bottom: 2px !important; }.m-b-3 { margin-bottom: 3px !important; }.m-b-4 { margin-bottom: 4px !important; }.m-b-5 { margin-bottom: 5px !important; }.m-b-6 { margin-bottom: 6px !important; }.m-b-7 { margin-bottom: 7px !important; }.m-b-8 { margin-bottom: 8px !important; }.m-b-9 { margin-bottom: 9px !important; }.m-b-10 { margin-bottom: 10px !important; }.m-b-11 { margin-bottom: 11px !important; }.m-b-12 { margin-bottom: 12px !important; }.m-b-13 { margin-bottom: 13px !important; }.m-b-14 { margin-bottom: 14px !important; }.m-b-15 { margin-bottom: 15px !important; }.m-b-20 { margin-bottom: 20px !important; }.m-b-25 { margin-bottom: 25px !important; }.m-b-30 { margin-bottom: 30px !important; }.m-b-35 { margin-bottom: 35px !important; }.m-b-40 { margin-bottom: 40px !important; }.m-b-50 { margin-bottom: 50px !important; }.m-b-100 { margin-bottom: 100px !important; }.m-b-110 { margin-bottom: 110px !important; }.m-b-120 { margin-bottom: 120px !important; }.m-b-130 { margin-bottom: 130px !important; }.m-b-150 { margin-bottom: 150px !important; }.m-b-200 { margin-bottom: 200px !important; }
.m-l-0 { margin-left: 0px !important; }.m-l-1 { margin-left: 1px !important; }.m-l-2 { margin-left: 2px !important; }.m-l-3 { margin-left: 3px !important; }.m-l-4 { margin-left: 4px !important; }.m-l-5 { margin-left: 5px !important; }.m-l-6 { margin-left: 6px !important; }.m-l-7 { margin-left: 7px !important; }.m-l-8 { margin-left: 8px !important; }.m-l-9 { margin-left: 9px !important; }.m-l-10 { margin-left: 10px !important; }.m-l-15 { margin-left: 15px !important; }.m-l-20 { margin-left: 20px !important; }.m-l-25 { margin-left: 25px !important; }.m-l-30 { margin-left: 30px !important; }.m-l-35 { margin-left: 35px !important; }.m-l-40 { margin-left: 40px !important; }.m-l-50 { margin-left: 50px !important; }.m-l-60 { margin-left: 60px !important; }.m-l-70 { margin-left: 70px !important; }.m-l-80 { margin-left: 80px !important; }.m-l-90 { margin-left: 90px !important; }.m-l-100 { margin-left: 100px !important; }.m-l-70 { margin-left: 70px !important; }.m-l-280 { margin-left: 280px !important; }.m-l-95 { margin-left: 95px !important; }.m-l-447 { margin-left: 447px !important; }
.mgmlr { margin-left: 77px !important; margin-right: 70px !important; }
.m-l-m-1 { margin-left: -1px !important; }.m-l-m-2 { margin-left: -2px !important; }.m-l-m-3 { margin-left: -3px !important; }.m-l-m-4 { margin-left: -4px !important; }.m-l-m-5 { margin-left: -5px !important; }
.p-0 { padding: 0px !important; }.p-1 { padding: 1px !important; }.p-2 { padding: 2px !important; }.p-3 { padding: 3px !important; }.p-4 { padding: 4px !important; }.p-5 { padding: 5px !important; }.p-6 { padding: 6px !important; }.p-7 { padding: 7px !important; }.p-8 { padding: 8px !important; }.p-9 { padding: 9px !important; }.p-10 { padding: 10px !important; }.p-15, .wrapper { padding: 15px !important; }.p-16 { padding: 16px !important; }.p-17 { padding: 17px !important; }.p-18 { padding: 18px !important; }.p-19 { padding: 19px !important; }.p-20 { padding: 20px !important; }.p-25 { padding: 25px !important; }.p-30 { padding: 30px !important; }.p-35 { padding: 35px !important; }.p-40 { padding: 40px !important; }
.p-t-0 { padding-top: 0px !important; }.p-t-1 { padding-top: 1px !important; }.p-t-2 { padding-top: 2px !important; }.p-t-3 { padding-top: 3px !important; }.p-t-4 { padding-top: 4px !important; }.p-t-5 { padding-top: 5px !important; }.p-t-6 { padding-top: 6px !important; }.p-t-7 { padding-top: 7px !important; }.p-t-8 { padding-top: 8px !important; }.p-t-9 { padding-top: 9px !important; }.p-t-10 { padding-top: 10px !important; }.p-t-11 { padding-top: 11px !important; }.p-t-12 { padding-top: 12px !important; }.p-t-13 { padding-top: 13px !important; }.p-t-14 { padding-top: 14px !important; }.p-t-15 { padding-top: 15px !important; }.p-t-20 { padding-top: 20px !important; }.p-t-25 { padding-top: 25px !important; }.p-t-30 { padding-top: 30px !important; }.p-t-35 { padding-top: 35px !important; }.p-t-40 { padding-top: 40px !important; }.p-t-50 { padding-top: 50px !important; }.p-t-60 { padding-top: 60px !important; }.p-t-70 { padding-top: 70px !important; }
.p-r-0 { padding-right: 0px !important; }.p-r-1 { padding-right: 1px !important; }.p-r-2 { padding-right: 2px !important; }.p-r-3 { padding-right: 3px !important; }.p-r-4 { padding-right: 4px !important; }.p-r-5 { padding-right: 5px !important; }.p-r-6 { padding-right: 6px !important; }.p-r-7 { padding-right: 7px !important; }.p-r-8 { padding-right: 8px !important; }.p-r-9 { padding-right: 9px !important; }.p-r-10 { padding-right: 10px !important; }.p-r-15 { padding-right: 15px !important; }.p-r-16 { padding-right: 16px !important; }.p-r-17 { padding-right: 17px !important; }.p-r-18 { padding-right: 18px !important; }.p-r-19 { padding-right: 19px !important; }.p-r-20 { padding-right: 20px !important; }.p-r-25 { padding-right: 25px !important; }.p-r-30 { padding-right: 30px !important; }.p-r-35 { padding-right: 35px !important; }.p-r-40 { padding-right: 40px !important; }.p-r-170 { padding-right: 170px !important; }
.p-b-0 { padding-bottom: 0px !important; }.p-b-1 { padding-bottom: 1px !important; }.p-b-2 { padding-bottom: 2px !important; }.p-b-3 { padding-bottom: 3px !important; }.p-b-4 { padding-bottom: 4px !important; }.p-b-5 { padding-bottom: 5px !important; }.p-b-6 { padding-bottom: 6px !important; }.p-b-7 { padding-bottom: 7px !important; }.p-b-8 { padding-bottom: 8px !important; }.p-b-9 { padding-bottom: 9px !important; }.p-b-10 { padding-bottom: 10px !important; }.p-b-12 { padding-bottom: 12px !important; }.p-b-15 { padding-bottom: 15px !important; }.p-b-20 { padding-bottom: 20px !important; }.p-b-25 { padding-bottom: 25px !important; }.p-b-30 { padding-bottom: 30px !important; }.p-b-35 { padding-bottom: 35px !important; }.p-b-40 { padding-bottom: 40px !important; }.p-b-50 { padding-bottom: 50px !important; }.p-b-60 { padding-bottom: 60px !important; }.p-b-70 { padding-bottom: 70px !important; }
.p-l-0 { padding-left: 0px !important; }.p-l-1 { padding-left: 1px !important; }.p-l-2 { padding-left: 2px !important; }.p-l-3 { padding-left: 3px !important; }.p-l-4 { padding-left: 4px !important; }.p-l-5 { padding-left: 5px !important; }.p-l-6 { padding-left: 6px !important; }.p-l-7 { padding-left: 7px !important; }.p-l-8 { padding-left: 8px !important; }.p-l-9 { padding-left: 9px !important; }.p-l-10 { padding-left: 10px !important; }.p-l-11 { padding-left: 11px !important; }.p-l-12 { padding-left: 12px !important; }.p-l-13 { padding-left: 13px !important; }.p-l-14 { padding-left: 14px !important; }.p-l-15 { padding-left: 15px !important; }.p-l-16 { padding-left: 16px !important; }.p-l-17 { padding-left: 17px !important; }.p-l-18 { padding-left: 18px !important; }.p-l-19 { padding-left: 19px !important; }.p-l-20 { padding-left: 20px !important; }.p-l-25 { padding-left: 25px !important; }.p-l-30 { padding-left: 30px !important; }.p-l-35 { padding-left: 35px !important; }.p-l-40 { padding-left: 40px !important; }.p-l-50 { padding-left: 50px !important; }
.f-s-8 { font-size: 8px !important; }.f-s-9 { font-size: 9px !important; }.f-s-10 { font-size: 10px !important; }.f-s-11 { font-size: 11px !important; }.f-s-12 { font-size: 12px !important; }.f-s-13 { font-size: 13px !important; }.f-s-14 { font-size: 14px !important; }.f-s-15 { font-size: 15px !important; }.f-s-16 { font-size: 16px !important; }.f-s-17 { font-size: 17px !important; }.f-s-18 { font-size: 18px !important; }.f-s-19 { font-size: 19px !important; }.f-s-20 { font-size: 20px !important; }.f-s-21 { font-size: 21px !important; }.f-s-22 { font-size: 22px !important; }.f-s-23 { font-size: 23px !important; }.f-s-24 { font-size: 24px !important; }.f-s-25 { font-size: 25px !important; }.f-s-26 { font-size: 26px !important; }.f-s-27 { font-size: 27px !important; }.f-s-28 { font-size: 28px !important; }.f-s-29 { font-size: 29px !important; }.f-s-30 { font-size: 30px !important; }.f-s-35 { font-size: 35px !important; }.f-s-40 { font-size: 40px !important; }.f-s-50 { font-size: 50px !important; }.f-s-60 { font-size: 60px !important; }.f-s-70 { font-size: 70px !important; }.f-s-80 { font-size: 80px !important; }.f-s-90 { font-size: 90px !important; }.f-s-100 { font-size: 100px !important; }
.text-center { text-align: center !important; }.text-left { text-align: left !important; }.text-right { text-align: right !important; }
.pull-left { float: left !important; }.pull-right { float: right !important; }.pull-none { float: none !important; }.pull_center {float: right; position: relative; left: -50%; text-align: left;}
.f-w { font-weight: bold !important; }.f-w-100 { font-weight: 100 !important; }.f-w-200 { font-weight: 200 !important; }.f-w-300 { font-weight: 300 !important; }.f-w-400 { font-weight: 400 !important; }.f-w-500 { font-weight: 500 !important; }.f-w-600 { font-weight: 600 !important; }.f-w-700 { font-weight: 700 !important; }

.table-valign-middle th, 
.table-valign-middle td { 
    vertical-align: middle !important;
}
.table-th-valign-middle th,
.table-td-valign-middle td { 
    vertical-align: middle !important;
}
.table-valign-top th, 
.table-valign-top td { 
    vertical-align: top !important;
}
.table-th-valign-top th,
.table-td-valign-top td { 
    vertical-align: top !important;
}
.table-valign-bottom th, 
.table-valign-bottom td { 
    vertical-align: bottom !important;
}
.table-th-valign-bottom th,
.table-td-valign-bottom td { 
    vertical-align: bottom !important;
}
.vertical-box {
    display: table; 
    table-layout: fixed; 
    border-spacing: 0; 
    height: 100%;
    width: 100%;
}
.vertical-box-column {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}
.vertical-box-row {
    display: table-row;
    height: 100%;
}
.vertical-box-row > .vertical-box-cell {
    position: relative;
    height: 100%;
    width: 100%;
    float: none;
}
.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.panel-expand .vertical-box .vertical-box-column {
    display: table-cell;
}
.page-content-full-height .content {
    position: absolute;
    left: 0;
    top: 54px;
    right: 0;
    bottom: 0;
    -webkit-transform: translateZ(0);
}
.panel-expand .page-content-full-height .content {
    -webkit-transform: none;
}
.no-rounded-corner { 
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.rounded-corner {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
.no-border { border: 0 !important; }
.border-top-1 { border-top: 1px solid #eee !important; }
.border-right-1 { border-right: 1px solid #eee !important; }
.border-right-1-2 { border-right: 1px solid #333E46}
.border-bottom-1 { border-bottom: 1px solid #eee !important; }
.border-left-1 { border-left: 1px solid #eee !important; }
.border-t-b-1 { border-top: 1px solid #383F46 !important; border-bottom: 1px solid #000000 !important; }
.border-t2-b-1 { border-top: 1px solid #2c3338 !important; border-bottom: 1px solid #000000 !important; }
.border-left-live { border-left: 1px solid #111 !important; }
.border-right-live { border-right: 1px solid #111 !important; }
.border-right-live2 { border-right: 1px solid #131313 !important; }
.border-top-live { border-top: 1px solid #111 !important; }
.border-bottom-live { border-bottom: 1px solid #111 !important; }
.border-left-live2 { border-left: 1px solid #333 !important; }

.hrline {
	background-color: transparent;
	height: 0;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	border-top: 1px solid rgba(0,0,0,0.9);
	margin: 0;
	clear: both;
}
.hrlinelive {
	background-color: transparent;
	height: 0;
	border: none;
	border-top: 1px solid #152b40;
	margin: 0;
	clear: both;
}

.no-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.text-black { color: #000000 !important; }

.text-inverse { color: #2d353c !important; }

.text-success { color: #00acac !important; }

.text-info { color: #49b6d6 !important; }

.text-primary { color: #348fe2 !important; }

.text-warning { color: #f59c1a !important; }

.text-yellowdown { color: #ffffcc !important; }

.text-danger2 { color: #ffb9b7 !important; }

.text-red { color: #ff1515 !important; }

.text-blue { color: #0080ff !important; }

.text-green { color: #0a9702 !important; }

.text-blue2 { color: #526c98 !important; }


.text-green2 { color: #4bfd42 !important; }


.text-orange { color: #ff9900 !important; }

.text-white { color: #fff !important; }


.text-white2 { color: #e6e6e6 !important; }


.text-gray { color: #a0a0a0 !important; }

.text-gray2 { color: #818fab !important; }


.bg-white { background: #ffffff !important; }
.bg-silver-lighter { background: #f4f6f7 !important; }
.bg-silver { background: #f0f3f4 !important; }
.bg-silver-darker { background: #b4b6b7 !important; }

.bg-black { background: #2d353c !important; }
.bg-black1 { background: #14171b !important; }
.bg-black2 { background: #000000 !important; border:3px solid #222;}
.bg-black3 { 
    background: #1E2737;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
}

.bg-black3-2 { 
	text-align:center;
    display: table-cell; 
	clear:both;
	width: 100%;
	padding:2px 20px 20px 20px;
	background:#0B1423;
	border:2px solid #14243d;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 

}

.bg-black4 { 
    background: #1E2737;
	border:1px solid #18202A;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.bg-black4-3 { 
    background: #1E2737;
	border:1px solid #3a4352;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
}
.bg-black4-1 { 
    background: #1E2737;
	border:1px solid #18202A;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
	height: 53px;
	line-height: 53px;
	font-size: 15px;
}

.bg-black4-2 { 
    background: #1E2737;
	border:1px solid #18202A;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
	border-radius: 3px 3px 0 0; 
	-moz-border-radius: 3px 0 0; 
	-webkit-border-radius: 3px 0 0; 
}

.bg-black5 { 
    background: #3b3b3b;
	border:1px solid #18202A;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #3b3b3b, #000000);
	background:    -moz-linear-gradient(180deg, #3b3b3b, #000000);
	background:     -ms-linear-gradient(180deg, #3b3b3b, #000000);
	background:      -o-linear-gradient(180deg, #3b3b3b, #000000);
	background:         linear-gradient(180deg, #3b3b3b, #000000);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.bg-black6 { 
    background: #2c2c2c;
	border:1px solid #18202A;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2c2c2c, #111111);
	background:    -moz-linear-gradient(180deg, #2c2c2c, #111111);
	background:     -ms-linear-gradient(180deg, #2c2c2c, #111111);
	background:      -o-linear-gradient(180deg, #2c2c2c, #111111);
	background:         linear-gradient(180deg, #2c2c2c, #111111);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.bg-black7 { 
    background: #1d1d1d;
	border:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:    -moz-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:     -ms-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:      -o-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:         linear-gradient(180deg, #1d1d1d, #2c2c2c);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}

.bg-black7-1 { 
    background: #1d1d1d;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:    -moz-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:     -ms-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:      -o-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:         linear-gradient(180deg, #1d1d1d, #2c2c2c);
}

.bg-black8 { 
    background: #121212;
	background: -webkit-linear-gradient(180deg, #121212, #2c2c2c);
	background:    -moz-linear-gradient(180deg, #121212, #2c2c2c);
	background:     -ms-linear-gradient(180deg, #121212, #2c2c2c);
	background:      -o-linear-gradient(180deg, #121212, #2c2c2c);
	background:         linear-gradient(180deg, #121212, #2c2c2c);
}




.bg-black-black-a { 
	background: #111111 !important; 
	border-radius: 6px 0 0 6px; 
	-moz-border-radius: 6px 0 0 6px; 
	-webkit-border-radius: 6px 0 0 6px; 
}

.bg-primary2 { 
	background: -webkit-linear-gradient(180deg, #0042a6, #0061c1);
	background:    -moz-linear-gradient(180deg, #0042a6, #0061c1);
	background:     -ms-linear-gradient(180deg, #0042a6, #0061c1);
	background:      -o-linear-gradient(180deg, #0042a6, #0061c1);
	background:         linear-gradient(180deg, #0042a6, #0061c1);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}



.bg-black-black2 { background: #d2d2d2 !important; }
.bg-black-black { background: #1c1c1c !important; }
.bg-black-darker {background: #242a30 !important;}
.bg-black-darker2 { background: #111111 !important; }
.bg-black-darker2-1 { 
	background: url(../img/livesports/bg.png) repeat #111111;
}
.bg-black-darker2-2 { 
	background: url(../img/livesports/bg2.png) repeat #111111;
}
.bg-black-darker3 { background: #212121 !important; }
.bg-black-darker4 { background: #20262C !important; }
.bg-black-darker5 { background: #3A2828 !important; }
.bg-black-darker7 { background: #000000 !important; }

.bg-black-lighter { background: #575d63 !important; }

.bg-grey { background: #b6c2c9 !important; }
.bg-grey-darker { background: #929ba1 !important; }
.bg-grey-lighter { background: #c5ced4 !important; }

.bg-red { background: #ff5b57 !important; }
.bg-red-darker { background: #cc4946 !important; }
.bg-red-lighter { background: #ff7c79 !important; }
.bg-red-red { background: #9b0000 !important; }

.bg-orange { background: #f59c1a !important; }
.bg-orange-darker { background: #7d510d !important; }
.bg-orange-lighter { background: #f7b048 !important; }

.bg-yellow { background: #e3fa3e !important; }
.bg-yellow-darker { background: #b6c832 !important; }
.bg-yellow-darker2 { background: #7d8a22 !important; }
.bg-yellow-lighter { background: #e9fb65 !important; }

.bg-green { background: #00acac !important; }
.bg-green-darker { background: #005151 !important; }
.bg-green-darker2 { background: #004040 !important; }
.bg-green-lighter { background: #33bdbd !important; }

.bg-blue { background: #348fe2 !important; }
.bg-blue-darker { background: #163e61 !important; }
.bg-blue-darker2 { background: #1a577b !important; }
.bg-blue-lighter { background: #5da5e8 !important; }

.bg-aqua { background: #49b6d6 !important; }
.bg-aqua-darker { background: #3a92ab !important; }
.bg-aqua-darker2 { background: #265968 !important; }
.bg-aqua-lighter { background: #6dc5de !important; }

.bg-purple { background: #727cb6 !important; }
.bg-purple-darker { background: #393f5e !important; }
.bg-purple-lighter { background: #8e96c5 !important; }

.no-bg { background: none !important; }

.height-xs { height: 150px !important; }
.height-sm { height: 300px !important; }
.height-md { height: 450px !important; }
.height-lg { height: 600px !important; }
.height-full { height: 100% !important; }
.height-3 { height: 3px !important; }
.height-4 { height: 4px !important; }
.height-5 { height: 5px !important; }
.height-6 { height: 6px !important; }

.height-10 { height: 10px !important; }
.height-15 { height: 15px !important; }
.height-18 { height: 18px !important; }
.height-20 { height: 20px !important; }
.height-21 { height: 21px !important; }
.height-22 { height: 22px !important; }
.height-23 { height: 23px !important; }
.height-24 { height: 24px !important; }
.height-25 { height: 25px !important; }
.height-27 { height: 27px !important; }
.height-30 { height: 30px !important; }
.line-height-30 { line-height: 30px !important; }

.height-31 { height: 31px !important; }
.height-32 { height: 32px !important; }
.height-33 { height: 33px !important; }
.height-34 { height: 34px !important; }
.height-35 { height: 35px !important; }
.height-40 { height: 40px !important; }
.height-50 { height: 50px !important; }
.height-52 { height: 52px !important; }
.height-53 { height: 53px !important; }
.height-59 { height: 59px !important; }
.height-60 { height: 60px !important; }
.height-61 { height: 61px !important; }
.height-65 { height: 65px !important; }
.height-70 { height: 70px !important; }
.height-80 { height: 80px !important; }
.height-84 { height: 84px !important; }
.height-90 { height: 90px !important; }
.height-100 { height: 100px !important; }
.height-110 { height: 110px !important; }
.height-120 { height: 120px !important; }
.height-130 { height: 130px !important; }
.height-140 { height: 140px !important; }
.height-150 { height: 150px !important; }
.height-200 { height: 200px !important; }
.height-230 { height: 230px !important; }
.height-240 { height: 240px !important; }
.height-245 { height: 245px !important; }
.height-250 { height: 250px !important; }
.height-290 { height: 290px !important; }
.height-300 { height: 300px !important; }
.height-310 { height: 310px !important; }
.height-320 { height: 320px !important; }
.height-330 { height: 330px !important; }
.height-334 { height: 334px !important; }
.height-335 { height: 335px !important; }
.height-336 { height: 336px !important; }
.height-337 { height: 337px !important; }
.height-338 { height: 338px !important; }
.height-339 { height: 339px !important; }
.height-340 { height: 340px !important; }
.height-350 { height: 350px !important; }
.height-360 { height: 360px !important; }
.height-370 { height: 370px !important; }
.height-380 { height: 380px !important; }
.height-390 { height: 390px !important; }
.height-391 { height: 391px !important; }
.height-400 { height: 400px !important; }
.height-410 { height: 410px !important; }
.height-420 { height: 420px !important; }
.height-430 { height: 430px !important; }
.height-431 { height: 431px !important; }
.height-432 { height: 432px !important; }
.height-433 { height: 433px !important; }
.height-434 { height: 434px !important; }
.height-435 { height: 435px !important; }
.height-436 { height: 436px !important; }
.height-437 { height: 437px !important; }
.height-438 { height: 438px !important; }
.height-439 { height: 439px !important; }
.height-398 { height: 398px !important; }
.height-410 { height: 410px !important; }
.height-440 { height: 440px !important; }
.height-450 { height: 450px !important; }
.height-500 { height: 500px !important; }
.height-550 { height: 550px !important; }
.height-600 { height: 600px !important; }
.height-610 { height: 610px !important; }
.height-620 { height: 620px !important; }
.height-630 { height: 630px !important; }
.height-640 { height: 640px !important; }
.height-650 { height: 650px !important; }
.height-660 { height: 660px !important; }
.height-670 { height: 670px !important; }
.height-680 { height: 680px !important; }
.height-690 { height: 690px !important; }
.height-700 { height: 700px !important; }
.height-800 { height: 800px !important; }
.height-900 { height: 900px !important; }
.height-100-pro { height: 100% !important; }
.height-auto { height: auto; }


.width-xs { width: 150px !important; }
.width-sm { width: 300px !important; }
.width-md { width: 450px !important; }
.width-lg { width: 600px !important; }
.width-full { width: 100% !important; }
.width-5 { width: 5px !important; }
.width-10 { width: 10px !important; }
.width-15 { width: 15px !important; }
.width-20 { width: 20px !important; }
.width-21 { width: 21px !important; }
.width-22 { width: 22px !important; }
.width-23 { width: 23px !important; }
.width-24 { width: 24px !important; }
.width-25 { width: 25px !important; }
.width-30 { width: 30px !important; }
.width-35 { width: 35px !important; }
.width-40 { width: 40px !important; }
.width-46 { width: 46px !important; }
.width-50 { width: 50px !important; }
.width-60 { width: 60px !important; }
.width-70 { width: 70px !important; }
.width-80 { width: 80px !important; }
.width-90 { width: 90px !important; }
.width-100 { width: 100px !important; }
.width-105 { width: 105px !important; }
.width-110 { width: 110px !important; }
.width-115 { width: 115px !important; }
.width-120 { width: 120px !important; }
.width-130 { width: 130px !important; }
.width-140 { width: 140px !important; }
.width-150 { width: 150px !important; }
.width-160 { width: 160px !important; }
.width-165 { width: 165px !important; }
.width-170 { width: 170px !important; }
.width-180 { width: 180px !important; }
.width-192 { width: 192px !important; }
.width-200 { width: 200px !important; }
.width-205 { width: 205px !important; }
.width-210 { width: 210px !important; }
.width-220 { width: 220px !important; }
.width-230 { width: 230px !important; }
.width-240 { width: 240px !important; }
.width-250 { width: 250px !important; }
.width-255 { width: 255px !important; }
.width-260 { width: 260px !important; }
.width-270 { width: 270px !important; }
.width-280 { width: 280px !important; }
.width-290 { width: 290px !important; }
.width-300 { width: 300px !important; }
.width-306 { width: 306px !important; }
.width-348 { width: 348px !important; }
.width-350 { width: 350px !important; }
.width-360 { width: 360px !important; }
.width-366 { width: 366px !important; }
.width-367 { width: 367px !important; }
.width-368 { width: 368px !important; }
.width-370 { width: 370px !important; }
.width-380 { width: 380px !important; }
.width-390 { width: 390px !important; }
.width-400 { width: 400px !important; }
.width-410 { width: 410px !important; }
.width-420 { width: 420px !important; }
.width-430 { width: 430px !important; }
.width-440 { width: 440px !important; }

.width-450 { width: 450px !important; }
.width-500 { width: 500px !important; }
.width-550 { width: 550px !important; }
.width-560 { width: 560px !important; }
.width-570 { width: 570px !important; }
.width-580 { width: 580px !important; }
.width-595 { width: 595px !important; }
.width-600 { width: 600px !important; }
.width-602 { width: 602px !important; }
.width-650 { width: 650px !important; }
.width-700 { width: 700px !important; }
.width-740 { width: 740px !important; }
.width-747 { min-width: 700px; min-width: 407px; }
.width-side { width: 280px !important; }
.width-half { width: 50% !important; }
.width-33pro { width: 33.3% !important; }
.width-20pro { width: 20% !important; }

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.text-ellipsis {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.underline {
    border-bottom: 1px solid #e2e7eb !important;
}
.underline2 {
    border-bottom: 1px solid #000000 !important;
}
.leftline2 {
    border-left: 1px solid #000000 !important;
}
.rightline2 {
    border-right: 1px solid #000000 !important;
}

.overunderline {
	clear: both;
	padding: 0px;
	margin: 10px 0 10px 0;
	width: 100%;
	height: 1px;
	border-top: 2px solid #000000;
    border-bottom: 1px solid #292929;
}

.overunderline2 {
	clear: both;
	padding: 0px;
	margin: 2px 0 2px 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #000000;
    border-bottom: 1px solid #292929;
}

.overunderline3 {
	clear: both;
	padding: 0px;
	margin: 0px 0px 0px -2px;
	width: 100%;
	height: 1px;
	border-top: 1px solid #000000;
    border-bottom: 1px solid #292929;
}

.overunderline4 {
	clear: both;
	padding: 0px;
	margin: 2px 0 2px 0;
	width: 100%;
	height: 1px;
    border-bottom: 1px solid #292929;
}


/* 3.14 Component - Button */
.btnstyle1{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btnstyle1:hover,.btnstyle1:focus,.btnstyle1:active,.btnstyle1.active,.btnstyle1.disabled,.btnstyle1[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btnstyle1:active,.btnstyle1.active{background-color:#cccccc \9;}
.btnstyle1:first-child{*margin-left:0;}
.btnstyle1:hover,.btnstyle1:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btnstyle1:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btnstyle1.active,.btnstyle1:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btnstyle1.disabled,.btnstyle1[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btnstyle1-lg{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.btnstyle1-lg [class^="icon-"],.btnstyle1-lg [class*=" icon-"]{margin-top:4px;}
.btnstyle1-sm{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btnstyle1-sm [class^="icon-"],.btnstyle1-sm [class*=" icon-"]{margin-top:0;}
.btnstyle1-xs [class^="icon-"],.btnstyle1-xs [class*=" icon-"]{margin-top:-1px;}
.btnstyle1-xs{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btnstyle1-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btnstyle1-block+.btnstyle1-block{margin-top:5px;}
input[type="submit"].btnstyle1-block,input[type="reset"].btnstyle1-block,input[type="button"].btnstyle1-block{width:100%;}
.btnstyle1-primary.active,.btnstyle1-warning.active,.btnstyle1-danger.active,.btnstyle1-success.active,.btnstyle1-info.active,.btnstyle1-inverse.active,.btnstyle1-inverse2.active,.btnstyle1-inverse3.active{color:rgba(255, 255, 255, 0.75);}
.btnstyle1-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(to bottom, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-primary:hover,.btnstyle1-primary:focus,.btnstyle1-primary:active,.btnstyle1-primary.active,.btnstyle1-primary.disabled,.btnstyle1-primary[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;}
.btnstyle1-primary:active,.btnstyle1-primary.active{background-color:#003399 \9;}
.btnstyle1-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#f89406;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-warning:hover,.btnstyle1-warning:focus,.btnstyle1-warning:active,.btnstyle1-warning.active,.btnstyle1-warning.disabled,.btnstyle1-warning[disabled]{color:#ffffff;background-color:#f89406;*background-color:#df8505;}
.btnstyle1-warning:active,.btnstyle1-warning.active{background-color:#c67605 \9;}
.btnstyle1-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-danger:hover,.btnstyle1-danger:focus,.btnstyle1-danger:active,.btnstyle1-danger.active,.btnstyle1-danger.disabled,.btnstyle1-danger[disabled]{color:#ffffff;background-color:#bd362f;*background-color:#a9302a;}
.btnstyle1-danger:active,.btnstyle1-danger.active{background-color:#942a25 \9;}


.btnstyle1-danger2{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#b62d25;background-image:-moz-linear-gradient(top, #e92f29, #8d2823);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #aa312b);background-image:-o-linear-gradient(top, #ee5f5b, #aa312b);background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);border-color:#72211d #72211d #611c18;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-danger2:hover,.btnstyle1-danger2:focus,.btnstyle1-danger2:active,.btnstyle1-danger2.active,.btnstyle1-danger2.disabled,.btnstyle1-danger2[disabled]{color:#ffffff;background-color:#bd362f;*background-color:#a9302a;}
.btnstyle1-danger2:active,.btnstyle1-danger2.active{background-color:#942a25 \9;}



.btnstyle1-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(to bottom, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-success:hover,.btnstyle1-success:focus,.btnstyle1-success:active,.btnstyle1-success.active,.btnstyle1-success.disabled,.btnstyle1-success[disabled]{color:#ffffff;background-color:#51a351;*background-color:#499249;}
.btnstyle1-success:active,.btnstyle1-success.active{background-color:#408140 \9;}
.btnstyle1-info{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(to bottom, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-info:hover,.btnstyle1-info:focus,.btnstyle1-info:active,.btnstyle1-info.active,.btnstyle1-info.disabled,.btnstyle1-info[disabled]{color:#ffffff;background-color:#2f96b4;*background-color:#2a85a0;}
.btnstyle1-info:active,.btnstyle1-info.active{background-color:#24748c \9;}

.btnstyle1-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#363636;background-image:-moz-linear-gradient(top, #3d4650, #111);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3d4650), to(#111));background-image:-webkit-linear-gradient(top, #3d4650, #111);background-image:-o-linear-gradient(top, #3d4650, #111);background-image:linear-gradient(to bottom, #3d4650, #111);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3d4650', endColorstr='#ff111', GradientType=0);border-color:#111 #111 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#111;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-inverse:hover,.btnstyle1-inverse:focus,.btnstyle1-inverse:active,.btnstyle1-inverse.active,.btnstyle1-inverse.disabled,.btnstyle1-inverse[disabled]{color:#ffffff;background-color:#111;*background-color:#151515;}
.btnstyle1-inverse:active,.btnstyle1-inverse.active{background-color:#080808 \9;}

.btnstyle1-inverse2{color:#c8e1fd;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0C1524;background-image:-moz-linear-gradient(top, #354562, #111e33);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#354562), to(#111e33));background-image:-webkit-linear-gradient(top, #354562, #111e33);background-image:-o-linear-gradient(top, #354562, #111e33);background-image:linear-gradient(to bottom, #354562, #111e33);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1111', endColorstr='#ff1111', GradientType=0);border-color:#111 #111 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#111;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btnstyle1-inverse2:hover,.btnstyle1-inverse2:focus,.btnstyle1-inverse2:active,.btnstyle1-inverse2.active,.btnstyle1-inverse2.disabled,.btnstyle1-inverse2[disabled]{color:#ffffff;background-color:#0c1525;*background-color:#151515;}
.btnstyle1-inverse2:active,.btnstyle1-inverse2.active{background-color:#080808 \9;}


.btnstyle1-inverse3{
	color:#c8e1fd;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#0C1524;
	background-image:-moz-linear-gradient(top, #354562, #172946);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#354562), to(#111e33));
	background-image:-webkit-linear-gradient(top, #354562, #111e33);
	background-image:-o-linear-gradient(top, #354562, #111e33);
	background-image:linear-gradient(to bottom, #354562, #111e33);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1111', endColorstr='#ff1111', GradientType=0);
	border-color:#111 #111 #000000;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#111;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btnstyle1-inverse3:hover,.btnstyle1-inverse3:focus,.btnstyle1-inverse3:active,.btnstyle1-inverse3.active,.btnstyle1-inverse3.disabled,.btnstyle1-inverse3[disabled]{
	color:#ffffff;
	background-color:#111e33;*background-color:#354562;
}


.btn {
    font-weight: 300;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn:focus, 
.btn:active:focus, 
.btn.active:focus {
    outline: none;
}
.btn-icon,
.btn.btn-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
}
.btn-circle,
.btn.btn-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}
.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}
.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}
.btn-scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 1020;
}
.page-with-right-sidebar .btn-scroll-to-top {
    left: 25px;
    right: auto;
}
.btn > .pull-left, 
.btn > .pull-right {
    line-height: 1.428571429;
}
.btn-block {
    padding-left: 12px;
    padding-right: 12px;
}
.btn:active,
.btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
} 


/* 3.14.1 Component - Button - Default */

.btn.btn-default {
    color: #fff;
    background: #b6c2c9;
    border-color: #b6c2c9;
}
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default {
    background: #929ba1;
    border-color: #929ba1;
}
.btn-group .btn.btn-default:not(.active) + .btn.btn-default,
.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default {
    border-left-color: #929ba1;
}


/* 3.14.2 Component - Button - White */

.btn.btn-white {
    font-weight: normal;
    color: #333;
    background: #fff;
    border-color: #e2e7eb;
}
.btn.btn-white.btn-white-without-border {
    border-color: #fff;
}
.btn.btn-white.btn-white-without-border.active,
.btn.btn-white.btn-white-without-border.active:hover,
.btn.btn-white.btn-white-without-border.active:focus {
    border-color: #ddd;
}
.btn.btn-white.btn-white-without-border:hover,
.btn.btn-white.btn-white-without-border:focus {
    border-color: #eee;
}
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active,
.open .dropdown-toggle.btn-white {
    background: #e2e7eb;
    border-color: #d8dde1;
}
.btn-group .btn.btn-white:not(.active) + .btn.btn-white,
.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white {
    border-left-color: #eee;
}


/* 3.14.3 Component - Button - Inverse */
.btn.btn-sports-on {
	color: #fff;
    background: #055f94;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
	background: -webkit-linear-gradient(180deg, #055f94, #088BDC);
	background:    -moz-linear-gradient(180deg, #055f94, #088BDC);
	background:     -ms-linear-gradient(180deg, #055f94, #088BDC);
	background:      -o-linear-gradient(180deg, #055f94, #088BDC);
	background:         linear-gradient(180deg, #055f94, #088BDC);
}
.btn.btn-sports-date {
    color: #d7d7d7;
    background: #1e2428;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
}
.btn.btn-sports-vs {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
}
.btn.btn-sports-ct {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
}
.btn.btn-sports {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	height: 38px;
}
.btn.btn-sports-off {
    color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
}
.sub-title {
	font-size:9pt;
    color: #999999;
    text-align: left;
    display: table-cell; 
    vertical-align: middle; 
    width: 100%;
}
.bar-mini {
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(45deg, #111, #1d2227);
	background:    -moz-linear-gradient(45deg, #111, #1d2227);
	background:     -ms-linear-gradient(45deg, #111, #1d2227);
	background:      -o-linear-gradient(45deg, #111, #1d2227);
	background:         linear-gradient(45deg, #111, #1d2227);
}
.btn-sports:hover, 
.btn-sports:focus, 
.btn-sports:active, 
.btn-sports.active, 
.open .dropdown-toggle.btn-sports {
	color: #fff;
    border:1px solid #04122A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
	background: linear-gradient(110deg, #a20000 60%, #7c1200 60%);
}
.btn-group .btn.btn-sports:not(.active) + .btn.btn-sports,
.input-group-btn .btn.btn-sports:not(.active) + .btn.btn-sports {
	color: #ffcc00;
    border-top:1px solid #4b555f;
	border-right:1px solid #4b555f;
	border-bottom:1px solid #4b555f;
	border-left:1px solid #4b555f;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}



/* 3.14.3 Component - Button - Inverse */

.btn.btn-inverse {
    color: #fff;
    background: #2d353c;
    border-color: #2d353c;
}
.btn-inverse:hover, 
.btn-inverse:focus, 
.btn-inverse:active, 
.btn-inverse.active, 
.open .dropdown-toggle.btn-inverse {
    background: #242a30;
    border-color: #242a30;
}
.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse,
.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse {
    border-left-color: #242a30;
}



/* 3.14.4 Component - Button - Primary */

.btn.btn-primary {
    color: #fff;
    background: #348fe2;
    border-color: #348fe2;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
    background: #2a72b5;
    border-color: #2a72b5;
}
.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary,
.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary {
    border-left-color: #2a72b5;
}


/* 3.14.5 Component - Button - Success */

.btn.btn-success {
    color: #fff;
    background: #00acac;
    border-color: #00acac;
}
.btn.btn-success:hover, 
.btn.btn-success:focus, 
.btn.btn-success:active, 
.btn.btn-success.active, 
.open .dropdown-toggle.btn-success {
    background: #008a8a;
    border-color: #008a8a;
}
.btn-group .btn.btn-success:not(.active) + .btn.btn-success,
.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success {
    border-left-color: #008a8a;
}

.btn.btn-success2 {
    color: #fff;
    background: #5cb85c;
    border-color: #5cb85c;
}
.btn.btn-success2:hover, 
.btn.btn-success2:focus, 
.btn.btn-success2:active, 
.btn.btn-success2.active, 
.open .dropdown-toggle.btn-success2 {
    background: #4cae4c;
    border-color: #4cae4c;
}
.btn-group .btn.btn-success2:not(.active) + .btn.btn-success2,
.input-group-btn .btn.btn-success2:not(.active) + .btn.btn-success2 {
    border-left-color: #4cae4c;
}




.btn.btn-inverse2 {
    color: #fff;
    font-weight:bold;
    border: 1px solid #111;
	background: -webkit-linear-gradient(180deg, #3d4650, #000);
	background: -moz-linear-gradient(180deg, #3d4650, #000);
	background: -ms-linear-gradient(180deg, #3d4650, #000);
	background: -o-linear-gradient(180deg, #3d4650, #000);
	background: linear-gradient(180deg, #3d4650, #000);
	font-size:12pt;
}
.btn.btn-inverse2:hover, 
.btn.btn-inverse2:focus, 
.btn.btn-inverse2:active, 
.btn.btn-inverse2.active, 
.open .dropdown-toggle.btn-inverse2 {
    color: #000;
	font-weight:bold;
    border: 1px solid #111;
	background: -webkit-linear-gradient(180deg, #93d872, #3a873a);
	background: -moz-linear-gradient(180deg, #93d872, #3a873a);
	background: -ms-linear-gradient(180deg, #93d872, #3a873a);
	background: -o-linear-gradient(180deg, #93d872, #3a873a);
	background: linear-gradient(180deg, #93d872, #3a873a);
	font-size:12pt;
}
.btn-group .btn.btn-inverse2:not(.active) + .btn.btn-inverse2,
.input-group-btn .btn.btn-inverse2:not(.active) + .btn.btn-inverse2 {
    border-left-color: #4cae4c;
}




/* 3.14.6 Component - Button - Warning */

.btn.btn-warning {
    color: #fff;
    background: #f59c1a;
    border-color: #f59c1a;
}
.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active, 
.btn-warning.active, 
.open .dropdown-toggle.btn-warning {
    background: #c47d15;
    border-color: #c47d15;
}
.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning,
.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning {
    border-left-color: #c47d15;
}


/* 3.14.7 Component - Button - Danger */

.btn.btn-danger {
    color: #fff;
    background: #ff5b57;
    border-color: #ff5b57;
}
.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active, 
.btn-danger.active, 
.open .dropdown-toggle.btn-danger {
    background: #cc4946;
    border-color: #cc4946;
}
.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger,
.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger {
    border-left-color: #cc4946;
}


/* 3.14.8 Component - Button - Info */

.btn.btn-info {
    color: #fff;
    background: #49b6d6;
    border-color: #49b6d6;
}
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info {
    background: #3a92ab;
    border-color: #3a92ab;
}
.btn-group .btn.btn-info:not(.active) + .btn.btn-info,
.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info {
    border-left-color: #3a92ab;
}




::-webkit-scrollbar {
		width: 0px;
		background: transparent; /* make scrollbar transparent */
	}

.select-bg {
	background:#f2f2f2;
}

.cursor {
    cursor: pointer;
}


/* toto-mix-list */
.list-box-g {
	display: table;
	vertical-align: middle;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #dddddd;
	overflow-x: hidden;
	height:24px;
	font-size:14px;
}
.list-box-g2 {
	display: table;
	vertical-align: middle;
	width: 100%;
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
}
.list-box-mg {
	display: table;
	vertical-align: middle;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #dddddd;
	overflow-x: hidden;
	font-size: 23pt;
	font-family: 'Malgun Gothic',dotum;
}
.hva-txt {
	display: table-cell;
	vertical-align: middle;
	overflow-x: hidden;
}

.width-fixed {
	width: 100%;
	min-width: 1380px;
}

.time-g {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 7%;
	min-width: 73px;
	padding: 1px;
	overflow-x: hidden;
}
.home-t {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 40%;
	min-width: 250px;
	padding: 1px;
	overflow-x: hidden;
}
.vs-t {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	min-width: 73px;
	width: 6%;
	padding: 1px;
	overflow-x: hidden;
}
.away-t {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 40%;
	min-width: 250px;
	padding: 1px;
	overflow-x: hidden;
}
.hva_bt_sub1 {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 33.3%;
	padding: 1px;
	overflow-x: hidden;
	position:relative;
}
.hva_bt_sub2 {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding: 1px;
	overflow-x: hidden;
	position:relative;
}
.etc-live {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 0px;
	overflow-x: hidden;
}
.etc-live-ban {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding: 0px;
	overflow-x: hidden;
}
.etc-live-l {
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	overflow-x: hidden;
}
.etc-live-r {
	text-align: right;
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	min-width: 50px;
	overflow-x: hidden;
}
.etc-l {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 7%;
	min-width: 84px;
	padding: 1px;
	overflow-x: hidden;
}

.hvabar {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 33.3%;
	padding: 2px;
	overflow-x: hidden;
}

.ulis {
	display: table;
}
.liis {
	display: table-cell;
}

.minisyspan {
	display: table;
	clear: both;
}

.minisyspan_in {
	display: table-cell;
	vertical-align: middle;
	padding: 4px;
	position: relative;
	width:22px;
	height:22px;
}

.table-is {
	width:100%;
	height:100%;
}

.table-h {
	background: #0c0e10;
	border:1px solid #333e46;
	padding: 4px;
	color: #fafafa;
	height: 30px;
}

.table-b {
	background: #171c20;
	border:1px solid #333e46;
	padding: 4px;
	color: #e8e8e8;
	height: 30px;
}

.ccblue {
	background:#0079f2;
	margin:0 auto;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	color:#fafafa;
	width:26px;
	line-height:26px;
	height:26px;
	padding:0px;
	font-size:11pt;
	font-family:'Malgun Gothic',dotum;
}

.ccred {
	background:#ec0214;
	margin:0 auto;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	color:#fafafa;
	width:26px;
	line-height:26px;
	height:26px;
	padding:0px;
	font-size:11pt;
	font-family:'Malgun Gothic',dotum;
}

.ccblue2 {
	background:#0079f2;
	margin:0 auto;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	color:#fafafa;
	width:22px;
	line-height:22px;
	height:22px;
	padding:0px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
}

.ccred2 {
	background:#ec0214;
	margin:0 auto;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	color:#fafafa;
	width:22px;
	line-height:22px;
	height:22px;
	padding:0px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
}
.ccgray2 {
	background:#f0f0f0;
	margin:0 auto;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	color:#000000;
	width:22px;
	line-height:22px;
	height:22px;
	padding:0px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
}
.ccorange2 {
	background:#ffcc00;
	margin:0 auto;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	color:#000000;
	width:22px;
	line-height:22px;
	height:22px;
	padding:0px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
}

.select-bg {
	background:#f2f2f2;
}

.cursor {
	cursor: pointer;
}




.sport-icon {
	background: url('/images/tess/s_icons.svg') no-repeat;
	height: 20px;
	width: 22px;
}

.sport-icon.icon-trophy {
	height: 20px;
	width: 25px;
	background-position: -252px -72px;
}

.sport-icon.icon-mobile {
    height: 20px;
    width: 25px;
    background-position: -540px -108px;
}

.sport-icon.athletics {
	height: 20px;
	width: 25px;
	background-position: 0px 0px;
}

.sport-icon.aussie-rules {
	height: 20px;
	width: 25px;
	background-position: -36px 0px;
}

.sport-icon.sicon31 {
	height: 20px;
	width: 25px;
	background-position: -72px 0px;
}

.sport-icon.bandy {
	height: 20px;
	width: 25px;
	background-position: -108px 0px;
}

.sport-icon.sicon3 {
	height: 20px;
	width: 25px;
	background-position: -144px 0px;
}

.sport-icon.sicon2 {
	height: 20px;
	width: 25px;
	background-position: -180px 0px;
}

.sport-icon.sicon26 {
	height: 20px;
	width: 25px;
	background-position: -216px 0px;
}

.sport-icon.betting-menu-expand-or-collapse-icon {
	height: 20px;
	width: 25px;
	background-position: -252px 0px;
}

.sport-icon.biathlon {
	height: 20px;
	width: 25px;
	background-position: -288px 0px;
}

.sport-icon.bobsleigh {
	height: 20px;
	width: 25px;
	background-position: -324px 0px;
}

.sport-icon.sicon10 {
	height: 20px;
	width: 25px;
	background-position: -360px 0px;
}

.sport-icon.burger-menu {
	height: 20px;
	width: 25px;
	background-position: -396px 0px;
}

.sport-icon.casino {
	height: 20px;
	width: 25px;
	background-position: -432px 0px;
}

.sport-icon.chess {
	height: 20px;
	width: 25px;
	background-position: -468px 0px;
}

.sport-icon.close {
	height: 20px;
	width: 25px;
	background-position: -504px 0px;
}

.sport-icon.sicon21 {
	height: 20px;
	width: 25px;
	background-position: -540px 0px;
}

.sport-icon.sicon28 {
	height: 20px;
	width: 25px;
	background-position: 0px -36px;
}

.sport-icon.cycling {
	height: 20px;
	width: 25px;
	background-position: -36px -36px;
}

.sport-icon.sicon22 {
	height: 20px;
	width: 25px;
	background-position: -72px -36px;
}

.sport-icon.ellipsis-icon {
	height: 20px;
	width: 25px;
	background-position: -108px -36px;
}

.sport-icon.esports {
	height: 20px;
	width: 25px;
	background-position: -144px -36px;
}

.sport-icon.mini {
	height: 20px;
	width: 25px;
	background-position: -540px -108px;
}



.sport-icon.f1 {
	height: 20px;
	width: 25px;
	background-position: -180px -36px;
}

.sport-icon.field-hockey {
	height: 20px;
	width: 25px;
	background-position: -216px -36px;
}

.sport-icon.figure-skating {
	height: 20px;
	width: 25px;
	background-position: -252px -36px;
}

.sport-icon.sicon12 {
	height: 20px;
	width: 25px;
	background-position: -288px -36px;
}

.sport-icon.sicon9 {
	height: 20px;
	width: 25px;
	background-position: -324px -36px;
}

.sport-icon.sicon6 {
	height: 20px;
	width: 25px;
	background-position: -360px -36px;
}

.sport-icon.help {
	height: 20px;
	width: 25px;
	background-position: -396px -36px;
}

.sport-icon.home {
	height: 20px;
	width: 25px;
	background-position: -432px -36px;
}

.sport-icon.sicon4 {
	height: 20px;
	width: 25px;
	background-position: -468px -36px;
}

.sport-icon.ice-skating {
	height: 20px;
	width: 25px;
	background-position: -504px -36px;
}

.sport-icon.lacrosse {
	height: 20px;
	width: 25px;
	background-position: -540px -36px;
}

.sport-icon.live-games {
	height: 20px;
	width: 25px;
	background-position: 0px -72px;
}

.sport-icon.luge {
	height: 20px;
	width: 25px;
	background-position: -36px -72px;
}

.sport-icon.magic-the-gathering {
	height: 20px;
	width: 25px;
	background-position: -72px -72px;
}

.sport-icon.message-icon {
	height: 20px;
	width: 25px;
	background-position: -108px -72px;
}

.sport-icon.misc {
	height: 20px;
	width: 25px;
	background-position: -144px -72px;
}

.sport-icon.sicon117 {
	height: 20px;
	width: 25px;
	background-position: -180px -72px;
}

.sport-icon.sicon11 {
	height: 20px;
	width: 25px;
	background-position: -216px -72px;
}

.sport-icon.outrights-specials-competitions-generic {
	height: 20px;
	width: 25px;
	background-position: -252px -72px;
}

.sport-icon.paddle-tennis {
	height: 20px;
	width: 25px;
	background-position: -288px -72px;
}

.sport-icon.parlays-teasers {
	height: 20px;
	width: 25px;
	background-position: -324px -72px;
}

.sport-icon.pin-pinned {
	height: 20px;
	width: 25px;
	background-position: -360px -72px;
}

.sport-icon.politics {
	height: 20px;
	width: 25px;
	background-position: -396px -72px;
}

.sport-icon.reload {
	height: 20px;
	width: 25px;
	background-position: -432px -72px;
}

.sport-icon.rink-hockey {
	height: 20px;
	width: 25px;
	background-position: -468px -72px;
}

.sport-icon.rugby {
	height: 20px;
	width: 25px;
	background-position: -504px -72px;
}

.sport-icon.rugby-league {
	height: 20px;
	width: 25px;
	background-position: -540px -72px;
}

.sport-icon.rugby-union {
	height: 20px;
	width: 25px;
	background-position: 0px -108px;
}

.sport-icon.short-track {
	height: 20px;
	width: 25px;
	background-position: -36px -108px;
}

.sport-icon.skeleton {
	height: 20px;
	width: 25px;
	background-position: -72px -108px;
}

.sport-icon.skiing {
	height: 20px;
	width: 25px;
	background-position: -108px -108px;
}

.sport-icon.sicon19 {
	height: 20px;
	width: 25px;
	background-position: -144px -108px;
}

.sport-icon.sicon1 {
	height: 20px;
	width: 25px;
	background-position: -180px -108px;
}

.sport-icon.squash {
	height: 20px;
	width: 25px;
	background-position: -216px -108px;
}

.sport-icon.surfing {
	height: 20px;
	width: 25px;
	background-position: -252px -108px;
}

.sport-icon.sicon20 {
	height: 20px;
	width: 25px;
	background-position: -288px -108px;
}

.sport-icon.sicon5 {
	height: 20px;
	width: 25px;
	background-position: -324px -108px;
}

.sport-icon.upcoming-games {
	height: 20px;
	width: 25px;
	background-position: -360px -108px;
}

.sport-icon.sicon23 {
	height: 20px;
	width: 25px;
	background-position: -396px -108px;
}

.sport-icon.icon-water-polo {
	height: 20px;
	width: 25px;
	background-position: -432px -108px;
}

.sport-icon.icon-winter-sports-1 {
	height: 20px;
	width: 25px;
	background-position: -468px -108px;
}

.sport-icon.icon-winter-sports-2 {
	height: 20px;
	width: 25px;
	background-position: -504px -108px;
}

.inner-sidebar ul > li {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #383f46;
	padding:1px 2px 2px 2px;
}
.inner-sidebar ul > li > a:hover {
	background: #232a2f;
	color: #a8acb1;
	text-decoration:none;
}
.inner-sidebar ul > li > a:active {
	color: #ffcc00;
	background: #111;
	text-decoration:none;
}
.inner-sidebar .panel-heading > a:hover,
.inner-sidebar .panel-heading > a:active {
	background: #232a2f;
	color: #ffcc00;
	text-decoration:none;
}
.inner-sidebar .panel-body {
	background: #14181b;
}

.alpha-100 { filter:alpha(opacity=99); opacity:1; -moz-opacity:1; }
.alpha-99 { filter:alpha(opacity=99); opacity:0.99; -moz-opacity:0.99; }
.alpha-98 { filter:alpha(opacity=98); opacity:0.98; -moz-opacity:0.98; }
.alpha-97 { filter:alpha(opacity=97); opacity:0.97; -moz-opacity:0.97; }
.alpha-96 { filter:alpha(opacity=96); opacity:0.96; -moz-opacity:0.96; }
.alpha-95 { filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95; }
.alpha-94 { filter:alpha(opacity=94); opacity:0.94; -moz-opacity:0.94; }
.alpha-93 { filter:alpha(opacity=93); opacity:0.93; -moz-opacity:0.93; }
.alpha-92 { filter:alpha(opacity=92); opacity:0.92; -moz-opacity:0.92; }
.alpha-91 { filter:alpha(opacity=91); opacity:0.91; -moz-opacity:0.91; }
.alpha-90 { filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; }
.alpha-80 { filter:alpha(opacity=80); opacity:0.80; -moz-opacity:0.80; }
.alpha-70 { filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70; }
.alpha-60 { filter:alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; }
.alpha-50 { filter:alpha(opacity=50); opacity:0.50; -moz-opacity:0.50; }
.alpha-40 { filter:alpha(opacity=40); opacity:0.40; -moz-opacity:0.40; }
.alpha-30 { filter:alpha(opacity=30); opacity:0.30; -moz-opacity:0.30; }
.alpha-20 { filter:alpha(opacity=20); opacity:0.20; -moz-opacity:0.20; }
.alpha-10 { filter:alpha(opacity=10); opacity:0.10; -moz-opacity:0.10; }
.alpha-0 { filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }

/* loading */
.circle div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 150px;
	height: 150px;
	margin: auto;
	border: 30px solid;
	border-color: rgba(0, 84, 255, 1) rgba(36, 120, 255, 0.3) rgba(36, 120, 255, 0.3) rgba(36, 120, 255, 0.3);
	border-radius: 80px;
	animation: circle 0.7s linear infinite;
}
.circle-in div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
	margin: 10px 0 0 0;
	border: 20px solid;
	border-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3);
	border-radius: 50px;
	animation: circle 0.7s linear infinite;
}
@keyframes circle {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



.bettingbox {
	border: 1px solid #191919;
	padding:0px;
	padding:0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.betinputbox {
	width: 160px;
	height: 23px;
	background: #2e3d56;
	border: 1px solid #0A0E16;
	padding:3px 8px 3px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.betlistbox {
	clear: both;
	width: 251px;
	height: 40px;
	text-align: left;
	margin: 1px 0 3px 1px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.betlistcolor_a {
	float: left;
	width: 210px;
	min-width: 210px;
	color: #b8b8b8;
	font-size: 8pt;
	font-family: 'Malgun Gothic',dotum;
	/*letter-spacing:-0.1em;*/
	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 2px 0 0 4px;
	overflow-x: hidden;
}
.betlistcolor_b {
	float: left;
	width: 190px;
	min-width: 190px;
	color: #9d6d33;
	font-size: 8pt;
	font-family: 'Malgun Gothic',dotum;
	/*letter-spacing:-0.1em;*/
	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 0 0 0 4px;
	overflow-x: hidden;
}
.betlistcolor_b_odd {
	float: right;
	color: #c8e1f0;
	font-weight: bold;
	font-size: 9pt;
	font-family: 'Malgun Gothic',dotum;
	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 0px 6px 0 0;
}
.betlistclose {
	float: right;
	color: #39acac;
	font-size: 10pt;
	font-family: 'Malgun Gothic',dotum;
	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 0px 6px 0 0;
	cursor: pointer;
	text-shadow: 0 0 3px #000;
}
.betlistclose:hover {
	color: #f37e82;
	margin: -1px 6px 0 0;
}

.search-input-box {
	background:#222D40
	color: #222 !important;
	width: 210px;
	height: 30px;
	background: #222D40;
	border: 1px solid #0A0E16;
	padding: 3px;
}

.display-none {
	display: none;
}
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.position-absolute-zindex-1 {
	z-index:1;
}
.position-absolute-zindex-10 {
	z-index:10;
}
.position-absolute-zindex-100 {
	z-index:100;
}
.position-absolute-zindex-1000 {
	z-index:1000;
}
.position-absolute-zindex-10000 {
	z-index:10000;
}
.top-0 { top:0px; !important }
.left-0 { left:0px; !important }
.right-0 { right:0px; !important }


.clear-both{
	clear:both;
}

.clockbox{
	width: 310px;
	height: 82px;
	overflow-x: hidden;
	overflow-y: hidden;
	font:700 40px Open Sans Condensed,sans-serif;
}

.games-navigation{
	clear:both;
	width: 100%;
	height: 65px;
	display: table;
}

.mini-live-tmenu{
	cursor:pointer;
	text-align: center;
	display: table-cell;
	width:10%;
	font-weight:bold;
	background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #35353F, #161622);
	background:    -moz-linear-gradient(180deg, #35353F, #161622);
	background:     -ms-linear-gradient(180deg, #35353F, #161622);
	background:      -o-linear-gradient(180deg, #35353F, #161622);
	background:         linear-gradient(180deg, #35353F, #161622);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#35353f",endColorStr="#161622",GradientType=0);
}
.mini-live-tmenu:hover{
	background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #161622, #35353F);
	background:    -moz-linear-gradient(180deg, #161622, #35353F);
	background:     -ms-linear-gradient(180deg, #161622, #35353F);
	background:      -o-linear-gradient(180deg, #161622, #35353F);
	background:         linear-gradient(180deg, #161622, #35353F);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#161622,endColorStr="#35353F,GradientType=0);
}

.mini-live-tmenu-casino{
	cursor:pointer;
	text-align: center;
	display: table-cell;
	width:9%;
	font-weight:bold;
	background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #35353F, #161622);
	background:    -moz-linear-gradient(180deg, #35353F, #161622);
	background:     -ms-linear-gradient(180deg, #35353F, #161622);
	background:      -o-linear-gradient(180deg, #35353F, #161622);
	background:         linear-gradient(180deg, #35353F, #161622);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#35353f",endColorStr="#161622",GradientType=0);
}
.mini-live-tmenu-casinoe:hover{
	background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #161622, #35353F);
	background:    -moz-linear-gradient(180deg, #161622, #35353F);
	background:     -ms-linear-gradient(180deg, #161622, #35353F);
	background:      -o-linear-gradient(180deg, #161622, #35353F);
	background:         linear-gradient(180deg, #161622, #35353F);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#161622,endColorStr="#35353F,GradientType=0);
}



.t-line1{
	border-top:5px solid #0091EA;
	border-right:1px solid #454545;
}
.t-line1:active{
	background:#111;
}

.t-line2{
	border-top:5px solid #2A62FF;
	border-right:1px solid #454545;
}
.t-line2:active{
	background:#111;
}

.t-line3{
	border-top:5px solid #4F2FC5;
	border-right:1px solid #454545;
}
.t-line3:active{
	background:#111;
}

.t-line4{
	border-top:5px solid #7B20A3;
	border-right:1px solid #454545;
}
.t-line4:active{
	background:#111;
}

.t-line5{
	border-top:5px solid #C41162;
	border-right:1px solid #454545;
}
.t-line5:active{
	background:#111;
}

.t-line6{
	border-top:5px solid #D60000;
	border-right:1px solid #454545;
}
.t-line6:active{
	background:#111;
}

.t-line7{
	border-top:5px solid #FF9000;
	border-right:1px solid #454545;
}
.t-line7:active{
	background:#111;
}

.t-line8{
	border-top:5px solid #5D871B;
	border-right:1px solid #454545;
}
.t-line8:active{
	background:#111;
}

.t-line9{
	border-top:5px solid #206825;
	border-right:1px solid #454545;
}
.t-line9:active{
	background:#111;
}

.t-line10{
	border-top:5px solid #9933ff;
}
.t-line9:active{
	background:#111;
}

.live-tmenu-name{
	font-size:11pt;
	color:#fafafa;
	margin:0 0 3px 0;
}
.live-tmenu-name-casino{
	font-size:11pt;
	color:#d0d0d0;
	text-shadow:0 -1px 0 rgba(0,0,0,.33);
	margin:0 0 3px 0;
	font-family:'Malgun Gothic',arial;
}


.live-tmenu-countdown{
	font:700 13px Open Sans Condensed,sans-serif;
	color:#ffffff;
}

.live-tmenu-casino-sub{
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
	color:#7d7d7d;
	font-weight:normal;
}


.game-info-container{
	margin:0;
	padding:0 5px 5px 5px;
	height:491px;
	text-align:center;
	width:100%;
}
.game-info-container2{
	margin:0;
	padding:0 5px 0 5px;
	height:449px;
	text-align:center;
	width:100%;
}
.game-info-container3{
	margin:0;
	padding:0 5px 5px 5px;
	height:675px;
	text-align:center;
	width:100%;
}
.game-info-container4{
	margin:0;
	padding:0 5px 5px 5px;
	height:640px;
	text-align:center;
	width:100%;
}
.playerbox{
	width:100%;
	height:422px;
	text-align:center;
	position: relative;
}
.playerbox2{
	width:100%;
	height:380px;
	text-align:center;
	position: relative;
}
.playerbox3{
	width:100%;
	height:610px;
	text-align:center;
	position: relative;
}
.playerbox4{
	width:100%;
	height:575px;
	text-align:center;
	position: relative;
}
.lucky7{
	background-image:url(../img/lucky7_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.lucky6{
	background-image:url(../img/lucky6_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.lucky5{
	background-image:url(../img/lucky5_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.dice{
	background-image:url(../img/dice_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.dice-war{
	background-image:url(../img/dice_war_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.wheel{
	background-image:url(../img/wheel_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.poker{
	background-image:url(../img/poker_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.baccarat{
	background-image:url(../img/baccarat_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.war{
	background-image:url(../img/war_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.mgm{
	background-image:url(../img/mgm_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.sadari{
	background-image:url(../img/named/bg_ladder.png);
	background-size:cover;
	background-position:100%;
}
.dari{
	background-image:url(../img/named/bg_dari.png);
	background-size:cover;
	background-position:100%;
}
.powerball{
	background-image:url(../img/nlotto/bg_powerball.png);
	background-size:cover;
	background-position:100%;
}
.keno{
	background-image:url(../img/nlotto/bg_keno.png);
	background-size:cover;
	background-position:100%;
}
.aladin{
	background-image:url(../img/hafline/bg_aladin.png);
	background-size:cover;
	background-position:100%;
}
.virtual{
	background:url(../img/live_game2_bg.jpg) no-repeat;
	background-size:cover;
	background-position:100%;
}
.minibg{
	background-image:url(../img/login-bg/bg-10.jpg);
	background-size:cover;
	background-position:100%;
}
.lotusbg{
	background:url(../img/lotus/bg_page_title.jpg) repeat;
}
.game-background-live-game{
	background-image:url(../img/live_game_bg.jpg);
	background-size:110% 520px;
	background-position:50%;
}
.game-background-live-game2{
	background:url(../img/live_game2_bg.jpg) no-repeat;
	background-size:100% 600px;
	background-position:50%;
}
.game-background-vhorse{
	background-image:url(../img/vhorse_bg.jpg);
	background-size:cover;
	background-position:50%;
}

.game-recent-info{
	position:absolute;
	z-index:2;
	top:35px;
	left:34px;
	width: 260px;
	height: 355px;
	text-align: center;
	filter:alpha(opacity=90);
	opacity:0.90;
	-moz-opacity:0.90;
}

.game-recent-info2{
	position:absolute;
	z-index:2;
	top:35px;
	left:34px;
	width: 260px;
	height: 355px;
	text-align: center;
}

.last-5-counter-orange{
	color: #fafafa;
	background-color:#FF8700;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font:700 40px Open Sans Condensed,sans-serif;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.last-5-counter-black{
	color: #fafafa;
	background-color:#1B1B27;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font:700 40px Open Sans Condensed,sans-serif;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.last-5-results{
	color: #fafafa;
	background-color:#fbfbfb;
	width: 100%;
	height: 275px;
	text-align: center;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}
.last-5-results-title{color:#000; padding:15px 0 12px 0; font-weight:bold;}
.last-result-items{margin-bottom:12px;}
.lottery-item{position:relative;display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;user-select:none;}
.lottery-item{margin:2px;padding:7px;line-height:1.2}
.ball{width:30px;height:30px;border:1px solid #000;border-radius:50%;-webkit-font-smoothing:antialiased;font-size:12px;background-repeat:repeat-x;}
.ball.yellow{background-color:#ffad32;background:linear-gradient(180deg,#ffad32,#cc7a00);border-color:#cc7a00 #cc7a00 #b36b00;text-shadow:0 1px 1px hsla(0,0%,100%,.33)}
.ball.black{background-color:#5b5b5b;background:linear-gradient(180deg,#5b5b5b,#282828);border-color:#282828 #282828 #1c1c1c;text-shadow:0 -1px 0 rgba(0,0,0,.33)}
.ball.white{background-color:#f9f9f9;background:linear-gradient(180deg,#f9f9f9,#d6d6d6);border-color:#929292 #929292 #a1a1a1;text-shadow:0 1px 1px hsla(0,0%,100%,.23)}
.ball.blue{background-color:#5990d8;background:linear-gradient(180deg,#5990d8,#193c6b);border-color:#193c6b #193c6b #112948;text-shadow:0 -1px 0 rgba(0,0,0,.56)}
.ball.green{background-color:#398f28;background:linear-gradient(180deg,#398f28,#193f11);border-color:#193f11 #193f11 #122c0c}
.ball.green,.ball.grey,.ball.red{text-shadow:0 -1px 0 rgba(0,0,0,.33)}
.ball.grey,.ball.red{background-color:#e52828;background:linear-gradient(180deg,#e52828,#961111);border-color:#961111 #961111 #800f0f}
.ball.white,.ball.yellow{color:#333}
.ball.black,.ball.blue,.ball.green,.ball.grey,.ball.red{color:#fff}
.ball>span{font-weight:700}
.last-5-results .ball{margin:0 -0.5px}
.dice-ball{background-color:#e52828;background:linear-gradient(180deg,#e52828,#961111);width:25px;height:25px;border-radius:4px;font-size:6px;margin:2px}
.dice-ball.dice-blue,.dice-ball.duel:last-child{background-color:#6752ff;background:linear-gradient(180deg,#6752ff,#1d09a7)}
.dice-ball>.dot{width:20%;height:20%;border:none;border-radius:50%;-webkit-font-smoothing:antialiased;position:absolute;display:block;left:50%;top:50%;margin:-10%;background:#fff}
.dice-ball.dice-1>.dot{box-shadow:0 0 0 #fff}
.dice-ball.dice-2>.dot{background:transparent}
.dice-ball.dice-2>.dot,.dice-ball.dice-3>.dot{box-shadow:-1em -1em 0 #fff,1em 1em 0 #fff}
.dice-ball.dice-4>.dot{background:transparent}
.dice-ball.dice-4>.dot,.dice-ball.dice-5>.dot{box-shadow:-1em -1em 0 #fff,1em 1em 0 #fff,-1em 1em 0 #fff,1em -1em 0 #fff}
.dice-ball.dice-6>.dot{background:transparent;box-shadow:-1em -1em 0 #fff,-1em 0 0 #fff,-1em 1em 0 #fff,1em -1em 0 #fff,1em 0 0 #fff,1em 1em 0 #fff}
.last-5-results .dice-ball{margin:0}




.wheel_red{width:125px;padding:5px;background:#d60000;margin-bottom:4px;}
.wheel_grey{width:125px;padding:5px;background:#818586;margin-bottom:4px;}
.wheel_black{width:125px;padding:5px;background:#222222;margin-bottom:4px;}
.wheel_white{width:125px;padding:5px;background:#e1e1e1;margin-bottom:4px;}
.wheel-circle{width:25px;height:25px;border:none;border-radius:50%;-webkit-font-smoothing:antialiased;background-color:#fff;color:#000;line-height:1.8;font-weight:800;cursor:default;font-size:14px;}


/* 2.4 Sidebar & sidebar elements */

.sidebar {
    width: 285px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    padding-top: 134px;
	
    width: 260px;
    min-height: 100%;
	letter-spacing: -1px;
    /* margin-left: -742px; */
    overflow: scroll;
    z-index: 0;
	/*background: url(/images/blbl.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background-position-y: bottom;
    -webkit-transform: translateZ(0);
	font-size:16px;
}
.sidebar-bg {
    background: #2d353c;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    z-index: 1000;
}
.sidebar .nav > li:before,
.sidebar .nav > li:after,
.sidebar .nav > li > a:before,
.sidebar .nav > li > a:after {
    content: '';
    clear: both;
    display: table;
}

.sidebar-money-grey1 {
    background: #1b1b1b!important;
    color: #fff;
}

.sidebar .nav > li > a {
    padding: 8px 20px;
    line-height: 20px;
	background: #7c1200!important;
    border-top: 1px solid #ff4a4a !important;
    border-bottom: 1px solid #ff4a4a!important;
    color: #fff !important;
}
.sidebar.sidebar-grid .nav > li > a {
    border-bottom: 2px solid #000000;
    border-top: 1px solid #383f46;
}
.sidebar.sidebar-grid .nav > li.active > a {
    border-color: #2d353c;
    z-index: 10;
}
.sidebar.sidebar-grid .nav > li + li {
    margin-top: -1px;
}
.sidebar .nav > li.active > a .label.label-theme,
.sidebar .nav > li.active > a .badge {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0,0,0,0.4);
}
.sidebar .nav > li.expand > a,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
    background: #232a2f;
    color: #a8acb1;
}
.sidebar .nav > li.active > a, 
.sidebar .nav > li.active > a:hover, 
.sidebar .nav > li.active > a:focus {
    color: #fff;
    background: #00acac;
}
.sidebar .nav > li.active > a .label.label-success,
.sidebar .nav > li.active > a .badge.badge-success {
    background: #008a8a;
}
.sidebar .nav > li > a i {
    float: left;
    margin-right: 15px;
    width: 14px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}
.sidebar .nav > li > a i[class*="ion-"] {
    margin-right: 11px;
    width: 18px;
    font-size: 18px;
}
.sidebar .nav > li > a .badge {
    margin-top: 1px;
    padding: 3px 8px;
    background: #1b1f24;
    font-weight: 300;
    font-size: 10px;
}
.sidebar .nav > li > a .caret {
    float: right;
    margin-top: 9px;
}
.sidebar .has-sub.active > .sub-menu {
    display: block;
}
.sidebar .sub-menu {
    list-style-type: none;
    padding: 1px 0 3px 22px;
    margin: 0;
    background: #400f0f;
	color:#fafafa;
    position: relative;
    display: none;
}


.sidebar .sub-menu:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #ff4a4a;
}


.sidebar .sub-menu .sub-menu:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 0px;
    background: none;
}

.sidebar .sub-menu .sub-menu {
    padding: 0 0 0 0px;
    background: none;
}
.sidebar .sub-menu > li > a {
    padding: 5px 10px;
    display:block;
    font-weight: normal;
    color: #e8e8e8;
	letter-spacing: -1px;
    text-decoration: none;
    position: relative;
	border-top:1px solid #ff4a4a;
	border-bottom:1px solid #ff4a4a;
}

/*.sidebar .sub-menu > li > a:before {*/
    /*content: '\f10c';*/
    /*font-family: 'Malgun Gothic',FontAwesome;*/
    /*position: absolute;*/
    /*left: 2px;*/
    /*font-size: 7px;*/
    /*color: #889097;*/
    /*top: 50%;*/
    /*margin-top: -4px;*/
    /*margin-left: -6px;*/
/*}*/

/*.sidebar .sub-menu .sub-menu > li > a:before {*/
	/*content: '';*/
    /*font-family: 'Malgun Gothic',FontAwesome;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*font-size: 7px;*/
    /*color: #889097;*/
    /*top: 50%;*/
    /*margin-top: -4px;*/
/*}*/

.sidebar .sub-menu > li > a:hover,
.sidebar .sub-menu > li > a:focus,
.sidebar .sub-menu > li > a.on,
.sidebar .sub-menu > li.active > a,
.sidebar .sub-menu > li.active > a:hover,
.sidebar .sub-menu > li.active > a:focus {

    background: #2D353C;
	background: linear-gradient(110deg, #7c1200 60%, #a20000 60%);
	color: #001057;
}
.sidebar .nav > li li.has-sub.active > a {
	color: #ffcc00;
}
.sidebar .sub-menu > li.active > a:before {
    color: #00acac;
}
.sidebar .nav .sub-menu > li > a .caret {
    float: right; 
    margin-top: 7px;
}
.sidebar .nav > li.nav-header {
    margin: 0;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 11px;
    color: #6d7983;
}
.sidebar .nav > li.nav-header a {
    padding: 0;
    margin: 0;
    display: inline;
}
.sidebar .nav > li.nav-header a:hover,
.sidebar .nav > li.nav-header a:focus {
    background: none;
    color: #fff;
}
.sidebar .nav > li.nav-header a i {
    float: none;
    margin: 0;
}
.sidebar .nav > li.nav-profile {
    padding: 20px;
    color: #fff;
    background: #1a2229;
}
.sidebar .nav > li.nav-profile a {
    padding: 0;
}
.sidebar .nav > li.nav-profile .image {
    float: left;
    width: 34px;
    height: 34px;
    margin-top: 2px;
    margin-right: 15px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.sidebar .nav > li.nav-profile .image img {
    max-width: 100%;
    max-height: 100%;
}
.sidebar .nav > li.nav-profile .info {
    font-size: 14px;
}
.sidebar .nav > li.nav-profile .info small {
    display: block;
    color: #889097;
}
.sidebar .nav > li.nav-widget {
    padding: 10px 20px;
}
.sidebar .nav > li.nav-widget i {
    margin-right: auto;
}
.page-sidebar-minified .sidebar {
    width: 60px;
    position: absolute;
}
.page-sidebar-minified .sidebar-bg {
    width: 60px;
}
.page-sidebar-minified .content {
    margin-left: 60px;
}
.page-sidebar-minified .footer {
    margin-left: 85px;
}
.page-sidebar-minified .sidebar .slimScrollDiv,
.page-sidebar-minified .sidebar .slimScrollDiv > div {
    overflow: visible !important;
}
.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv,
.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div {
    overflow: hidden !important;
}
.page-sidebar-minified .sidebar .nav > li > a {
    padding: 12px 20px;
}
.page-sidebar-minified .sidebar .nav-profile,
.page-sidebar-minified .sidebar .nav-header,
.page-sidebar-minified .sidebar .nav > li > a > span {
    display: none;
}
.page-sidebar-minified .sidebar .caret {
    position: absolute;
    top: 9px;
    right: 9px;
    border: 4px solid transparent;
    border-left: 4px solid;
}
.page-sidebar-minified .sidebar .sub-menu .caret {
    top: 10px;
    margin-top: 0 !important;
}
.page-sidebar-minified .sidebar .nav > li > a > i {
    margin: 0;
}
.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    width: 220px;
    display: none;
    padding: 10px 0 10px 30px;
    margin: 0;
    background: #1a2229;
}
.page-sidebar-minified .sidebar .nav > li.has-sub:hover > a,
.page-sidebar-minified .sidebar .nav > li.has-sub:focus > a {
    background: #232a2f;
}
.page-sidebar-minified .sidebar li.has-sub > .sub-menu {
    display: none !important;
}
.page-sidebar-minified .sidebar li.has-sub:hover > .sub-menu,
.page-sidebar-minified .sidebar li.has-sub:focus > .sub-menu {
    display: block !important;
    overflow: visible !important;
}
.page-sidebar-minified .sidebar .nav li.has-sub {
    position: relative;
}
.page-sidebar-minified .sidebar .nav > li.has-sub li.has-sub .sub-menu {
    margin-top: -10px;
}
.sidebar-minify-btn {
    margin: 10px 0;
    float: right;
    padding: 5px 20px 5px 10px !important;
    background: #1b1f24;
    color: #fff;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}
.sidebar-minify-btn i {
    margin: 0 !important;
    color: #fff;
}
.page-sidebar-minified .sidebar-minify-btn i:before {
    content: '\f101';
}
.page-sidebar-minified.page-with-right-sidebar .content {
    margin-right: 60px;
    margin-left: 0;
}
.page-sidebar-minified.page-with-right-sidebar .footer {
    margin-right: 85px;
    margin-left: 25px;
}
.page-sidebar-minified.page-with-right-sidebar .sub-menu {
    left: auto !important;
    right: 100%;
}
.page-sidebar-minified.page-with-right-sidebar .nav > li.has-sub > a .caret {
    position: absolute;
    left: 5px;
    border: 4px solid transparent;
    border-right: 4px solid;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu .caret {
    left: 0;
    top: 2px;
    border-left: 4px solid transparent !important;
    border-right: 4px solid !important;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .nav li.has-sub > .sub-menu {
    padding: 10px 30px 10px 0;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu:before {
    right: 26px;
    left: auto;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu > li > a:before {
    right: 0;
    left: auto;
    margin-right: -6px;
    margin-left: 0;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar-minify-btn i:before {
    content: '\f100';
}
.page-sidebar-minified .sidebar .slimScrollBar,
.page-sidebar-minified .sidebar .slimScrollRail {
    display: none !important;
}
.page-sidebar-minified .sidebar.sidebar-right .slimScrollBar {
    display: block !important;
}



.table-dark {
    border-color: #667d93;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
    background: #111;
	width:100%;
	border:1px solid #ccc;
}

.table {
    border-color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
}
.table > thead > tr > th {
    color: #242a30;
    font-weight: 600;
    border-bottom: 2px solid #000 !important;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    border-color: #a20000;
    padding: 10px 15px;
    background: #000;
	color:#fff
}
.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td {
    padding: 7px 15px;
}
.table-hover > tbody > tr:hover > td, 
.table-hover > tbody > tr:hover > th {
    background: #e8ecf1 !important;
}
.table-striped > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
    background: #f0f3f5;
}
.table.table-inverse > thead > tr > th, 
.table.table-inverse > tbody > tr > th, 
.table.table-inverse > tfoot > tr > th, 
.table.table-inverse > thead > tr > td, 
.table.table-inverse > tbody > tr > td, 
.table.table-inverse > tfoot > tr > td {
    border-color: #999 !important;
    border-color: rgba(0,0,0,0.2) !important;
}
.table.table-inverse,
.table.table-inverse > thead > tr > th, 
.table.table-inverse > tbody > tr > th, 
.table.table-inverse > tfoot > tr > th {
    color: #fff;
}
.table > thead > tr > td.info, 
.table > tbody > tr > td.info, 
.table > tfoot > tr > td.info, 
.table > thead > tr > th.info, 
.table > tbody > tr > th.info, 
.table > tfoot > tr > th.info, 
.table > thead > tr.info > td, 
.table > tbody > tr.info > td, 
.table > tfoot > tr.info > td, 
.table > thead > tr.info > th, 
.table > tbody > tr.info > th, 
.table > tfoot > tr.info > th {
    background: #dbf0f7;
    border-color: #b6e2ef;
}
.table > thead > tr > td.success, 
.table > tbody > tr > td.success, 
.table > tfoot > tr > td.success, 
.table > thead > tr > th.success, 
.table > tbody > tr > th.success, 
.table > tfoot > tr > th.success, 
.table > thead > tr.success > td, 
.table > tbody > tr.success > td, 
.table > tfoot > tr.success > td, 
.table > thead > tr.success > th, 
.table > tbody > tr.success > th, 
.table > tfoot > tr.success > th {
    background: #cceeee;
    border-color: #99dede;
}
.table > thead > tr > td.danger, 
.table > tbody > tr > td.danger, 
.table > tfoot > tr > td.danger, 
.table > thead > tr > th.danger, 
.table > tbody > tr > th.danger, 
.table > tfoot > tr > th.danger, 
.table > thead > tr.danger > td, 
.table > tbody > tr.danger > td, 
.table > tfoot > tr.danger > td, 
.table > thead > tr.danger > th, 
.table > tbody > tr.danger > th, 
.table > tfoot > tr.danger > th {
    background: #ffdedd;
    border-color: #ffbdbc;
}
.table > thead > tr > td.warning, 
.table > tbody > tr > td.warning, 
.table > tfoot > tr > td.warning, 
.table > thead > tr > th.warning, 
.table > tbody > tr > th.warning, 
.table > tfoot > tr > th.warning, 
.table > thead > tr.warning > td, 
.table > tbody > tr.warning > td, 
.table > tfoot > tr.warning > td, 
.table > thead > tr.warning > th, 
.table > tbody > tr.warning > th, 
.table > tfoot > tr.warning > th {
    background: #fdebd1;
    border-color: #fbd7a3;
}
.table > thead > tr > td.active, 
.table > tbody > tr > td.active, 
.table > tfoot > tr > td.active, 
.table > thead > tr > th.active, 
.table > tbody > tr > th.active, 
.table > tfoot > tr > th.active, 
.table > thead > tr.active > td, 
.table > tbody > tr.active > td, 
.table > tfoot > tr.active > td, 
.table > thead > tr.active > th, 
.table > tbody > tr.active > th, 
.table > tfoot > tr.active > th {
    background: #f0f3f5;
    border-color: #e2e7e9;
}

/* 15.2 Top Menu Element */

.page-with-top-menu {
    padding-top: 94px;
}
.page-with-top-menu .sidebar {
    padding-top: 94px;
}
.top-menu {
	/* margin-left:300px; */
    background: #5a5a5b;
    /*height: 46px;*/
	width:calc(100% - 520px);
	margin:auto;
	margin-top:0px;
    /* position: fixed; */
    /* top: 55px; */
    /* left: 0; */
    /* right: 300px; */
    z-index: 1015;
    border-top:2px solid #000000;
    border-bottom:2px solid #000000;
    background: url('linear-gradient.png') 0 0 repeat-x;
    background: -webkit-linear-gradient(180deg, #5a5a5b, #222);
    background:    -moz-linear-gradient(180deg, #5a5a5b, #222);
    background:     -ms-linear-gradient(180deg, #5a5a5b, #222);
    background:      -o-linear-gradient(180deg, #5a5a5b, #222);
    background:         linear-gradient(180deg, #5a5a5b, #222);
}

.top-menu-txt-bottom {
    margin: -3px 0 0 0;
    font-size: 8pt;
	font-family: 'Malgun Gothic',dotum,gulim,Arial,sans-serif;;
	color:#959595;
	letter-spacing:-1px;
}

.top-menu-in {
    height: 43px;
	padding:0 10px 0 10px;
	background: #121212;
    border-top: 2px solid ##1e1e1e!important;
    border-bottom: 1px solid ##1e1e1e!important;
}


.container-fluid {
    height: 55px;
	vertical-align:middle;
	background: url(../img/login-bg/bg2.png) repeat #1E1E1E;
}




.top-menu-in .has-sub {
    height: 43px;
	line-height:43px;
}

.top-menu .nav {
    white-space: nowrap;
	list-style-type: none;
	display: flex;
	width: 100%;
}
.top-menu .nav > li {
    position: relative;
	flex:1;
	text-align: center;
	display: table-cell;
	vertical-align:middle;
}
.top-menu .nav > li + li {
    margin-left: -3px;
}
.top-menu .nav > li > a {
    padding: 10px 20px;
    color: #fff;
    line-height: 20px;
	font-size: 18px;
}
.top-menu .nav > li > a .badge,
.top-menu .nav > li > a .label {
    margin-left: 5px;
}
.top-menu .nav > li > a .badge {
    background: #1b1f24;
}
.top-menu .nav > li > a .badge.pull-right,
.top-menu .nav > li > a .label.pull-right {
    margin-top: 1px;
}
.top-menu .nav > li.active > a .label.label-theme,
.top-menu .nav > li.active > a .badge {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0,0,0,0.4);
}
.top-menu .nav > li > a i {
    float: left;
    font-size: 14px;
    margin-right: 10px;
    line-height: 18px;
    width: 14px;
    text-align: center;
}
.top-menu .nav > li > a .caret.pull-right {
    margin-top: 8px;
    margin-left: 5px;
}
.top-menu .nav > li:hover > a,
.top-menu .nav > li:focus > a,
.top-menu .nav > li > a:hover,
.top-menu .nav > li > a:focus {
    background: #7c1200;
	
	height:41px;
}


/* 15.2.1 Top Menu Sub Menu Setting */

.top-menu .nav .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    width: 220px;
    top: 100%;
    background: #1a2229;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
}
.top-menu .sub-menu > li > a {
    padding: 5px 20px;
    display: block;
    color: #8a8f94;
    text-decoration: none;
    position: relative;
}
.top-menu .nav .sub-menu > li > a .caret {
    margin-top: 7px;
}
.top-menu .sub-menu .sub-menu {
    background: url(../img/transparent/black-0.2.png);
    background: rgba(0,0,0,0.2);
    position: relative;
    left: 0;
    top: 0;
}
.top-menu .sub-menu > li.active > a,
.top-menu .sub-menu > li.active > a:hover,
.top-menu .sub-menu > li.active > a:focus,
.top-menu .sub-menu > li > a:hover,
.top-menu .sub-menu > li > a:focus {
    color: #fff;
}
.top-menu .nav > li.has-sub:hover > .sub-menu {
    display: block;
}
.top-menu .nav > li.active > a,
.top-menu .nav > li.active > a:hover,
.top-menu .nav > li.active > a:focus{
    background: #00acac;
    color: #fff;
}


/* 15.2.2 Top Menu Left & Right Control Setting */

.top-menu .nav > li.menu-control {
    position: absolute;
    top: 0;
    width: 40px;
    background: #2d353c;
    height: 40px;
    margin: 0;
}
.top-menu .nav > li.menu-control > a {
    padding: 0;
    text-align: center;
    line-height: 40px;
}
.top-menu .nav > li.menu-control > a i {
    float: none;
    margin: 0;
    font-size: 18px;
    display: block;
    line-height: 40px;
    color: #fff;
    width: auto;
}
.top-menu .nav > li.menu-control.menu-control-left {
    left: -50px;
}
.top-menu .nav > li.menu-control.menu-control-right {
    right: -50px;
}
@keyframes slideInLeft {
    from { left: -50px; }
    to { left: 0; }
}
@-webkit-keyframes slideInLeft {
    from { left: -50px; }
    to { left: 0; }
}
.top-menu .nav > li.menu-control.menu-control-left.show {
    -webkit-animation: slideInLeft .2s;
    animation: slideInLeft .2s;
    left: 0;
}
@keyframes slideInRight {
    from { right: -50px; }
    to { right: 0; }
}
@-webkit-keyframes slideInRight {
    from { right: -50px; }
    to { right: 0; }
}
.top-menu .nav > li.menu-control.menu-control-right.show {
    -webkit-animation: slideInRight .2s;
    animation: slideInRight .2s;
    right: 0;
}
.top-menu .nav > li.menu-control.menu-control-left > a {
    -webkit-box-shadow: 5px 0 8px -3px rgba(0,0,0,0.5);
    box-shadow: 5px 0 8px -3px rgba(0,0,0,0.5);
}
.top-menu .nav > li.menu-control.menu-control-right > a {
    -webkit-box-shadow: -5px 0 8px -3px rgba(0,0,0,0.5);
    box-shadow: -5px 0 8px -3px rgba(0,0,0,0.5);
}


/* 15.3 Boxed Layout Setting */

.boxed-layout {
    background-image: url(../img/pattern-cover.png);
}
.boxed-layout .page-container {
    width: 1080px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.5);
    box-shadow: 0 0px 30px rgba(0,0,0,0.5);
    min-height: 100%;
    background: #d9e0e7;
    overflow: hidden;
    position: relative;
}
.boxed-layout .page-container .header,
.boxed-layout .page-container .sidebar,
.boxed-layout .page-container .sidebar-bg {
    left: auto;
}
.boxed-layout .page-container .header {
    width: 1080px;
    right: auto;
}
.boxed-layout .top-menu,
.boxed-layout .pace {
    width: 1080px;
    left: 50%;
    margin-left: -540px;
}
.boxed-layout .pace .pace-progress,
.boxed-layout .pace .pace-activity,
.boxed-layout .page-with-top-menu .top-menu {
    position: absolute;
}
.boxed-layout .page-sidebar-minified .sidebar,
.boxed-layout .page-with-top-menu.page-sidebar-minified .sidebar {
    position: relative;
    float: left;
    padding-top: 0;
}



.no-border { border: 0 !important; }
.border-top-1 { border-top: 1px solid #eee !important; }
.border-right-1 { border-right: 1px solid #eee !important; }
.border-right-1-2 { border-right: 1px solid #333E46}
.border-bottom-1 { border-bottom: 1px solid #eee !important; }
.border-left-1 { border-left: 1px solid #eee !important; }
.border-t-b-1 { border-top: 1px solid #383F46 !important; border-bottom: 1px solid #000000 !important; }
.border-t2-b-1 { border-top: 1px solid #2c3338 !important; border-bottom: 1px solid #000000 !important; }
.border-left-live { border-left: 1px solid #111 !important; }
.border-right-live { border-right: 1px solid #111 !important; }
.border-right-live2 { border-right: 1px solid #131313 !important; }
.border-top-live { border-top: 1px solid #111 !important; }
.border-bottom-live { border-bottom: 1px solid #111 !important; }
.border-left-live2 { border-left: 1px solid #333 !important; }

.hrline {
	background-color: transparent;
	height: 0;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	border-top: 1px solid rgba(0,0,0,0.9);
	margin: 0;
	clear: both;
}
.hrlinelive {
	background-color: transparent;
	height: 0;
	border: none;
	border-top: 1px solid #152b40;
	margin: 0;
	clear: both;
}

.no-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.text-black { color: #000000 !important; }

.text-inverse { color: #2d353c !important; }

.text-success { color: #00acac !important; }

.text-info { color: #49b6d6 !important; }

.text-primary { color: #348fe2 !important; }

.text-warning { color: #f59c1a !important; }

.text-yellowdown { color: #ffffcc !important; }

.text-danger2 { color: #ffb9b7 !important; }

.text-red { color: #ff1515 !important; }

.text-blue { color: #0080ff !important; }

.text-green { color: #0a9702 !important; }

.text-blue2 { color: #526c98 !important; }


.text-green2 { color: #7c1200 !important; }


.text-orange { color: #ff9900 !important; }

.text-white { color: #fff !important; }


.text-white2 { color: #e6e6e6 !important; }


.text-gray { color: #a0a0a0 !important; }

.text-gray2 { color: #818fab !important; }


.bg-white { background: #ffffff !important; }
.bg-silver-lighter { background: #f4f6f7 !important; }
.bg-silver { background: #f0f3f4 !important; }
.bg-silver-darker { background: #b4b6b7 !important; }

.bg-black { background: #2d353c !important; }
.bg-black1 { background: #14171b !important; }
.bg-black2 { background: #000000 !important; border:3px solid #222;}
.bg-black3 { 
    background: #1E2737;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
}

.bg-black3-2 { 
	text-align:center;
    display: table-cell; 
	clear:both;
	width: 100%;
	padding:2px 20px 20px 20px;
	background:#0B1423;
	border:2px solid #14243d;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 

}

.bg-black4 { 
    background: #1E2737;
	border:1px solid #18202A;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.bg-black4-3 { 
    background: #1E2737;
	border:1px solid #3a4352;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
}
.bg-black4-1 { 
    background: #1E2737;
	border:1px solid #18202A;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
	height: 53px;
	line-height: 53px;
	font-size: 15px;
}

.bg-black4-2 { 
    background: #1E2737;
	border:1px solid #18202A;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
	background:    -moz-linear-gradient(180deg, #1E2737, #0B1423);
	background:     -ms-linear-gradient(180deg, #1E2737, #0B1423);
	background:      -o-linear-gradient(180deg, #1E2737, #0B1423);
	background:         linear-gradient(180deg, #1E2737, #0B1423);
	border-radius: 3px 3px 0 0; 
	-moz-border-radius: 3px 0 0; 
	-webkit-border-radius: 3px 0 0; 
}

.bg-black5 { 
    background: #3b3b3b;
	border:1px solid #18202A;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #3b3b3b, #000000);
	background:    -moz-linear-gradient(180deg, #3b3b3b, #000000);
	background:     -ms-linear-gradient(180deg, #3b3b3b, #000000);
	background:      -o-linear-gradient(180deg, #3b3b3b, #000000);
	background:         linear-gradient(180deg, #3b3b3b, #000000);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.bg-black6 { 
    background: #2c2c2c;
	border:1px solid #18202A;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2c2c2c, #111111);
	background:    -moz-linear-gradient(180deg, #2c2c2c, #111111);
	background:     -ms-linear-gradient(180deg, #2c2c2c, #111111);
	background:      -o-linear-gradient(180deg, #2c2c2c, #111111);
	background:         linear-gradient(180deg, #2c2c2c, #111111);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.bg-black7 { 
    background: #1d1d1d;
	border:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:    -moz-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:     -ms-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:      -o-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:         linear-gradient(180deg, #1d1d1d, #2c2c2c);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}

.bg-black7-1 { 
    background: #1d1d1d;
	border-bottom:1px solid #000000;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:    -moz-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:     -ms-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:      -o-linear-gradient(180deg, #1d1d1d, #2c2c2c);
	background:         linear-gradient(180deg, #1d1d1d, #2c2c2c);
}

.bg-black8 { 
    background: #121212;
	background: -webkit-linear-gradient(180deg, #121212, #2c2c2c);
	background:    -moz-linear-gradient(180deg, #121212, #2c2c2c);
	background:     -ms-linear-gradient(180deg, #121212, #2c2c2c);
	background:      -o-linear-gradient(180deg, #121212, #2c2c2c);
	background:         linear-gradient(180deg, #121212, #2c2c2c);
}




.bg-black-black-a { 
	background: #111111 !important; 
	border-radius: 6px 0 0 6px; 
	-moz-border-radius: 6px 0 0 6px; 
	-webkit-border-radius: 6px 0 0 6px; 
}

.bg-primary2 { 
	background: -webkit-linear-gradient(180deg, #0042a6, #0061c1);
	background:    -moz-linear-gradient(180deg, #0042a6, #0061c1);
	background:     -ms-linear-gradient(180deg, #0042a6, #0061c1);
	background:      -o-linear-gradient(180deg, #0042a6, #0061c1);
	background:         linear-gradient(180deg, #0042a6, #0061c1);
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}



.bg-black-black2 { background: #d2d2d2 !important; }
.bg-black-black { background: #1c1c1c !important; }
.bg-black-darker { background: #161616 !important;
color: #fff;
    border-top: 1px solid #383f46!important;
    border-bottom: 1px solid #000!important; }
.bg-black-darker2 { background: #111111 !important; }
.bg-black-darker2-1 { 
	background: url(../img/livesports/bg.png) repeat #111111;
}
.bg-black-darker2-2 { 
	background: url(../img/livesports/bg2.png) repeat #111111;
}
.bg-black-darker3 { background: #212121 !important; }
.bg-black-darker4 { background: #20262C !important; }
.bg-black-darker5 { background: #3A2828 !important; }
.bg-black-darker7 { background: #000000 !important; }

.bg-black-lighter { background: #575d63 !important; }

.bg-grey { background: #b6c2c9 !important; }
.bg-grey-darker { background: #929ba1 !important; }
.bg-grey-lighter { background: #c5ced4 !important; }

.bg-red { background: #ff5b57 !important; }
.bg-red-darker { background: #cc4946 !important; }
.bg-red-lighter { background: #ff7c79 !important; }
.bg-red-red { background: #9b0000 !important; }

.bg-orange { background: #f59c1a !important; }
.bg-orange-darker { background: #7d510d !important; }
.bg-orange-lighter { background: #f7b048 !important; }

.bg-yellow { background: #e3fa3e !important; }
.bg-yellow-darker { background: #b6c832 !important; }
.bg-yellow-darker2 { background: #7d8a22 !important; }
.bg-yellow-lighter { background: #e9fb65 !important; }

.bg-green { background: #00acac !important; }
.bg-green-darker { background: #005151 !important; }
.bg-green-darker2 { background: #004040 !important; }
.bg-green-lighter { background: #33bdbd !important; }

.bg-blue { background: #348fe2 !important; }
.bg-blue-darker { background: #163e61 !important; }
.bg-blue-darker2 { background: #1a577b !important; }
.bg-blue-lighter { background: #5da5e8 !important; }

.bg-aqua { background: #49b6d6 !important; }
.bg-aqua-darker { background: #3a92ab !important; }
.bg-aqua-darker2 { background: #265968 !important; }
.bg-aqua-lighter { background: #6dc5de !important; }

.bg-purple { background: #727cb6 !important; }
.bg-purple-darker { background: #393f5e !important; }
.bg-purple-lighter { background: #8e96c5 !important; }

.no-bg { background: none !important; }

.height-xs { height: 150px !important; }
.height-sm { height: 300px !important; }
.height-md { height: 450px !important; }
.height-lg { height: 600px !important; }
.height-full { height: 100% !important; }
.height-3 { height: 3px !important; }
.height-4 { height: 4px !important; }
.height-5 { height: 5px !important; }
.height-6 { height: 6px !important; }

.height-10 { height: 10px !important; }
.height-15 { height: 15px !important; }
.height-18 { height: 18px !important; }
.height-20 { height: 20px !important; }
.height-21 { height: 21px !important; }
.height-22 { height: 22px !important; }
.height-23 { height: 23px !important; }
.height-24 { height: 24px !important; }
.height-25 { height: 25px !important; }
.height-27 { height: 27px !important; }
.height-30 { height: 30px !important; }
.line-height-30 { line-height: 30px !important; }

.height-31 { height: 31px !important; }
.height-32 { height: 32px !important; }
.height-33 { height: 33px !important; }
.height-34 { height: 34px !important; }
.height-35 { height: 35px !important; }
.height-40 { height: 40px !important; }
.height-50 { height: 50px !important; }
.height-52 { height: 52px !important; }
.height-53 { height: 53px !important; }
.height-59 { height: 59px !important; }
.height-60 { height: 60px !important; }
.height-61 { height: 61px !important; }
.height-65 { height: 65px !important; }
.height-70 { height: 70px !important; }
.height-80 { height: 80px !important; }
.height-84 { height: 84px !important; }
.height-90 { height: 90px !important; }
.height-100 { height: 100px !important; }
.height-110 { height: 110px !important; }
.height-120 { height: 120px !important; }
.height-130 { height: 130px !important; }
.height-140 { height: 140px !important; }
.height-150 { height: 150px !important; }
.height-200 { height: 200px !important; }
.height-230 { height: 230px !important; }
.height-240 { height: 240px !important; }
.height-245 { height: 245px !important; }
.height-250 { height: 250px !important; }
.height-290 { height: 290px !important; }
.height-300 { height: 300px !important; }
.height-310 { height: 310px !important; }
.height-320 { height: 320px !important; }
.height-330 { height: 330px !important; }
.height-334 { height: 334px !important; }
.height-335 { height: 335px !important; }
.height-336 { height: 336px !important; }
.height-337 { height: 337px !important; }
.height-338 { height: 338px !important; }
.height-339 { height: 339px !important; }
.height-340 { height: 340px !important; }
.height-350 { height: 350px !important; }
.height-360 { height: 360px !important; }
.height-370 { height: 370px !important; }
.height-380 { height: 380px !important; }
.height-390 { height: 390px !important; }
.height-391 { height: 391px !important; }
.height-400 { height: 400px !important; }
.height-410 { height: 410px !important; }
.height-420 { height: 420px !important; }
.height-430 { height: 430px !important; }
.height-431 { height: 431px !important; }
.height-432 { height: 432px !important; }
.height-433 { height: 433px !important; }
.height-434 { height: 434px !important; }
.height-435 { height: 435px !important; }
.height-436 { height: 436px !important; }
.height-437 { height: 437px !important; }
.height-438 { height: 438px !important; }
.height-439 { height: 439px !important; }
.height-398 { height: 398px !important; }
.height-410 { height: 410px !important; }
.height-440 { height: 440px !important; }
.height-450 { height: 450px !important; }
.height-500 { height: 500px !important; }
.height-550 { height: 550px !important; }
.height-600 { height: 600px !important; }
.height-610 { height: 610px !important; }
.height-620 { height: 620px !important; }
.height-630 { height: 630px !important; }
.height-640 { height: 640px !important; }
.height-650 { height: 650px !important; }
.height-660 { height: 660px !important; }
.height-670 { height: 670px !important; }
.height-680 { height: 680px !important; }
.height-690 { height: 690px !important; }
.height-700 { height: 700px !important; }
.height-800 { height: 800px !important; }
.height-900 { height: 900px !important; }
.height-100-pro { height: 100% !important; }
.height-auto { height: auto; }


.width-xs { width: 150px !important; }
.width-sm { width: 300px !important; }
.width-md { width: 450px !important; }
.width-lg { width: 600px !important; }
.width-full { width: 100% !important; }
.width-5 { width: 5px !important; }
.width-10 { width: 10px !important; }
.width-15 { width: 15px !important; }
.width-20 { width: 20px !important; }
.width-21 { width: 21px !important; }
.width-22 { width: 22px !important; }
.width-23 { width: 23px !important; }
.width-24 { width: 24px !important; }
.width-25 { width: 25px !important; }
.width-30 { width: 30px !important; }
.width-35 { width: 35px !important; }
.width-40 { width: 40px !important; }
.width-46 { width: 46px !important; }
.width-50 { width: 50px !important; }
.width-60 { width: 60px !important; }
.width-70 { width: 70px !important; }
.width-80 { width: 80px !important; }
.width-90 { width: 90px !important; }
.width-100 { width: 100px !important; }
.width-105 { width: 105px !important; }
.width-110 { width: 110px !important; }
.width-115 { width: 115px !important; }
.width-120 { width: 120px !important; }
.width-130 { width: 130px !important; }
.width-140 { width: 140px !important; }
.width-150 { width: 150px !important; }
.width-160 { width: 160px !important; }
.width-165 { width: 165px !important; }
.width-170 { width: 170px !important; }
.width-180 { width: 180px !important; }
.width-192 { width: 192px !important; }
.width-200 { width: 200px !important; }
.width-205 { width: 205px !important; }
.width-210 { width: 210px !important; }
.width-220 { width: 220px !important; }
.width-230 { width: 230px !important; }
.width-240 { width: 240px !important; }
.width-250 { width: 250px !important; }
.width-255 { width: 255px !important; }
.width-260 { width: 260px !important; }
.width-270 { width: 270px !important; }
.width-280 { width: 280px !important; }
.width-290 { width: 290px !important; }
.width-300 { width: 300px !important; }
.width-306 { width: 306px !important; }
.width-348 { width: 348px !important; }
.width-350 { width: 350px !important; }
.width-360 { width: 360px !important; }
.width-366 { width: 366px !important; }
.width-367 { width: 367px !important; }
.width-368 { width: 368px !important; }
.width-370 { width: 370px !important; }
.width-380 { width: 380px !important; }
.width-390 { width: 390px !important; }
.width-400 { width: 400px !important; }
.width-410 { width: 410px !important; }
.width-420 { width: 420px !important; }
.width-430 { width: 430px !important; }
.width-440 { width: 440px !important; }

.width-450 { width: 450px !important; }
.width-500 { width: 500px !important; }
.width-550 { width: 550px !important; }
.width-560 { width: 560px !important; }
.width-570 { width: 570px !important; }
.width-580 { width: 580px !important; }
.width-595 { width: 595px !important; }
.width-600 { width: 600px !important; }
.width-602 { width: 602px !important; }
.width-650 { width: 650px !important; }
.width-700 { width: 700px !important; }
.width-740 { width: 740px !important; }
.width-747 { min-width: 700px; min-width: 407px; }
.width-side { width: 280px !important; }
.width-half { width: 50% !important; }
.width-33pro { width: 33.3% !important; }
.width-20pro { width: 20% !important; }

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.text-ellipsis {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.underline {
    border-bottom: 1px solid #e2e7eb !important;
}
.underline2 {
    border-bottom: 1px solid #000000 !important;
}
.leftline2 {
    border-left: 1px solid #000000 !important;
}
.rightline2 {
    border-right: 1px solid #000000 !important;
}

.overunderline {
	clear: both;
	padding: 0px;
	margin: 10px 0 10px 0;
	width: 100%;
	height: 1px;
	border-top: 2px solid #000000;
    border-bottom: 1px solid #292929;
}

.overunderline2 {
	clear: both;
	padding: 0px;
	margin: 2px 0 2px 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #000000;
    border-bottom: 1px solid #292929;
}

.overunderline3 {
	clear: both;
	padding: 0px;
	margin: 0px 0px 0px -2px;
	width: 100%;
	height: 1px;
	border-top: 1px solid #000000;
    border-bottom: 1px solid #292929;
}

.overunderline4 {
	clear: both;
	padding: 0px;
	margin: 2px 0 2px 0;
	width: 100%;
	height: 1px;
    border-bottom: 1px solid #292929;
}




/* -------------------------------
   4.0 Predefined CSS Setting
------------------------------- */

/* 4.1 Predefined Classes */

.row { margin: 0 -10px; }
.row > [class*="col-"] {  padding: 0 10px; }

.row.row-space-0 { margin: 0; }.row.row-space-2 { margin: 0 -1px; }.row.row-space-4 { margin: 0 -2px; }.row.row-space-6 { margin: 0 -3px; }.row.row-space-8 { margin: 0 -4px; }.row.row-space-10 { margin: 0 -5px; }.row.row-space-12 { margin: 0 -6px; }.row.row-space-14 { margin: 0 -7px; }.row.row-space-16 { margin: 0 -8px; }.row.row-space-18 { margin: 0 -9px; }.row.row-space-18 { margin: 0 -10px; }.row.row-space-22 { margin: 0 -11px; }.row.row-space-24 { margin: 0 -12px; }.row.row-space-26 { margin: 0 -13px; }.row.row-space-28 { margin: 0 -14px; }.row.row-space-30 { margin: 0 -15px; }.row.row-space-0 > [class*="col-"] {  padding: 0; }.row.row-space-2 > [class*="col-"] {  padding: 0 1px; }.row.row-space-4 > [class*="col-"] {  padding: 0 2px; }.row.row-space-6 > [class*="col-"] {  padding: 0 3px; }.row.row-space-8 > [class*="col-"] {  padding: 0 4px; }.row.row-space-10 > [class*="col-"] {  padding: 0 5px; }.row.row-space-12 > [class*="col-"] {  padding: 0 6px; }.row.row-space-14 > [class*="col-"] {  padding: 0 7px; }.row.row-space-16 > [class*="col-"] {  padding: 0 8px; }.row.row-space-18 > [class*="col-"] {  padding: 0 9px; }.row.row-space-20 > [class*="col-"] {  padding: 0 10px; }.row.row-space-22 > [class*="col-"] {  padding: 0 11px; }.row.row-space-24 > [class*="col-"] {  padding: 0 12px; }.row.row-space-26 > [class*="col-"] {  padding: 0 13px; }.row.row-space-28 > [class*="col-"] {  padding: 0 14px; }.row.row-space-30 > [class*="col-"] {  padding: 0 15px; }
.semi-bold { font-weight: 600; }
.overflow-auto { overflow: auto !important; }.overflow-hidden { overflow: hidden !important; }.overflow-visible { overflow: visible !important; }.overflow-scroll { overflow: scroll !important; }.overflow-x-hidden { overflow-x: hidden !important; }.overflow-x-visible { overflow-x: visible !important; }.overflow-x-scroll { overflow-x: scroll !important; }.overflow-y-hidden { overflow-y: hidden !important; }.overflow-y-visible { overflow-y: visible !important; }.overflow-y-scroll { overflow-y: scroll !important; }

.m-auto { margin: 0 auto !important; }
.m-0 { margin: 0px !important; }.m-1 { margin: 1px !important; }.m-2 { margin: 2px !important; }.m-3 { margin: 3px !important; }.m-4 { margin: 4px !important; }.m-5 { margin: 5px !important; }.m-6 { margin: 6px !important; }.m-7 { margin: 7px !important; }.m-8 { margin: 8px !important; }.m-9 { margin: 9px !important; }.m-10 { margin: 10px !important; }.m-11 { margin: 11px !important; }.m-12 { margin: 12px !important; }.m-13 { margin: 13px !important; }.m-14 { margin: 14px !important; }.m-15 { margin: 15px !important; }.m-20 { margin: 20px !important; }.m-21 { margin: 21px !important; }.m-22 { margin: 22px !important; }.m-23 { margin: 23px !important; }.m-24 { margin: 24px !important; }.m-25 { margin: 25px !important; }.m-30 { margin: 30px !important; }.m-35 { margin: 35px !important; }.m-40 { margin: 40px !important; }

.m-t-m-1 { margin-top: -1px !important; }.m-t-m-2 { margin-top: -2px !important; }.m-t-m-3 { margin-top: -3px !important; }.m-t-m-4 { margin-top: -4px !important; }.m-t-m-5 { margin-top: -5px !important; }.m-t-m-6 { margin-top: -6px !important; }.m-t-m-7 { margin-top: -7px !important; }.m-t-m-8 { margin-top: -8px !important; }.m-t-m-9 { margin-top: -9px !important; }.m-t-m-10 { margin-top: -10px !important; }.m-t-m-15 { margin-top: -15px !important; }.m-t-m-20 { margin-top: -20px !important; }.m-t-m-25 { margin-top: -25px !important; }
.m-t-0 { margin-top: 0px !important; }.m-t-1 { margin-top: 1px !important; }.m-t-2 { margin-top: 2px !important; }.m-t-3 { margin-top: 3px !important; }.m-t-4 { margin-top: 4px !important; }.m-t-5 { margin-top: 5px !important; }.m-t-6 { margin-top: 6px !important; }.m-t-7 { margin-top: 7px !important; }.m-t-8 { margin-top: 8px !important; }.m-t-9 { margin-top: 9px !important; }.m-t-10 { margin-top: 10px !important; }.m-t-11 { margin-top: 11px !important; }.m-t-12 { margin-top: 12px !important; }.m-t-13 { margin-top: 13px !important; }.m-t-14 { margin-top: 14px !important; }.m-t-15 { margin-top: 15px !important; }.m-t-16 { margin-top: 16px !important; }.m-t-17 { margin-top: 17px !important; }.m-t-18 { margin-top: 18px !important; }.m-t-19 { margin-top: 19px !important; }.m-t-20 { margin-top: 20px !important; }.m-t-25 { margin-top: 25px !important; }.m-t-30 { margin-top: 30px !important; }.m-t-31 { margin-top: 31px !important; }.m-t-32 { margin-top: 32px !important; }.m-t-33 { margin-top: 33px !important; }.m-t-34 { margin-top: 34px !important; }.m-t-35 { margin-top: 35px !important; }.m-t-36 { margin-top: 36px !important; }.m-t-37 { margin-top: 37px !important; }.m-t-38 { margin-top: 38px !important; }.m-t-39 { margin-top: 39px !important; }.m-t-40 { margin-top: 40px !important; }.m-t-41 { margin-top: 41px !important; }.m-t-42 { margin-top: 42px !important; }.m-t-43 { margin-top: 43px !important; }.m-t-44 { margin-top: 44px !important; }.m-t-45 { margin-top: 45px !important; }.m-t-46 { margin-top: 46px !important; }.m-t-47 { margin-top: 47px !important; }.m-t-48 { margin-top: 48px !important; }.m-t-49 { margin-top: 49px !important; }.m-t-50 { margin-top: 50px !important; }.m-t-60 { margin-top: 60px !important; }.m-t-70 { margin-top: 70px !important; }.m-t-80 { margin-top: 80px !important; }.m-t-90 { margin-top: 90px !important; }.m-t-100 { margin-top: 100px !important; }.m-t-150 { margin-top: 150px !important; }.m-t-160 { margin-top: 160px !important; }.m-t-170 { margin-top: 170px !important; }.m-t-180 { margin-top: 180px !important; }.m-t-190 { margin-top: 190px !important; }.m-t-200 { margin-top: 200px !important; }
.m-r-0 { margin-right: 0px !important; }.m-r-1 { margin-right: 1px !important; }.m-r-2 { margin-right: 2px !important; }.m-r-3 { margin-right: 3px !important; }.m-r-4 { margin-right: 4px !important; }.m-r-5 { margin-right: 5px !important; }.m-r-6 { margin-right: 6px !important; }.m-r-7 { margin-right: 7px !important; }.m-r-8 { margin-right: 8px !important; }.m-r-9 { margin-right: 9px !important; }.m-r-10 { margin-right: 10px !important; }.m-r-15 { margin-right: 15px !important; }.m-r-20 { margin-right: 20px !important; }.m-r-25 { margin-right: 25px !important; }.m-r-30 { margin-right: 30px !important; }.m-r-35 { margin-right: 35px !important; }.m-r-40 { margin-right: 40px !important; }.m-r-280 { margin-right: 280px !important; }
.m-b-0 { margin-bottom: 0px !important; }.m-b-1 { margin-bottom: 1px !important; }.m-b-2 { margin-bottom: 2px !important; }.m-b-3 { margin-bottom: 3px !important; }.m-b-4 { margin-bottom: 4px !important; }.m-b-5 { margin-bottom: 5px !important; }.m-b-6 { margin-bottom: 6px !important; }.m-b-7 { margin-bottom: 7px !important; }.m-b-8 { margin-bottom: 8px !important; }.m-b-9 { margin-bottom: 9px !important; }.m-b-10 { margin-bottom: 10px !important; }.m-b-11 { margin-bottom: 11px !important; }.m-b-12 { margin-bottom: 12px !important; }.m-b-13 { margin-bottom: 13px !important; }.m-b-14 { margin-bottom: 14px !important; }.m-b-15 { margin-bottom: 15px !important; }.m-b-20 { margin-bottom: 20px !important; }.m-b-25 { margin-bottom: 25px !important; }.m-b-30 { margin-bottom: 30px !important; }.m-b-35 { margin-bottom: 35px !important; }.m-b-40 { margin-bottom: 40px !important; }.m-b-50 { margin-bottom: 50px !important; }.m-b-100 { margin-bottom: 100px !important; }.m-b-110 { margin-bottom: 110px !important; }.m-b-120 { margin-bottom: 120px !important; }.m-b-130 { margin-bottom: 130px !important; }.m-b-150 { margin-bottom: 150px !important; }.m-b-200 { margin-bottom: 200px !important; }
.m-l-0 { margin-left: 0px !important; }.m-l-1 { margin-left: 1px !important; }.m-l-2 { margin-left: 2px !important; }.m-l-3 { margin-left: 3px !important; }.m-l-4 { margin-left: 4px !important; }.m-l-5 { margin-left: 5px !important; }.m-l-6 { margin-left: 6px !important; }.m-l-7 { margin-left: 7px !important; }.m-l-8 { margin-left: 8px !important; }.m-l-9 { margin-left: 9px !important; }.m-l-10 { margin-left: 10px !important; }.m-l-15 { margin-left: 15px !important; }.m-l-20 { margin-left: 20px !important; }.m-l-25 { margin-left: 25px !important; }.m-l-30 { margin-left: 30px !important; }.m-l-35 { margin-left: 35px !important; }.m-l-40 { margin-left: 40px !important; }.m-l-50 { margin-left: 50px !important; }.m-l-60 { margin-left: 60px !important; }.m-l-70 { margin-left: 70px !important; }.m-l-80 { margin-left: 80px !important; }.m-l-90 { margin-left: 90px !important; }.m-l-100 { margin-left: 100px !important; }.m-l-70 { margin-left: 70px !important; }.m-l-280 { margin-left: 280px !important; }.m-l-95 { margin-left: 95px !important; }.m-l-447 { margin-left: 447px !important; }
.mgmlr { margin-left: 77px !important; margin-right: 70px !important; }
.m-l-m-1 { margin-left: -1px !important; }.m-l-m-2 { margin-left: -2px !important; }.m-l-m-3 { margin-left: -3px !important; }.m-l-m-4 { margin-left: -4px !important; }.m-l-m-5 { margin-left: -5px !important; }
.p-0 { padding: 0px !important; }.p-1 { padding: 1px !important; }.p-2 { padding: 2px !important; }.p-3 { padding: 3px !important; }.p-4 { padding: 4px !important; }.p-5 { padding: 5px !important; }.p-6 { padding: 6px !important; }.p-7 { padding: 7px !important; }.p-8 { padding: 8px !important; }.p-9 { padding: 9px !important; }.p-10 { padding: 10px !important; }.p-15, .wrapper { padding: 15px !important; }.p-16 { padding: 16px !important; }.p-17 { padding: 17px !important; }.p-18 { padding: 18px !important; }.p-19 { padding: 19px !important; }.p-20 { padding: 20px !important; }.p-25 { padding: 25px !important; }.p-30 { padding: 30px !important; }.p-35 { padding: 35px !important; }.p-40 { padding: 40px !important; }
.p-t-0 { padding-top: 0px !important; }.p-t-1 { padding-top: 1px !important; }.p-t-2 { padding-top: 2px !important; }.p-t-3 { padding-top: 3px !important; }.p-t-4 { padding-top: 4px !important; }.p-t-5 { padding-top: 5px !important; }.p-t-6 { padding-top: 6px !important; }.p-t-7 { padding-top: 7px !important; }.p-t-8 { padding-top: 8px !important; }.p-t-9 { padding-top: 9px !important; }.p-t-10 { padding-top: 10px !important; }.p-t-11 { padding-top: 11px !important; }.p-t-12 { padding-top: 12px !important; }.p-t-13 { padding-top: 13px !important; }.p-t-14 { padding-top: 14px !important; }.p-t-15 { padding-top: 15px !important; }.p-t-20 { padding-top: 20px !important; }.p-t-25 { padding-top: 25px !important; }.p-t-30 { padding-top: 30px !important; }.p-t-35 { padding-top: 35px !important; }.p-t-40 { padding-top: 40px !important; }.p-t-50 { padding-top: 50px !important; }.p-t-60 { padding-top: 60px !important; }.p-t-70 { padding-top: 70px !important; }
.p-r-0 { padding-right: 0px !important; }.p-r-1 { padding-right: 1px !important; }.p-r-2 { padding-right: 2px !important; }.p-r-3 { padding-right: 3px !important; }.p-r-4 { padding-right: 4px !important; }.p-r-5 { padding-right: 5px !important; }.p-r-6 { padding-right: 6px !important; }.p-r-7 { padding-right: 7px !important; }.p-r-8 { padding-right: 8px !important; }.p-r-9 { padding-right: 9px !important; }.p-r-10 { padding-right: 10px !important; }.p-r-15 { padding-right: 15px !important; }.p-r-16 { padding-right: 16px !important; }.p-r-17 { padding-right: 17px !important; }.p-r-18 { padding-right: 18px !important; }.p-r-19 { padding-right: 19px !important; }.p-r-20 { padding-right: 20px !important; }.p-r-25 { padding-right: 25px !important; }.p-r-30 { padding-right: 30px !important; }.p-r-35 { padding-right: 35px !important; }.p-r-40 { padding-right: 40px !important; }.p-r-170 { padding-right: 170px !important; }
.p-b-0 { padding-bottom: 0px !important; }.p-b-1 { padding-bottom: 1px !important; }.p-b-2 { padding-bottom: 2px !important; }.p-b-3 { padding-bottom: 3px !important; }.p-b-4 { padding-bottom: 4px !important; }.p-b-5 { padding-bottom: 5px !important; }.p-b-6 { padding-bottom: 6px !important; }.p-b-7 { padding-bottom: 7px !important; }.p-b-8 { padding-bottom: 8px !important; }.p-b-9 { padding-bottom: 9px !important; }.p-b-10 { padding-bottom: 10px !important; }.p-b-12 { padding-bottom: 12px !important; }.p-b-15 { padding-bottom: 15px !important; }.p-b-20 { padding-bottom: 20px !important; }.p-b-25 { padding-bottom: 25px !important; }.p-b-30 { padding-bottom: 30px !important; }.p-b-35 { padding-bottom: 35px !important; }.p-b-40 { padding-bottom: 40px !important; }.p-b-50 { padding-bottom: 50px !important; }.p-b-60 { padding-bottom: 60px !important; }.p-b-70 { padding-bottom: 70px !important; }
.p-l-0 { padding-left: 0px !important; }.p-l-1 { padding-left: 1px !important; }.p-l-2 { padding-left: 2px !important; }.p-l-3 { padding-left: 3px !important; }.p-l-4 { padding-left: 4px !important; }.p-l-5 { padding-left: 5px !important; }.p-l-6 { padding-left: 6px !important; }.p-l-7 { padding-left: 7px !important; }.p-l-8 { padding-left: 8px !important; }.p-l-9 { padding-left: 9px !important; }.p-l-10 { padding-left: 10px !important; }.p-l-11 { padding-left: 11px !important; }.p-l-12 { padding-left: 12px !important; }.p-l-13 { padding-left: 13px !important; }.p-l-14 { padding-left: 14px !important; }.p-l-15 { padding-left: 15px !important; }.p-l-16 { padding-left: 16px !important; }.p-l-17 { padding-left: 17px !important; }.p-l-18 { padding-left: 18px !important; }.p-l-19 { padding-left: 19px !important; }.p-l-20 { padding-left: 20px !important; }.p-l-25 { padding-left: 25px !important; }.p-l-30 { padding-left: 30px !important; }.p-l-35 { padding-left: 35px !important; }.p-l-40 { padding-left: 40px !important; }.p-l-50 { padding-left: 50px !important; }
.f-s-8 { font-size: 8px !important; }.f-s-9 { font-size: 9px !important; }.f-s-10 { font-size: 10px !important; }.f-s-11 { font-size: 11px !important; }.f-s-12 { font-size: 12px !important; }.f-s-13 { font-size: 13px !important; }.f-s-14 { font-size: 14px !important; }.f-s-15 { font-size: 15px !important; }.f-s-16 { font-size: 16px !important; }.f-s-17 { font-size: 17px !important; }.f-s-18 { font-size: 18px !important; }.f-s-19 { font-size: 19px !important; }.f-s-20 { font-size: 20px !important; }.f-s-21 { font-size: 21px !important; }.f-s-22 { font-size: 22px !important; }.f-s-23 { font-size: 23px !important; }.f-s-24 { font-size: 24px !important; }.f-s-25 { font-size: 25px !important; }.f-s-26 { font-size: 26px !important; }.f-s-27 { font-size: 27px !important; }.f-s-28 { font-size: 28px !important; }.f-s-29 { font-size: 29px !important; }.f-s-30 { font-size: 30px !important; }.f-s-35 { font-size: 35px !important; }.f-s-40 { font-size: 40px !important; }.f-s-50 { font-size: 50px !important; }.f-s-60 { font-size: 60px !important; }.f-s-70 { font-size: 70px !important; }.f-s-80 { font-size: 80px !important; }.f-s-90 { font-size: 90px !important; }.f-s-100 { font-size: 100px !important; }
.text-center { text-align: center !important; }.text-left { text-align: left !important; }.text-right { text-align: right !important; }
.pull-left { float: left !important; }.pull-right { float: right !important; }.pull-none { float: none !important; }.pull_center {float: right; position: relative; left: -50%; text-align: left;}
.f-w { font-weight: bold !important; }.f-w-100 { font-weight: 100 !important; }.f-w-200 { font-weight: 200 !important; }.f-w-300 { font-weight: 300 !important; }.f-w-400 { font-weight: 400 !important; }.f-w-500 { font-weight: 500 !important; }.f-w-600 { font-weight: 600 !important; }.f-w-700 { font-weight: 700 !important; }




@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/NanumGothic-Regular.eot");
    src: url("/fonts/NanumGothic-Regular.eot?#iefix") format('embedded-opentype'), url("/fonts/NanumGothic-Regular.woff2") format('woff2'), url("/fonts/NanumGothic-Regular.woff") format('woff'), url("/fonts/NanumGothic-Regular.ttf") format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 600;
    src: url("/fonts/NanumGothic-Bold.eot");
    src: url("/fonts/NanumGothic-Bold.eot?#iefix") format('embedded-opentype'), url("/fonts/NanumGothic-Bold.woff2") format('woff2'), url("/fonts/NanumGothic-Bold.woff") format('woff'), url("/fonts/NanumGothic-Bold.ttf") format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url("/fonts/NanumGothic-ExtraBold.eot");
    src: url("/fonts/NanumGothic-ExtraBold.eot?#iefix") format('embedded-opentype'), url("/fonts/NanumGothic-ExtraBold.woff2") format('woff2'), url("/fonts/NanumGothic-ExtraBold.woff") format('woff'), url("/fonts/NanumGothic-ExtraBold.ttf") format('truetype');
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: baseline;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table caption {
    display: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ellipsis {
    display: inline-block;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.ui-tooltip {
    background: #ffd424 !important;
    color: #000 !important;
    font-weight: 600 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*html { background: url(/images/main_bg.png) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}*/
html,
body {  height: 100%;
}
body {
    height: calc(100% - 126px);
    color: #ddd;
    /*background: #000;*/
	background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),url(/images/apex_bg.jpg);
    font-size: 13px;
    font-family: 'NanumGothic', 'Nanum Gothic', 'AppleSDGothicNeo', 'Malgun Gothic';
}
[ng:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}
img {
    vertical-align: middle;
}
.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
a,
button {
    color: #ccc;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
a:hover,
button:hover {
    color: #fff;
}
header {
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
    -webkit-box-shadow: 0 0 10px 4px rgba(0,0,0,0.6);
    box-shadow: 0 0 10px 4px rgba(0,0,0,0.6);
    /*background-image: url("/images/main_bg.png");*/
    background-position: -0px -230px;
}
header nav {
    /* padding-top:25px; */
    /*height: 40px;*/
    
    /*background: #9f9f9f;*/
	background: #121212;
    border-top: 1px solid #1e1e1e!important;
    border-bottom: 1px solid #1e1e1e!important
}
header .gnb {
    /*background: #9f9f9f;*/
	background: #272727!important;
    /* overflow: hidden; */
    /* height: 25px; */
    /* line-height: 20px; */
}

header .gnb2 {
    background: #092e44;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

header .gnb .title {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 167px;
    z-index: 2;
    background: #464547;
}
header .gnb #rolling-wrap {
    width: 400px;
    height: 25px;
    line-height: 25px;
    position: relative;
    overflow: hidden;
}
header .gnb #rolling-wrap p {
    position: absolute;
    left: 400px;
    overflow: hidden;
    white-space: nowrap;
}
header .gnb .rolling-img {
    margin:4px 10px 0px 20px;
    float: left;
}


header .info {
    height: 36px;
    line-height: 36px;
    background: #010101;
    opacity: 0.9;
}
header .info .right {
    float: right;
}
header .info .userid {
    color: #51b2dc;
    font-weight: 600;
}
header .info .logout {
    display: inline-block;
    background: #565658;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin-left: 40px;
    color: #fff;
}
header .info .logout:hover {
    background: #d40;
}
header .info .qna {
    margin-left: 40px;
    background: url("/images/icon_qna.png") left center no-repeat;
    padding-left: 24px;
}
header .info .qna em {
    color: #51b2dc;
}
header .info .memo {
    margin-left: 40px;
    background: url("/images/icon_memo.png") left center no-repeat;
    padding-left: 22px;
}
header .info .memo em {
    color: #51b2dc;
}
header .info .money {
    background: url("/images/icon_money.png") left center no-repeat;
    padding-left: 18px;
}
header .info .money em {
    color: #ee5f5b;
}
header .info .point {
    margin-left: 40px;
    background: url("/images/icon_point.png") left center no-repeat;
    padding-left: 18px;
}
header .info .point em {
    color: #ee5f5b;
}
header .info .exchange {
    display: inline-block;
    background: #565658;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin-left: 20px;
    color: #fff;
}
header .info .exchange:hover {
    background: #06a;
}
header .logo {
    width: 100%;
    /*padding-left: 567px;*/
    /* height: 65px; */
	margin-top:10px;
    float: left;
    position: relative;
}
header .logo img {
    /*padding-bottom: 15px;*/
    position: absolute;
    top: 30px;
	left: 20px;
    bottom: 0;
    margin: auto;
}
header .nav {
    /* display: grid; */
    /*float: left;*/
    /*height: 60px;*/
}
header .nav li {
    color:#0f0f0f;
    float: left;
    position: relative;
    display: block;
}
header .nav li ul.sub {
    display: none;
    padding-top: 10px;
    background: #202020;
    position: absolute;
    width: 100%;
   
    z-index: 2;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.6);
    
    border: 1px solid;
    border-color: #2d353c;

}
header .nav li ul.sub li {
    float: none;
    border-bottom: solid 1px #363537;
}
header .nav li ul.sub li a {
    color: #ffffff;
    padding: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border: none;
    height: 32px;
    line-height: 32px;
}
header .nav li a {
    display: block;
    padding: 0 12px;
    /* height: 50px; */
    /* line-height: 50px; */
    font-size: 15px;
    font-weight: 600;
    border-bottom: solid 2px transparent;
}
header .nav li.on > a,
header .nav li.on:hover > a {
    background: rgba(0,0,0,0.2);
    color: #ffffff;
    /* border-bottom-color: #ffffff; */
}
header .nav li:hover > a {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    background: rgba(0,0,0,0.2);
    border-bottom-color: #727272;
    /* border-radius: 5px; */
}
header .nav li:hover ul.sub {
    /* i?¤i?￢e|½i?¸e¡œ i?œi?´
    display: block;
    */
}
header .nav li.gnb-btn a {
    color: #fff;
    border: solid 1px rgba(255,255,255,0.3);
    margin: 12px 0 0 6px;
    padding: 0 30px;
    border-radius: 5px;
    height: 26px;
    line-height: 24px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    font-size: 14px;
}

header .nav li.gnb-btn-img {
    margin: 12px 0 0 6px;
    height: 26px;
}

header .nav li.gnb-btn a.gnb-deposit {
    margin-left: 60px;
    background: #63a001;
}
header .nav li.gnb-btn a.gnb-deposit:hover {
    background: #538601;
}
header .nav li.gnb-btn a.gnb-withdraw {
    background: #dc0405;
}
header .nav li.gnb-btn a.gnb-withdraw:hover {
    background: #b90304;
}
main {
    min-height: 1200px;
    position: relative;
    margin-top: 134px;
    padding-bottom: 100px;
}
main .content {
    position: relative;
    height: 100%;
}
main.main .content {
    /*margin-top: -400px;*/
}
main.page figure {
    position: absolute;
    width: 100%;
    height: 600px;
    z-index: 0;
}
main .main-wrap {
    top: 500px;
    overflow: hidden;
    /*background: url("/images/main-bg2.png") no-repeat;*/
    background: #2f2f2f4a;
    padding: 36px 20px;
}
main .main-wrap h3,
main .main-wrap h4 {
    height: 24px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    border-bottom: solid 1px #727272;
}
main .main-wrap h3 span,
main .main-wrap h4 span {
    color: #dda145;
}
main .main-wrap article {
    float: left;
    padding: 0 15px;
    font-size: 14px;
}
main .main-wrap article li {
    overflow: hidden;
    border-bottom: solid 1px;
    border-color: #163742;
}
main .main-wrap article li span {
    display: block;
    height: 28px;
    line-height: 28px;
    float: left;
}
main .main-wrap article li span.date {
    width: 24%;
}
main .main-wrap article li span.date em {
    color: #fff;
}
main .main-wrap article li span.home,
main .main-wrap article li span.away {
    width: 33%;
    color: #fff;
}
main .main-wrap article li span.away {
    text-align: right;
}
main .main-wrap article li span.vs {
    color: #bd514e;
    width: 10%;
    text-align: center;
}
main .main-wrap article li a {
    width: 100%;
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
main .main-wrap .game {
    width: 46%;
}
main .main-wrap .event {
    width: 27%;
}
main .main-wrap .notice {
    width: 27%;
}
main figure {
    overflow: hidden;
    height: 400px;
    /*background: url("/images/main_visual2.jpg") right top no-repeat;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;
}
main figure h1 {
    padding: 100px 0 0 40px;
    font-style: italic;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-size: 40px;

}
main figure p {
    display: table;
    padding: 4px 20px;
    /*background: rgba(0,0,0,0.5);*/
    margin-bottom: 4px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
main figure p:hover {
    letter-spacing: 1px;
}
footer {
    background: #363537;
    opacity: 0.8;
    height: 80px;
    margin-top: -80px;
    border-top: solid 1px rgba(255,255,255,0.1);
}
footer .copyright {
    position: relative;
    margin-top: 20px;
    text-align: center;
    color: #727272;
}
footer .copyright span {
    color: #ddd;
}
footer .copyright .btn {
    float: right;
}
#clock {
    margin-top: 4px;
    width: 220px;
}
#btn-top {
    cursor: pointer;
    position: fixed;
    margin-left: 50%;
    left: 670px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background: #565658;
    border: solid 1px rgba(255,255,255,0.1);
    text-align: center;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.6);
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0;
    font-weight: 600;
}
#btn-top:hover {
    background: btn-info;
}
#btn-top.show {
    opacity: 1;
}
main.page .container {
    /* margin-top: 10px; */
    padding: 0px 10px 10px 10px;
    min-height: 200px;
    overflow: hidden;
    opacity: 0.9;

}
main.page .container section {
    width: 1030px;
    float: left;
}
main.page .container aside {
    margin-top: -10px;
    width: 220px;
    float: right;
}
main.page .container aside.fixed #clock {
    position: fixed;
}
main.page .container aside.fixed .cart-wrap {
    padding-top: 0;
    top: 205px;
    position: fixed;
}
main h3 {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0;
    border-bottom: solid 2px #464547;
    margin-bottom: 20px;
}
main.page .container h3 .btn {
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: -6px;
}
main.page .container h4 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px;
}
main.page .container h5 {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 10px;
}
div.box {
    border-radius: 6px;
    padding: 30px 20px;
    line-height: 1.8;
    background: #000000;
    border: solid 1px #565658;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
div.command {
    padding: 20px 0;
    text-align: right;
}
main.page .container .command .btn {
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    border-radius: 4px;
}
main.page .container .command .btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
main.page .tab-menu {
    text-align: right;
}
.color0 {
    color: #fff !important;
}
.color01 {
    color: #ffd424 !important;
}
.color02 {
    color: #4a98be !important;
}
.color03 {
    color: #e07a59 !important;
}
.color04 {
    color: #62c462 !important;
}
.color05 {
    color: #ec9c29 !important;
}
/* .btn { */
    /* border-radius: 4px; */
    /* cursor: pointer; */
    /* display: inline-block; */
    /* background: #4d4d4f; */
    /* height: 24px; */
    /* line-height: 24px; */
    /* padding: 0 20px; */
/* } */



.btn {
    font-weight: bold;   
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn:focus, 
.btn:active:focus, 
.btn.active:focus {
    outline: none;
}
.btn-icon,
.btn.btn-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
}
.btn-circle,
.btn.btn-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}
.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}
.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}
.btn-scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 1020;
}
.page-with-right-sidebar .btn-scroll-to-top {
    left: 25px;
    right: auto;
}
.btn > .pull-left, 
.btn > .pull-right {
    line-height: 1.428571429;
}
.btn-block {
    padding-left: 12px;
    padding-right: 12px;
}
.btn:active,
.btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
} 



/* .btn.on, */
/* .btn:hover { */
    /* background: #262527; */
/* } */
.btn.btn01 {
    background: #313262;
    border-radius: 4px;
}
.btn.btn01.on,
.btn.btn01:hover {
    background: #004777;
}
.btn.btn02 {
    background: #9d1818;
	color:#fff;
    border-radius: 4px;
}
.btn.btn02.on, */
.btn.btn02:hover { 
    background: #9b4400;
}
.btn.btn03 {
    background: #ce0f0b;
	/*background:#ffed4b;*/
    border-radius: 4px;
}
.btn.btn03.on,
.btn.btn03:hover {
    background: #ffed4b;
}
}
main input,
main select,
main textarea {
    background: #fff;
    border: 1px solid #1c1c1c;
    border-radius: 2px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    color: #2e2f3e;
    /* -webkit-box-shadow: inset 0 0 5px 2px rgba(0,0,0,0.2); */
    /* box-shadow: inset 0 0 5px 2px rgba(0,0,0,0.2); */
    vertical-align: middle;
}
main input:focus,
main select:focus,
main textarea:focus {
    border-color: #fff;
}
main input.ng-invalid,
main select.ng-invalid,
main textarea.ng-invalid {
    border-color: color03;
}
main input[disabled=disabled],
main select[disabled=disabled],
main textarea[disabled=disabled] {
    color: #666;
}
main input.num {
    text-align: right;
}
main textarea {
    padding: 10px;
    line-height: 1.6;
}
div.paging {
    text-align: center;
    font-size: 0;
    margin: 25px 0;
}
div.paging ul {
    display: inline-block;
}
div.paging li {
    float: left;
    font-size: 13px;
    margin: 0 -1px 0 0;
    height: 34px;
    line-height: 32px;
    border: solid 1px rgba(255,255,255,0.05);
}
div.paging li:hover {
    position: relative;
    border-color: rgba(255,255,255,0.3);
    z-index: 1;
}
div.paging li.prev {
    margin-right: 8px;
}
div.paging li.prev a {
    background: rgba(0,0,0,0.5);
}
div.paging li.next {
    margin-left: 8px;
}
div.paging li.next a {
    background: rgba(0,0,0,0.5);
}
div.paging a,
div.paging em {
    display: block;
    padding: 0 12.5px;
}
div.paging a {
    cursor: pointer;
}
div.paging em {
    background: #c8232c;
}
#layout-wrap {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 998;
    left: 0;
    top: 0;
}
#layout-box {
    top: 50%;
    width: 100%;
    text-align: center;
    position: fixed;
    z-index: 999;
    height: 546px;
    margin-top: -273px;
}
#layout-box img {
    display: inline-block;
    margin: 0 10px;
}
#layout-load {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    margin-top: -200px;
    margin-left: -150px;
    z-index: 999;
}
.lv {
    display: inline-block;
    background: #565658;
    height: 20px;
    line-height: 20px;
    width: 36px;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    font-size: 12px;
}
.cal-title {
    text-align: center;
    margin-bottom: 20px;
}
.cal-title span {
    display: inline-block;
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    padding: 0 20px;
}
.cal-title .btn {
    width: 60px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    text-align: center;
}
ul.calendar {
    width: 100%;
    display: table;
    margin-left: 1px;
}
ul.calendar li {
    display: table-cell;
    float: left;
    width: 14.28%;
    border: solid 1px #565658;
    margin-left: -1px;
    margin-top: -1px;
    height: 100px;
    background: #464547;
    text-align: right;
    padding: 10px;
    font-size: 16px;
}
ul.calendar li.blank {
    background: none;
}
ul.calendar li.check {
    background: url("/images/check.png") center center no-repeat #464547;
}
ul.calendar li:nth-child(7n + 1) {
    color: #f30;
}
ul.calendar li:nth-child(7n + 0) {
    color: #48f;
}
ul.calendar li.th {
    background: #363537;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    padding: 0;
}
table {
    border-collapse: collapse;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
table.fixed {
    table-layout: fixed;
}
table th,
table td {
    height: 32px;
    /* vertical-align: middle; */
	vertical-align: middle !important;
    /*border: 1px solid #565658;*/
    padding: 6px 0;
}
table th {
    /* background: #000000; */
    background: #9c0000;
    border-bottom: 1px solid #a17e0a;
	text-align:center;
}
table td {
    /*background: #000000;*/
    text-align: left;
    padding-left: 20px;
	padding-right: 20px;
}
table.banking .btn {
    width: 72px;
    padding: 0;
    text-align: center;
}
table.view {
    -webkit-box-shadow: none;
    box-shadow: none;
}
table.view th {
    text-align: left;
}
table.view th p {
    font-size: 15px;
    padding: 10px 20px;
    line-height: 1.6;
}
table.view td {
    background: none;
    border-bottom: solid 1px #464547;
    padding: 10px 20px;
}
table.view td .date {
    display: block;
    height: 20px;
    line-height: 20px;
    background: url("/images/icon_time.png") left center no-repeat;
    padding-left: 16px;
    float: right;
}
table.view td.contents {
    padding: 20px;
    line-height: 1.6;
}
table.add td {
    padding: 6px 10px;
}
table.add td input {
    width: 100%;
}
table.add td textarea {
    width: 100%;
    height: 300px;
	color:#000
}


table.add td input#title {

	color:#ccc;
	background:#11141b; 
	border:0;
	border-radius: 0;
	border-bottom:solid 1px #ccc;font-size:16px;
	padding:8px 0 12px;
}

table.list td {
    padding-left: 0;
    text-align: center;
}




table.list td .label {
    background-color: #1f809c;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 50px;
    color: #fff;
    font-size: 10px;
    font-family: Arial;
}
table.list td.title {
    text-align: left;
    padding: 0 20px;
    cursor: pointer;
}

table.board tbody tr:hover {
    background: #27282b;
}

table.board tbody tr {
    border-bottom: solid 0.5px #333;
}

table.list td.title .hit {
    color: #ee5f5b;
}
table.list td.title .new,
table.list td.title .bet {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    margin: 0 1px;
    text-align: center;
    font-size: 10px;
    font-family: Arial;
}
table.list td.title .new.new,
table.list td.title .bet.new {
    background-color: #c8232c;
}
table.list td.title .new.bet,
table.list td.title .bet.bet {
    background-color: #389638;
}
table.list td.title a {
    max-width: 540px;
}
table.list td.title:hover a {
    color: #fff;
}
table.list td.user {
    text-align: left;
    padding: 0 10px;
}
table.list td.user.admin {
    padding-left: 60px;
}
div.board {
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
div.board ul {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-top: -1px;
}
div.board ul li {
    display: table-cell;
    height: 32px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #565658;
    width: auto;
    background: #1c0c0c;
}
div.board ul.head {
    margin-top: 0;
}
div.board ul.head li {
    background: #161616;
    text-align: center !important;
}

div.board.qna li:nth-child(3),
div.board.memo li:nth-child(3) {
    padding: 0 10px;
    text-align: left;
    cursor: pointer;
}

div.board.qna li:nth-child(2):hover a,
div.board.memo li:nth-child(2):hover a {
    color: #fff;
}
div.board.qna li:nth-child(4),
div.board.memo li:nth-child(4) {
    width: 80px;
}
div.board.qna li:nth-child(5),
div.board.memo li:nth-child(5) {
    width: 80px;
}
div.board.qna ul.contents,
div.board.memo ul.contents {
    display: none;
}
div.board.qna ul.contents li,
div.board.memo ul.contents li {
    display: block;
    height: auto;
    width: 100%;
    padding: 20px;
    text-align: left;
    line-height: 1.8;
    background: #262e40;
    -webkit-box-shadow: inset 8px 8px 40px 1px rgba(0,0,0,0.3);
    box-shadow: inset 8px 8px 40px 1px rgba(0,0,0,0.3);
}
div.board.qna ul.contents li h5,
div.board.memo ul.contents li h5 {
    font-size: 14px;
    background: rgba(0,0,0,0.3);
    padding: 6px 20px;
}
div.board.qna ul.contents li p,
div.board.memo ul.contents li p {
    padding: 20px;
    position: relative;
}
div.board.qna ul.contents li p .btn,
div.board.memo ul.contents li p .btn {
    position: absolute;
    right: 0;
    top: 10px;
}
div.board.memo li:nth-child(2) {
    /*width: 710px;*/
    padding: 0 10px;
    text-align: left;
    cursor: pointer;
}
div.board.memo li:nth-child(2) a {
    /*width: 670px;*/
}
div.board.memo li:nth-child(2):hover a {
    color: #fff;
}
.comment {
    background: #464547;
    padding: 10px;
}
.comment textarea {
    width: calc(100% - 120px);
    height: 80px;
}
.comment .btn {
    float: right;
    width: 120px;
    height: 80px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0 4px 4px 0;
}
.comments > div {
    overflow: hidden;
    border-top: solid 1px #565658;
    padding: 10px 20px;
    background: #464547;
}
.comments > div .date {
    margin-top: 6px;
    display: block;
    height: 20px;
    line-height: 20px;
    background: url("/images/icon_time.png") left center no-repeat;
    padding-left: 16px;
}
.comments > div .user {
    float: left;
    width: 160px;
}
.comments > div .title {
    position: relative;
    padding-left: 160px;
}
.comments > div .title p {
    color: #fff;
    line-height: 1.6;
}
.comments > div .title .icon_delete {
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
    height: 21px;
    background: url("/images/icon_delete.png") center center no-repeat #dc0405;
}
table.game {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5;
}
table.game img,
table.game span {
    vertical-align: middle;
}
table.game tbody.group:before {
    content: '';
    display: block;
    height: 15px;
    background: #1d1c1d;
}
table.game tr.off td {
    background: #464547 !important;
    cursor: auto !important;
}
table.game td {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    padding: 0 10px;
}

table.game td.date {
	    color: #d7d7d7;
    background: #1e2428;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;

}

table.game td.league {
    padding: 0;
    background: #0f1010;
    color: #fff;
    text-align: left;
    height: 40px;
    font-weight: 600;
}

table.game td.league img {
    margin-right: 8px;
}
table.game td.league img.flag {
    margin-left: 20px;
}
table.game td.league p {
    display: inline-block;
    min-width: 176px;
}
table.game td.league .cnt {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    background-color: #dc0405;
    padding: 0 1px;
    border-radius: 12px;
}
table.game td.league .btn {
    float: right;
    position: relative;
    padding: 0 40px 0 0;
    width: 116px;
    text-align: center;
}
table.game td.league .btn em {
    background: rgba(0,0,0,0.5);
    position: absolute;
    right: 1px;
    top: 1px;
    height: 22px;
    line-height: 22px;
    width: 40px;
    padding-right: 6px;
    text-align: right;
}
table.game td.date span {
    color: #ffd424;
}
table.game td.home {
    color: #fff;
    text-align: left;
}
table.game td.home .odds {
    display: inline-block;
    float: right;
    font-weight: 600;
    color: #ee5f5b;
}
table.game td.draw.bet {
    color: #ee5f5b;
}
table.game td.away {
    color: #fff;
    text-align: right;
}
table.game td.away .odds {
    display: inline-block;
    float: left;
    font-weight: 600;
    color: #ee5f5b;
}
table.game td.bet2 {
    position: relative;
    /*background: #585858;*/
    cursor: pointer;
}
table.game td.bet2:hover {
    /*크로스 팀 롤오버 색*/
    background: #ee5f5b
    /*background: #b3b020;*/
}
table.game td.bet2.on {
    background: #7584b7;
    color: #641518;
}
table.game td.home .oddsHandicap {
    vertical-align: bottom;
    color : #4d7fa5;
}

table.game td.away .oddsHandicap {
    vertical-align: bottom;
    color : #4d7fa5;
}

table.game td.home .over {
    background: url("/images/icon_over.gif") left center no-repeat;
    color: #d95855;
}

table.game td.away .under {
    background: url("/images/icon_under.gif") right center no-repeat;
    color: #457294;
}

table.game td .handy {
    font-weight: normal;
    color: #62c462;
}
table.game td.bet away .under {
    background: url("/images/icon_under.gif") right center no-repeat;
    color: #457294;
}

table.game td.bet {
    position: relative;
    
    cursor: pointer;
	color: #fff;
    background: #2d353c;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
}
table.game td.bet:hover {
    /*i?￢e¡œi?¤ iŒ€ e¡¤i?¤e²? i?‰*/
    background: #ffed4b;
    /*background: #b3b020;*/
}
table.game td.bet.on {
    background: #5f5f5f;
    /*background: #dc0405;*/
    /* color: #641518; */
    color: #fff;
}
table.game td.bet.on * {
    /* color: #641518; */
    color: #fff;
}
table.game td.bet a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
table.game td.over {
    background: #262527;
    color: #ee5f5b;
    margin: 0 6px;
}
table.game td.under {
    background: #262527;
    color: #5bc0de;
    margin: 0 6px;
}
table.game td.score {
    color: #00ff2b;
    /* -webkit-box-shadow: inset 0 0 40px 1px #000; */
    /* box-shadow: inset 0 0 40px 1px #000; */
}
table.game tr.item td.home,
table.game tr.item td.draw,
table.game tr.item td.away {
    /* background: #000000; */
}
table.game tr.item td.home.bet,
table.game tr.item td.draw.bet,
table.game tr.item td.away.bet {
    background: #ee5f5b;
    color: #fff;
}
table.game tr.item td.home.bet *,
table.game tr.item td.draw.bet *,
table.game tr.item td.away.bet * {
    color: #fff;
}
table.game tr.item td.home.on,
table.game tr.item td.draw.on,
table.game tr.item td.away.on {
    /*-webkit-box-shadow: inset 0 0 0 1px #fff;*/
    /*box-shadow: inset 0 0 0 1px #fff;*/
    background: #6c0000
}
table.game tr.item td.home.on.hit,
table.game tr.item td.draw.on.hit,
table.game tr.item td.away.on.hit {
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    background: #6c0000;
}
table.game tr.item td.home.hit,
table.game tr.item td.draw.hit,
table.game tr.item td.away.hit {
    /*background: #dc0405;*/
    box-shadow: inset 0 0 0 2px #fee300  !important;
    color: #fff;
}
table.game tr.item td.home.hit *,
table.game tr.item td.draw.hit *,
table.game tr.item td.away.hit * {
    color: #ee5f5b;
}
table.game tr.item td.vs.hit {
    /* background: #dc0405; */
    color: #fff;
}
table.game tr.item td.vs.hit * {
    color: #fff;
}
table.game tr.item td.info img {
    margin-right: 8px;
}
table.game tr.item td.odds {
    color: #ee5f5b;
    font-weight: 600;
}
table.game tr.item td.result.ing,
table.game tr.item td.result.closing {
    color: #fff;
}
table.game tr.item td.result.win {
    color: #5bc0de;
    /*color: #63a001;*/
}
table.game tr.item td.result.lose {
    color: #f60;
}
table.game tr.item td.result.hit {
    /*i??i?¹i?¼e?Œ*/
    /*color: #5bc0de;*/
    color: #31de16;
}
table.game tr.item td.result.cancel {
    color: #ee5f5b;
}
table.game td.betInfo {
    /* background: #000000; */
    text-align: left;
    padding: 6px 0 20px 0;
    font-size: 14px;
	border-top:solid 1px #28376b;
}
table.game td.betInfo span {
    display: inline-block;
    color: #fff;
}
table.game td.betInfo span .money {
    color: #62c462;
    font-weight: 600;
    vertical-align: baseline;
}
table.game td.betInfo span .hit {
    color: #5bc0de;
    /*color: #ff5f5b;*/
    font-weight: 600;
    vertical-align: baseline;
}
table.game td.betInfo span.dateDay {
    margin-left: 20px;
}
table.game td.betInfo span.dateTime {
    color: #f89406;
}
table.game td.betInfo span.betMoney,
table.game td.betInfo span.rate,
table.game td.betInfo span.expMoney,
table.game td.betInfo span.hitMoney {
    margin-left: 20px;
}
table.game td.betInfo span.btn-box {
    display: inline-block;
    float: right;
    font-size: 13px;
    margin-top: 2px;
}
table.game td.betInfo input {
    width: 20px;
    height: 20px;
    padding: 0;
}
ul.sports {
    float: right;
    height: 30px;
}
ul.sports li {
    float: left;
    padding-left: 20px;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
}
ul.sports li em {
    vertical-align: middle;
    display: inline-block;
    background-color: #dc0405;
    padding: 0 7px;
    border-radius: 10px;
    margin-left: 10px;
}
ul.sports li img {
    vertical-align: middle;
}
#left-league {
    display: block;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -850px;
}
#left-league ul {
    display: none;
}
#left-league ul.on {
    display: block;
}
#left-league li {
    display: block;
}
#left-league li .cnt {
    float: right;
    display: block;
    background-color: #dc0405;
    height: 18px;
    line-height: 18px;
    padding: 0 7px;
    border-radius: 10px;
    margin-top: 6px;
}
#left-league li p {
    width: 200px;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    background: #363537;
    margin: 1px 0;
}
#left-league li p.top {
    height: 32px;
    line-height: 32px;
    font-weight: 600;
    background: #262527;
}
#left-league li p.top .cnt {
    margin-top: 8px;
}
#left-league li p.league {
    padding-left: 16px;
    background: #565658;
}
.cart-wrap {
    padding-top: 6px;
    width: 220px;
    font-size: 13px;
}
.cart-wrap .cart-top {
    font-size: 14px;
    font-weight: 600;
    background: #2e2e2e;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    /*border-radius: 10px;*/
}
.cart-wrap .cart-odds {
    margin-top: 4px;
    padding: 10px;
    background: #2e2e2e;
    /*border-radius: 10px;*/
}
.cart-wrap .cart-odds p {
    height: 24px;
    line-height: 24px;
    color: #fff;
}
.cart-wrap .cart-odds p input {
    width: 120px;
    height: 22px;
    text-align: right;
    font-size: 14px;
    padding: 0;
    color: #f30;
}
.cart-wrap .cart-odds p span {
    display: inline-block;
    float: right;
}
.cart-wrap .cart-odds p em {
    color: #5bc0de;
}
.cart-wrap .cart-amount {
    overflow: hidden;
    margin-top: 2px;
}
.cart-wrap .cart-amount li {
    float: left;
    display: block;
    width: 32%;
    margin-top: 2px;
    margin-bottom: 2px;
}
.cart-wrap .cart-amount li .btn {
    width: 100%;
    padding: 0;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border: solid 1px rgba(0,0,0,0.4);
}
.cart-wrap .cart-amount li:nth-child(3n + 2) {
    margin-left: 2%;
    margin-right: 2%;
}
.cart-wrap .cart-betting {
    margin-top: 2px;
}
.cart-wrap .cart-betting .btn {
    border-radius: 5px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    background: #8f1915;
    color: #fff;
    font-weight: 600;
}
.cart-wrap .cart-betting .btn:hover {
    background: #b90304;
}
.cart-wrap .cart-item .btn2 {
    padding: 0 6px;
    position: absolute;
    height: 20px;
    line-height: 20px;
    right: 10px;
    top: 70px;
    background: #dc0405;
    color: #fff;
    cursor: pointer;
}
.cart-wrap .cart-item .btn2:hover {
    background: #b90304;
}
.cart-wrap .cart-betting .btn em {
    margin-left: 2px;
    font-size: 13px;
    display: inline-block;
    height: 22px;
    line-height: 20px;
    vertical-align: middle;
    background: #363537;
    padding: 0 8px;
    border-radius: 50%;
}
.cart-wrap .cart-item div {
    margin-top: 2px;
    padding: 4px;
    position: relative;
	background: linear-gradient(110deg, #a20000 60%, #7c1200 60%);
	color: #c4c4c4;
}
.cart-wrap .cart-item p.odds2 {
    margin-bottom: 18px;
    color: #fff;
}
.cart-wrap .cart-item .bet_home {
    background: #0d4676;
}
.cart-wrap .cart-item .bet_draw {
    background: rgba(43, 44, 44, 0.71);
}
.cart-wrap .cart-item .bet_away {
    background: #8e1115b5;
}

.cart-wrap .cart-item div.bonus {
    background: #363537;
}
.cart-wrap .cart-item div.bonus span {
    color: #5bc0de;
}
.cart-wrap .cart-item .btn {
    padding: 0 6px;
    position: absolute;
    height: 20px;
    line-height: 20px;
    right: 10px;
    top: 8px;
    background: #dc0405;
    color: #fff;
}
.cart-wrap .cart-item .btn:hover {
    background: #b90304;
}
.cart-wrap .cart-item p {
    height: 18px;
    line-height: 18px;
}
.cart-wrap .cart-item p.odds {
    margin-bottom: 8px;
    color: #fff;
}
.cart-wrap .cart-item p.odds img {
    vertical-align: middle;
}
.cart-wrap .cart-item p.odds span {
    float: right;
    padding-right: 16px;
    color: #5bc0de;
}
.cart-wrap .cart-item p.zone {
    padding-left: 20px;
    color: #5bc0de;
}
.ladder-result {
    background: url("/images/ladder-result.png");
    display: inline-block;
    width: 26px;
    height: 26px;
}
.ladder-result.s1 {
    background-position: 0 0;
}
.ladder-result.s2 {
    background-position: -26px 0;
}
.ladder-result.s3 {
    background-position: -52px 0;
}
.ladder-result.s4 {
    background-position: -78px 0;
}
.lowhi-result {
    background: url("/images/lowhi-result.png");
    display: inline-block;
    width: 50px;
    height: 25px;
}
.lowhi-result.s1 {
    background-position: 0 0;
}
.lowhi-result.s2 {
    background-position: -50px 0;
}
.lowhi-result.s3 {
    background-position: -100px 0;
}
.lowhi-result.s4 {
    background-position: -150px 0;
}
div.zone {
    overflow: hidden;
    position: relative;
}
div.zone > .timer {
    width: 200px;
    /* float: left; */
	margin:auto;
}
div.zone > .timer .timer-box {
    background: url("/images/zone/timer-bg.png");
    border: solid 4px #f60;
    width: 200px;
    text-align: center;
    border-radius: 6px;
    padding: 20px;
}
div.zone > .right {
    width: 820px;
    float: right;
}
#zoneButton {
    margin: 0 auto;
    width: 860px;
    padding: 4px 5px;
    background: #bbb;
    border: solid 1px #acacac;
    border-radius: 4px;
    text-align: left;
}
#zoneButton a {
    display: inline-block;
    color: #222;
    font-weight: 600;
    text-shadow: 1px 1px 1px #fff;
    padding: 0 20px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    border: solid 1px transparent;
}
#zoneButton a.on,
#zoneButton a:hover {
    background: #197d5f;
    border-color: #116249;
    border-radius: 3px;
    color: #fff;
    text-shadow: none;
}
#login {
    /*background: url("/images/pattern03.png") #000;*/
}
#login .full_screen {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    opacity: 0.6;
}
#login .login-logo {
    width: 800px;
    height: 420px;
    background: url("/images/logo.png") center center no-repeat #59a735;
    position: fixed;
    z-index: 2;
    right: 0;
    top: 0;
    opacity: 0.86;
}
#login .login-line {
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 300px;
    background: #f40;
    opacity: 0.8;
}
#login .login-line > div {
    height: 100%;
    width: 50%;
    left: 50%;
    background: #06f;
}
#login .login-wrap {
    position: absolute;
    width: 400px;
    left: 50%;
    min-height: 100%;
    /*padding: 0 100px;*/
    margin-left: -600px;
    background: rgba(0,0,0,0.41);
}
#login .login-wrap .login-box {
    text-align: center;
    width: 400px;
    margin: 0 auto;
    padding-top: 20%;
}
#login .login-wrap h1 {
    text-align: center;
    text-decoration: underline;
    font-size: 48px;
    font-weight: 800;
    font-family: sans-serif;
    color: #eee;
    margin-bottom: 100px;
}
#login .login-wrap label {
    width: 300px;
    display: block;
    margin: 0 auto 10px auto;
    overflow: hidden;
}
#login .login-wrap input,
#login .login-wrap select {
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 16px;
    padding: 0 20px;
    border: solid 1px #444;
    border-radius: 5px;
    background: rgba(0,0,0,0.5);
}
#login .login-wrap select {
    color: #aaa;
    float: left;
    width: 140px;
}
#login .login-wrap select.on {
    color: #fff;
}
#login .login-wrap select option {
    color: #fff;
    background: rgba(0,0,0,0.7);
}
#login .login-wrap select + input {
    width: 176px;
    float: right;
}
#login .login-wrap .command {
    margin: 0 auto;
    padding-top: 30px;
    width: 300px;
}
#login .login-wrap .btn-login,
#login .login-wrap .btn-join {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
}
#login .login-wrap .btn-login {
    background: #59a735;
}
#login .login-wrap .btn-login:hover {
    background-color: #2d541b;
}
#login .login-wrap .btn-join {
    border: 1px solid #aaa;
}
#login .login-wrap .btn-join:hover {
    background-color: #fff;
    color: #3e7525;
}
#login .login-wrap .copyright {
    margin-top: 100px;
    font-family: Arial;
    font-size: 11px;
    color: #888;
}
#login .login-wrap .copyright span {
    color: #ccc;
}
#login .login-wrap.login-join {
    padding-bottom: 40px;
}
#login .login-wrap.login-join h1 {
    margin-bottom: 40px;
}
#login .login-wrap.login-join label {
    width: 320px;
    position: relative;
}
#login .login-wrap.login-join label .bul {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/images/btn_join.png") center left no-repeat;
}
#login .login-wrap.login-join label .bul.bul-ready {
    background-position: -20px 0;
}
#login .login-wrap.login-join label .bul.bul-error {
    background-position: -40px 0;
}
#login .login-wrap.login-join label p {
    clear: both;
    color: #888;
    font-size: 13px;
    text-align: left;
    padding: 4px 0 0 20px;
    letter-spacing: -1px;
}
#login .login-wrap.login-join .command {
    width: 320px;
}
.spinner {
    width: 20px;
    height: 20px;
    background-color: #ee3729;
    -webkit-animation: sk-rotate 1.6s infinite ease-in-out;
    -o-animation: sk-rotate 1.6s infinite ease-in-out;
    animation: sk-rotate 1.6s infinite ease-in-out;
}
.loading {
    width: 453px;
    height: 453px;
    background: url("/images/loading.png") center center no-repeat;
    -webkit-animation: sk-span 2s infinite linear;
    -o-animation: sk-span 2s infinite linear;
    animation: sk-span 2s infinite linear;
}
@-webkit-keyframes sk-rotate {
    0% {
        -webkit-transform: perspective(120px);
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}
@-moz-keyframes sk-rotate {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
@-webkit-keyframes sk-rotate {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
@-o-keyframes sk-rotate {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
@keyframes sk-rotate {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
@-moz-keyframes sk-span {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
    }
}
@-webkit-keyframes sk-span {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
    }
}
@-o-keyframes sk-span {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
    }
}
@keyframes sk-span {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
    }
}
.card_result {
    width: 31px;
    height: 44px;
    display: inline-block;
    background: url("/images/card_result.png");
}
.card_result.card_102 {
    background-position: -47px -7px;
}
.card_result.card_103 {
    background-position: -85px -7px;
}
.card_result.card_104 {
    background-position: -122px -7px;
}
.card_result.card_105 {
    background-position: -160px -7px;
}
.card_result.card_106 {
    background-position: -197px -7px;
}
.card_result.card_107 {
    background-position: -235px -7px;
}
.card_result.card_108 {
    background-position: -273px -7px;
}
.card_result.card_109 {
    background-position: -310px -7px;
}
.card_result.card_110 {
    background-position: -347px -7px;
}
.card_result.card_111 {
    background-position: -385px -7px;
}
.card_result.card_112 {
    background-position: -423px -7px;
}
.card_result.card_113 {
    background-position: -461px -7px;
}
.card_result.card_114 {
    background-position: -10px -7px;
}
.card_result.card_202 {
    background-position: -47px -57px;
}
.card_result.card_203 {
    background-position: -85px -57px;
}
.card_result.card_204 {
    background-position: -122px -57px;
}
.card_result.card_205 {
    background-position: -160px -57px;
}
.card_result.card_206 {
    background-position: -197px -57px;
}
.card_result.card_207 {
    background-position: -235px -57px;
}
.card_result.card_208 {
    background-position: -273px -57px;
}
.card_result.card_209 {
    background-position: -310px -57px;
}
.card_result.card_210 {
    background-position: -347px -57px;
}
.card_result.card_211 {
    background-position: -385px -57px;
}
.card_result.card_212 {
    background-position: -423px -57px;
}
.card_result.card_213 {
    background-position: -461px -57px;
}
.card_result.card_214 {
    background-position: -10px -57px;
}
.card_result.card_302 {
    background-position: -47px -106px;
}
.card_result.card_303 {
    background-position: -85px -106px;
}
.card_result.card_304 {
    background-position: -122px -106px;
}
.card_result.card_305 {
    background-position: -160px -106px;
}
.card_result.card_306 {
    background-position: -197px -106px;
}
.card_result.card_307 {
    background-position: -235px -106px;
}
.card_result.card_308 {
    background-position: -273px -106px;
}
.card_result.card_309 {
    background-position: -310px -106px;
}
.card_result.card_310 {
    background-position: -347px -106px;
}
.card_result.card_311 {
    background-position: -385px -106px;
}
.card_result.card_312 {
    background-position: -423px -106px;
}
.card_result.card_313 {
    background-position: -461px -106px;
}
.card_result.card_314 {
    background-position: -10px -106px;
}
.card_result.card_402 {
    background-position: -47px -156px;
}
.card_result.card_403 {
    background-position: -85px -156px;
}
.card_result.card_404 {
    background-position: -122px -156px;
}
.card_result.card_405 {
    background-position: -160px -156px;
}
.card_result.card_406 {
    background-position: -197px -156px;
}
.card_result.card_407 {
    background-position: -235px -156px;
}
.card_result.card_408 {
    background-position: -273px -156px;
}
.card_result.card_409 {
    background-position: -310px -156px;
}
.card_result.card_410 {
    background-position: -347px -156px;
}
.card_result.card_411 {
    background-position: -385px -156px;
}
.card_result.card_412 {
    background-position: -423px -156px;
}
.card_result.card_413 {
    background-position: -461px -156px;
}
.card_result.card_414 {
    background-position: -10px -156px;
}
/*----------------------------------------------------------------*/
.card_result2 {
    width: 31px;
    height: 44px;
    display: inline-block;
    background: url("/images/card_result.png");
}
.card_result2.card_000 {
    background-size: 0px;
}
.card_result2.card_002 {
    background-position: -47px -7px;
}
.card_result2.card_003 {
    background-position: -85px -7px;
}
.card_result2.card_004 {
    background-position: -122px -7px;
}
.card_result2.card_005 {
    background-position: -160px -7px;
}
.card_result2.card_006 {
    background-position: -197px -7px;
}
.card_result2.card_007 {
    background-position: -235px -7px;
}
.card_result2.card_008 {
    background-position: -273px -7px;
}
.card_result2.card_009 {
    background-position: -310px -7px;
}
.card_result2.card_010 {
    background-position: -347px -7px;
}
.card_result2.card_011 {
    background-position: -385px -7px;
}
.card_result2.card_012 {
    background-position: -423px -7px;
}
.card_result2.card_013 {
    background-position: -461px -7px;
}
.card_result2.card_001 {
    background-position: -10px -7px;
}
.card_result2.card_202 {
    background-position: -47px -57px;
}
.card_result2.card_203 {
    background-position: -85px -57px;
}
.card_result2.card_204 {
    background-position: -122px -57px;
}
.card_result2.card_205 {
    background-position: -160px -57px;
}
.card_result2.card_206 {
    background-position: -197px -57px;
}
.card_result2.card_207 {
    background-position: -235px -57px;
}
.card_result2.card_208 {
    background-position: -273px -57px;
}
.card_result2.card_209 {
    background-position: -310px -57px;
}
.card_result2.card_210 {
    background-position: -347px -57px;
}
.card_result2.card_211 {
    background-position: -385px -57px;
}
.card_result2.card_212 {
    background-position: -423px -57px;
}
.card_result2.card_213 {
    background-position: -461px -57px;
}
.card_result2.card_201 {
    background-position: -10px -57px;
}
.card_result2.card_302 {
    background-position: -47px -106px;
}
.card_result2.card_303 {
    background-position: -85px -106px;
}
.card_result2.card_304 {
    background-position: -122px -106px;
}
.card_result2.card_305 {
    background-position: -160px -106px;
}
.card_result2.card_306 {
    background-position: -197px -106px;
}
.card_result2.card_307 {
    background-position: -235px -106px;
}
.card_result2.card_308 {
    background-position: -273px -106px;
}
.card_result2.card_309 {
    background-position: -310px -106px;
}
.card_result2.card_310 {
    background-position: -347px -106px;
}
.card_result2.card_311 {
    background-position: -385px -106px;
}
.card_result2.card_312 {
    background-position: -423px -106px;
}
.card_result2.card_313 {
    background-position: -461px -106px;
}
.card_result2.card_301 {
    background-position: -10px -106px;
}
.card_result2.card_102 {
    background-position: -47px -156px;
}
.card_result2.card_103 {
    background-position: -85px -156px;
}
.card_result2.card_104 {
    background-position: -122px -156px;
}
.card_result2.card_105 {
    background-position: -160px -156px;
}
.card_result2.card_106 {
    background-position: -197px -156px;
}
.card_result2.card_107 {
    background-position: -235px -156px;
}
.card_result2.card_108 {
    background-position: -273px -156px;
}
.card_result2.card_109 {
    background-position: -310px -156px;
}
.card_result2.card_110 {
    background-position: -347px -156px;
}
.card_result2.card_111 {
    background-position: -385px -156px;
}
.card_result2.card_112 {
    background-position: -423px -156px;
}
.card_result2.card_113 {
    background-position: -461px -156px;
}
.card_result2.card_101 {
    background-position: -10px -156px;
}

.user_info{
    /*float: right;*/
    /*text-align: right;*/
    display: inline-block;
    font-size: 1.1em;
}

.user_info .right {
    float: right;
}
.user_info .userid {
    color: #ec9c29;
    font-weight: 600;
}
.user_info .logout {
    display: inline-block;
    background: #565658;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin-left: 20px;
    color: #fff;
}
.user_info .logout:hover {
    background: #d40;
}
.user_info .qna {
    margin-left: 20px;
    background: url("/images/icon_qna.png") left center no-repeat;
    padding-left: 24px;
}
.user_info .qna em {
    color: #ec9c29;
}
.user_info .memo {
    margin-left: 20px;
    background: url("/images/icon_memo.png") left center no-repeat;
    padding-left: 22px;
}
.user_info .memo em {
    color: #ec9c29;
}
.user_info .money {
    background: url("/images/icon_money.png") left center no-repeat;
    padding-left: 18px;
}
.user_info .money em {
    color: #499bc0;
}
.user_info .point {
    margin-left: 20px;
    background: url("/images/icon_point.png") left center no-repeat;
    padding-left: 18px;
}
.user_info .point em {
    color: #499bc0;
}
.user_info .exchange {
    display: inline-block;
    background: #565658;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin-left: 20px;
    color: #fff;
}
.user_info .exchange:hover {
    background: #06a;
}

.main_r_box {
    position: absolute;
    top: 0px;
    padding-left: 2px;
    background-color: #000;
    margin-left: 1020px;
    margin-bottom: 10px;
    width:260px;
    /*border-radius: 8px;*/
    opacity: 0.8;
}

.main_r_box img{
    border-radius: 8px;
    cursor: pointer;
}

.main_r_box img:hover{
    opacity: 0.7;
    /*background-color: #737075;*/
    /*border: 2px solid;*/
}

.main_r_box ul {
    display: inline-flex;
}

.main_r_box ul li{
    margin-top: 8px;
    margin-bottom: 8px;
    padding:10px;
    width:90px;
    height:90px;
}

.main_c_banner {
    width:100%;
}

.main_c_banner ul {
    display: inline-flex;
}

.main_t_box {
    /*position: absolute;*/
    /*top: 20px;*/
    /*left: 300px;*/
}

.main_c_table {
    width:1280px;
}

.main_c_table .r_banner{
    text-align: right;
}

.main_c_table td{
    background: none;
    /*padding-top:15px;*/
    border: 0px;
    padding-left: 0px;
}

.imgOver:hover {
    opacity: 0.8;
}

.vMiddle {
    vertical-align: middle;
}

.basketball {
    color: #e0ff00;
}

.soccer{
    color: #ff6a04;
}

.icehockey{
    color: #ff0011;
}

.esports{
    color: #e200ff;
}

.volleyball{
    color: #09ff2d;
}

.baseball{
    color: #04ffc7;
}

.handball{
    color: #0035ff;
}

.amfootball{
    color: #ff0087;
}

.sports{
    color: #ffffff;
}
.inGame01 {
    background-color: #25765c;
}

.inGame02 {
    background-color: #666666;
}

.inGame03 {
    background-color: #585858;
}


.radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.radio-toolbar label {
    display: inline-block;
    background-color:#363942;
    padding: 10px 10px;
    margin-top:5px;
    font-family: sans-serif, Arial;
    /*border: 2px solid #444;*/
    border-radius: 4px;
    width:90%;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #3e83a4;
    border-color: black;
}

main input.btn03 {
    background: #900a08;
    position: absolute;
    height: 84px;
    width: 405px;
    font-size: 30pt;
    margin-left: -203px;
    margin-top: -42px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

main input.btn01 {
    background: #033f69;
    position: absolute;
    height: 84px;
    width: 405px;
    font-size: 30pt;
    margin-left: -203px;
    margin-top: -42px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.leagueItem {
    display: inline-block;
    width: 55%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.white_content {
  z-index:10;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.white_content:target {
  opacity:1;
  pointer-events: auto;
}
.white_content > div {
  z-index: 98;
  position: absolute;
  /*text-align: center;*/
  top: 25%;
  left: 35%;
  /*width: 60%;*/
  /*height: 100%;*/
  padding: 16px;
padding-top: 4px;
  border: 4px solid #00182f;
  background-color: #ffffff45;
  overflow: auto;
}



/* loading */
.circle div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    height: 150px;
    margin: auto;
    border: 30px solid;
    border-color: rgba(0, 84, 255, 1) rgba(36, 120, 255, 0.3) rgba(36, 120, 255, 0.3) rgba(36, 120, 255, 0.3);
    border-radius: 80px;
    animation: circle 0.7s linear infinite;
}
.circle-in div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
	margin: 10px 0 0 0;
    border: 20px solid;
    border-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    animation: circle 0.7s linear infinite;
}
@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.bettingbox {
	border: 1px solid #191919;
	padding:0px;
	padding:0px;
 	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
 }


.betinputbox {
	width: 160px;
	height: 23px;
	background: #2e3d56;
	border: 1px solid #0A0E16;
	padding:3px 8px 3px 0px;
 	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
 }

 .betlistbox {
	clear: both;
	width: 251px;
	min-height: 66px;
	text-align: left;
	margin: 1px 0 3px 1px;
 	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	overflow-x: hidden;
	overflow-y: hidden;
 }
 .betlistcolor_a {
	float: left;
	width: 210px;
	min-width: 210px;
	color: #b8b8b8;
	font-size: 8pt;
	font-family: 'Malgun Gothic',dotum;
	/*letter-spacing:-0.1em;*/
	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 2px 0 0 4px;
	overflow-x: hidden;
 }
 .betlistcolor_b {
	float: left;
	width: 190px;
	min-width: 190px;
	color: #9d6d33;
	font-size: 8pt;
	font-family: 'Malgun Gothic',dotum;
	/*letter-spacing:-0.1em;*/
 	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 0 0 0 4px;
	overflow-x: hidden;
 }
 .betlistcolor_b_odd {
	float: right;
	color: #c8e1f0;
	font-weight: bold;
	font-size: 9pt;
	font-family: 'Malgun Gothic',dotum;
 	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 0px 6px 0 0;
 }
 .betlistclose {
	float: right;
	color: #39acac;
	font-size: 10pt;
	font-family: 'Malgun Gothic',dotum;
 	height: 17px;
	line-height: 17px;
	padding: 0px;
	margin: 0px 6px 0 0;
	cursor: pointer;
	text-shadow: 0 0 3px #000;
 }
  .betlistclose:hover {
	color: #f37e82;
	margin: -1px 6px 0 0;
 }

 .search-input-box {
	background:#222D40
    color: #222 !important;
	width: 210px;
	height: 30px;
	background: #222D40;
	border: 1px solid #0A0E16;
	padding: 3px;
}

.display-none { 
	display: none;
}
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.position-absolute-zindex-1 {
	z-index:1;
}
.position-absolute-zindex-10 {
	z-index:10;
}
.position-absolute-zindex-100 {
	z-index:100;
}
.position-absolute-zindex-1000 {
	z-index:1000;
}
.position-absolute-zindex-10000 {
	z-index:10000;
}
.top-0 { top:0px; !important }
.left-0 { left:0px; !important }
.right-0 { right:0px; !important }


.clear-both{
	clear:both; 
}

.clockbox{
	width: 310px;
	height: 82px;
	overflow-x: hidden;
	overflow-y: hidden;
	font:700 40px Open Sans Condensed,sans-serif;
}

.games-navigation{
	clear:both; 
	width: 100%;
	height: 65px;
	display: table;
}

.mini-live-tmenu{
	cursor:pointer;
	text-align: center;
	display: table-cell;
	width:10%;
	font-weight:bold;
    background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #35353F, #161622);
	background:    -moz-linear-gradient(180deg, #35353F, #161622);
	background:     -ms-linear-gradient(180deg, #35353F, #161622);
	background:      -o-linear-gradient(180deg, #35353F, #161622);
	background:         linear-gradient(180deg, #35353F, #161622);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#35353f",endColorStr="#161622",GradientType=0);
}
.mini-live-tmenu:hover{
    background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #161622, #35353F);
	background:    -moz-linear-gradient(180deg, #161622, #35353F);
	background:     -ms-linear-gradient(180deg, #161622, #35353F);
	background:      -o-linear-gradient(180deg, #161622, #35353F);
	background:         linear-gradient(180deg, #161622, #35353F);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#161622,endColorStr="#35353F,GradientType=0);
}

.mini-live-tmenu-casino{
	cursor:pointer;
	text-align: center;
	display: table-cell;
	width:9%;
	font-weight:bold;
    background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #35353F, #161622);
	background:    -moz-linear-gradient(180deg, #35353F, #161622);
	background:     -ms-linear-gradient(180deg, #35353F, #161622);
	background:      -o-linear-gradient(180deg, #35353F, #161622);
	background:         linear-gradient(180deg, #35353F, #161622);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#35353f",endColorStr="#161622",GradientType=0);
}
.mini-live-tmenu-casinoe:hover{
    background: #35353F;
	background: url('linear-gradient.png') 0 0 repeat-x;
	background: -webkit-linear-gradient(180deg, #161622, #35353F);
	background:    -moz-linear-gradient(180deg, #161622, #35353F);
	background:     -ms-linear-gradient(180deg, #161622, #35353F);
	background:      -o-linear-gradient(180deg, #161622, #35353F);
	background:         linear-gradient(180deg, #161622, #35353F);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#161622,endColorStr="#35353F,GradientType=0);
}



.t-line1{
	border-top:5px solid #0091EA;
	border-right:1px solid #454545;
}
.t-line1:active{
	background:#111;
}

.t-line2{
	border-top:5px solid #2A62FF;
	border-right:1px solid #454545;
}
.t-line2:active{
	background:#111;
}

.t-line3{
	border-top:5px solid #4F2FC5;
	border-right:1px solid #454545;
}
.t-line3:active{
	background:#111;
}

.t-line4{
	border-top:5px solid #7B20A3;
	border-right:1px solid #454545;
}
.t-line4:active{
	background:#111;
}

.t-line5{
	border-top:5px solid #C41162;
	border-right:1px solid #454545;
}
.t-line5:active{
	background:#111;
}

.t-line6{
	border-top:5px solid #D60000;
	border-right:1px solid #454545;
}
.t-line6:active{
	background:#111;
}

.t-line7{
	border-top:5px solid #FF9000;
	border-right:1px solid #454545;
}
.t-line7:active{
	background:#111;
}

.t-line8{
	border-top:5px solid #5D871B;
	border-right:1px solid #454545;
}
.t-line8:active{
	background:#111;
}

.t-line9{
	border-top:5px solid #206825;
	border-right:1px solid #454545;
}
.t-line9:active{
	background:#111;
}

.t-line10{
	border-top:5px solid #9933ff;
}
.t-line9:active{
	background:#111;
}

.live-tmenu-name{
	font-size:11pt;
	color:#fafafa;
	margin:0 0 3px 0;
}
.live-tmenu-name-casino{
	font-size:11pt;
	color:#d0d0d0;
	text-shadow:0 -1px 0 rgba(0,0,0,.33);
	margin:0 0 3px 0;
	font-family:'Malgun Gothic',arial;
}


.live-tmenu-countdown{
	font:700 13px Open Sans Condensed,sans-serif;
	color:#ffffff;
}

.live-tmenu-casino-sub{
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
	color:#7d7d7d;
	font-weight:normal;
}


.game-info-container{
	margin:0;
	padding:0 5px 5px 5px;
	height:491px;
	text-align:center;
	width:100%;
}
.game-info-container2{
	margin:0;
	padding:0 5px 0 5px;
	height:449px;
	text-align:center;
	width:100%;
}
.game-info-container3{
	margin:0;
	padding:0 5px 5px 5px;
	height:675px;
	text-align:center;
	width:100%;
}
.game-info-container4{
	margin:0;
	padding:0 5px 5px 5px;
	height:640px;
	text-align:center;
	width:100%;
}
.playerbox{
	width:100%;
	height:422px;
	text-align:center;
	position: relative;
}
.playerbox2{
	width:100%;
	height:380px;
	text-align:center;
	position: relative;
}
.playerbox3{
	width:100%;
	height:610px;
	text-align:center;
	position: relative;
}
.playerbox4{
	width:100%;
	height:575px;
	text-align:center;
	position: relative;
}
.lucky7{
	background-image:url(../img/lucky7_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.lucky6{
	background-image:url(../img/lucky6_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.lucky5{
	background-image:url(../img/lucky5_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.dice{
	background-image:url(../img/dice_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.dice-war{
	background-image:url(../img/dice_war_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.wheel{
	background-image:url(../img/wheel_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.poker{
	background-image:url(../img/poker_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.baccarat{
	background-image:url(../img/baccarat_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.war{
	background-image:url(../img/war_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.mgm{
	background-image:url(../img/mgm_bg.jpg);
	background-size:cover;
	background-position:100%;
}
.sadari{
	background-image:url(../img/named/bg_ladder.png);
	background-size:cover;
	background-position:100%;
}
.dari{
	background-image:url(../img/named/bg_dari.png);
	background-size:cover;
	background-position:100%;
}
.powerball{
	background-image:url(../img/nlotto/bg_powerball.png);
	background-size:cover;
	background-position:100%;
}
.keno{
	background-image:url(../img/nlotto/bg_keno.png);
	background-size:cover;
	background-position:100%;
}
.aladin{
	background-image:url(../img/hafline/bg_aladin.png);
	background-size:cover;
	background-position:100%;
}
.virtual{
	background:url(../img/live_game2_bg.jpg) no-repeat;
	background-size:cover;
	background-position:100%;
}
.minibg{
	background-image:url(../img/login-bg/bg-10.jpg);
	background-size:cover;
	background-position:100%;
}
.lotusbg{
	background:url(../img/lotus/bg_page_title.jpg) repeat;
}
.game-background-live-game{
	background-image:url(../img/live_game_bg.jpg);
	background-size:110% 520px;
background-position:50%;
}
.game-background-live-game2{
	background:url(../img/live_game2_bg.jpg) no-repeat;
	background-size:100% 600px;
	background-position:50%;
}
.game-background-vhorse{
	background-image:url(../img/vhorse_bg.jpg);
	background-size:cover;
	background-position:50%;
}

.game-recent-info{
	position:absolute;
	z-index:2;
	top:35px;
	left:34px;
	width: 260px;
	height: 355px;
	text-align: center;
	 filter:alpha(opacity=90); 
	 opacity:0.90; 
	 -moz-opacity:0.90;
}

.game-recent-info2{
	position:absolute;
	z-index:2;
	top:35px;
	left:34px;
	width: 260px;
	height: 355px;
	text-align: center;
}

.last-5-counter-orange{
	color: #fafafa;
	background-color:#FF8700;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font:700 40px Open Sans Condensed,sans-serif;
 	border-radius: 3px 3px 0 0; 
	-moz-border-radius: 3px 3px 0 0; 
	-webkit-border-radius: 3px 3px 0 0; 
}
.last-5-counter-black{
	color: #fafafa;
	background-color:#1B1B27;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font:700 40px Open Sans Condensed,sans-serif;
 	border-radius: 3px 3px 0 0; 
	-moz-border-radius: 3px 3px 0 0; 
	-webkit-border-radius: 3px 3px 0 0; 
}
.last-5-results{
	color: #fafafa;
	background-color:#fbfbfb;
	width: 100%;
	height: 275px;
	text-align: center;
 	border-radius: 0 0 3px 3px; 
	-moz-border-radius: 0 0 3px 3px; 
	-webkit-border-radius: 0 0 3px 3px; 
}
.last-5-results-title{color:#000; padding:15px 0 12px 0; font-weight:bold;}
.last-result-items{margin-bottom:12px;}
.lottery-item{position:relative;display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;user-select:none;}
.lottery-item{margin:2px;padding:7px;line-height:1.2}
.ball{width:30px;height:30px;border:1px solid #000;border-radius:50%;-webkit-font-smoothing:antialiased;font-size:12px;background-repeat:repeat-x;}
.ball.yellow{background-color:#ffad32;background:linear-gradient(180deg,#ffad32,#cc7a00);border-color:#cc7a00 #cc7a00 #b36b00;text-shadow:0 1px 1px hsla(0,0%,100%,.33)}
.ball.black{background-color:#5b5b5b;background:linear-gradient(180deg,#5b5b5b,#282828);border-color:#282828 #282828 #1c1c1c;text-shadow:0 -1px 0 rgba(0,0,0,.33)}
.ball.white{background-color:#f9f9f9;background:linear-gradient(180deg,#f9f9f9,#d6d6d6);border-color:#929292 #929292 #a1a1a1;text-shadow:0 1px 1px hsla(0,0%,100%,.23)}
.ball.blue{background-color:#5990d8;background:linear-gradient(180deg,#5990d8,#193c6b);border-color:#193c6b #193c6b #112948;text-shadow:0 -1px 0 rgba(0,0,0,.56)}
.ball.green{background-color:#398f28;background:linear-gradient(180deg,#398f28,#193f11);border-color:#193f11 #193f11 #122c0c}
.ball.green,.ball.grey,.ball.red{text-shadow:0 -1px 0 rgba(0,0,0,.33)}
.ball.grey,.ball.red{background-color:#e52828;background:linear-gradient(180deg,#e52828,#961111);border-color:#961111 #961111 #800f0f}
.ball.white,.ball.yellow{color:#333}
.ball.black,.ball.blue,.ball.green,.ball.grey,.ball.red{color:#fff}
.ball>span{font-weight:700}
.last-5-results .ball{margin:0 -0.5px}
.dice-ball{background-color:#e52828;background:linear-gradient(180deg,#e52828,#961111);width:25px;height:25px;border-radius:4px;font-size:6px;margin:2px}
.dice-ball.dice-blue,.dice-ball.duel:last-child{background-color:#6752ff;background:linear-gradient(180deg,#6752ff,#1d09a7)}
.dice-ball>.dot{width:20%;height:20%;border:none;border-radius:50%;-webkit-font-smoothing:antialiased;position:absolute;display:block;left:50%;top:50%;margin:-10%;background:#fff}
.dice-ball.dice-1>.dot{box-shadow:0 0 0 #fff}
.dice-ball.dice-2>.dot{background:transparent}
.dice-ball.dice-2>.dot,.dice-ball.dice-3>.dot{box-shadow:-1em -1em 0 #fff,1em 1em 0 #fff}
.dice-ball.dice-4>.dot{background:transparent}
.dice-ball.dice-4>.dot,.dice-ball.dice-5>.dot{box-shadow:-1em -1em 0 #fff,1em 1em 0 #fff,-1em 1em 0 #fff,1em -1em 0 #fff}
.dice-ball.dice-6>.dot{background:transparent;box-shadow:-1em -1em 0 #fff,-1em 0 0 #fff,-1em 1em 0 #fff,1em -1em 0 #fff,1em 0 0 #fff,1em 1em 0 #fff}
.last-5-results .dice-ball{margin:0}




.wheel_red{width:125px;padding:5px;background:#d60000;margin-bottom:4px;}
.wheel_grey{width:125px;padding:5px;background:#818586;margin-bottom:4px;}
.wheel_black{width:125px;padding:5px;background:#222222;margin-bottom:4px;}
.wheel_white{width:125px;padding:5px;background:#e1e1e1;margin-bottom:4px;}
.wheel-circle{width:25px;height:25px;border:none;border-radius:50%;-webkit-font-smoothing:antialiased;background-color:#fff;color:#000;line-height:1.8;font-weight:800;cursor:default;font-size:14px;}







/** 08. Item Box (team, shop, etc)
 **************************************************************** **/
.item-box {
	background:#fff;
	overflow:hidden;
	margin:0;
	width:100%;
	position:relative;

	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;

}
.item-box.fullwidth {
	max-width:100%;
}

.item-box figure {
	width:100%;
	display:block;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}
	.item-box.fixed-box figure img {
		width:100%;
		height:auto;
	}
.item-box-desc {
	padding:10px 20px;
	overflow:hidden;
}
.item-box-desc p {
	margin-top:20px;
	display:block;
	overflow:hidden; 
	text-overflow:ellipsis;
	/*white-space: nowrap;*/
}
	.item-box.fixed-box .item-box-desc p {
		height:98px;
	}
.item-box-desc h4 {
	padding:0; margin:0;
}
.item-box .item-box-desc small {
	display:block;
}

.item-box.fixed-box .item-box-desc {
	height:256px;
}

.item-box.fixed-box figure {
	max-height:263px;
}
.item-box .socials {
	border-top:#eee 1px solid;
	text-align:center;
	display:block;
}


/* hover */
.item-box .item-hover,
.item-box .item-hover .overlay {
	-webkit-border-top-right-radius: 6px;
	 -webkit-border-top-left-radius: 6px;
		 -moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
			 border-top-left-radius: 6px;
			border-top-right-radius: 6px;
}
.item-box .item-hover {
	opacity: 0;
	filter: alpha(opacity=0);
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	text-align:center;
	color:#fff;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
.item-box .item-hover,
.item-box .item-hover button,
.item-box .item-hover a {
	color:#fff;
}
.item-box .item-hover .inner {
	position:absolute;
	display:block;
	left:0; right:0; top:50%;
	margin-top:-30px;
	z-index:100;
}
.item-box:hover .item-hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.divider {
	border-top:#424242 1px dotted;
	border-bottom:#424242 1px dotted;
}



.mgm_card {
	border: 2px solid #c1c1c1; 
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	clear: both;
}




.sports2box{
	border:2px solid #222733;
	background:#191919;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	padding:5px;
}
.sports2boxtop{
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	width: 100%;
	position: absolute;
	top:-12px;
	left:0px;
	z-index: 5;
	text-align:left;
	color:#000;
	padding:0px;
}

.sports2boxtopin{
	border:1px solid #222733;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	background:#1E2428;
	text-align:center;
	color:#fff;
	padding:0px;
}

.no-radius{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


.btn.right-btn-primary{
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#006dcc;
	background-image:-moz-linear-gradient(top, #006dcc, #0044cc);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#006dcc), to(#0044cc));
	background-image:-webkit-linear-gradient(top, #006dcc, #0044cc);
	background-image:-o-linear-gradient(top, #006dcc, #0044cc);
	background-image:linear-gradient(to bottom, #006dcc, #0044cc);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006dcc', endColorstr='#ff0044cc', GradientType=0);
	border-color:#0044cc #0044cc #002a80;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:9pt;
	font-family:'Malgun Gothic',dotum;
	font-weight:bold;
}


#led_row .led {
    position: relative;
    width: 570px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px 0 40px;
    margin: 0 auto;
    background-color: #851a1a;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.game-iframe-close{width:100%;height:32px;line-height:32px;text-align:center;background: #262e40;border:0;color: #fff;}
.game-iframe-close:hover{background:#006bfc;}
.game-iframe{margin-top:1px;min-width: 835px;}
.game-iframe-cont{background:#1d2123;text-align:center;}


.power-box{background: #000611;height: 107px;margin-top: 0;margin-bottom: 20px;padding: 0 15px 0 20px;overflow: hidden;border-radius: 8px;}
.power-box .left{float:left;margin-top: 27px;padding-left: 28px;position: relative;}
.power-box .left > li{color: #929394;}
.power-box .left > li:first-child{font-size:22px;font-weight:700;color:#fff;margin-bottom: 5px;}
.power-box .left > li:first-child span{font-weight:700;color: #fc9700 !important;}
.power-box .left > li:first-child i{font-size: 23px;color: #fc9700;position: absolute;left: 0;top: 0;}

.section-box{padding:10px;background: rgba(0,0,0,.5);margin-bottom: 10px;overflow: hidden;position:relative;}
.section-box-tit{height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 700;}
.section-box-tit .all-del{float:right;background:#b0005b;padding:0 10px;height:22px;line-height:22px;color:#fff;border-radius: 3px;margin-top: 9px;}
.section-box-tit .all-del:hover{background:#ff0081;}
.section-box-tit i{margin-right:10px;}


.flip-clock-wrapper {margin-top: 27px;}

.betting_lock {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000eb;
    z-index: 2;
}
.line-center {
    top: 45%;
    /* transform: translateY(-20%); */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 31px;
    font-size: 31px;
    font-weight: bolder;
    color:#FC0;
}

.blue-box{display: inline-block;width: 70px;height: 70px;background: #1c1c1c;font-size: 18px;font-weight:700;color:#fff;}
.blue-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #007ffc;}
.blue-box p span{display:block;font-size:13px;font-weight: 700;color: #fff;margin-top: 6px;}
.red-box{display:inline-block;width: 70px;height: 70px;background: #1c1c1c;font-size: 18px;font-weight:700;color:#fff;}
.red-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #fc1515;}
.red-box p span{display:block;font-size:13px;font-weight: 700;color: #fff;margin-top: 6px;}
.orange-box{display:inline-block;width:70px;height:70px;background:linear-gradient(#e99267, #d74601);font-size:30px;font-weight:700;color:#fff;}
.orange-box p{width: 1%;height:70px;display:table-cell;vertical-align:middle;}
.orange-box p span{display:block;font-size:13px;}
.green-box{display: inline-block;width: 70px;height: 70px;background: #1c1c1c;font-size: 18px;font-weight:700;color:#fff;}
.green-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #0a9502;}
.green-box p span{display:block;font-size:13px;font-weight: 700;color: #fff;margin-top: 6px;}

.square p{display:block;width:auto;height: 30px;line-height: 30px;background: #1c1c1c;padding: 0 5px;}
.square span{display:block;font-size: 13px;font-weight: 700;margin-top: 8px;}

.square{position:relative;border-radius:5px;cursor:pointer;background: none;padding: 10px 0;width: auto;}
.round{position:relative;border-radius:50%;cursor:pointer;}
.square:hover::before, 
.round:hover::before,
.square.on::before, 
.round.on::before{display: none;content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid #defb18;border-radius:5px;box-shadow: inset 5px 15px 10px 0px rgba(0, 0, 0, 0.5);}
.round:hover::before,
.round.on::before{border-radius:50%;}

.small-tit{font-size:14px;font-weight:700;color: #b7b7b7;margin-top: 10px;margin-bottom: 10px; letter-spacing: -1px;}
.small-tit span{color: #fcfc65;}
.small-tit i{font-size:16px;color: #deb829;margin-right:5px;vertical-align: middle;}


.game-select-box-cont1 .cont{overflow:hidden;}
.game-select-box-cont1 .cont ul{margin-left:-5px;overflow: hidden;}
.game-select-box-cont1 .cont ul li{cursor:pointer;float:left;width:calc(100% / 4 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont1 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont1 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}
.game-select-box-cont1 .cont ul.ul2:first-child{margin-top:0;}
.game-select-box-cont1 .cont ul.ul2{margin-top:5px;}
.game-select-box-cont1 .cont ul.ul2 li{width:calc(100% / 3 - 5px);}

.game-select-box-cont2 { position:relative;}
.game-select-box-cont2 .cont{overflow:hidden; width:100%;}
.game-select-box-cont2 .cont ul{margin-left:-5px;overflow: hidden;}
.game-select-box-cont2 .cont ul li{cursor:pointer;float:left;width:calc(100% / 4 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont2 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont2 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}
.game-select-box-cont2 .cont ul.ul2:first-child{margin-top:0;}
.game-select-box-cont2 .cont ul.ul2{margin-top:5px;}
.game-select-box-cont2 .cont ul.ul2 li{width:calc(100% / 3 - 5px);}

.game-select-box-cont3 { position:relative;}
.game-select-box-cont3 .cont{overflow:hidden; width:100%;}
.game-select-box-cont3 .cont ul{margin-left:-5px;overflow: hidden;}
.game-select-box-cont3 .cont ul li{cursor:pointer;float:left;width:calc(100% / 2 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont3 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont3 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}

.game-select-box-cont4 { position:relative;}
.game-select-box-cont4 .cont{overflow:hidden; width:100%;}
.game-select-box-cont4 .cont ul{margin-left:-5px;overflow: hidden; margin-top:5px;}
.game-select-box-cont4 .cont ul li{cursor:pointer;float:left;width:calc(100% / 3 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont4 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont4 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}

.game-select-box-cont5 { position:relative;}
.game-select-box-cont5 .cont{overflow:hidden; width:100%;}
.game-select-box-cont5 .cont ul{margin-left:-5px;overflow: hidden;}
.game-select-box-cont5 .cont ul li{cursor:pointer;float:left;width:calc(100% / 6 - 5px);margin-left:5px;height:88px;padding:8px 0;background: #303235;border-top: 1px solid #58595c;text-align: center;}
.game-select-box-cont5 .cont ul li:hover{background:#525357;border-top:1px solid #747578;}
.game-select-box-cont5 .cont ul li.on{background:#0050bd;border-top:1px solid #3273ca;}


.game-select-box-cont1 {/* padding:15px; */margin-bottom: 10px;overflow:hidden;margin-left: -30px;}
.game-select-box-cont1 > div{float:left;width:calc(50% - 30px);margin-left:30px;}



.betting_table{position: relative;background-color: #000611;}
.b_lock{display:block;position: absolute;background-color:#000; opacity: 0.8; width: 100%;    height: 100%;    z-index: 9999;    border: 1px solid black;

background-image: url("/images/eosPowerball/lock.png");
background-repeat: no-repeat;
background-position: 50% 50%;

}

#mini_snail{ display:none;}
#mini_snail + label{ display:block; width:100%; padding:8px 0; text-align:center; background-color:#000314; border-bottom:1px solid #465477; border-top:1px solid #8c98ab; cursor:pointer}
#mini_snail + label span{ display:inline-block; font-size:1.2rem; font-weight:400; color:#fff; padding-left:25px; background-image:url(../img/icon/arrow_up_03.png); background-position:left center; background-repeat:no-repeat; background-size:16px;}
#mini_snail:checked + label span{ background-image:url(../img/icon/arrow_down_03.png); }
#minigame_toggle{ display:none;}
#minigame_toggle + label{ display:block; width:100%; padding:8px 0; text-align:center; background-color:#000314; border-bottom:1px solid #465477; border-top:1px solid #8c98ab; cursor:pointer}
#minigame_toggle + label span{ display:inline-block; font-size:1.2rem; font-weight:400; color:#fff; padding-left:25px; background-image:url(../img/icon/arrow_up_03.png); background-position:left center; background-repeat:no-repeat; background-size:16px;}
#minigame_toggle:checked + label span{ background-image:url(../img/icon/arrow_down_03.png); }
.eosPowerBall_toggle{ display:none}
.eosPowerBall_toggle + label{display:block;width:100%;padding:5px 0;font-size:1.5rem;font-weight:500;color:#fff;text-align:center;background-color: #000611;border-bottom:1px solid #465477;border-top:1px solid #465477;background-image:url(../img/icon/arrow_up_06.png);background-position:right 10px center;background-repeat:no-repeat;background-size:33px;cursor:pointer;margin-top:-1px}
.eosPowerBall_toggle:checked + label{ background-image:url(../img/icon/arrow_down_06.png);}
.selectArea{ width:100%; padding:20px 15px; overflow:hidden; box-sizing:border-box;}
.selectArea:after{ content:""; display:block; clear:both}
.selectArea li{ width:49%; }
.eosPowerSelect li{ width:100%; margin-bottom:20px;}
.eosPowerSelect li:last-child{ margin-bottom:0}
.selectArea li .subTitle{ font-size:1rem; font-weight:500; color:#fff; padding-left:25px; height:40px; line-height:1.2; background-image:url(/images/eosPowerball/arrow_right_yellow.png); background-position:left top; background-repeat:no-repeat; background-size:16px;}
.selectArea li .subTitle span{ color:#447cfa}
.selectArea .itemBox{ display:flex; flex-direction:row; justify-content:center; width:100%; margin-bottom:5px;}
.selectArea .itemBox:last-child{ margin-bottom:0}
.selectArea .itemBox input{ display:none;}
.selectArea .itemBox input + label{ display:block; box-sizing:border-box; border:1px solid #6c7e9d; border-radius:7px; vertical-align:middle; cursor:pointer; background: linear-gradient(to bottom, #4181e5, #142349); padding:2px 5px 5px}
.selectArea .itemBox.item02 label{ width:50%; margin-left:5px;}
.selectArea .itemBox.item03 label{ width:33%; margin-left:5px;}
.selectArea .itemBox.item04 label{ width:25%; margin-left:5px;}
.selectArea .itemBox input + label p{ font-size:1rem; font-weight:500; color:#fff; text-align:center; letter-spacing:-0.05em;}
.selectArea .itemBox input + label .number{ width:100%; padding:3px 0; border:1px solid #7ca5db; color:#fff; text-align:center; font-size:1.2rem; font-weight:400; border-radius:3px; margin:2px 0 0; background-color:#0d153e;}
.selectArea .itemBox input + label:hover,
.selectArea .itemBox input:checked + label{ background: linear-gradient(to bottom, #5a0504, #a90100); border-color:#6c7e9d;}
.selectArea .itemBox input + label:hover .number,
.selectArea .itemBox input:checked + label .number{ border-color:#947680;; background-color:#6f0302;}
.selectArea .itemBox2{ display:flex; flex-direction:row; justify-content:center; width:100%;}
.selectArea .itemBox2 input{ display:none}
.selectArea .itemBox2 input + label{ position:relative; display:block; width:10%; margin-left:10px; background-position:center; background-repeat:no-repeat; background-size:99%; cursor:pointer}
.selectArea .itemBox2 input + label:nth-of-type(1){ margin-left:0}
.selectArea .itemBox2 input + label img{ display:block; width:100%;}
.selectArea .itemBox2 input + label .numBox{ position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -55%); -moz-transform: translate(-50%, -55%); -ms-transform: translate(-50%, -55%); -o-transform: translate(-50%, -55%); transform: translate(-50%, -55%);}
.selectArea .itemBox2 input + label .numBox p{ font-size:1rem; font-weight:400; color:#fff; text-align:center;}
.selectArea .itemBox2 input + label .numBox .number{ font-size:1.2rem; font-weight:400; color:#fff; text-align:center}
.selectArea .itemBox2 input + label:hover .numBox,
.selectArea .itemBox2 input:checked + label .numBox{ opacity:0.5;}
.selectArea .itemBox2 input + label.circle_blue{ background-image:url(../img/icon/circle_blue.png);}
.selectArea .itemBox2 input + label.circle_red{ background-image:url(../img/icon/circle_red.png);}
.selectArea .itemBox2 input + label.circle_green{ background-image:url(../img/icon/circle_green.png);}
.selectArea .itemBox2 input + label.circle_yellow{ background-image:url(../img/icon/circle_yellow.png);}
.selectArea .itemBox2 input + label.circle_blue:hover,
.selectArea .itemBox2 input:checked + label.circle_blue{ background-image:url(../img/icon/circle_blue_over.png);}
.selectArea .itemBox2 input + label.circle_red:hover,
.selectArea .itemBox2 input:checked + label.circle_red{ background-image:url(../img/icon/circle_red_over.png);}
.selectArea .itemBox2 input + label.circle_green:hover,
.selectArea .itemBox2 input:checked + label.circle_green{ background-image:url(../img/icon/circle_green_over.png);}
.selectArea .itemBox2 input + label.circle_yellow:hover,
.selectArea .itemBox2 input:checked + label.circle_yellow{ background-image:url(../img/icon/circle_yellow_over.png);}
.tabBox{ width:100%; text-align:center; overflow:hidden}
.tabBox:after{ content:""; display:block; clear:both}
.tabBox input{ display:none}
.tabBox input + label{ display:block; width:50%; float:left; padding:5px 0; background-color:#133664; border:1px solid #0a51af; box-sizing:border-box; cursor:pointer}
.tabBox input + label .text{ display:inline-block; font-size:1.2rem; font-weight:500; color:#fff; vertical-align:middle}
.tabBox input + label .timeBox{ display:inline-block; margin-left:5px;}
.tabBox input + label .timeBox img{ display:inline-block; vertical-align:middle;}
.tabBox input + label .timeBox span{ display:inline-block; font-size:1.1rem; font-weight:500; color:#fff; vertical-align:middle}
.tabBox input.active + label{ background:#fff;}
.tabBox input.active + label .text,
.tabBox input.active + label .timeBox span{ color:#333;}
.tab_contents{ width:100%; padding:20px 30px; box-sizing:border-box;}


.bettingBox{ }
.bettingBox .betting_table{ }
.bettingBox .betting_table table{ width:100%; border-collapse:collapse;}
.bettingBox .betting_table table th{font-size:1rem;font-weight:500;color:#fff;text-align:center;padding:7px 0;border:1px solid #465477;background-color: #000611;overflow:hidden}
.bettingBox .betting_table table th:after{ content:""; display:block; clear:both;}
.bettingBox .betting_table table td{font-size:1rem;font-weight:400;color:#fff;text-align:center;padding:7px 10px;border: 1px solid #333b4e;background-color: #1f232d;}
.bettingBox .betting_table table .color_brown{ color:#ffb534}
.bettingBox .betting_table table .color_red{ color:#ff0000}
.bettingBox .betting_table table .btnArea{}
.bettingBox .betting_table table .btnArea .moneyBtn{ float:left; width:60%; padding-left:10px;}
.bettingBox .betting_table table .btnArea .moneyBtn .subBox{ display:flex; flex-direction:row; justify-content:center; width:100%; margin-bottom:4px;}
.bettingBox .betting_table table .btnArea .moneyBtn .subBox:last-child{ margin-bottom:0}
.bettingBox .betting_table table .btnArea .betting_money{ display:block; width:25%; height:27px; font-size:0.8rem; font-weight:500; color:#fff; text-align:center; background:#24518c; border:1px solid #24518c; cursor:pointer; padding:0; box-sizing:border-box; vertical-align:middle; border-radius:3px; letter-spacing:-0.05em; margin:0 2px;}
.bettingBox .betting_table table .btnArea .betting_money:hover{ color:#a7b1c2; background:linear-gradient(to bottom, #0e5fa5, #133a6a); border-color:#5275cc}
.bettingBox .betting_table table .btnArea .betting_money.bg_color{ background: linear-gradient(to bottom, #093268, #0e1632); font-weight:500; color:#fff; border:1px solid #6f8eb0;}
.bettingBox .betting_table table .btnArea .betting_money.bg_color:hover{ background: linear-gradient(to bottom, #0e1632, #093268);}
.bettingBox .betting_table table .btnArea .reset{float:left; width:10%;}
.bettingBox .betting_table table .btnArea .reset .betting_money.bg_color{ width:100%; height:58px;}
.bettingBox .betting_table table .btnArea .rightBox{ float:right; width:23%; padding-right:10px}
.bettingBox .betting_table table .btnArea .rightBox .inputBox{ display:block; width:100%; height:27px; border:1px solid #5275cc; box-sizing:border-box; background-color:#fff; margin-bottom:5px;}
.bettingBox .betting_table table .btnArea .rightBox .inputBox input{ display:inline-block; width:85%; height:100%; padding:5px; box-sizing:border-box; background-color:transparent; border:none; vertical-align:middle; text-align:right; vertical-align:middle;color:#000}
.bettingBox .betting_table table .btnArea .rightBox .inputBox span{ display:inline-block; font-size:0.9rem; font-weight:400; color:#777; vertical-align:middle}
.bettingBox .betting_table table .btnArea .rightBox .bettingBtn{ display:block; width:100%; height:27px; line-height:27px; font-size:0.9rem; font-weight:500; color:#fff; background-image:url(/images/eosPowerball/bettingBtn.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%; box-sizing:border-box; text-shadow:0 0 5px #000; text-align:center; border-radius:3px; margin-left:0; border:none;background: #f90202;}
.bettingBox .refer{ width:100%; padding:7px; box-sizing:border-box; border:1px solid #465477; background-color:#133664; text-align:right; margin-top:10px}
.bettingBox .refer span{ display:inline-block; font-size:1rem; font-weight:500; color:#fff; vertical-align:middle; margin-right:20px; letter-spacing:-0.05em}
.bettingBox .refer a{ display:inline-block; width:140px; height:27px; line-height:27px; font-size:0.9rem; font-weight:500; color:#fff; background: linear-gradient(to bottom, #093268, #0e1632); border:1px solid #6f8eb0; text-align:center; border-radius:3px; text-shadow:0 0 5px #000; vertical-align:middle}
.myBetting table{ width:100%; border-collapse:collapse;}
.myBetting table th{ font-size:1rem; font-weight:500; color:#fff; text-align:center; padding:2px 0; border:1px solid #465477; background-color:#133664; vertical-align:middle}
.myBetting table th .icon_grade{ display:block; width:26px; margin:0 auto}
.myBetting table td{ font-size:0.9rem; font-weight:400; color:#fff; text-align:center; padding:5px 0; border-bottom:1px solid #506393; vertical-align:middle}
.myBetting table td:first-child{ border-left:1px solid #506393;}
.myBetting table td:last-child{ border-right:1px solid #506393;}
.myBetting table td .icon_dal{ display:inline-block; vertical-align:middle; width:34px;}
.floatL {
float: left;
}
.floatR {
float: right;
}

.card-holder {
	height: 250px;
}

.card:hover {
	background: linear-gradient(110deg, #6e5919 60%, #655e1a 60%);
	color: #35353f;
}


.card {
	font-family: -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif;
	font-size: 2.5em;
	font-weight: 800;
	height: 100%;
	width: 100%;
	padding: 0.2em 0.2em;
	border-radius: 0.25em;
	vertical-align: middle;
	letter-spacing: -2px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	text-align: center;
}

.card ul {
	height: 100%;
}

.card ul li:first-child {
	height: 50%;
}

.mainBanner {
	display: flex;
}

.card ul li:nth-child(2) {
	height: 30%;
	font-size: 14px;
	letter-spacing: -1.5px;
	line-height: 20px;
	font-weight: 600;
	text-align: right;
    color: #ffffff;
}

.card ul li:nth-child(3) {
	height: 20%;
}


.mainBanner > div {
	width: 20%;
}

.bg-gold {
	color:#fff;
	background: -webkit-linear-gradient(110deg, #a20000 60%, #7c1200 60%);
	background: -o-linear-gradient(110deg, #a20000 60%, #7c1200 60%);
	background: -moz-linear-gradient(110deg, #a20000 60%, #7c1200 60%);
	background: linear-gradient(110deg, #a20000 60%, #7c1200 60%);
    border: 1px solid #a20000;
}

.board-main{
	width:99%;
	height:auto;
	float:left;
	position:relative;
	background-color:#220c0c;
	height:260px;
	margin-left:8px;
	border: 1px solid #a20000;
	z-index:0;
}
.board-main .bm-head{
	width:100%;
	height:55px;
	float:left;
	background-color:#000000;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
    border-bottom: 1px solid #a20000;
}
.board-main .bm-body{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	position:relative;
    overflow: hidden;
	z-index:1;
	display:flex;
}
.board-cont{
	height:258px;
	display:inline-block;
	margin:0;
	padding-right:8px;
	padding-left:8px;
	vertical-align:top;
	flex:1;
}
.board-cont .head{
	width:100%;
	height:55px;
	float:left;
}
.board-cont .head .title{
	float:left;
	margin-top:5px;
}
.board-cont .head .title button{
	width:32px;
	height:36px;
	background-color:transparent;
	border:none;
	padding:0;
	background-image:url(/images/icon/board_diamond.png);
}
.board-cont .head .title button svg{
	color:#6689ee;
	font-size:16px;
	width:16px;
}
.board-cont .head .title .text-grp{
	display:inline-block;
	width:auto;
	height:auto;
	text-align:left;
	position:relative;
	top:11px;
	margin-left:3px;
}
.board-cont .head .title .text-grp .name{
	color:#ffffff;
	font-size:16px;
	font-family:NotoSansKr-Bold;
}
.board-cont .head .title .text-grp .name span{
	color:#ffffff;
	font-size:11px;
	font-family:NotoSansKr-Regular;
}
.board-cont .head .title .text-grp .sub{
	color:#bbb079;
	font-size:10px;
	font-family:NotoSansKr-Regular;
    line-height: 20px;
}
.board-cont .head .more-btn{
	float:right;
	margin-top:18px;
	margin-right:2px;
	width:auto;
	height:auto;
	padding:4px 7px;
	color:#000;
	font-size:10px;
	font-family:NotoSansKr-Regular;
	border:none;
	background-color:#c02929;
	transition:0.5s;
	border-radius: 4px;
}
.board-cont .head .more-btn:hover{
	background-color:#1f3738;
}
.board-cont .body{
	width:100%;
	height:auto;
	float:left;
}
.board-cont.notice  .body table{
	border-collapse: collapse;
	border-collapse: separate;
	border-spacing:0 5px;
	width:100%;
	box-shadow: none;
}
.board-cont.notice  .body table tr{
	width:100%;
	height:35px;
	background-color:#481616;
	transition:0.5s;
}
.board-cont.notice .body table td a{
	color:#fff;
	font-size:12px;
	font-family:NotoSansKr-Regular;
	padding-left:13px;
	text-decoration:none;
}
.board-cont.notice .body table td:first-child{
	text-align:left;
}
.board-cont.notice .body table td:last-child{
	color:#ffffff;
	font-size:11px;
	font-family:NotoSansKr-Regular;
	padding-right:13px;
}
.board-cont.notice .body table tr:hover{
	background-color: #ffee0080;
	border:solid 1px #ff4a4a;
}
.board-cont.notice .body table tr:hover a{
	color:#fff;
}
.board-cont.notice .body table tr:hover td:last-child{
	color:#000000;
}

.board-cont .event-banner{
	display:inline-block;
	margin:0 0;
	margin-top:5px;
	cursor:pointer;
	background-color:#000;
	text-decoration:none;
}
.board-cont .event-banner:first-child{
	margin-left:0;
}
.board-cont .event-banner:last-child{
	margin-right:0;
}
.board-cont .event-banner img{
	transition:0.5s;
}
.board-cont .event-banner .foot{
	width:100%;
	height:30px;
	background-color:#1e2d59;
	display:table;
	transition:0.5s;
}
.board-cont .event-banner .foot p{
	color:#ffffff;
	font-size:12px;
	font-family:NotoSansKr-Bold;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	transition:0.5s;
}
.board-cont .event-banner:hover img{
	opacity:0.5;
}
.board-cont .event-banner:hover .foot{
	background-color:#121b25;
}
.board-cont .event-banner:hover .foot p{
	color:#a0a0a0;
}
.board-cont.dep-wit {
	width:313px;
}
.board-cont.dep-wit .head .title{
	margin-top:9px;
}
.board-cont.dep-wit .head .title .text-grp{
	top:0;
}
.board-cont.dep-wit .head .btn-grp{
	float:right;
	margin-top:18px;
}
.board-cont.dep-wit .head .btn-grp button{
	width:30px;
	height:19px;
	float:left;
	margin:0 1px;
	background-color:#6c7171;
	border:none;
	color:#ffffff;
	font-size:10px;
	font-family:NotoSansKr-Regular;
	padding:0;
	transition:0.5s;
}
.board-cont.dep-wit .head .btn-grp button.active{
	background-color:#3e59a5;
}
.board-cont.dep-wit .head .btn-grp button:hover{
	background-color:#1f3738;
}
.board-cont.dep-wit .head .btn-grp button.active:hover{
	background-color:#3e59a5;
}
.bank-tab{
	width:100%;
	height:auto;
	float:left;
	margin-top:9px;
	animation:1;
	animation-name:over_sideward_anim;
	animation-duration:0.5s;
	animation-timing-function:ease-in;
	animation-fill-mode:forwards;
	display:none;
}
.bank-tab.active{
	display:block;
}
.bank-tab table{
	width:100%;
}
.bank-tab table tr{
	height:35px;
}
.bank-tab table td{
	color:#7d9aed;
	font-size:12px;
	font-family:NotoSansKr-Regular;
}
.bank-tab table td:first-child{
	text-align:left;
	padding-left:7px;
}
.bank-tab table td:last-child{
	color:#fff;
	text-align:right;
	padding-right:7px;
}
.bank-tab table button{
	width:30px;
	height:19px;
	margin-right:4px;
	border:none;
	color:#ffffff;
	font-size:10px;
	font-family:NotoSansKr-Regular;
	background-color: #a4a541;
	padding:0;
}

.sub_cnt_Board .View_top h2 .tab_List {display:inline-block;margin:auto;text-align:center;font-family: 'Noto Sans KR', sans-serif;font-size:12px;text-shadow:1px 1px 1px #000000;position:relative;margin-left:2px;padding:0px 20px;height:50px;line-height:50px;color:#ffffff;background:#222222;border:1px solid #454645;box-shadow:inset 0 0 0px #000000;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width:100px;}
.sub_cnt_Board .View_top h2 .tab_List a{color:#ffffff;}
.sub_cnt_Board .View_top h2 .tab_List:hover {background:#9c0000; border:1px solid #ff0000;}
.sub_cnt_Board .View_top h2 .tab_List.focus {background:#9c0000;border:1px solid #ff0000;}

.sub_cnt_Board .View_top h2 .tab_ListM {display:none;text-align:center;margin-top:5px;font-family: 'Noto Sans KR', sans-serif; font-size:12px; display:none;text-shadow:1px 1px 1px #000000; position:relative;float:left;margin-left:2px; padding:0px 10px; height:30px; line-height:30px; color:#ffffff; border-radius:5px; background:#222222; border:1px solid #454645; box-shadow:inset 0 0 10px #000000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.sub_cnt_Board .View_top h2 .tab_ListM:hover {background:#4f2b11; border:1px solid #ff8d00;}
.sub_cnt_Board .View_top h2 .tab_ListM.focus {background:#4f2b11; border:1px solid #ff8d00;}
.sub_cnt_Board .View_top h2 .tab_ListM a{color:#ffffff;}

.sub_cnt_Board .Betting_top h2 .tab_List:hover, .sub_cnt_Board .Betting_top h2 .tab_List.focus, .sub_cnt_Board .View_top h2 .tab_List:hover, .sub_cnt_Board .View_top h2 .tab_List.focus {
    background: #9c0000;
    border: 1px solid red;
}

.sub_cnt_Board .View_top h2 .tab_List.focus {
    background: #9c0000;
    border: 1px solid #ff0000;
}

.sub_cnt_Board .Betting_top h2 .tab_List, .sub_cnt_Board .View_top h2 .tab_List {
    display: inline-block;
	width: 200px;
    float: none;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    background: #222;
    border: 1px solid #454645;
    text-shadow: 1px 1px 1px #000;
    box-shadow: inset 0 0 0 #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

	.login_box > h4 > input {width:400px; padding:10px 0; text-align:center; font-weight:400; font-size:18px; color:#c0c0c0; background:rgba(35,35,35,0.57); border:2px solid #4b4b4b; border-radius:5px; transition:.3s all ease-out}
	.login_box > h4 > input:focus {color:#fff; border:2px solid #b57552}
	.login_box > h4 > input::placeholder {font-weight:bold; color:#ffffff}
	.login_box.active > h4 {margin:0 auto 10px; opacity:1; filter:alpha(opacity=100)}
	.login_box > h5 {position:relative; width:400px; margin:50px auto 40px; text-align:center; opacity:0; filter:alpha(opacity=0); transition:.3s all 1s ease-out}
	.login_box > h5 > input {width:400px; padding:10px 0; text-align:center; font-weight:400; font-size:18px; color:#c0c0c0; background:rgba(35,35,35,0.57); border:2px solid #4b4b4b; border-radius:5px; transition:.3s all ease-out}
	.login_box > h5 > input:focus {color:#fff; border:2px solid #b57552}
	.login_box > h5 > input::placeholder {font-weight:bold; color:#ffffff}
	.login_box.active > h5 {margin-top:0; opacity:1; filter:alpha(opacity=100)}
	.login_box > h6 > span {display:inline-block; position:relative; width:191px; height:55px; text-align:center; font-weight:bold; font-size:15px; line-height:55px; background:none; border-radius:5px; cursor:pointer; opacity:1; filter:alpha(opacity=100); transition:.3s}
	.login_box > h6 > a > span {display:inline-block; position:relative; width:191px; height:55px; text-align:center; font-weight:bold; font-size:15px; line-height:55px; background:none; border-radius:5px; cursor:pointer; opacity:1; filter:alpha(opacity=100); transition:.3s}
	.login_box > h6 > span:first-child {margin-right:10px}
	.login_box > h6 > span.login {color:#fff; border:2px solid #b57552}
	.login_box > h6 > a > span.join {color:#929292; border:2px solid #929292}
	.login_box > h6 > span > em {display:block; position:absolute; left:0; top:0; width:0; height:100%; text-align:center; overflow:hidden; transition:.3s}
	.login_box > h6 > span > code {display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; font-weight:bold; font-size:15px; line-height:55px; overflow:hidden; transition:.2s}
	.login_box > h6 > a > span > em {display:block; position:absolute; left:0; top:0; width:0; height:100%; text-align:center; overflow:hidden; transition:.3s}
	.login_box > h6 > a > span > code {display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; font-weight:bold; font-size:15px; line-height:55px; overflow:hidden; transition:.2s}
	.login_box > h6 > span.login:hover > em {width:100%; background:#b57552}
	.login_box > h6 > span.join:hover > em {width:100%; background:#929292}
	.login_box > h6 > a > span.join:hover > em {width:100%; background:#929292}
	.login_box > h6 > span:hover > code {color:#FFF}
	.login_box > h6 > a > span:hover > code {color:#FFF}