@charset "utf-8";
/* CSS Document */
body{ font:12px/1.5 ; font-family:Arial, Segoe UI Symbol, Helvetica, sans-serif; background:#fff; padding:0; margin:0; }
div,ul,li,p,a,h1,h2,h3,a,input{padding:0;margin:0; color:#333;}
input{vertical-align:middle;}
.blue{color:#36a2fd;}
.orange{ color:#fe611c;}
.bold{ font-weight:bold;}
.italic{ font-style:italic;}
.clear{ clear:both;}
/*--common code--*/
/*button-link*/
.btn_yellow{ background-color: #f89600;border: medium none transparent; border-radius: 5px;color: #fff;}
.btn_yellow:hover{ background-color: #fda41b;color: #fff;}
.btn_gray{background-color: #bfbfbf; border: medium none transparent; border-radius: 5px; }
.btn_gray:hover{ background-color: #b6b6b6;}
.link_blue{ color: #00aff2;}
.link_blue:hover{ color: #02a5e3;}
/*header*/
.head_navbar_bg{ min-height: 80px; background: #fff; border-bottom: 4px solid #c1d714;}
.head_navbar_ul ul{ margin-top: 20px;}
.navbar-logo{ height: 47px;}
.dropdown-toggle .caret{ margin-right: 5px;}
.nav-user-img{background:url(../images/home_Logo.png) no-repeat; margin-left: 5px; width:40px; height:40px; border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; border:1px solid #999;}
.navbar-default .navbar-nav > li > a{height: 40px; font-size: 16px; padding-top: 0px; padding-bottom: 0px; line-height: 40px;}
.navbar-default .navbar-nav > li > a:hover{color: #02a5e3;}
/*main*/
.main{ width:100%; padding-top:90px; padding-bottom: 40px; background: #2eb4e9; }
.main-box{ max-width: 960px; margin-top: 40px; background: #fff; padding:40px; border-radius:5px; }
.main-title{ float: left; font-size: 22px; color: #666666; margin-bottom: 20px;}
/*footer*/
.footer{ float: left; width:100%; background:#c1d714; text-align:center; padding:30px 0;}
.footer p{ color:#fff; font-size:13px; margin: 0px;}
/*--End common code--*/
/*-- My NeuABC Page --*/
.main-box-home{ max-width: 960px; margin-top: 40px; background: #fff; padding:40px; border-radius:5px 5px 0px 0px; }
.main-box-gray{ max-width: 960px; margin-top: 0px; background: #eaeef0; padding:40px; border-radius:0px 0px 5px 5px;}
.person-content-box{ position: relative; height: auto; text-align: center;}
.personal-homenextclass{position: relative; margin-top: 20px; }
.home_icon_box{ float: left;}
.home_time_icon{ margin:0 auto; width:75px; height:75px; background:url(../images/time_icon.png) no-repeat; margin-bottom:15px;}
.home_icon_box p{ text-align:center; font-size:14px; }
.home_class_icon{ margin:0 auto; width:75px; height:75px; background:url(../images/book_icon.png) no-repeat; margin-bottom:15px;}
.home_student_icon{ margin:0 auto;width:75px; height:75px; border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; border:1px solid #959595; margin-bottom:15px;}
.home_student_icon img{-moz-border-radius:50%;-webkit-border-radius:50%;}
.home_student_box .info_btn{ font-size:14px; line-height:25px; text-align:center; color:#2EB4E9;}
.home_nextclass_btn{ float:left; height:40px; margin-top:40px; margin-bottom:40px; text-align: center;}
.home_nextclass_btn .enter_btn{margin-top:0em; margin-right:10px; margin-bottom:4em; width:298px; font-family: inherit; font-size:16px; padding:0.7em 1.5em; text-decoration: none; color:#fff;}
.home_nextclass_btn .cancel_btn{margin-top:0em; margin-bottom:4em; width:298px; font-family: inherit; font-size:16px; padding:0.7em 1.5em; text-decoration: none; color:#fff;}
.home_intro_box{ float:left; margin-top: 40px;}
.home_intro_box:hover{ cursor: pointer;}
.home_intro_box a{ color: #666666;}
.home_intro_box:hover a{ color: #00aff2;}
.home_intro_box p{ text-align:center; font-size:14px; line-height:25px;}
.home_schedule_icon{ margin:0 auto; width:110px; height:86px; background:url(../images/schedule_icon.png) no-repeat; margin-bottom:15px;}
.home_records_icon{ margin:0 auto; width:110px; height:86px; background:url(../images/records_icon.png) no-repeat; margin-bottom:15px;}
.home_assessment_icon{ margin:0 auto; width:110px; height:86px; background:url(../images/assessment_icon.png) no-repeat; margin-bottom:15px;}
.home_pay_icon{ margin:0 auto; width:110px; height:86px; background:url(../images/pay_icon.png) no-repeat; margin-bottom:15px;}
.previous_class_info_popup{ position:absolute; top:140px; right:0; border: 1px solid #999; color: #666666; background: #FFFFff; min-width: 360px;padding: 20px; z-index: 1000;}
.previous_class_info_popup dd{ text-align: left;}
.previous_class_info_popup .title{ text-align: left;}
/*-- End My NeuABC Page --*/
/*-- Login Page --*/
.login_title{width:100%; margin:20px auto; margin-bottom:4em;text-align:center; border-bottom:1px dashed #818181;}
.login_title .title_text{ font-size:26px; color:#666; margin-bottom:0.1em;}
.login_title .con_text{ font-size:12px; color:#666; margin-bottom:4em;}
.login-link{ text-align: right; }
.login-link a{ margin-right: 15px; }
.form-group-big .form-control{ height: 40px;}
.form-group-big .control-label{ font-size: 16px; color: #666;}
.btn-lg{ font-size: 16px;}
.login_forget{float: right;}
.verification .form-control{ float: left; width: 60%;}
.verification .btn{ width: 35%; margin-left: 5%;}
/*-- End Login Page --*/
/*-- Password Page --*/
.password_success{width:100%; margin:160px auto; text-align:center; }
.password_success p{ font-size: 26px; text-align: center; margin: 10px;}
@media all and (min-width:768px) and (max-width:1024px) {
}
@media all and (min-width:568px) and (max-width:768px) {
/*--navbar--*/
.main{ width:100%; padding-top:70px; padding-bottom: 40px; background: #2eb4e9; }
.navbar-logo{ height: 40px;}
.head_navbar_bg{ min-height: 70px; background: #fff; border-bottom: 2px solid #c1d714;}
.navbar-toggle{ margin-top: 12px;}
.head_navbar_bg2{ min-height: 70px;}
.head_navbar_bg2 .navbar-toggle{ margin-top: 15px; min-height: 40px;}
/*--home--*/
.previous_class_info_popup dt{ text-align: left;}
}
@media all and (max-width:568px) {
/*--navbar--*/
.main{ width:100%; padding-top:70px; padding-bottom: 40px; background: #2eb4e9; }
.navbar-logo{ height: 40px;}
.head_navbar_bg{ min-height: 70px; background: #fff; border-bottom: 2px solid #c1d714;}
.navbar-toggle{ margin-top: 12px;}
.head_navbar_bg2{ min-height: 70px;}
.head_navbar_bg2 .navbar-toggle{ margin-top: 15px; min-height: 40px;}
/*--home--*/
.previous_class_info_popup dt{ text-align: left;}
}