body {
    background: #000;
    color: #fff; overflow-x:hidden;
    font-size:15px;
    font-family: "NVIDIA", "メイリオ", "meiryo", "맑은고딕", "Malgun Gothic", "Trebuchet MS", "Malgun", "Trebuchet MS", "Microsoft JhengHei ", "微軟正黑體", " Heiti TC ", "黑體-繁", "Arial Unicode", sans-serif !important;
}

.ui-sprites {
    background: url(../img/ui-sprite.png);
    display:inline-block;
}
.ui-sprites-facebook {background-position: -142px;}
.ui-sprites-twitter {background-position: -118px;}

.navbar-brand {padding: 9px 0;}
.navbar-brand img {height:32px;}

.navbar {background:#1F1F1F; border-radius:0; border:none; padding:0; margin:0;box-shadow: 0px -17px 65px #000;z-index:10000}
.navbar-default .navbar-nav>li>div {padding:14px 14px 0 14px;}
.navbar-default .navbar-nav>li>a {color: #fff; font-size: 13px;}
.navbar-default .navbar-nav>li:last-child >a {border-right:0}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #76B900;background: none;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #76B900;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #343434;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #343434;}
.navbar-default .navbar-toggle {border-color: #333333;}
.nav>li {border-top: 1px #2F2F2F solid;}
.navbar-nav {margin: 0px -15px;}

.navbar-icons.ui-sprites {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: 162px;
    vertical-align: -4px;
}


.errorbar {
    background: #A94442;
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 18px;
}

.btn-default {
    background-color: #7FBD04;
    color: #FFF;
    border:0;
    border-radius:0;
    font-weight: bold;
    box-shadow: 0 0 2px 1px #111;

}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {color: #FFF; background-color: #619800; border-color: #76B900;}
.btn-lg {padding: 10px 18px;}

#title-block {position:absolute; margin:70px 22px;}
#title-block .nv-green {max-width:425px;}
#landing-kv {position:absolute; left:0; right:0; margin:0 auto 185px auto;}
.landing-kv-corner {position: absolute; bottom: 68px; right: 0;}

.copyright {
    font-size: 12px;
    color: #666;
    text-align: left;
    line-height: 14px;
    margin: 8px;
    font-weight: normal;
    max-width:670px;
}

.g-recaptcha {
    width: 300px;
    margin: 0 auto 15px auto;
}


/*======================= dialogs ======================= */
.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    background: #000;
    background: rgba(0,0,0,.5);
}
.remodal-confirm {text-align: left;min-width:235px}
.login-facebook {background: #3B5998;}
.login-twitter {background: #55ACEE;}

.transparentDialog {
    background: rgba(0, 0, 0, 0.70);
    padding: 15px 35px 35px;
    border: 1px solid #424242;
    margin-top: 20px;
    margin-bottom: 100px;
}

.dialogTitle-simple {margin:12px 0 20px;}
.dialogTitle {margin-left: 80px;}
.dialogTitle .content {
    float: right;
    width: 100%;
    padding: 4px 10px 0 0;
}
.dialogTitle .icon {
    float: left;
    width: 80px;
    margin-left: -80px;
}
.dialogTitle .icon img {width:100%}



/*======================= Quiz ======================= */
.question-block:first-child {border-top:3px solid #76B900;}
.question-block {
    background: rgba(33, 35, 39, 0.86);
    padding: 15px 30px;
    border-bottom: 1px solid #181A1D;
    border-top: 1px solid #262B2F;
    margin: 0 15px;

}
.question {margin-left: 50px; font-weight:bold;}
.question .question-text {
    margin-top: 9px;
    float: right;
    width: 100%;
    height: 100%;
}
.question .question-text .isCorrect {float:right;}
.question .question-num {
    float: left;
    width: 50px;
    margin-left: -50px;
}

.question-options {padding-left:50px; font-size:14px}
.question-hint {color:#777;}
.question-options .radio {margin:0;}

/*======================= Tables ======================= */
.table {
    border-spacing: 2px;
    border-collapse: separate;
}
.table > thead > tr > th {
    border-bottom: 0;
    background: rgba(101, 158, 1, 0.80);
    border-top:0;
}
.table > thead > tr > th:first-child {min-width: 100px;}

.table > tbody > tr > td {
    border-top:0;
}
.table > thead > tr > th, .table > tbody > tr > td {
    text-align: center;
}
.table > tbody > tr > td:nth-child(2) {text-align: left;}
.table > tbody > tr > td:nth-child(2) img {margin-left: 30px;}

.table > tbody > tr > td img{
    height: 30px;
    margin: 0 5px 0 0;
}

.table > tbody > tr:nth-child(even) {
    background: rgba(37, 41, 44, 0.80);
    border-top:0;
}

.table > tbody > tr:nth-child(odd) {
    background: rgba(31, 35, 38, 0.80);
    border-top:0;
}

/*======================= Media Queries ======================= */
@media (max-width: 480px) {
    .g-recaptcha {
        width:258px;
        transform: scale(0.85);
        transform-origin: 0 0;
        margin: 0 auto;
    }
    .remodal-confirm {font-size:12px; min-width:200px;}
    .dialogTitle-simple {margin: 12px}
    .transparentDialog {padding: 0; margin:0 -15px}
    .dialogTitle {margin-left: 65px;}
    .dialogTitle .icon {width: 60px; margin-left: -60px;}
    .dialogTitle .font-22 {font-size:17px;}
    .dialogTitle .font-32 {font-size:25px;}
    .table > thead > tr > th:first-child {min-width: 75px;}
}

@media (max-width: 767px) {
    .table > tbody > tr > td, .table > thead > tr > th {padding-left: 5px!important;}


    #title-block {
        margin: 22px;
    }
    .font-40, .font-35 {font-size:25px; line-height:30px;}
    .font-40 .super {
        font-size: 10px;
        vertical-align: 10px;
    }
    .btn-lg {
        padding: 6px 30px;
    }

    #landing-kv {
        margin-top: 150px!important;
    }
    .navbar-icons {
        float:left;
        margin:-1px 5px 0 0;
    }
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        margin-top: 14px;
        border-right: 1px solid #333;
        padding: 0 15px;
        height: 20px;
    }
}


@media (max-width: 991px) {
    #landing-kv {
        width:100%;
        margin-top: 50px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #title-block {
        margin-top:25px;
    }

    .navbar-default .navbar-nav>li>a {
        color: #fff;
        font-size: 12px;
        padding: 0 10px;
    }
}