input:focus,
select:focus,
textarea:focus,
button:focus { outline: none; }

html, body{
    /*overflow: hidden;*/
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;}
img, a {
    border:none;
    outline: none;
}
.top{
    width: 100%;
    height: 2%;
    position: absolute;
    top: 0;
    left: 0;}
.bottom{
    width: 100%;
    height: 8%;
    position: absolute;
    left:0;
    bottom: 0;}
.bottom_inner{
    width: 100%;
    height: 50%;
    position: absolute;
    left:0;
    bottom: 0;}
.commonLogo{
    z-index: 10;
    position: absolute;
    max-width: 176px;
    max-height: 61.6px;
    width: 15.5625%;
    /*height: 4.98046875%;*/
    left: 3.359375%;
    top:4.58984375%;}
#game{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 600px;
    min-width: 800px;}
#gameContainer{
    position: relative;
    margin: 0 auto;
    height: 100%;
    min-height: 600px;
    min-width: 800px;}

/*speed*/
.settingSpeed .bg {width: 100%; position:absolute; top: 25%; left:0; z-index: -1 !important;}
.settingSpeed .speedButton.one{position: absolute; right: 43.40625%; background-image: url("./img/setting_speed_0.3.png"); }
.settingSpeed .speedButton.one.clicked{background-image: url("./img/setting_speed_0.3_pressed.png") !important;}
.settingSpeed .speedButton.two{position: absolute; right: 37.40625%;  background-image: url("./img/setting_speed_0.5.png");/*max-height: 51px;max-width:48px; width: 4.0625%; height:71.01449275362%;*/}
.settingSpeed .speedButton.two.clicked{background-image: url("./img/setting_speed_0.5_pressed.png") !important;}
.settingSpeed .speedButton.three{position: absolute; right: 31.40625%; background-image: url("./img/setting_speed_0.7.png");}
.settingSpeed .speedButton.three.clicked{background-image: url("./img/setting_speed_0.7_pressed.png") !important;}
.settingSpeed .speedButton.four{position: absolute; right: 25.40625%; background-image: url("./img/setting_speed_1.png");}
.settingSpeed .speedButton.four.clicked{background-image: url("./img/setting_speed_1_pressed.png") !important;}
.settingSpeed .speedButton.five{position: absolute; right: 19.40625%; background-image: url("./img/setting_speed_1.5.png");}
.settingSpeed .speedButton.five.clicked{background-image: url("./img/setting_speed_1.5_pressed.png") !important;}
.settingSpeed .speedButton.six{position: absolute; right: 13.40625%;  background-image: url("./img/setting_speed_2.png");}
.settingSpeed .speedButton.six.clicked{background-image: url("./img/setting_speed_2_pressed.png") !important;}
.settingSpeed .speedButton.seven{position: absolute; right: 7.40625%; background-image: url("./img/setting_speed_2.5.png");}
.settingSpeed .speedButton.seven.clicked{background-image: url("./img/setting_speed_2.5_pressed.png") !important;}
.settingSpeed .speedButton.eight{position: absolute; right: 1.40625%; background-image: url("./img/setting_speed_3.png");}
.settingSpeed .speedButton.eight.clicked{background-image: url("./img/setting_speed_3_pressed.png") !important;}
/*digit*/
.choiceBtn .setting_digit.one{position:absolute; top:10.17214397496%; left:17.5%;  height:100%;  background-image: url("./img/setting_digit_1.png");}
.choiceBtn .digit_number.one{position:absolute; top:10.17214397496%; left:30.78125%; height:100%;background-image: url("./img/digit_number_1.png");}
.choiceBtn .setting_digit.one.clicked{background-image: url("./img/setting_digit_1_pressed.png");}
.choiceBtn .digit_number.one.clicked{background-image: url("./img/digit_number_1_pressed.png");}

.choiceBtn .setting_digit.two{position:absolute; top:23.16118935837%; left:17.5%;  height:100%; background-image: url("./img/setting_digit_2.png");}
.choiceBtn .digit_number.two{position:absolute; top:23.16118935837%; left:30.78125%; height:100%;background-image: url("./img/digit_number_2.png");}
.choiceBtn .setting_digit.two.clicked{background-image: url("./img/setting_digit_2_pressed.png");}
.choiceBtn .digit_number.two.clicked{background-image: url("./img/digit_number_2_pressed.png");}

.choiceBtn .setting_digit.three{position:absolute; top:36.61971830986%; left:17.5%; height:100%; background-image: url("./img/setting_digit_3.png");}
.choiceBtn .digit_number.three{position:absolute; top:36.61971830986%; left:30.78125%; height:100%; background-image: url("./img/digit_number_3.png");}
.choiceBtn .setting_digit.three.clicked{background-image: url("./img/setting_digit_3_pressed.png");}
.choiceBtn .digit_number.three.clicked{background-image: url("./img/digit_number_3_pressed.png");}

