@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;}
ul,li{ list-style-type: none;}

.blue{color:#36a2fd;}
.orange{ color:#fe611c;}
.bold{ font-weight:bold;}
.italic{ font-style:italic;}
.clear{ clear:both;}
.box-padding{ padding: 0;}
.line{ border-bottom: 1px solid #e1e1e1; margin: 40px 0;}
.right{ float: right;}
.right-margin{ margin-right: 10px;}
/*--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;  color: #FFFFFF;}
.btn_gray:hover{ background-color: #b6b6b6;color: #FFFFFF;}
.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("") no-repeat; margin-left: 5px; width:40px; height:40px; border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; border:1px solid #999;}/*../images/home_Logo.png*/
.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: #fda41b;}
/*main*/
.main{ width:100%; padding-top:80px; padding-bottom: 40px; background: #2eb4e9; }
.main-box{ max-width: 960px; margin-top: 40px; background: #fff; padding:40px; border-radius:5px; position: relative; }
.main-title{ float: left; font-size: 22px; color: #666666; margin-bottom: 20px;}
.main-box-onebox{ min-height: 600px;}
.main-box-popoverbox{ background: #fcfcfc; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
/*footer*/
.footer{ float: left; width:100%; background:#414141; text-align:center; padding:30px 0;}
.footer p{ color:#fff; font-size:13px; margin: 0px;}
/*--End common code--*/
/*-- 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;}*/
.verification .btn{/*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;}
/*-- End Password Pagee --*/
/*-- ALL-title--*/
.personal_title button{ float: right;}
.title_box{ padding: 0; margin-bottom: 10px;}
.title-box-group{ padding: 0px;     margin-bottom: 5px;}
.title-box-group .dropdown-menu a{ font-size: 12px;}
.title-box-group .btn_yellow{ float: right; padding-top: 5px; padding-bottom:5px ;}
.title_box .title, .title_box .btn-group{ float: left; line-height: 32px; margin-right: 5px; }
.btn_search span{ float: left; width: 15px; height: 15px; text-align: center; background: url(/custom/images/search-f56927cd634c806f5de579b412fc80f5.png) no-repeat; margin-top: 3px; margin-right: 3px;}
/*-- End ALL-title--*/
/*-- Common-table --*/
.common_table{ text-align: center; }
.common_table thead{ background: #eaeef0; color: #666666;}
.common_table thead tr th{ text-align: center;  padding-top: 13px; padding-bottom:13px; }
.common_table td{ vertical-align: middle !important; min-width: 50px; max-width: 350px;}
.table_btn{ margin: 5px 0;}
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
.main-box .table-responsive{ padding: 0;}
}
/*-- End Common-table --*/
/*-- 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(/custom/images/time_icon-8a3c72d389c1f9aed9958de13ad945ba.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(/custom/images/book_icon-2db2617a6741a27985ecae5aae018e43.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:36px; margin-top:5px; 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;}
.person-content-box-gray .home_intro_box:hover{ cursor:auto;}
.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(/custom/images/schedule_icon-7621cd3f50d59377c2bd9a5c47e8d81c.png) no-repeat; margin-bottom:15px;}
.home_records_icon{ margin:0 auto; width:110px; height:86px; background:url(/custom/images/records_icon-c48c85e460b407c8f0265884634f647d.png) no-repeat; margin-bottom:15px;}
.home_assessment_icon{ margin:0 auto; width:110px; height:86px; background:url(/custom/images/assessment_icon-7839658a079b58fe16c26238ab107227.png) no-repeat; margin-bottom:15px;}
.home_pay_icon{ margin:0 auto; width:110px; height:86px; background:url(/custom/images/pay_icon-379e8b18989416122da96dd828526069.png) no-repeat; margin-bottom:15px;}
.home_schedule_icon_gray{ margin:0 auto; width:110px; height:86px; background:url(/custom/images/schedule_icon_gray-ab3c178b6311846eabcf8a4ef6d0a70f.png) no-repeat; margin-bottom:15px;}
.home_records_icon_gray{ margin:0 auto; width:110px; height:86px; background:url(/custom/images/records_icon_gray-d62f6b7bd089c85733acd721a02371ac.png) no-repeat; margin-bottom:15px;}
.home_assessment_icon_gray{ margin:0 auto; width:110px; height:86px; background:url(/custom/images/assessment_icon_gray-a6230abbba2056acf19194c36bb28f15.png) no-repeat; margin-bottom:15px;}
.home_pay_icon_gray{ margin:0 auto; width:110px; height:86px; background:url(/custom/images/pay_icon_gray-a226a3a1691b9c36507fd827951d50b8.png) no-repeat; margin-bottom:15px;}
.previous_class_info_popup{ position:absolute; top:140px; right:0; border: 1px solid #ddd; 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;}
.home_noclass_btn{ float:left; height:40px; margin-top:40px; margin-bottom:40px; text-align: center; font-size: 20px; color: #666666;}
.home_note{ float:left; height:40px; margin-top:100px; margin-bottom:100px; text-align: center; font-size: 20px; color: #666666;}
.class-guide .title{ font-size:18px; text-align:center; font-weight:bold; color:#666;}
@media screen and (min-width:768px) {
  .class-guide p{ text-align:left; font-size:16px; line-height:26px;height: 104px;display: block;}
  .google-icon{ float:left; margin-left:25%;  text-align:center; }
  .classin-icon{ float:left; margin-left:25%;  text-align:center; margin-right: 5px;}
  .tool-name {display: block;}
  .class-guide-div{float:left;width:34%;height:100%;margin-right:0.5%;}
  .class-guide-mid{padding-left:0.5%;padding-right:0.5%;border-right:2px solid #e2e2e2;border-left:2px solid #e2e2e2;}
  .class-guide-div-right{width:30%;}
  .google-iconbox{ float:left; margin-bottom:17px; margin-right:5px; margin-top:10px; width:100%; height:42px; line-height:42px;text-align: left; }
  .no-class{display: none}
}

@media screen and (min-width:630px) and (max-width:768px) {
  .class-guide p{ text-align:left; font-size:14px; line-height:24px;height: 104px}
  .google-icon{ float:left; margin-left:25%;  text-align:center; }
  .classin-icon{ float:left; margin-left:25%;  text-align:center; margin-right: 5px;}
  .tool-name {display: block;}
  .class-guide-div{float:left;width:34%;height:100%;margin-right:0.5%;}
  .class-guide-mid{padding-left:0.5%;padding-right:0.5%;border-right:2px solid #e2e2e2;border-left:2px solid #e2e2e2;}
  .class-guide-div-right{width:30%;}
  .google-iconbox{ float:left; margin-bottom:17px; margin-right:5px; margin-top:10px; width:100%; height:42px; line-height:42px;text-align: left; }
  .no-class{display: none}
}
@media screen and (max-width:630px) {
  .class-guide p{text-align:left;font-size:15px;line-height:25px;}
  .google-icon{margin:0 auto;display:block;}
  .classin-icon{margin:0 auto;display:block;}
  .class-guide-div{width:100%;height:100%;}
  .class-guide-mid{border-right:0px;border-left:0px;}
  .tool-name{display:none;}
  .google-iconbox{margin-bottom:17px; margin-right:5px; margin-top:10px; width:100%; height:42px; line-height:42px;text-align: left; }
  .no-class{display: none}
}
@media screen and (max-width:414px) {
  .next-class-div {
    display: none;
  }
}
.guide-resources_box .guide-left{ float:left; width:48%; margin-left:1%; margin-bottom:20px;}
.guide-resources_box .guide-right{ float:left;width:48%; margin-left:1%;margin-bottom:20px;}
.guide-resources_box .img_flash{ width:60px; height:60px; margin:0 auto; background:url(/custom/images/classroom-smal-23f5df8e46c6cb3b4579bf925e34f359.jpg) center no-repeat; display:block; margin-bottom:10px;}
.guide-resources_box .img_chrome{ width:60px; height:60px; margin:0 auto; background:url(/custom/images/chrome-smal-1fe258ae40f7a2b8ad9c6d7e8e60a7fd.jpg) center no-repeat; display:block; margin-bottom:10px;}
.guide-resources_box .china_name{ font-size:16px; text-align:center;}
.guide-resources_box .en_name{ font-size:16px; text-align:center; margin-bottom:10px;}
.guide-resources_box .t_windows{ font-size:12px; text-align:center;width:96%;padding:8px 1%; color:#fff; margin:0 auto; vertical-align:middle;  margin-bottom:8px; background:#6eb243;display:block;}
.guide-resources_box .t_windows:hover{ width:96%;padding:8px 1%; background:#719807; background-position:0px -50px; display:block;}
.guide-resources_box .t_mac{font-size:12px;width:96%;padding:8px 1%;vertical-align:middle; text-align:center; color:#fff; margin:0 auto; background:#ef9800; background-position:0px -100px; display:block;}
.guide-resources_box .t_mac:hover{ width:96%;padding:8px 1%; background:#e08d01; background-position:0px -150px; display:block;}
.yellow{ color:#f89600;}
.classroom_iconbox{float:left; margin-bottom:17px;margin-right:5px; margin-top:10px; width:100%; height:42px; line-height:42px;text-align: left; }
.classroom_icon{float:left; margin-left:25%;  text-align:center;background:url(/custom/images/click_icon-c494729701f6e71d6d37e5c49cd5c2bd.png) no-repeat; }
.class-guide .center{ text-align:center;}
.safari-icon{ float:left; width:26px; height:26px; background:url(/custom/images/safari_icon34-47871c8f1bc0eecbbdb829a6f59fa0fb.png) no-repeat;}
.click-iconbox{ text-align:center; background:url(/custom/images/click_icon-c494729701f6e71d6d37e5c49cd5c2bd.png) center no-repeat;}


/*-- End My NeuABC Page --*/
/*-- my_schedule-title --*/
.title_box_border{ border: 1px solid #ddd; background: #eaeef0; }
.title_box_border .title-box-group{ margin-bottom: 0;}
.title_icon_box{ float: left; margin-right: 0px; padding: 12px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-left: -1px;}
.title_icon_box .icon-btn-switch-grid{float: left; background: url(/custom/images/icon-btn-switch-grid-a5d57caccacdc4c068b9e68d5acd0422.png) no-repeat; width: 18px; height: 17px;}
.title_icon_box .icon-btn-switch-list{ float: left; background: url(/custom/images/icon-btn-switch-list-0ef2c7c3a997c68c63fc808b6c9121f2.png) no-repeat; width: 18px; height: 17px;}
.title_icon_box_sel{ background: #FFFFFF;}
.title_icon_box_sel .icon-btn-switch-grid{float: left; background: url(/custom/images/icon-btn-switch-grid-sel-cab91c15d13beb093e06efaeac693c8c.png) no-repeat; width: 18px; height: 17px; }
.title_icon_box_sel .icon-btn-switch-list{ float: left; background: url(/custom/images/icon-btn-switch-list-sel-109d303562f2c9e59442b7f02a0d1cfd.png) no-repeat; width: 18px; height: 17px;}
.title_icon_box:hover{ background: #FFFFFF;}
.title_icon_box:hover .icon-btn-switch-grid{float: left; background: url(/customimages/icon-btn-switch-grid-sel.png) no-repeat; width: 18px; height: 17px; }
.title_icon_box:hover .icon-btn-switch-list{ float: left; background: url(/custom/images/icon-btn-switch-list-sel-109d303562f2c9e59442b7f02a0d1cfd.png) no-repeat; width: 18px; height: 17px;}
.title_box_border .btn_search{ margin-top:5px; margin-right: 5px;}
/*-- End my_schedule-title --*/
/*-- my_schedule grid --*/
.scheduled-grid-gray{background: #c1c9ce;}
.scheduled-grid-degray { background: #c7d0d5; }
.scheduled-grid-con{ background: #FFFFFF;}
.scheduled-grid-gray a{ background: #eaeef1;padding: 10px;}
.scheduled-grid-degray a{ background: #f2f6f9;padding: 10px;}
.scheduled-grid-gray .scheduled-grid-title{  padding: 10px;}
.scheduled-grid-degray .scheduled-grid-title{ background: #c7d0d5; padding: 10px;}
.scheduled-grid-con .button button{ margin-top: 9px;}

/*--  manage_my_profile  --*/
.manage-my-profile{ padding: 0px;}
.profile-picture{ width: 120px; height: 120px;}
.manage-my-profile label{  font-weight: normal; }
.manage-my-profile .dropdown-menu{ min-width: 0px;}

/*-- my_schedule grid --*/
.scheduled-grid-gray{background: #c1c9ce;}
.scheduled-grid-degray { background: #c7d0d5; }
.scheduled-grid-gray .scheduled-grid-con{ background: #eaeef1;}
.scheduled-grid-degray .scheduled-grid-con{ background: #FFFFFF;}
.scheduled-grid-time{ height: 70px; padding: 10px; overflow: hidden;}
.scheduled-grid-time .class-name{ font-size: 12px; color: #555555; line-height: 18px;}
.scheduled-grid-gray .scheduled-grid-title{  padding: 10px;}
.scheduled-grid-degray .scheduled-grid-title{ background: #c7d0d5; padding: 10px;}
.scheduled-grid-con .close{ margin-top: -10px; margin-right: -10px;}
.scheduled-grid-con p{ overflow: hidden;}

@media all and (max-width:568px) {
  /*-- my_schedule grid --*/
  .scheduled-grid-gray, .scheduled-grid-degray{ font-size: 12px; line-height: 12px;}

}

.scheduled-grid-time .add-button{ min-height: 29px; margin-top: 10px; font-size: 40px; text-align: center; vertical-align: middle; color: #999999; cursor: pointer; background: url(/custom/images/add-button-38b56ff9d17406a6ea236c6c829b3d0f.png) no-repeat center;}
.scheduled-grid-time .add-button:hover{background: url(/custom/images/add-button-hover-6131201fb0481f6b9c1de78e9d95cc47.png) no-repeat center;}

/*--  manage_my_hours  --*/
.manage-hours{ margin-left: -150px;vertical-align: middle; z-index: 1000; position: absolute; line-height: 34px; color: #999;}
.manage-hours-why{ float: left; margin-top: 2px; width: 26px; height: 26px; background: url(/custom/images/why-095e7a534df211d3e8151915e6b3f697.png) bottom no-repeat;}
.manage-hours-why:hover,.manage-hours-why:active{background: url(/custom/images/why-hover-cb1bdf206801416dc738290964ffe796.png) bottom no-repeat;}
.manage-my-hours-whybox{ position: absolute; margin: 0px 20px; max-width: 920px; padding: 20px; top: 110px; left: 0; border: 1px solid #ddd; z-index: 1000;}
.manage-my-hours-whybox h5{ font-size: 16px;}
.manage-my-hours-whybox p{ color: #666666;}

/*-- pay slip--*/
.title_box_group-xs{ display: none;}
.title-box-group .btn-pay-search{ float: left;}
.pay-slip-detailbox{ position: absolute; margin: 0px 20px; padding: 20px; top: 60px; left: 0; border: 1px solid #ddd; z-index: 1000;}


/*-- my_schedule 弹出框--*/
.time-box{ padding: 0px;}
.time-box .table-bordered{padding: 10px 5px;margin-bottom: 5px;position: relative;}
.time-box  a{ text-align: center; display: block; color: #666666;}
.time-box  a:hover{ background: #eaeef1; color: #666666;}
.time-box  .sel{ background: #eaeef1;}
.color-box{ float: left; text-indent: 5px; margin-right: 20px; margin-top: 10px; }
.highest-box span{ float: left; width: 18px; height:18px; border:1px solid #f12526; }
.sure-box span{ float: left; width: 18px; height:18px; background: #cee4ae; border:1px solid #cee4ae; }
.try-box span{ float: left; width: 18px; height:18px; background: #bee6ef; border:1px solid #bee6ef; }
.highest-color{border:1px solid #f12526;}
.sure-color{background: #d6e9cb;}
.try-color{background: #bee6ee;}
.time-box  .sure-color:hover{ background: #e2f5d9; color: #666666;}
.time-box  .try-color:hover{ background: #cdeff8; color: #666666;}
.why-icon-point{float:left;width:59px;height:40px;background: url(/custom/images/why_icon_point-5aaf716e7d0b44bd346479ec36de216b.jpg);}
/*.for_sure{background: #00FF00;}
.i_can_try{background: #FFFF00;}
.color_swatch{width:20px;height:10px;float:right;margin-top: 5px;}
.brand_red{background:red;}
.brand_yellow{background:#FFFF00;}
.brand_green{background:#00FF00;}*/


.time-box .padding{ padding: 5px;}
.time-box-class{ position:absolute; top: 40px;left: 0px; padding: 10px 0px; background: #ffffff; z-index: 1000; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);display: none;}
.time-box-class span{ padding: 5px 10px; text-align: left; color: #666666;}
.time-box-class span:hover{background: #eaeef1;}
.fastigium-border{border: 1px solid #f12526;}

@media all and (min-width:768px) and (max-width:992px) {





}







@media all and (min-width:568px) and (max-width:768px) {
/*--Commen--*/


/*--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;}
/*-- ALL-title--*/
.title-box-group .btn_yellow{ float: left; padding-top: 5px; padding-bottom:5px ;}
/*-- my_schedule-title --*/
.title_box_border .btn_yellow{ float: right;}
/*--pay--*/
.title-box-group .btn-pay-search{ float: left;}
.btn-pay-search-xs{ display: none;}
.title_box_group-xs{ display:inline;}



}

@media all and (max-width:568px) {
/*--Commen--*/
.main-box{padding: 10px;}
/*--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;}
/*-- ALL-title--*/
.title-box-group .btn_yellow{ float: left; padding-top: 5px; padding-bottom:5px ;}
/*-- my_schedule-title --*/
.title_box_border .btn_yellow{ float: right;}
/*--pay--*/
.title-box-group .btn-pay-search{ float: left;}
.btn-pay-search-xs{ display: none;}
.title_box_group-xs{ display:inline;}
  /*-- Student --*/
  /*-- s_class_records_plan --*/
  .s-class-plan-img{ padding-left: 0px; padding-right:20px;}

}

/*-----Student-----*/
/*-- table common --*/
.table th{ font-weight: normal; color: #333333;}
/*-- login --*/
.form-group label{ font-weight: normal;}
.form-group .gray{ color: #666666;}
/*-- End login --*/
/*-- Nav common --*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background: none;}
/*-- End Nav common --*/
/*-- s_my_neuabc --*/
.s_home_time_icon{ margin:0 auto; width:70px; height:70px; background:url(/custom/images/s_time_icon-8aab28ad525350ac3fff6377747ab711.png) no-repeat; margin-bottom:15px;}
.s_home_class_icon{ margin:0 auto; width:70px; height:70px; background:url(/custom/images/s_book_icon-0e455481b30f8101ea617dc8d4e79c28.png) no-repeat; margin-bottom:15px;}
.s_home_teacher_icon{ margin:0 auto;width:70px; height:70px; border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; border:1px solid #959595; margin-bottom:15px;}
.s_home_teacher_icon img{width:70px; height:70px; border-radius: 50%; -moz-border-radius:50%;-webkit-border-radius:50%;}
.s_home_last_icon{ margin:0 auto; width:70px; height:70px; background:url(/custom/images/s_last_icon-0ae34805b48dbd373ff72b3882e0bbdb.png) no-repeat; margin-bottom:15px;}
.s_home_schedule_icon{ margin:0 auto; width:110px; height:110px; background:url(/custom/images/s_schedule_icon-291da5cc4686d1591f5d44645b427bc6.png) no-repeat center top #f89600; margin-bottom:15px; border-radius: 5px;}
.s_home_schedule_icon:hover{background-color: #ffa111;}
.s_home_records_icon{ margin:0 auto; width:110px; height:110px; background:url(/custom/images/s_records_icon-80a187c2becbb60b45f4c814a1a1f22e.png) no-repeat center top #71a500; margin-bottom:15px; border-radius: 5px;}
.s_home_records_icon:hover{background-color: #78ae01;}
.s_home_assessment_icon{ margin:0 auto; width:110px; height:110px; background:url(/custom/images/s_assessment_icon-df6ff6b58b83e47bd77d52d06820530c.png) no-repeat center top #898989; margin-bottom:15px; border-radius: 5px;}
.s_home_assessment_icon:hover{background-color: #949393;}
.s_home_class_intro_icon{ margin:0 auto; width:110px; height:110px; background:url(/custom/images/s_class_icon-32a99f0353884c0206ae235fd0cce39d.png) no-repeat center top #2eb4e9; margin-bottom:15px; border-radius: 5px;}
.s_home_class_intro_icon:hover{background-color: #3fbef0;}
.home_intro_box .name{ padding-top: 76px; text-align: center; color: #FFFFff;}
.windows{ margin: 0 auto;  width: 242px; height: 50px;  margin-bottom: 10px; background:url(/custom/images/Student-download-906e1eedccc0b225982369e2260e5766.jpg) no-repeat;  display: block;}
.mac{margin: 0 auto;  width: 242px;  height: 50px;  background: url(/custom/images/Student-download-906e1eedccc0b225982369e2260e5766.jpg) no-repeat;  background-position: 0px -100px;  display: block;}
.windows:hover{ background:url(/custom/images/Student-download-906e1eedccc0b225982369e2260e5766.jpg) no-repeat; background-position: 0px -50px; display: block;}
.mac:hover{background: url(/custom/images/Student-download-906e1eedccc0b225982369e2260e5766.jpg) no-repeat;  background-position: 0px -150px;  display: block;}
.app-mobile{width: 242px; margin: 0 auto; margin-top: 10px;}
.app-mobile img{ float: left;}
.app-mobile-text{ float: left; text-align: left; margin-left: 10px; font-size: 14px; margin-top: 20px;}
.app-mobile-text .title{ font-size: 16px; margin-top:17px;text-align: left;font-weight: normal;}
.app-mobile-text p{ margin-top: 0px; margin-bottom: 0px; }
/*-- s_manage_my_profile --*/
.student-main-box{ margin-top: 0px;}
.sub-title{ font-size: 18px;}
.student-line{border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
/*-- s_class_records --*/
.s-class-img img{ width: 100%; height: auto; border: 2px solid #F89600;border-radius: 5px;}
.s-class-line{ margin:5px 0px; height: 5px; width: 100%; background: #d2d2d2;}
.s-class-line span{ float: left; height: 5px; width: 20%; background: #F89600;}
.s-class-img .gray{ text-align: center; color: #999999;}
/*-- s_class_records_plan --*/
.s-class-plan-img{ padding-left: 0px; padding-right: 30px;}
.s-class-plan-img img{ width: 100%; height: auto; border: 2px solid #F89600;border-radius: 5px;}
.s-class-records-plan-class{ margin-bottom: 30px; padding: 0px;}
.s-class-records-plan-class .text-box{ padding: 0;}
.s-class-plan-line{ height: 15px;width: 100%; padding: 0; margin-top:10px ; margin-bottom: 5px; background: #d2d2d2;}
.s-class-plan-line span{ float: left; height: 15px; width: 20%; background: #F89600;}
/*-- s_class_intro --*/
.s-class-intro-img{ float: left; padding-left: 0px; padding-right: 30px;}
.s-class-intro-img img{ width: 100px; height: 100px; border: 2px solid #F89600;border-radius: 5px;}
.s-class-records-intro-class{ margin-bottom: 30px; padding: 0px;}
.s-class-records-intro-class p{ margin-bottom: 2px;}
.s-no-class-img{ width: 100px; height: 100px; border: 2px solid #eaeef0;border-radius: 5px; background: #ffffff; text-align: center; line-height: 100px; display: block; color: #999999;}
/*-- s_manage_my_hours --*/
.s-magage-hours-title label{ margin: 0px; line-height: 32px; font-weight: normal; color: #333333;}
.s-magage-hours-title input{ margin-top: -3px;}
/*-- s_test--*/
.test-class-box{ text-align: center; margin-top: 20px; margin-bottom: 30px; }
.test-class{border-radius: 5px; }
.base-test-icon{ height: 117px;padding: 20px 0px; margin-bottom: 10px; min-width: 61px; background: url(/custom/images/base-test-8b50832649aa9e16b054be1ed5a3ede9.png) center no-repeat #f8af00;}
.one-test-icon{ height: 117px;padding: 20px 0px; margin-bottom: 10px; min-width: 61px; background: #62ceff;}
.one-test-icon img{ max-width: 80px; max-height: 80px; border: 2px solid #35b0e7; border-radius: 5px;}
.none-test-icon{ height: 117px;padding: 20px 0px;text-align: center; line-height: 77px;  font-size: 16px; color: #666666; margin-bottom: 10px; min-width: 61px; background: #eeeeee;}
.test-class p{ text-align: center; color: #FFFFff;}
.s-test-title{ margin-bottom: 20px;}
/*-- s_test_main--*/
.test-main-box{ padding: 20px; border: 2px dotted #DDDDDD; margin-top: 20px;}
.test-main-box .title{ margin-top: 20px; font-size: 18px;}
.test-main-box label{ margin-left: 36px; margin-top: 40px; margin-bottom: 30px; font-weight: normal; font-size: 16px;}
.test-main-btn{ text-align: center;  float: left; margin-top: 40px;}
.test-main-box .score{ text-align: center; line-height: 200px; font-size: 20px;}
.test-main-box .num{ font-size: 40px; color: #f89600;}
@media all and (min-width:768px) and (max-width:992px) {


}

/*--404--*/
.error{width:100%; margin:160px auto; text-align:center; }
.error p{ font-size: 24px; text-align: center; margin: 20px 0; color: #666666;}

/*--按钮disable隐藏，为显示出来加的css样式--*/
.btn-default[disabled]:hover{background-color:#f89600}