@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

ul,li {margin:0;padding:0}
li {list-style:none;}
body		{ font-family: 'NanumSquare', sans-serif; }
.lowhigh_container{transform: scale(0.616);margin-left: -254px; margin-top: -174px;display:inline-block;width: 1352px;border:1px solid #000;}
.lowhigh_game{display:inline-block;background-image: url(../img/board.png); width: 965px; height: 932px;float:left;}
.lowhigh_result{display:inline-block; width: 315px; height: 932px; float: left;}
.gameimg{position:absolute;}
#board_arrow{margin:529px 414px;}
#iconsound{margin: 8px 784px;}
#iconcard{margin: 8px 873px;}
.lowhigh_icons{display:inline-block; width:81px; height: 81px; background-image: url(../img/lowhigh_icons.png);}
.lowhigh_icons.sound_on{background-position: -10px -7px;}
.lowhigh_icons.sound_on{background-position: -81px -7px;}
.lowhigh_icons.card_icon{background-position: -153px -7px;}

#btnsound{margin: 19px 798px;padding: 5px; border: 0px;box-shadow: 0px 0px 10px 2px #404040;border-radius: 50%;}
#btnsound.sound_on{background-color: #353535;}
#btnsound.sound_off{background-color: #353535;}
#btncard{margin: 19px 873px;border: 0px;box-shadow: 0px 0px 10px 2px #404040;background-color: #353535;border-radius: 50%;}

#caseleft{margin: 169px 27px;}
#caseright{margin: 169px 804px}
#caseblue{width: 111px;height: 395px; margin: 176px 40px;}
#casered{width: 111px;height: 395px; margin: 176px 817px;}
.case_body_empty{width: 100%;  background-color: transparent;}
.case_body_blue{width: 100%; background-color: #247dff;}
.case_body_red{width: 100%; background-color: #ff1b02;}
#remaintime{font-size: 50px; color: #fff;margin: 12px 539px;}
#remain_min1{}
#remain_min2{padding-left:10px;}
#remain_sec1{padding-left: 35px;}
#remain_sec2{padding-left: 9px;}
#round_text{margin: 14px 25px; color: #fff;}
#round{font-size: 50px; }
#nowtime{margin: 20px 200px; color: #fff;font-size:18px;}
#currenttime{color: #f3cd3d;}
#lastresult{margin: 52px 200px; color: #fff;font-size:18px;}
#last_sum{color: #f3cd3d; }
#card_area{    margin: 156px 0px 0px 111px;
    padding: 39px;
    width: 753px;
    overflow: hidden;
    height: 416px;}
#cardleft{float: left;}
#cardright{float: left;
    margin-left: 426px;}
#betArea{margin: 741px 400px;color: #86663f;line-height: 20px;}
#ratetext{margin: 450px 412px; font-weight: 900;}
#lowrate{
	color: #247dff;
	display: inline-block;
    width: 68px;
    text-align: center;
}
#highrate{color: #ff1b02;
	display: inline-block;
    width: 68px;
    text-align: center;
}

.resulticon{display: inline-block; width: 30px; height: 30px; background-image: url(../img/result_icon.png); vertical-align: bottom;}
.resulticon.result-l{background-position: -5px -5px;}
.resulticon.result-h{background-position: -41px -5px;}
.resulticon.result-o{background-position: -78px -5px;}
.resulticon.result-e{background-position: -113px -5px;}

#resultlist_title{background-image:url(../img/result_list_title2.png?v1); width: 385px; height: 115px;    background-size: contain;}
#resultlist_body{width: 385px;height: 820px;margin-top: 94px;overflow: auto;overflow-x: hidden;}

#resultlist_body li{
	background-image: url(../img/result_li2.png?v1);
	background-repeat: no-repeat;
	height: 70px;
	margin-left:-11px;
	    transform: scale(1.1);
}
.result_li_icon{    display: inline-block;
    width: 56px;
    height: 57px;
    background-image: url(../img/result_list_lhoe.png);position: absolute;}
.result_li_icon.result_l{background-position: -3px -5px;}
.result_li_icon.result_h{background-position: -62px -5px;}
.result_li_icon.result_o{background-position: -122px -5px;}
.result_li_icon.result_e{background-position: -179px -5px;}

.reulst_li_round{position: absolute; margin: 16px 0px 0px 128px;z-index:9;color:#fff;font-size:16px;}
.reulst_li_bar{position: absolute;height: 28px;width: 144px;display:table;margin: 15px 0px 0px 76px;}
.reulst_li_bar .low{background-image:url(../img/reslut_li_bar_low.png);display:inline-block; height: 28px;}
.reulst_li_bar .high{background-image:url(../img/reslut_li_bar_high.png);display:inline-block; height: 28px;}
.result_li_icon1{margin-left: 235px;}
.result_li_icon2{margin-left: 286px;}

#result_panel{width: 1350px;background-color: rgba(0,0,0,0.7);height: 932px;z-index:9999; display:none;}
#result_board{    background-image: url(../img/result_board.png);width: 950px;height: 330px;margin-left: 180px;margin-top: 316px;}
.result_card{width: 125px; height: 165px;}
.result_card.card1{background-image: url(../img/card1.png);}
#result_card1{margin : -200px 0px 0px 248px;}
#result_card2{margin : -200px 0px 0px 446px;}

#result_sum{margin: -173px 0px 0px 633px;}
.result_sum_h{border: 1px solid #000;
    background-color: #d72518;
    border-radius: 10px;
    font-size: 86px;
    color: #fff;
    padding: 11px 42px 0px 23px;
    line-height: 98px;
    text-align: left;}

.result_sum_l{border: 1px solid #000;
    background-color: #247dff;
    border-radius: 10px;
    font-size: 86px;
    color: #fff;
    padding: 11px 42px 0px 23px;
    line-height: 98px;
    text-align: left;}
#result_lh{background-image:url(../img/result_lowhigh_icon.png);width: 150px;
    height: 150px;
    margin: -202px 0px 0px 850px;
    padding: 16px 0px 0px 35px;
    font-size: 90px;
    color: #fff;}
#result_oe{background-image:url(../img/result_oddeven_icon.png);width: 80px;height: 80px;margin: -138px 0px 0px 940px;padding: 21px 0px 0px 25px;font-size: 30px;color: #fff;}
.result_l{background-position: 0px 0px;}
.result_h{background-position: 157px 0px;}
.result_o{background-position: 0px 0px;}
.result_e{background-position: -81px 0px;}
#last_round{margin: -312px 0px 0px 636px;font-size: 39px;color: #ebd450;}
.btn_low{    width: 120px;
    height: 120px;
    background: transparent;
    border: 0px;
    margin: -130px 0px 0px -210px;}
.btn_high{    width: 120px;
    height: 120px;
    background: transparent;
    border: 0px;
    margin: -130px 0px 0px 350px;}

.lowrate{margin: 47px 0px 0px 63px; font-size: 16px;}
.highrate{margin: 47px 0px 0px 207px; font-size: 16px;}
#btn_guide{background:transparent; border: 0px;width: 240px;height: 90px;position: absolute;left:0;margin-left:1076px;margin-top:60px;cursor:pointer;}
.guide{    position: absolute;
    width: 1350px;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    margin: -1158px 0px 0px 0px; display: none;}
.guide img{margin: 16%; width: 900px;}