@media all and (max-width: 640px){.container{padding-left:10px;padding-right:10px}.btn-submit{font-size:26px !important}.navbar .navbar-header .navbar-brand{text-align:center;display:block;float:none}.navbar .navbar-header .navbar-brand img{display:inline-block}#top-nav .navbar-text{text-align:center;margin-top:15px;cursor:default;position:relative}#top-nav .navbar-text .arrow{display:block;position:absolute;top:5px;right:0}#top-nav .navbar-text a{display:none}#top-nav .navbar-text .login-name{display:block;border:1px solid #ccc;margin-bottom:10px}#top-nav .btn-logout{display:block;padding:0 20px;margin-bottom:10px}#top-nav .btn-logout .btn{color:#ccc;font-family:'DB Helvethaica X Cond';font-size:20px;background:#333;padding:0 10px}#top-nav .btn-logout .btn span{font-size:12px}.login-container .login-form .captcha-block #captcha-img{margin:5px 0}.exam-container h1{font-size:32px;margin-bottom:10px}.exam-container ol{margin:0;padding:0 0 0 15px}.exam-container ol li{font-size:22px !important}.exam-container .description .remark{font-size:32px;text-align:center}.exam-container .btn-start{margin:0 auto;margin-top:30px;display:block;text-align:center}.exam-container .btn-start img{width:60%}.exam-container .exam-block .main{padding:20px 15px;font-size:20px}.exam-container .exam-block .main .exam-form .item h6,.exam-container .exam-block .main .exam-form .item .col-no{font-size:26px;text-align:left}.exam-container .exam-block .main .exam-form .choice{padding:10px 15px}.exam-container .exam-block .main .exam-form .choice .radio label{font-size:28px}}