.choiceBtn .setting_digit.four{position:absolute; top:50.39123630673%; left:17.5%; height:100%; background-image: url("./img/setting_digit_4.png");}
.choiceBtn .digit_number.four{position:absolute; top:50.39123630673%; left:30.78125%; height:100%; background-image: url("./img/digit_number_4.png");}
.choiceBtn .setting_digit.four.clicked{background-image: url("./img/setting_digit_4_pressed.png");}
.choiceBtn .digit_number.four.clicked{background-image: url("./img/digit_number_4_pressed.png");}

.choiceBtn .setting_digit.five{position:absolute; top:65.10172143975%; left:17.5%; height:100%;background-image: url("./img/setting_digit_5.png");}
.choiceBtn .digit_number.five{position:absolute; top:65.10172143975%; left:30.78125%; height:100%; background-image: url("./img/digit_number_5.png");}
.choiceBtn .setting_digit.five.clicked{background-image: url("./img/setting_digit_5_pressed.png");}
.choiceBtn .digit_number.five.clicked{background-image: url("./img/digit_number_5_pressed.png");}

.choiceBtn .setting_digit.six{position:absolute; top:80.43818466354%; left:17.5%; height:100%; background-image: url("./img/setting_digit_6.png");}
.choiceBtn .digit_number.six{position:absolute; top:80.43818466354%;; left:30.78125%; height:100%; background-image: url("./img/digit_number_6.png");}
.choiceBtn .setting_digit.six.clicked{background-image: url("./img/setting_digit_6_pressed.png");}
.choiceBtn .digit_number.six.clicked{background-image: url("./img/digit_number_6_pressed.png");}

.resultBtn { position: absolute; bottom: 16%;}
.resultBtn > span {
    border: 1px solid;
    font-size: 16px;
    padding: 10px;
    font-weight: bold;
    background-color: #1A8BDE;
    color: white;
    /* border-radius: 5px; */
    margin-right: 10px;
}
.resultBtn > span:hover{
    background-color: cornflowerblue;
    cursor: pointer;
}
.menuBtn {width: 12%; max-width: 110px; max-height: 110px; position: absolute; right: 0; bottom: 10%;}
.replayBtn{width: 12%; max-width: 110px; max-height: 110px; position: absolute; right: 12%; bottom: 10%;}
.resultBlock { width:100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1000;}
.showResult { font-size: 20px; font-weight: bold; text-align: center; padding-top: 10%;}


.two .answerForm .waitCount, .three .answerForm .waitCount, .four .answerForm .waitCount { position: absolute; width: 4%; left: 48.9%; top: 55%; }
.one .answerForm .waitCount { position: absolute; width: 2.2%; left: 48.9%; top: 35%;}

#settingSound_btn{
    width: 3%;
    height: 4%;
    max-width: 30px;
    max-height:30px;
    position: absolute;
    left: 43%;
    top: 6%;}
#settingSound_btn:hover{ cursor: pointer; }

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width : 999px) and (orientation: landscape) {
    .commonLogo{ position: fixed; }
    #game{
        min-height: 275px;
        min-width: 360px;
    }
    #gameContainer{
        min-height: 275px;
        min-width: 360px;}
    #nextBtn2, #nextBtn3, #nextBtn4, .waitCount, .playerText{ visibility: hidden; }
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width : 999px) and (orientation: portrait) {
    .commonLogo{ position: fixed; }
    #game{
        min-height: 275px;
        min-width: 360px;}
    #gameContainer{
        min-height: 275px;
        min-width: 360px;}
    #nextBtn2, #nextBtn3, #nextBtn4, .waitCount, .playerText{ visibility: hidden; }
}

/* Medium Devices, Desktops */
/*@media only screen and (max-width : 699px) {*/
    /*.commonLogo{ position: absolute; }*/
    /*#game{*/
        /*min-height: 600px;*/
        /*min-width: 800px;}*/
    /*#gameContainer{*/
        /*min-height: 600px;*/
        /*min-width: 800px;}*/
    /*#nextBtn2, #nextBtn3, #nextBtn4, .waitCount, .playerText{ visibility: visible; }*/
/*}*/

@media only screen and (min-width : 1000px) {
    .commonLogo{ position: absolute; }
    #game{
        min-height: 600px;
        min-width: 800px;}
    #gameContainer{
        min-height: 600px;
        min-width: 800px;}
    #nextBtn2, #nextBtn3, #nextBtn4, .waitCount, .playerText{ visibility: visible; }
}