@CHARSET "UTF-8";

/* ==��ʼ====ͷ��������ʽ */
.region-header-top {
	margin: 10px auto 0;
	width: 980px;
	position: relative;
	height: 25px;
}

#messages .messages.error{
	position: fixed;
	top: 0px;
	margin-top: 0px;
	z-index: 10;
}

.content {
	margin: 0;
	padding: 0;
}
.page-school-store #block-views-custom-block-block .content {
    float: left;
    margin: 1px;
    padding: 0;
}
.page-school-store-private.i18n-en #block-system-main .content,
.page-school-store-coach.i18n-en #block-system-main .content,
.page-school-store-group.i18n-en #block-system-main .content ,
#page-course-consult{
    background: url("../images/buyClassTime-titleBg-en.png") no-repeat scroll left top transparent;
    padding: 110px 0 0;
}

.logged-in #block-menu-menu-login {
	display: none;
}

ul.menu {
	list-style: none;
	padding: 0px;
	float: left;
}

ul.menu li {
	float: left;
	list-style: none;
	padding: 0;
}

ul.menu li.last a {
	border-right: 0 none;
}

#secondary-menu-links li a {
	color: #666666;
}

#header-user-login li a {
	text-decoration: underline;
	padding: 0 5px 0 10px;
}

#header-user-login li {
	float: left;
}

.header-welcome .form-item {
	margin-bottom: 0em;
	margin-top: 0px;
}

#block-course-user-login .header-welcome {
	float: left;
	width: 200px;
	text-align: right;
}

#header-user-login {
    float: left;
    padding-left: 15px;
    background:url(http://www.hanbridgemandarin.com/sites/default/files/pictures/log-in.jpg) left center no-repeat;
}

#block-menu-menu-header-about-hanbridge li {
	clear: both;
	height: 28px;
	line-height: 24px;
}

#block-menu-menu-header-about-hanbridge a {
	font-size: 16px;
}

#block-menu-menu-header-about-hanbridge li a {
	color: #666;
}

#header-about-menu-root {
	padding-left: 37px;
}

#block-menu-menu-header-about-hanbridge li ul li a {
	color: #666;
	padding-left: 30px;
}

#block-menu-menu-header-about-hanbridge li ul li a:hover {
	color: #fff;
	font-weight: normal;
}

#block-menu-menu-header-about-hanbridge li ul {
	display: none;
}

#block-menu-menu-header-about-hanbridge {
	margin-top: 17px;
}

#block-menu-menu-header-about-hanbridge ul li ul {
	width: 140px;
	background-color: #ffffff;
	filter: alpha(Opacity =   90);
	opacity: 0.9;
	margin: 0 auto;
	text-align: left;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	left: -18px;
}

#block-menu-menu-header-about-hanbridge ul li ul li {
	width: 140px;
	height: 30px;
	font-size: 14px;
}

#block-menu-menu-header-about-hanbridge ul li ul li:hover {
	width: 140px;
	height: 30px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	filter: alpha(Opacity =   90);
	opacity: 0.9;
}

#block-menu-menu-header-about-hanbridge .content>ul>li {
	background: url("../images/trigon-down.png") no-repeat;
	background-position: 85px 11px;
	width: 140px;
	padding-top: 4px;
}

#header-user-login li a {
	text-decoration: none;
	color:#6c6c6c;
    font-size: 14px;
}
#header #block-block-2 {float: right;padding-top: 20px;margin: 0;}
#phone-num {
	float: left;
	margin-top: -10px;
}
#header .sharethis-wrapper {
	width: 70px;
}
.sharethis-wrapper {
	float: left;
	padding-left: 0px;
}
.sharethis-wrapper .st_facebook_custom ,
.sharethis-wrapper .st_twitter_custom ,
.sharethis-wrapper .st_email_custom,
.sharethis-wrapper .st_looyu,
.sharethis-wrapper .st_skype
 {
	width: 28px;
	height: 28px;
	float: left;
	margin-left: 5px;
	cursor: pointer;
	filter:alpha(Opacity=99);-moz-opacity:0.99;opacity: 0.99;
}
.sharethis-wrapper .st_facebook_custom:hover ,
.sharethis-wrapper .st_twitter_custom:hover ,
.sharethis-wrapper .st_email_custom:hover {
	filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;
}
.sharethis-wrapper .st_facebook_custom {
	background: url("../images/share-facebook-btn.png") no-repeat scroll left top transparent;
}
.sharethis-wrapper .st_twitter_custom {
	background: url("../images/share-tiwwer-btn.png") no-repeat scroll left top transparent;
}
.sharethis-wrapper .st_email_custom {
	background: url("../images/share-mail-btn.png") no-repeat scroll left top transparent;
}

/* ==����====ͷ��������ʽ */ /* ==��ʼ====ͷ��������ʽ */
#page #header {
	background: #FFFFFF;
	width: 100%;
	float: left;
	color: #333;
	height: 70px;
	margin-top: 10px;
	padding-bottom:30px;
	border-bottom: 1px solid #d6d6d6;
}

#logo {
	padding: 0;
	float: left;
	position: relative;
	top: -10px;
}

#logo img {
	padding: 1.5px 0;
}

#name-and-slogan {
	display: none;
}

#header .region-header {
	float: left;
	margin: 0;
	z-index: 15;
	width: 782px;
}

.region  #block-menu-menu-login {
	width: 160px;
	position: absolute;
	z-index: 1010;
	margin-top: -20px;
	right: 200px;
}

.element-invisible {
	display: none;
}

#block-menu-menu-login a {
	color: #333;
	padding: 0 10px;
	font-size: 18px;
	border: 0 none;
}

#block-menu-menu-login .first .login-menu-item {
	background: url("../images/h-user-line.png") left scroll no-repeat;
}

#block-menu-menu-login .last .login-menu-item {
	background: url("../images/h-user-line.png") right scroll no-repeat;
	color: #00CC00;
}

/* #main-menu {
	clear: none;
	width: 100%;
	height: 45px;
	overflow: hidden;
	background: #0FA84E;
	display: none;
}

#main-menu-links {
	padding: 0;
	width: 980px;
	margin: 0 auto;
}

#main-menu-links a {
	color: #FFFFFF;
	text-shadow: none;
}

#main-menu #main-menu-links li a {
	float:left;
	text-decoration:none;
    border-radius: 0;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    transition: background 0.2s;
}
#main-menu #main-menu-links li a:hover,#main-menu #main-menu-links li .active {
	background-color: #006633;
}

#main-menu .menu-722,#main-menu .menu-1061 {
	float: right;
} */
#block-system-main-menu li.my-space{
	float: right;
}
#block-system-main-menu li.online-learning{
	width: 175px;
}
#block-system-main-menu .online-learning ul{
	width: 100%;
	background: #0fa84e;
	position: relative;
	z-index: 100;
	display: none;
}
#block-system-main-menu .online-learning ul li{
	width: 100%;
}
#banner {
	width: 100%;
	float: left;
	overflow: hidden;
}
#block-system-main-menu{
	width: 100%;
}
#main-menu-region{
    background: none repeat scroll 0 0 #0fa84e;
    clear: both;
    height: 45px;
    width: 100%;
    z-index: 1;
}
#main-menu-region a {
color: #FFFFFF;
text-shadow: none;
}
#block-system-main-menu li.mail-level-1 {
	float: left;
	list-style: none outside none;
	padding: 0 2px 0 0;
}
#block-system-main-menu > div{
	width: 100%;
}
#block-system-main-menu > div > ul{
	float: left;
	padding: 0;
	width: 717px;
	margin: 0 auto;
	margin-top: 24px;
	float: right;
	/*border-bottom: 1px solid #66cc99;*/
	padding-left: 10px;
	position: relative;
	/*border-bottom: 1px solid #66cc99;*/
}
#block-system-main-menu li a.active-trail{
	background:none;
    border-left: 0px solid transparent;
}
#block-system-main-menu ul li ul li.leaf.active-trail {
	background:transparent !important;
}

/*导航*/
#block-system-main-menu > div > ul >li{
	float: left;
	list-style: none;
	text-decoration: none;
	border-radius: 0;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	transition: background 0.2s;
	-webkit-transform: skew(-30deg); 
	-moz-transform: skew(-30deg); 
	-o-transform: skew(-30deg);
	margin:0 5px;
}
#block-system-main-menu > div > ul >li>ul{
	width: 800px;
	height: 45px;
	position: absolute;
	top: 35px;
	left: -250px;
	display: none;
}
#block-system-main-menu > div > ul >li>ul>li{
	float: left;
	min-width: 80px;
	overflow: hidden;
	padding: 0 10px;
}
/*#block-system-main-menu li a:hover,
#block-system-main-menu li .active-trail,
#block-system-main-menu li.active-trail > a{
	background-color: #66cc99;
	color: #FFFFFF;
}*/
#block-system-main-menu>.content>ul>li:hover,
#block-system-main-menu li .active-trail,
#block-system-main-menu li.active-trail{
	background-color: #66cc99;
}
#block-system-main-menu>.content>ul>li>a:hover{
	color: #FFFFFF;
}
#block-system-main-menu li a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	color: black;
	background:transparent;
	padding: 0 15px;
	text-align: center;
	transition: background 0.2s;
	-webkit-transform: skew(30deg); 
	-moz-transform: skew(30deg); 
	-o-transform: skew(30deg);	
}
#block-system-main-menu>.content>ul>li>.active-trail{
	color: #FFFFFF !important;
}
 /*导航子菜单*/
#block-system-main-menu li ul li a:hover{
	color: #66cc99;
	background: none;
}
li.main-level-1 ul,li.main-level-1 ul li{
	float: none;
	background: none repeat scroll 0 0 #0fa84e;
	transition: background 0.2s;
}
#block-system-main-menu li.main-level-1 ul{
	display: none;
}
/* ==����====ͷ��������ʽ */ /* ������֤��ʽ */
.validate-error-messages {
	float: left;
}

#front-slide {
	width: 100%;
	position: relative;
	float: left;
	overflow: hidden;
}

#block-views-front-slide-block {
	height: 330px;
	float: left;
	width: 100%;
}

#block-views-front-slide-block .view-content,#block-views-front-slide-block .view-content div
	{
	height: 300px;
	width: 100%;
	overflow: hidden;
}

#block-views-front-slide-block .view-content,#block-views-front-slide-block .view-content div img
	{
	width: 100%;
}

#block-views-front-slide-block .view-content .views-row {
	width: 100%;
	float: left;
	position: absolute;
}

.bannerNum {
	margin: 0 auto;
	text-align: right;
	top: -30px;
	width: 980px;
	z-index: 99;
}

.bannerNum img {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

#messages {
	float: left;
	padding: 20px 0 5px;
	width: 100%;
}

#page-wrapper {
	float: left;
	width: 100%;
}

#page {
	float: left;
	width: 100%;
}

#main-wrapper {
	float: left;
	width: 100%;
	min-height: 400px;
}

#main_breadcrumb {
/*	margin: 0 auto 15px;*/
	width: 980px;
	display: none;
}

#main {
	margin: 0 auto 30px;
	width: 980px;
}

#school-right-merge {
	width: 980px;
	float: left;
	margin-top: 5px;
}

.one-sidebar #main #content {
	width: 730px;
	float: left;
}

#main .section {
	padding: 0;
}

#school-right-merge  #main-content ,
#school-right-merge .tabs {display: none;}

#block-menu-menu-course-menu {
	padding: 0;
	color: #333333;
	background-color: transparent;
	border: 0 none;
}

.region-sidebar-second h2 {
	background: url("../images/classTitle-img.png") no-repeat scroll left top transparent;
	font-size: 18px;
	padding: 0.5em 0 0.9em;
	width: 100%;
	text-indent: 50px;
	color: #333;
	border: 0 none;
	margin: -0.5em 0 0.5em;
}

#block-menu-menu-course-menu .menu {
	width: 100%;
	float: left;
}

#block-menu-menu-course-menu .menu li {
	width: 100%;
	float: left;
}

#block-menu-menu-course-menu li.orders,#block-menu-menu-course-menu li.edit-profile
	{
	border-top: 1px dashed #ADADAD;
	margin-top: 15px;
	padding-top: 15px;
}

#block-menu-menu-course-menu a {
	background-attachment: scroll;
	background-position: 35px center;
	background-repeat: no-repeat;
	border: 0 none;
	color: #333333;
	float: left;
	font-size: 14px;
	line-height: 36px;
	margin: 2px 0 0;
	text-indent: 70px;
	position: relative;
	text-decoration: none;
	width: 100%;
}

#sidebar-second a.course-history {
	background-image: url("../images/course-history.png");
}

#sidebar-second .course-history a.active , #sidebar-second a.course-history:hover {
	background-image: url("../images/course-history-1.png");
	background-color: #70cb95;
	color: #fff;
}

#sidebar-second a.self-study {
	background-image: url("../images/self-study.png");
}

#sidebar-second .self-study a.active , #sidebar-second a.self-study:hover {
	background-image: url("../images/self-study-1.png");
	background-color: #70cb95;
	color: #fff;
}

#sidebar-second a.study-report {
	background-image: url("../images/study-report.png");
}

#sidebar-second .study-report a.active , #sidebar-second a.study-report:hover {
	background-image: url("../images/study-report-1.png");
	background-color: #70cb95;
	color: #fff;
}

#sidebar-second a.orders {
	background-image: url("../images/orders.png");
}

#sidebar-second .orders a.active , #sidebar-second a.orders:hover {
	background-image: url("../images/orders-1.png");
	background-color: #70cb95;
	color: #fff;
}
#sidebar-second a.my-class {
	background-image: url("../images/my-class-bg.png");
}
#sidebar-second .my-class a.active , #sidebar-second a.my-class:hover{
	background-image: url("../images/my-class-bg-1.png");
	background-color: #70cb95;
	color: #fff;
}
#sidebar-second a.timetable {
	background-image: url("../images/timetable.png");
}

#sidebar-second .timetable a.active , #sidebar-second a.timetable:hover {
	background-image: url("../images/timetable-1.png");
	background-color: #70cb95;
	color: #fff;
}

#sidebar-second a.course-journal {
	background-image: url("../images/course-journal.png");
}

#sidebar-second .course-journal a.active , #sidebar-second a.course-journal:hover {
	background-image: url("../images/course-journal-1.png");
	background-color: #70cb95;
	color: #fff;
}

#sidebar-second a.credits {
	background-image: url("../images/credits.png");
}

#sidebar-second .credits a.active , #sidebar-second a.credits:hover {
	background-image: url("../images/credits-1.png");
	background-color: #70cb95;
	color: #fff;
}
#sidebar-second a.my-coupons {
	background-image: url("../images/coupons.png");
}
#sidebar-second .my-coupons a.active , #sidebar-second a.my-coupons:hover {
	background-image: url("../images/coupons-1.png");
	background-color: #70cb95;
	color: #fff;
}
#sidebar-second a.homework {
	background-image: url("../images/homework.png");
}

#sidebar-second .homework a.active , #sidebar-second a.homework:hover {
	background-image: url("../images/homework-1.png");
	background-color: #70cb95;
	color: #fff;
}

#sidebar-second a.edit-profile {
	background-image: url("../images/edit-profile.png");
}

#sidebar-second .edit-profile a.active , #sidebar-second a.edit-profile:hover {
	background-image: url("../images/edit-profile-1.png");
	background-color: #70cb95;
	color: #fff;
}

/* ��ʦ�б�ҳ��---��ʼ */
.page-teachers #main #content {
	width: 98%;
	background-color: #fff;
	padding: 1% 1% 50px;
	margin: 10px 0;
	border: 1px solid #ccc;
}

.page-teachers #main .panel-pane {
	float: left;
}

.page-teachers #main .pane-custom img {
	width: 100%;
}

.page-teachers #content .pane-title {
	font-size: 18px;
	width: 100%;
	float: left;
	padding-bottom: 20px;
}

.page-teachers #content .pane-custom,.page-teachers #content .pane-views-teachers-list-block-block
	{
	width: 90%;
	padding: 0 5%;
	float: left;
}

.page-teachers #content .views-row {
	width: 203px;
	float: left;
	height: 170px;
	overflow: hidden;
}

.page-teachers #content .views-field-field-pictuer {
	text-align: center;
}

.page-teachers #content .views-field-field-pictuer {
	width: 100%;
	float: left;
}

.page-teachers #content .views-field-field-pictuer img {
	border-radius: 50%;
	border: 1px solid #ccc;
	width: 130px;
	height: 130px;
}

.page-teachers #content .views-field-title a {
	width: 100%;
	color: #333;
	float: left;
	padding-top: 10px;
	text-align: center;
}

.page-teachers #content .pane-views-teachers-list-block-2-block {
	width: 90%;
	padding: 0 5%;
	float: left;
}

.page-teachers #content .pane-title {
	float: left;
}

.page-teachers #content .pane-content {
	float: left;
}

.page-teachers #content .view-filters {
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.page-teachers #content #edit-field-teacher-level-tid-wrapper label {
	float: left;
	font-weight: normal;
	padding-right: 10px;
	line-height: 25px;
}

.page-teachers #content #edit-field-teacher-level-tid-wrapper .views-widget
	{
	float: left;
}

.page-teachers #content #edit-field-teacher-level-tid-wrapper select {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 25px;
}

.node-type-teacher #main .panels-flexible-region .pane-title {
	color: #333;
	font-size: 16px;
	background-color: #EBE8DD;
	padding: 0;
	margin: 25px 0 15px;
	text-indent: 10px;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
}

.node-type-teacher #main .field-name-body .field-item {
	color: #333;
}

.node-type-teacher .comment .field-item {
	color: #000;
	font-size: 12px;
}

/* ��ʦ�б�ҳ��---���� */ /* ���Կγ�ҳ��---��ʼ */
.sidebar-first .sidebar .block {
	padding: 0;
	width: 100%;
	float: left;
	background-color: transparent;
	border: 0 none;
}
.sidebar-first #main .section #page-title {
	border-bottom: 1px solid #11a84e;
    color: #009834;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}
.sidebar-first .views-row,.page-course .view-culture-course-list .views-row {
	float: left;
	padding-bottom: 25px;
	width: 31.3%;
	margin: 0 1%;
}
.sidebar-first .views-field-field-thumbnail {
	width: 100%;
	padding: 0;
	cursor: pointer;
	transition: opacity .2s;
}
.page-about-us .views-field-field-thumbnail {
	width: 180px;
	float: left;
	height: 130px;
	background: url("../images/stu_feedback_peobg.png") no-repeat;
}
.sidebar-first .views-field-field-thumbnail img {
	width: 210px;
	height: 150px;
	float: left;
	overflow: hidden;
	filter: alpha(Opacity = 99);
	-moz-opacity: 0.99;
	opacity: 0.99;
}
.sidebar-first .views-field-field-thumbnail img:hover {
	filter: alpha(Opacity = 85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.page-about-us-student-feedback .views-field-field-thumbnail img {
	width: 120px;
	height: 120px;
	float: left;
	overflow: hidden;
	filter: alpha(Opacity = 99);
	-moz-opacity: 0.99;
	opacity: 0.99;
	padding:5px;
}
.page-about-us-student-feedback .views-field-field-thumbnail img:hover {
	filter: alpha(Opacity = 85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.page-about-us-student-feedback .page-about-us .views-field-field-thumbnail {
	width: 200px;
	height: 120px;
	overflow: hidden;
	float: left;
}
.page-about-us-student-feedback .views-field-field-thumbnail img {
}

.sidebar-first .views-field-title {
	width: 100%;
	float: left;
}
.sidebar-first  .views-field-field-course-summary {
	float: left;
	height: 40px;
	overflow: hidden;
}

.sidebar-first .view-language-course-list .views-field-body {
	color: #333333;
	float: left;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	margin: 0 0 5px;
}
.sidebar-first .view-language-course-list .views-field-edit-node,.sidebar-first .view-culture-course-list .views-field-edit-node{
	float: left;
}
.sidebar-first .views-field-field-course-summary span {
	cursor: pointer;
	fl
}

.sidebar-first .views-field-title a {
	color: #333333;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 33px;
    margin: 3px 0;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-first .views-field-field-course-summary span:hover,.sidebar-first .views-field-title a:hover
	{
	color: #009834;
}

.sidebar-first .views-field-field-price {
	width: 40%;
	float: left;
	padding: 10px 3% 0 7%;
	color: #9b9b9b;
	font-size: 12px;
}

.sidebar-first .views-field-field-price .devel-themer-wrapper {
	color: #5D951F;
	width: 100%;
	float: left;
	font-weight: bold;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.views-field-field-teachers {
	width: 90%;
	margin: 10px 5% 0;
	float: left;
	border-top: 1px solid #eee;
	padding: 10px 0;
}

.views-label-field-teachers {
	font-size: 15px;
	color: #333;
	float: left;
	padding-top: 2px;
}

.views-field-field-teachers img {
	width: 25px;
	height: 25px;
	border-radius: 3px;
	margin-right: 3px;
	float: left;
}

.course-left-region {
	width: 51%;
	float: left;
	padding-left: 5%;
}

.course-right-region {
	width: 44%;
	float: left;
}

/* ���Կγ�ҳ��---���� */ /* ѧ���ɹ�ҳ��---��ʼ */
.page-hanbridge-content {
	width: 100%;
	float: left;
	background-color: #fff;
	min-height: 400px;
	/*
	margin: 10px 0;
	padding: 20px 0;
	*/
}
.sidebar-first .page-hanbridge-content,.sidebar-first .page-course-content
	{
	background-color: #fff;
	padding: 0;
	width: 980px;
	float: left;
	margin: 10px 0;
	min-height: 400px;
}

#block-menu-menu-about-hanbridge{
	background: url(../images/philosophy-banner.jpg) no-repeat;
}
.page-about-us-teachers  #block-menu-menu-about-hanbridge{
	/*background: url(../images/teachers-banner.jpg) no-repeat;*/
}

.sidebar-first #main .page-hanbridge-content #content,.sidebar-first #main #content
	{
	background-color: #FFFFFF;
	border: 0 none;
	float: right;
	min-height: 400px;
	padding-bottom: 30px;
	width: 720px;
}

.page-teachers #main .page-hanbridge-content #content,.node-type-teacher #main .page-hanbridge-content #content
	{
	width: 100%;
	padding: 0;
	border: 0 none;
}

.page-hanbridge-content .sidebar .block {
	background-color: transparent;
	padding: 0;
	width: 100%;
	float: left;
	border: none;
}

#sidebar-first .block ul {
	width: 100%;
	float: left;
	padding-top: 10px;
}
#sidebar-first .block ul li {
	width: 100%;
	float: left;
}
#sidebar-first .block ul li a {
	border-bottom: 1px solid #EAEAEA;
	color: #545454;
    float: left;
    font-size: 16px;
    padding: 7px 0;
    margin-bottom: 2px;
    text-decoration: none;
    text-indent: 25px;
    transition: color 0.2s ease 0s;
    width: 100%;
}
#sidebar-first .block ul li ul {
	padding-top: 0;
}
#sidebar-first .block ul li ul li a {
	background: url("../images/sidebar-first-menuTwo-bg.png") no-repeat scroll 25px center transparent;
	border-bottom-style: dashed;
    font-size: 14px;
    line-height: 20px;
    text-indent: 0px;
    width: 100%;
    padding-left: 40px;
	width: 190px;
}
#sidebar-first .block ul li ul li.last a {
	border-bottom-style: solid;
}
#sidebar-first .block ul li a.active-trail , #sidebar-first .block ul a:hover{
	color: #2E8A57;
	background-color: #E6F6EC;
}
.page-hanbridge-content #page-title {
	font-size: 18px;
	color: #11a84e;
	float: left;
	width: 98%;
	border-bottom: 1px solid #AACF5C;
	background: url("../images/u126_normal.png") left bottom scroll
		no-repeat;
	height: 30px;
	padding-left: 2%;
}

.page-teachers .page-hanbridge-content #page-title,
.node-type-teacher .page-hanbridge-content #page-title,
.page-course-your-classroom #page-title,
.page-course-apply-code #page-title,
.page-course-about-us-teachers #page-title
{
	display: none;
}

.page-hanbridge-content .views-row {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ECECEC;
	padding: 25px 0;
}
.page-node .page-hanbridge-content .views-row {
	padding: 0;
	border-bottom: 0 none;
}
.page-about-us .page-hanbridge-content .pane-title {
	border-bottom: 1px solid #11A84E;
    color: #11A84E;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 5px;
}

.page-about-us .page-hanbridge-content .views-row {
	background-color: transparent;
    border-width: 0 0 1px;
    height: auto;
    margin: 0 0 30px;
    padding: 0 0% 20px 2%;
    width: 96%;
    border: 0;
}
.page-about-us .page-hanbridge-content .views-row-even{
	background-color: transparent;
    border-width: 0 0 1px;
    height: auto;
    margin: 0 0 30px;
    padding: 0 2% 30px 0%;
    width: 96%;
}
.page-about-us .page-hanbridge-content .views-row-last {
	border: 0 none;
}

.page-about-us-hanbridge-news .page-hanbridge-content .views-row {
	margin: 0;
}

.page-teachers .page-hanbridge-content .views-row {
	border: 0 none;
}

#block-latest .field-thumbnail {
	width: 200px;
	padding: 0 20px;
	float: left;
}
.page-about-us-student-feedback .views-row-even .views-field-field-thumbnail {
	width: 130px;
	/*padding: 0 20px;*/
	float: right;
}

.views-field-field-thumbnail span {
	background: url("../images/audio-play.png") no-repeat scroll center
		center rgba(0, 0, 0, 0);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.view-student-achievement-list .views-field-sharethis {
	width: 19%;
	float: left;
	text-align: right;
	height: 20px;
	line-height: 20px;
	padding-top: 10px;
}
.view-student-achievement-list .views-field-sharethis span {
	float: left;
	color: #929292;
}
.view-student-achievement-list .views-field-sharethis .sharethis-wrapper span{
	width: 20px;
	background-size: 20px;
}
.view-student-achievement-list .views-field-title {
	width: 78%;
	float: left;
	padding-bottom: 10px;
}
.view-student-achievement-list .views-field-title a {
	border: 0 none;
	float: left;
	font-size: 18px;
	font-weight: normal;
	max-width: 100%;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.view-student-achievement-list .views-field-body {
	width: 751px;
	float: right;
	font-size: 12px;
	padding-top: 10px;
	line-height: 24px;
	margin: 0;
	border: 1px solid #d9d9d9;
	Border-radius: 5px;
}
.view-student-achievement-list .views-field-body .field-content {
	width: 95%;
	float: left;
	background: url("../images/stu_feedback_ritbg.png") left 20px no-repeat;
	position: relative;
	left: -20px;
	padding: 5px 30px 20px 35px;
}
.page-about-us-student-feedback .views-row-even .views-field-body {
	width: 751px;
	float: left;
	font-size: 12px;
	padding-top: 10px;
	line-height: 24px;
	margin: 0 30px 0 0;
	border: 1px solid #d9d9d9;
	Border-radius: 5px;
}
.page-about-us-student-feedback .views-row-even .views-field-body .field-content {
	width: 95%;
	float: left;
	background: url("../images/stu_feedback_leftbg.png") right 20px no-repeat;
	position: relative;
	left: -7px;
	padding: 5px 30px 20px 35px;
}
.view-student-achievement-list .views-field-body img.stu-feedback-cont-1 {
	position:relative;top:-5px;padding-right: 5px;
}
.view-student-achievement-list .views-field-body img.stu-feedback-cont-2 {
	position:relative;top:5px;padding-left: 5px;
}
.view-student-achievement-list .views-field-field-name {
	color: #11A84E;
    float: right;
    font-size: 20px;
    padding-right: 7px;
    padding-top: 15px;
}
.view-student-achievement-list .views-field-field-nationality {
	color: #666;
    float: right;
    padding: 17px 20px 0 15px;
}

/* ѧ���ɹ�ҳ��---���� */ /*ѧ���ɹ���ϸҳ��---��ʼ*/
.page-hanbridge-content .region-content {
margin-top:20px;	float: left;
	width: 100%;
	/*
	width: 96%;
	padding: 0 2%;
	*/
}
.page-hanbridge-content .region-content .submitted {
	width: 100%;
	float: left;
	color: #6b6b6b;
	font-size: 13px;
}

 .page-hanbridge-content .region-content .content {
     width: 100%;
	float: left;
	/*11111color: #929292;h2
	font-size: 14px;*/
}
.page-contact-us .page-hanbridge-content .region-content .content {
	width: 94%;
	padding: 0 3%;
	float: left;
}
.page-contact-us-done #content{
    border: 1px solid #ececec;
}
#content .amsg-success,#content .amsg-failed,#content .amsg{
    background: url("../images/resetpwd-yes.png") no-repeat scroll 0 45px rgba(0, 0, 0, 0);
    margin: 0 auto;
    min-height: 150px;
    padding: 50px 0 0 55px;
    width: 630px;
}
#content .amsg-failed{
	background: url("../images/error.png") no-repeat scroll 0 45px rgba(0, 0, 0, 0);
}
#content .amsg .info-text-title{
	font-size: 24px;
	font-weight: bold;
}
#content .amsg .info-text-detail{
	color: #747474;
	margin-top: 10px;
	font-weight: bold;
}

#content .amsg .info-text-detail .actions{
	margin-top: 30px;
}

#content .amsg .info-text-detail .button-small{
	background-color: #e6a800;
	color: #fff;
    cursor: pointer;
    text-align: center;
}

#content .amsg .info-text-detail .actions a{
	color: #009933;
	margin-right: 30px;
	text-decoration: underline;
}
.page-contact-us-done #content .amsg .info-text-detail .actions a{
	color: #fff;
	margin-right: 0px;
	text-decoration: none;
}
.page-hanbridge-content .region-content .content iframe {
	width: 100%;
}

.page-hanbridge-content .region-content .link-wrapper {
	width: 100%;
	float: left;
}

.page-hanbridge-content .region-content .content .field-name-field-video {
	padding: 20px 0;
}

/*ѧ���ɹ���ϸҳ��---����*/ /*ѧ������ҳ��--��ʼ*/
.view-student-feedback-list .views-field-body {
	width: 100%;
	float: left;
	color: #333;
	padding-bottom: 10px;
	line-height: 20px;
}

.view-student-feedback-list .views-field-body p {
	margin: 0;
}

.view-student-feedback-list .views-field-title {
	float: right;
	background: url("../images/user-feedback.png") right top scroll
		no-repeat;
	width: 50%;
	padding-right: 5%;
	text-align: right;
	padding-top: 24px;
}

.view-student-feedback-list .views-field-title {
	color: #11A84E;
	font-size: 16px;
	border: 0 none;
}

.view-student-feedback-list .views-field-field-nationality {
	float: right;
	padding: 0 2%;
	color: #666;
	font-size: 16px;
	padding-top: 24px;
}
.node-student-feedback .field-name-field-feedback-video {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
.node-student-feedback .field-name-field-name {
	margin: 10px 0;
	float: left;
	color: #11a84e;
	font-size: 20px;
	padding-top: 20px;
}
.node-student-feedback .field-name-field-nationality {
	float: left;
    margin: 10px 0 10px 5px;
    text-indent: 20px;
    padding-top: 27px;
}
/*ѧ������ҳ��--����*/
/* �����б�---��ʼ */
.page-hanbridge-news .views-row {
	border-bottom: 1px solid #D2D2D2;
	padding: 45px 0;
}
.page-hanbridge-news .views-row-first {
	padding-top:40px;
}
.page-hanbridge-news .views-field-field-thumbnail {
	width: 31%;
	height: 220px;
	float: left;
	padding: 0 3% 0 0;
}
.page-hanbridge-news .views-field-field-thumbnail img {
	width: 290px;
	height: 207px;
	float: left;
	border: 1px solid #eee;
}
.view-hanbridge-news .views-field-title {
	width: 66%;
	padding-bottom: 10px;
	float: left;
}

.view-hanbridge-news .views-field-title a {
	font-size: 18px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.view-hanbridge-news .views-field-title a:hover {
	color:#009931;
}
.view-hanbridge-news .views-field-created {
	background: url("../images/news-date.png") no-repeat scroll left center transparent;
	color: #999;
    float: left;
    font-size: 14px;
    text-indent: 28px;
    margin: 0 0 12px 0;
}
.view-hanbridge-news .views-field-created-1 {
	color: #999;
    float: left;
    font-size: 14px;
    padding-left: 10px;
}

.view-hanbridge-news .views-field-name {
	background: url("../images/news-user.png") no-repeat scroll 20px center transparent;
	color: #8DBF41;
    float: left;
    font-size: 14px;
    text-indent: 28px;
    padding-left: 20px;
}
.view-hanbridge-news .views-field-body {
	color: #333;
    float: left;
    height: 110px;
    overflow: hidden;
    padding: 10px 0;
    width: 66%;
    line-height:24px;
}

.view-hanbridge-news .views-field-body p {
	margin: 0;
	line-height: 20px;
}

.view-hanbridge-news .views-field-comment-count {
	background: url("../images/news-comment.png") no-repeat scroll left center transparent;
    color: #8dbf41;
    float: left;
    margin-top: 6px;
    text-indent: 28px;
}
.view-hanbridge-news .views-field-totalcount {
	background: url("../images/news-browse.png") no-repeat scroll left center transparent;
    color: #999;
    float: left;
    padding: 0 20px;
    margin-top: 8px;
    text-indent: 28px;
}
.node-type-news .views-field-totalcount , .node-type-news .views-field-comment-count {
	margin-top: 0;
	margin-left: 20px;
    padding: 0;
}
.view-hanbridge-news .views-field-view-node {
	float: right;
    padding-top: 20px;
}

.view-hanbridge-news .views-field-view-node a {
    color: #029834;
    float: left;
    font-size: 14px;
    border-bottom: 1px solid #0FBC84;
}

.page-hanbridge-content .node-news .submitted {
	margin: 0;
	padding: 0 0 10px;
}

.page-hanbridge-content .node-news .content {
	color: #333;
	font-size: 13px;
}

.page-hanbridge-content .node-news #comments {
	width: 100%;
	float: left;
}

.pane-node-comment-form{
	margin-top: 80px;
}
.page-hanbridge-content .node-news #comments h2 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	background-color: #EBE8DD;
	line-height: 30px;
	text-indent: 1em;
	margin-bottom: 15px;
}

.page-hanbridge-content .node-news .form-type-textarea label,.page-hanbridge-content .node-news .ckeditor_links
	{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	background-color: #EBE8DD;
	line-height: 30px;
	text-indent: 1em;
	margin: 20px 0 0.4em;
	width: 100%;
	float: left;
}

.page-hanbridge-content .node-news .form-textarea-wrapper {
	width: 100%;
	float: left;
}

.page-hanbridge-content .node-news .filter-wrapper {
	border: 1px solid #ccc;
}

.page-hanbridge-content .node-news .tips {
	line-height: 20px;
}

.page-hanbridge-content #edit-actions,.node-type-teacher #edit-actions {
	text-align: right;
}
.view-join-us-list tbody *{
	font-size: 12px;
}
.page-about-us .page-hanbridge-content .view-join-us-list tbody tr {
	background-color: #fff;
	border-bottom: 1px solid #D7D7D7;
	vertical-align: top;
}
.page-about-us .page-hanbridge-content .view-join-us-list tbody td {
	padding: 10px 0;
	line-height: 22px;
}
.view-join-us-list table thead {
	line-height: 35px;
	width: 100%;
}

.view-join-us-list table thead th {
	background-color: #ddd;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 45px;
}

.page-about-us-join-us .view-join-us-list .views-field-title {
	width: 100%;
	font-size: 22px;
    padding: 15px 0 20px 10px;
}
.page-about-us-join-us .view-join-us-list .views-field-body {
	border-left: 1px solid #fff;
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 45px;
	height: auto;
	padding-left: 10px;
}
.page-about-us-join-us .views-field-field-location {
	border-left: 1px solid #fff;
	width: 300px;
	padding: 0;
	padding-left: 10px;
}
.page-about-us-join-us .views-field-field-location .field-content{
	width: 224px;
	text-align: left;
	float: right;
}
.page-about-us-join-us .view-join-us-list .views-field-timestamp {
	width: 340px;
	border-left: 1px solid #fff;
	padding-left: 10px;
}

.view-join-us-list table tbody td {
	background-color: #fff;
}

.sidebar-first .view-join-us-list table tbody td a {
	margin: 0;
	width: 100%;
	border: 0 none;
	font-size: 12px;
}
.page-about-us-join-us .page-hanbridge-content .views-row-even{
	background-color: transparent;
    border-width: 0 0 1px;
    height: auto;
    margin: 0 0 35px;
    width: 96%;
    padding: 30px 0 50px 2%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

/* ���ں���---���� */
/* ������ϸҳ��---��ʼ */
.node-type-news .pane-views-hanbridge-news-block-1 {
	width: 100%;
	float: left;
}
.node-type-news .views-field-title {
	width: 100%;
	font-size: 24px;
	float: left;
	padding-bottom: 15px;
}
.node-type-news .pane-node-field-thumbnail{
	border-top: 1px dashed #bbb;
    float: left;
    padding: 30px 0 20px 0;
    text-align: center;
    width: 100%;
    margin: 10px 0 0;
}
.node-type-news .pane-node-field-thumbnail img {
	width: 690px;
}
.node-type-news .pane-node-body {
	width: 100%;
	float: left;
	color: #333;
    font-size:14px;
    padding: 20px 0 50px 0;
}
.node-type-news .pane-node-body p {
	/*text-indent: 2em;*/
	line-height: 24px;
}
/* ������ϸҳ��---���� */
/* �ҵĿα�---��ʼ */
#main #school-right-merge #content {
	background-color: #fff;
}
#school-right-merge .study-report-title ,
#school-right-merge #page-title ,
#school-right-merge .t-title {
	border-bottom: 2px solid #093;
    color: #093;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0 0 10px;
    text-indent: 5px;
    width: 100%;
}

.page-school-my-course-classroom #school-right-merge #page-title {
	background: url("../images/non-payment.jpg") left center scroll no-repeat;
	text-indent: 30px;
	border: 0 none;
	padding-top: 10px;
	margin-bottom: 0;
}

#school-right-merge .region-content {
	float: left;
    width: 100%;
}

.classTitle h2 {
	background: url(../images/classTitle-img.png) 50px 35px scroll no-repeat;
	padding: 35px 0 5px 75px;
}

.classTitle div {
	background-color: #ccc;
	height: 1px;
	margin: 10px 5%;
}

.classTitle a {
	width: 65%;
	line-height: 30px;
	float: left;
	padding-left: 35%;
	color: #333;
}

.classTitle a:hover,.classTitle .classTitle-choose {
	color: #005a48;
	background-color: #AACF5C;
	font-weight: bold;
}

.classContent {
	padding: 10px 0px;
}

.e-today font {
	font-size: 24px;
    width: 54px;
}

.e-className {
	background: url("../images/course-history.png") no-repeat scroll 10px center rgba(0, 0, 0, 0);
	line-height: 50px;
	padding: 0 10px 0 35px;
	width: 67%;
	height: 50px;
	overflow: hidden;
}
.page-class-booking .e-className {
	padding: 0 30px 0 60px;
	background-position: 20px center;
}
.e-className span {
	height: 51px;
	padding-top: 0;
	max-width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.enterClass .e-classBtn {
	background: url("../images/e-classBtn.png") no-repeat scroll 95% center #6bc30d;
    border-radius: 3px;
    color: #ffffff;
    float: right;
    height: 33px;
    line-height: 33px;
    margin: 9px 10px 0 0;
    padding: 0 18px 0 10px;
    text-decoration: none;\
    min-width:100px;
    display: inline;
}
.enterClass .e-classBtn.disabled{
	background: #B1B1B1;
}
.enterClass .e-classBtn.disabled:hover{
	background: #B1B1B1;
}
.enterClass .e-classBtn:hover {
	background-color: #539e02;
}
.enterClass .e-classBtn:active {
	border-top: 1px solid #FFF;
}
.tab-list-btn {
	background: url(../images/u406_mouseOver.png) left 4px scroll no-repeat;
	width: 20px;
	height: 12px;
	padding-top: 4px;
	margin-right: 10px;
}

.tab-list-btn-1 {
	background: url(../images/u406_normal.png) left 4px scroll no-repeat;
	width: 20px;
	height: 12px;
	padding-top: 4px;
	margin-right: 10px;
}

.tab-calendar-btn {
	background: url(../images/u433_normal.png) scroll no-repeat;
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

.tab-calendar-btn-1 {
	background: url(../images/u433-1_normal.png) scroll no-repeat;
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

.book-calendar  {
	border: 1px solid #ccc;
	min-height: 264px;
	float: left;
}
.tab-c-head {
	height: 38px;
	line-height: 38px;
	width: 869px;
	font-size: 14px;
	background: none repeat scroll 0 0 #E6E6E6;
	color: #333333;
}
.book-calendar  .tab-c-head {
	height: 48px;
	line-height: 48px;
	width: 342px;
	font-size: 14px;
	background-color: #fff;
	color: #333333;
	border-bottom: 1px solid #aaa;
}

.tab-c-head a {
	height: 11px;
    padding: 14px 10px 13px;
    width: 6px;
}
.tab-c-head a#capre {
    margin-left: 40px;
	float: left;
}
.tab-c-head span {color: #11A74E;}
.tab-c-head a#canext {
    margin-right: 40px;
	float: right;
}
.tab-c-head a img {
	float: left;
}

.tab-c-week {
	border-left: 1px solid #CBCBCB;
	background-color: #fff;
	width: 869px;
}

.book-calendar  .tab-c-week {
	background-color: #fff;
	width: 342px;
	border-left: none;
}

.book-calendar li.last,.book-calendar #calendar-items li.last {
	border-right: none;
}

.tab-c-week li,#calendar-items li {
	width: 123px;
	text-align: center;
	line-height: 35px;
	float: left;
	border-right: 1px solid #dfdfdf;
	color: #404040;
}
.tab-c-week li {
	font-weight: bold;
}
.book-calendar  .tab-c-week li , .book-calendar  #calendar-items li {
	width: 48px;
	text-align: center;
	line-height: 36px;
	float: left;
	color: #333;
	font-family: arial;
}
.book-calendar  #calendar-items li.course-choose {
	background: #FFA722;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
}
.book-calendar  #calendar-items li span.badge {
	background-color: #6AC40D;
	border-radius: 50px;
	color: #ffffff;
	font-size: 10px;
	height: 15px;
	line-height: 15px;
	padding: 0;
	position: absolute;
	margin-left: 5px;
	text-align: center;
	margin-top: -5px;
	width: 15px;
}
.book-calendar  .tab-c-week li {
	color: #666;
}

.book-calendar   #calendar-items li {
	border-top: 1px solid #dfdfdf;
	height: 36px;
	cursor: pointer;
	background: #FFF;
}
.book-calendar   #calendar-items li.disabled {
	color: #ddd;
	cursor: not-allowed;
}
.book-calendar #calendar-items li.weekToday disabled{
	color: #333;
	background:#666;
	cursor: not-allowed;
}

.book-calendar  #month {
	color: #009933;
	font-weight: bold;
	font-size: 16px;
}

#calendar-items li {
	border-top: 1px solid #CBCBCB;
	height: 36px;
}

.tab-c-month-date {
	width: 869px;
	border-left: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}

.book-calendar   .tab-c-month-date {
	width: 342px;
	border-left: none;
	border-bottom: none;
}

.tab-c-month-date .weekToday {
	background-color: #eee;
}

.tab-c-month-date .c-gre {
	background-color: #AACF5C;
}

.tab-c-month-date .clash-time {
	background-image: url(../images/clash-time.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.tab-c-month-date .myclassed {
	background: url(../images/u276_normal.png) center top scroll no-repeat;
}

.tab-c-month-date .unmyclass {
	background-image: url(../images/circle_mark_u268_normal.png);
	background-position: center top;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

.tab-l-title {
	padding: 8px 1.5%;
	width: 97%;
}

.tab-l-cont {
	width: 100%;
}

.tab-l-cont li {
	width: 96%;
	float: left;
	border-top: 1px dashed #c9c9c9;
	padding: 10px 2%;
	line-height: 25px;
}

.tab-l-cont li.tab-l-nav-top {
	border: 0 none;
}

.tab-l-cont li>div {
	width: 100%;
	float: left;
}

.tab-l-cont li h4 {
	height: 20px;
	line-height: 20px;
}

.tab-l-todayClass h4 {
	color: #FF6633;
}

.tab-l-time {
	width: 140px;
}
.tab-l-time font {
	padding-left: 10px;
}
.tab-l-todayClass .tab-l-time {
	color: #333;
}

.tab-l-name {
	width: 270px;
	color: #666;
	float: left;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tab-l-name:hover {
	color: #009933;
}

.tab-l-todayClass .tab-l-name {
	color: #3399FF;
	font-weight: bold;
}

.tab-l-cont li img {
	width: 12px;
	height: 12px;
	float: left;
	padding-left: 3px;
	padding-top: 5px;
}

.tab-l-teacher {
	width: 100px;
	padding-left: 20px;
	float: left;
}

.tab-list-mode .divRow a {
	color: #333;
	cursor: pointer;
}

.tab-list-mode .divRow a:hover {
	color: #009933;
	text-decoration: underline;
}

.schedule-content span {
	width: 75px;
	height: 20px;
	padding-left: 20px;
}

.schedule-content em {
	width: 20px;
	height: 8px;
	float: left;
	margin-top: 5px;
}

.schedule-class em {
	background-color: #EC6B69;
}

.schedule-classed em {
	background-color: #AACF5C;
}

.schedule-unclass em {
	background-color: #E6E6E6;
}

.schedule-diagram {
	min-height: 300px;
}

.timetable-chart {
	float: left;
    padding-left: 10px;
    padding-top: 20px;
    width: 720px;
}

.myclass-information {
	background: url("../images/lesson-num-info-bg.png") no-repeat scroll 20px 32px #FFFFFF;
	border-top: 1px solid #e5e5e5;
    line-height: 20px;
    margin-top: 30px;
    padding-top: 30px;
    padding-left: 50px;
    width: 100%;
}

.myclass-info-detail {
	float: left;
	height: 175px;
	padding: 15px 5%;
	width: 39%;
	background-color: #EEEEEE;
}

.myclass-info-classroom {
	background: url("../images/u415_normal.png") no-repeat scroll 20px 27px
		rgba(0, 0, 0, 0);
	height: 175px;
	padding: 15px 3% 15px 7%;
	width: 40%;
	background-color: #EEEEEE;
}

/* �ҵĿα����� */
/* �ҵĿα����� */
.schedule-comment textarea {
	width: 99%;
	float: left;
	resize: none;
	height: 80px;
	line-height: 20px;
	padding-left: 5px;
}

.schedule-img {
	padding: 0 30px 0 0;
	width: 230px;
	height: 150px;
	overflow: hidden;
	float: left;
}

.schedule-img img {
	width: 225px;
	float: left;
}

.schedule-share span {
	padding-top: 3px;
}

.schedule-share a {
	width: 28px;
	float: left;
	text-align: center;
}

.schedule-share a img {
	width: 23px;
	height: 24px;
}

.schedule-info {
	float: left;
    width: 440px;
    line-height: 22px;
}

.schedule-info h1 {
	color: #019A32;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    overflow: hidden;
    padding: 0 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.enter-class-btn , a.back-btn {
	background-color: #F2A500;
	text-align: center;
	margin-right: 30px;
    margin-top: 27px;
	padding: 6px 15px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	min-width: 60px;
	border-radius: 3px;
	float: left;
}

a.enter-class-btn:hover , a.back-btn:hover {
	background-color: #e19a00;
}
.schedule-class-detail-mode {
	width: 100%;
	float: left;
}
.schedule-class-detail-cont {
	width: 100%;
	float: left;
    margin-bottom: 20px;
    margin-top: 15px;
}
.schedule-class-detail-title {
	border-bottom: 1px solid #e6e6e6;
    float: left;
    font-size: 14px;
    line-height: 30px;
    padding: 0;
    text-indent: 10px;
    width: 100%;
}
.schedule-class-detail-info {
	background: url("../images/title-bg-1.png") no-repeat scroll left top transparent;
    float: left;
    padding: 20px 1.5% 0;
    position: relative;
    top: -1px;
    width: 97%;
}

.schedule-mode-choose {
	padding: 30px 12px 15px;
	width: 694px;
}

.schedule-mode-choose h2 {
	width: 171px;
	background-color: #E4E4E4;
	border: 1px solid #a1a1a1;
	border-bottom: 0 none;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	float: left;
	height: 40px;
	line-height: 40px;
	border-radius: 5px 5px 0 0;
}

.schedule-mode-choose h2.schedule-choose {
	font-weight: bold;
	background-color: #fff;
	height: 45px;
	line-height: 45px;
	position: relative;
	top: -5px;
}

.schedule-review-mode {
	width: 634px;
	padding: 0 20px;
}

.schedule-review-mode h3 {
	width: 668px;
	background-color: #EBE8DD;
	padding: 5px 0 5px 10px;
	text-indent: 1em;
}

.s-review-obj {
	font-size: 12px;
}

.s-review-user-img {
	width: 75px;
	text-align: center;
}

.s-review-user-img img {
	width: 55px;
}

.s-review-user-info {
	width: 86%;
}

.s-review-user-cont {
	width: 86%;
	padding-top: 5px;
	line-height: 18px;
}

.s-review-reply {
	width: 585px;
	padding: 15px 0 0 75px;
}

.s-homework-left {
	border: 1px solid #aaa;
	float: left;
	height: 100px;
	padding: 15px 0;
	width: 100px;
}

.s-homework-left .shl-bg {
	background: url("../images/s-homework-left.png") scroll no-repeat right
		bottom #fff;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 18px;
	height: 18px;
}

.lesson-type {
	float: left;
	margin: 5px 5% 0;
	overflow: hidden;
	width: 90%;
}

.s-homework-time {
	width: 100%;
	text-align: center;
}

.s-homework-time>font {
	height: 32px;
	line-height: 32px;
	width: 46%;
	text-align: right;
	padding-right: 5%;
}

.s-homework-time span {
	width: 48%;
}

.s-homework-time span font {
	width: 90%;
	font-size: 12px;
	float: left;
	line-height: 16px;
	text-align: left;
	padding-left: 10%;
}

.s-homework-finish-btn {
	width: 75px;
	height: 30px;
	line-height: 30px;
	background-color: #009999;
	margin: 30px 13px;
}

.s-homework-right {
	width: 80%;
}

.s-homework-title {
	width: 90px;
}
.attach {
	background: url("../images/u153_normal.png") no-repeat scroll left center transparent;
	padding-left: 20px;
}
.schedule-class-detail-info .size {
	width: 200px;
	text-align: center;
}
.schedule-class-detail-info .loaddown a {
	padding: 2px 10px;
	float: left;
	background-color: #999;
	color: #fff;
	border-radius: 3px;
}
.schedule-class-detail-info .loaddown a:hover {
	background-color: #f2a500;
}
.s-homework-record span {
	width: 234px;
}

.s-homework-annex {
	background: url(../image/u153_normal.png) left center scroll no-repeat;
	padding-left: 18px;
	text-decoration: underline;
}

.s-homework-teacher img {
	width: 15px;
	height: 15px;
}

.s-homework-review-time {
	float: left;
	left: 85px;
	position: absolute;
	top: 15px;
}

.s-homework-comment {
	float: left;
	left: 85px;
	line-height: 20px;
	position: relative;
	top: -18px;
	width: 84%;
	padding: 0;
}

.schedule-relevant-mode,.schedule-plan-mode {
	line-height: 20px;
	padding: 0 20px;
}

.s-review-reply-cont,.s-review-reply-cont-mode {
	float: left;
	padding-left: 11%;
	padding-top: 10px;
	width: 86%;
}

.s-review-reply-cont textarea,.s-review-reply-cont-mode textarea {
	width: 98%;
	resize: none;
	padding: 5px 0 5px 1%;
	height: 15px;
}

.s-review-reply-cont .s-review-reply-content,.s-review-reply-cont-mode .s-review-reply-content
	{
	height: 60px;
	line-height: 20px;
	padding: 0 0 0 1%;
}

.s-review-cont-btn {
	background-color: #AACF5C;
	height: 28px;
	line-height: 28px;
	margin-top: 5px;
	text-align: center;
	width: 70px;
}

.s-review-cont-btn:hover {
	background-color: #00ccff;
}

.s-review-reply .s-review-user-img {
	width: 35px;
	padding-right: 5px;
	text-align: center;
}

.s-review-reply .s-review-user-img img {
	width: 35px;
}

.s-review-reply .s-review-user-info {
	width: 93%;
}

.s-review-reply .s-review-user-cont {
	width: 93%;
}

.s-review-reply .s-review-reply-cont {
	float: left;
	padding-left: 6%;
	padding-top: 10px;
	width: 93%;
}

/* �ҵĿα��������� */
/* ��� */
.allMyClass {
	background: url("../images/course-prompt-bdBg.png") repeat scroll left top transparent;
	position: absolute;
	width: 350px;
	top: 25%;
	left: 25%;
	z-index: 10;
	display: none;
	padding:6px;
}
.allmyclass-cont {
	background-color: #fff;
	min-height: 50px;
	padding: 10px 2%;
	width: 96%;
	float: left;

}
.allmyclassObj {
	width: 96%;
	padding: 4px 2%;
}
.allmyclassObj a:hover {
	text-decoration: underline;
}
.allmyclass-cont .finished * {
	color: #999;
}
.allmyclass-cont .plan * {
	color: #333;
}

.allmyclass-time {
	width: 88px;
}

.allmyclass-name {
	height: 16px;
	width: 30%;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.allmyclassObj img {
	padding-top: 2px;
}

.allmyclassObj .allmyclass-teacher {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 75px;
	height: 18px;
}

.allmyclassObj .allmyclass-btn img{
-webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.allmyclassObj .allmyclass-btn:hover img{
-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.allmyclass-san {
	background: url(../images/u288_normal.png) center top scroll no-repeat;
	position: absolute;
	width: 100%;
	bottom: -13px;
    height: 19px;
}
.page-timetable {float: left;}
.page-timetable .tab-list-mode .headRow #calendar-loading{
	float: right;
}
.tab-title {
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
}

.tab-title h1 {
	font-weight: normal;
	padding: 0;
}

.tab-calendar-mode {
	position: relative;
	width: 345px;
	float: left;
	margin: 0px;
	margin: 10px 0 0 22px;
}
.page-timetable #note {
	width: 100%;
	float: left;
	padding: 5px 0;
}
.page-timetable #note span {
	text-indent: 30px;
	padding-right: 45px;
	float: left;
	line-height: 34px;
	height: 34px;
}
.page-timetable #note span.gre {
	background: url("../images/circle_mark_u268_normal-1.png") no-repeat scroll left center transparent;
}
.page-timetable #note span.gra {
	background: url("../images/u276_normal-1.png") no-repeat scroll left center transparent;

}
.page-timetable #note span.cancel {
	background: url("../images/mycourse-cancel-bg.png") no-repeat scroll left center transparent;
	text-indent: 30px;

}

/*20140111����*/
/*==ֻ��Ҫ����һ������==���޸�tab-c-month-date li��ʽ���ݣ�===============================*/
.courseEnterClass {
	margin: 10px 12px 0;
}

.course-step div {
	background: url(../images/course-title-bg-1.png) scroll no-repeat 0px 0px;
	width: 37px;
	height: 37px;
	float: left;
	color: #fff;
	font-weight: bold;
	font-family: arial;
}

.course-step .course-cur-step {
	background: url(../images/course-title-bg.png) scroll no-repeat 0px 0px;
}

.course-step div font {
	float: left;
    font-size: 24px;
    font-weight: normal;
    height: 37px;
    line-height: 39px;
    text-align: center;
    width: 37px
}

.course-step div span {
	float: left;
    font-size: 14px;
    left: -32px;
    text-align: center;
    top: -63px;
    width: 100px;
	color: #999;
}

.course-step .course-cur-step span {
	color: #009933;
}

.course-step img {
	float: left;
	width: 380px;
	height: 5px;
	padding-top: 16px;
}

.course-booking-title {
	margin: 30px 0 15px;
	font-size: 22px;
	font-weight:normal;
}
.course-booking-title div#time-notice, .courseContLeft #curr-time {
	color: #666;
    font-size: 12px;
    font-weight: normal;
}
#timezone-notice{
	float: right;
	margin: 30px 0 15px;
	font-size: 16px;
}
.courseContLeft #curr-time{
	font-size: 14px;
}
.course-booking-title .time-notice-active{
	color: #FF6666;
}
.course-booking-title .yes {
	background: url(../images/check_icon_u271_normal-1.png) left top scroll
		no-repeat;
	padding-left: 20px;
}

.course-booking-title .no {
	background: url(../images/check_icon_u271_normal.png) left top scroll
		no-repeat;
	padding-left: 20px;
	margin-left: 10px;
}
#teacher-list .inline-block{
	display: inline-block;
	box-sizing: border-box;
	background: #FAFAFA;
	vertical-align: -webkit-baseline-middle;
	height: 300px;
	padding:2% 3%;
}
#teacher-list .default-teacher{
	width:33%;
}
#teacher-list .more-teacher{
	min-width:66%;
	border-left: 2px solid #FFF;
}
#teacher-list .full-width{
	display: block;
	border: none;
}
#teacher-list .teacher-item{
	width: 265px;
	top: 90px;
	height: 150px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	-webkit-border-raidus: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
	transition:top 0.2s;
	-webkit-transition:top 0.2s;
	-moz-transition:top 0.2s;
}
#teacher-list .teacher-item:hover{
	top:88px;
}
#teacher-list .more-teacher .teacher-item{
	margin-left: 20px;
}
#teacher-list .full-width  .teacher-item{
	margin-left: 30px;
}
#teacher-list .teacher-item.active{
	background-color: #FFA722;
	color: #FFF;
	top: 88px;
}
#teacher-list .teacher-item .t-avatar{
	width:100px;
	height: 100px;
	border-radius: 100px;
	-webkit-border-raidus: 100px;
  	-moz-border-radius: 100px;
  	position: absolute;
  	top:-80px;
}
#teacher-list .teacher-item .t-avatar img{
	width:100px;
	height: 100px;
	border-radius: 100px;
	-webkit-border-raidus: 100px;
  	-moz-border-radius: 100px;
}
#teacher-list .teacher-item .t-avatar{
	border: 2px solid #CCCCCC;
}
#teacher-list .teacher-item.active .t-avatar{
	border: 2px solid #F8C43A;
}
#teacher-list .teacher-item .t-name{
	float: right;
	top: -10px;
	font-size: 18px;
}
#teacher-list .teacher-item.active .t-name{
	color: #FFF;
}
#teacher-list .teacher-item .teaching-age{
	margin-top: 20px;
	max-height: 20px;
	overflow: hidden;
}
#teacher-list .teacher-item .t-features{
	max-height: 40px;
	overflow: hidden;
}
#teacher-list .teacher-item .t-profile{
	line-height: inherit;
	background: #F0F0F0;
	padding: 5px;
	margin-top: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 14px; 
	color: #666;
}
#teacher-list .teacher-item.active .t-profile{
	background: #FCF1D1;
	color: #9E6309;
}
#teacher-list .b-title{
	font-size: 20px;
}
#teacher-list .follow-school{
	padding: 20px;
	background: #FAFAFA;
}
#teacher-list .follow-school.active{
	background: #FFA722;
	color: #FFF;
}
#teacher-list .follow-school.active .button{
	background: #FFF;
	color: #FFA722;
}
#teacher-list .follow-school p{
	text-align: center;
	font-size: 24px;
	line-height: 24px;
}
#teacher-list .follow-school .button{
	margin: 0 auto;
	float: none;
	width: 300px;
	font-size: 20px;
	margin-top: 20px;
	background-color: #FCB201;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.course-date {
	float: right;
    margin-top: 5px;
    width: 610px;
}
.course-date-self {
    background-color: #f2f2f2;
    height: 260px;
    padding: 5px 0 12px 35px;
    width: 560px;
    overflow: hidden;
}
.course-date-self ul{
	margin-left: 630px;
	width:560px;
}
.course-date-self li{
	list-style: none;
	float: left;
	text-align: center;
	width: 61px;
	height:39px;
	line-height: 39px;
	background: #FFF;
	cursor: pointer;
	margin: 3px;
	color:#666;
}
.course-date-self ul.b24 li{
	width: 122px;
}
.course-date-self li.disabled{
	color: #ccc;
	background: #F2F2F2;
	cursor: auto;
}
.course-date-self li.checked{
	font-weight: bold;
	background: #FFA722;
	color: #FFF;
}
.course-row-1 span.t-gra6 {
	width: 350px;
	float: left;
}
.timezone {
	width: 100%;
	float: left;
}
.timezone select {
	border: 1px solid #b3b3b3;
    float: left;
    padding: 4px 0;
    width: 83%;
    height: 30px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.course-row-1 input,.course-row-1 select {
	width: 88px;
	float: left;
	margin-right: 6px;
	padding: 4px 2px 4px 0;
	border: 1px solid #B3B3B3;
}
.course-row-1 input,.course-row-1 select.festival {
	margin-left: 10px;
}
.course-row-1 select {
	height: 29px;
	margin-top: 2px;
}

.course-row-1 span {
	float: left;
	line-height: 30px;
	margin-right: 5px;
}

.course-row-2 {
	padding-top: 10px;
}

.course-row-2 input {
	float: left;
	margin-top: 5px;
	float: left;
}

.course-row-2 span {
	float: left;
	padding: 0 22px 0 5px;
	margin-top: 5px;
}

.course-row-2 .count {
	width: 60px;
	margin: 0;
	text-align: center;
	line-height: 20px;
	height: 20px;
	padding: 0;
}

.course-date-self .course-date-btn {
	background: url("../images/course-choose-btn-bg.png") no-repeat scroll 15px center #aaa;
    cursor: default;
    margin-top: 25px;
    text-indent: 20px;
}

.course-date-self .course-date-btn.enable {
    cursor: pointer;
    border-color: #e6a800;
    background-color: #e6a800;
}

.courseDetail {
	width: 100%;
	color: #000000;
    font-size: 14px;
    padding: 2px 0 0;
}
.courseDetail span {
	float: left;
    padding-bottom: 10px;
    padding-right: 10px;
}
.course {
	background: url(../images/check_icon_u271_normal-1.png) 90% 90% scroll
		no-repeat;
}

.course-chClass {
	background: url(../images/check_icon_u271_normal.png) 90% 90% scroll
		no-repeat;
}

.course-list {
	margin: 0;
	width: 100%;
	margin: 15px 0 0;
}

.course-list .booking-list-bottom{
	width: 962px;
	height: 30px;
	margin-top: 181px;
	margin-left: 1px;
	position: absolute;
	z-index: 1;
	background: url(../images/line-y.png);
}

.course-list li {
	width: 100%;
	float: left;
	height: 25px;
	line-height: 25px;
}

.course-list li .cl-time {
	width: 220px;
	float: left;
	padding-left: 5px;
}

.course-list li .cl-count {
	width: 90px;
	float: left;
}

.course-list li .cl-remark {
	width: 210px;
	float: left;
	height: 25px;
}

.course-list li .cl-opera {
	width: 45px;
	float: right;
}

.course-list li .cl-opera img {
	padding-top: 8px;
}

.online-teching-course-list .coursemore-right {
	width: 300px;
	min-height: 72px;
	margin-left: 10px;
	padding: 15px 20px;
	float: left;
	background-color: #f2f2f2;
}

.online-teching-course-list .coursemore-time {
	float: left;
    font-size: 30px;
    padding: 20px 0 0;
    margin: 0;
    text-align: center;
    width: 100px;
}

.online-teching-course-list .coursemore-title {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #333;
    padding-bottom: 10px;
}
.online-teching-course-list .state {
	width: 100%;
	float: left;
	padding-top: 10px;
}
.online-teching-course-list .state font {
	background-color: #fff;
	border: 1px solid;
	border-radius: 10px;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	float: left;
}
.online-teching-course-list .state .finish {
	color: #999;
	border-color: #ccc;
}
.online-teching-course-list .state .theclass {
	color: #009A31;
	border-color: #12A84E;
}
.online-teching-course-list .state .course {
	color: #E78D01;
	border-color: #E6A700;
}

.online-teching-course-list .course-obj {
	padding: 10px 1%;
	width: 48%;
	float: left;
}

#block-course-online-teaching-course-list .more-button {
	float: right;
	background-color: #fff;
}
#block-course-online-teaching-course-list .more-button a {
	color: #808080;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}
#block-course-online-teaching-course-list .more-button a:hover {
	text-decoration: underline;
}

#block-course-online-teaching-course-list {
	float: left;
	margin: 0 0 10px;
	width: 100%;
}

#block-course-online-teaching-course-list h2 {
	background-color: #ffffff;
    border-bottom: 1px solid #999;
    color: #333;
    float: left;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
}
#block-course-online-teaching-course-list h2 a {
	font-size: 14px;
	font-weight: normal;
	float: right;
	padding-top: 9px;
	margin-right: 10px;
}
#block-course-online-teaching-course-list h2 a:hover {
	text-decoration: underline;
}
.leave-message {
	width: 604px;
}

.leave-message textarea {
	width: 592px;
	border: 1px solid #ccc;
	height: 80px;
	line-height: 20px;
	color: #333;
	padding: 5px;
	resize: none;
}

.leave-message font {
	position: absolute;
	top: 80%;
	right: 7px;
	font-size: 10px;
}

.confirmsubmit input {
	float: none;
}

.wait-course {
	height: 650px;
	padding: 25px 0 0 0;
}
.wait-course .actions{
	width: 300px;
	margin: 0 auto;
}
.wait-course .actions .button{
	margin: 50px 0 0 30px;
}
.wait-course a.button{
	color: #FFFFFF;
}
.wait-course .go-on{
	background: #3E79A3;
}
.wait-course-detail {
	width: 420px;
	line-height: 20px;
}

.wait-course li {
	width: 100%;
	float: left;
	list-style: none;
}
.wait-course li .date{
	width: 20%;
	float: left;
	margin: 3px;
	background: #fff9f0;
	text-align: center;
	font-size: 16px;
}
.wait-course li .time{
	width: 20%;
	float: left;
	margin: 3px;
	height: 38px;
	line-height: 38px;
	background: #fff9f0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.wait-course li .course-name{
	width: 58%;
	float: left;
	margin: 3px;
	height: 38px;
	line-height: 38px;
	background: #FFF9F1;
	text-align: center;
	font-size: 16px;
}

.wait-course li#cancel-note {
	color: #FF3200;
	padding-top: 15px;
	font-weight: bold;
}

.wait-course li a {
	color: #ff6500;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 5px;
}
.wait-course li a.a-timetable {
	color: #009FC6;
}
.wait-course li a.a-message {
	color: #000;
}


.wait-course li a:hover {
	text-decoration: underline;
}



#course-step1 {
	left: 0;
	position: relative;
	background: #F5f5f5;
	padding-bottom: 22px;
	margin: 5px 0 0 0;
}
.sidebar-second .school-right-merge .content {
	min-height: 540px;
}
#book-success {
	position: absolute;
	top: 100px;
	width: 100%;
	opacity: 0;
	display: none;
	padding: 25px 0 0 0;
}
#book-success .lesson-book-info{
	font-size: 18px;
}
#book-success .lesson-book-info .lesson-booked{
	font-size: 24px;
	color: #009933;
}
#book-success .lesson-book-info .lesson-left{
	font-size: 24px;
	color: #0a7ad0;
}
.page-school-my-course .courseContLeft {
	width: 708px;
	float: left;
	border: 1px solid #EBEBEB;
	padding: 10px;
}
.courseContLeft .intro-new{
	float: left;
	position: absolute;
	top:60px;
	left:100px;
	font-weight:bold;
	cursor:pointer;
	color: #ff6503;
}
.courseContLeft .intro-new:hover{
	color:#3288E6;
}
.page-school-my-course .schedule-review-mode {
	width: 714px;
	float: left;
	padding: 0;
}

.page-school-my-course .teaching-plan,.page-school-my-course .courseware
	{
	border: 1px solid #d7d7d7;
	margin-top: 30px;
	width: 712px;
	float: left;
	padding: 0 0 20px;
}

.page-school-my-course .schedule-review-mode h3 {
	margin: 0 0 10px;
	width: 100%;
	padding: 0;
	line-height: 33px;
	background-color: #e4e4e4;
	border-bottom: 1px solid #d7d7d7;
	font-weight: normal;
}

.page-school-my-course .teaching-plan .plan-con,.courseware-con {
	margin: 0 2.5%;
}

.page-school-my-course .schedule-review-mode .s-homework-record {
	margin: 0 2.5%;
}

.page-school-my-course .schedule-review-mode .s-homework-title {
	text-align: right;
}
.subscribeList-default {
	width: 978px;
	float: left;
	border: 1px dashed #9D9D9D;
	color: #8F8F8F;
	padding: 60px 0;
	text-align: center;
	margin-top: 20px;
}
.confirm-book{
	margin: 0 auto;
	width: 150px;
	top: 0px;
}
.subscribeList {
	float: left;
	width: 958px;
	padding: 0 10px 10px;
	border: 1px solid #B7B7B7;
	margin-top: 20px;
}
#course-step2 .subscribeList {
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 0;
}
.subscribeList .subscribe-obj {
	width: 100%;
	float: left;
}
.subscribeList .list-footer {
	width: 100%;
	float: left;
	height: 30px;
}
.subscribeList .subscribe-obj h3 {
	border-bottom: 1px solid #cecece;
    float: left;
    padding: 10px 0 5px 0;
    width: 100%;
    color: #11A84E;
    text-indent: 5px;
}
.subscribe-item {
	border-bottom: 1px dashed #e7e7e7;
    float: left;
    width: 97.5%;
    padding-left: 2.5%;
}
.repetition {
	background: url("../images/course-choose-subscribe.png") no-repeat scroll left center transparent;
	color: #FD2121;
	border-bottom: 1px dashed #e7e7e7;
    float: left;
    width: 97.5%;
    padding-left: 2.5%;
}
.subscribe-item span , .repetition span{
	float: left;
    height: 20px;
    padding: 10px 10px 5px 0;
    min-width: 70px;
}
.subscribe-item span.prompt{
	display: none;
}
.repetition span.prompt {
	display: block;
}
.subscribe-item span.del-obj , .repetition span.del-obj {
	text-align: center;
	width: 30px;
	margin: 0 50px;
	cursor: pointer;
}
.subscribe-item span.del-obj img , .repetition span.del-obj img {
	width: 20px;
	height: 17px;
	padding: 1px 5px;
}
.subscribeBtn {
	float: left;
	width: 100%;
	text-align: right;
	padding: 5px 0;
}
.subscribeBtn div {
	color: #fff;
	background-color: #B1B1B1;
	width: 140px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
    cursor: default;
}
.subscribeBtn div.subscribeBtn-submit {
	background: url("../images/course-choose-confirm.png") no-repeat scroll right 8px center #e89f00;
	text-align: center;
}
.subscribeBtn div.subscribe-reset {
	background-color: #B1B1B1;
}
.subscribeBtn div.subscribeBtn-event {
	background-color: #e6a800;
	cursor: pointer;
}

/* �ڸDz� */
.cover {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: #000;
	opacity: 0.4;
}

.course-prompt {
	background: url("../images/course-prompt-bdBg.png") repeat scroll left top transparent;
	position: fixed !important;
	top: 20%;
	left: 50%;
	margin-left: -215px;
	width: 430px;
	z-index: 100;
	border-radius: 10px;
	padding: 6px;
}

.course-prompt .cprompt-content {
	background-color:#fff;
	font-size: 14px;
    line-height: 20px;
    min-height: 130px;
    padding: 30px 5%;
    width: 90%;
}

.course-prompt input {
	width: 50%;
	float: right;
	border: 1px solid #fff;
	padding: 10px 0;
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.course-confirm-btn {
	background-color: #999999;
}
.course-continue-btn {
	background-color: #E39807;
}

#course-vip-book-step2-loading {
	background: url(../images/loading.gif) scroll no-repeat;
	width: 25px;
	height: 25px;
	float: left;
	display: none;
}
.available-lesson-list{
	float: left;
}
.available-lesson-list li.item{
	width: 228px;
	height: 48px;
	line-height:48px;
	text-align: center;
	border: 1px #E6E6E6 solid;
	cursor: pointer;
	float: left;
	margin-right: 15px;
	margin-bottom: 12px;
	font-size:14px;
}
.available-lesson-list li.item.active{
	color: #FFF;
	background: #FFA722;
	border: 1px #FFA722 solid;
}
/* ����ҳ�� */
#lesson-num-info {
	background: url("../images/lesson-num-info-bg.png") no-repeat scroll 0 20px;
	width: 94%;
	float: left;
	padding: 20px 0 25px 40px;
	font-size: 14px;
	overflow: hidden;
}
#lesson-num-info .tips-title {
	font-weight: bold;
}
#lesson-num-info font {
	font-weight: bold;
	font-size: 16px;
}
#block-menu-menu-course-booking-menu {
	float: left;
    overflow: hidden;
    width: 100%;
}
#block-menu-menu-course-booking-menu .lesson-left{
	top: -20px;
}
#block-menu-menu-course-booking-menu ul.menu li {
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	float: left;
	height: 66px;
	width: 326px;
}
#block-menu-menu-course-booking-menu ul.menu li a {
	border-bottom-width: 3px;
	overflow: hidden;
	width: 100%;
	height: 55px;
	line-height: 50px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	float: left;
}
#block-menu-menu-course-booking-menu ul.menu li.group{
	color: #267474;
}
#block-menu-menu-course-booking-menu ul.menu li.group a{
	background: #DDF8FF;
	color: #267474;
}
#block-menu-menu-course-booking-menu ul.menu li.coach{
	color: #008744;
}
#block-menu-menu-course-booking-menu ul.menu li.coach a{
	background: #E2FCEF;
	color: #008744;
}
#block-menu-menu-course-booking-menu ul.menu li.private{
	color: #895e20;
}
#block-menu-menu-course-booking-menu ul.menu li.private a{
	background: #fff5dc;
	color: #895e20;
}
#block-menu-menu-course-booking-menu ul.menu li.active-trail a{
	color: #FFF;
	background: #F89C15;
}
#block-menu-menu-course-booking-menu ul.menu li.active-trail{
	color: #FFF;
}
#block-menu-menu-course-booking-menu ul.menu li.last a {
	margin-left: 2px;
	width: 324px;
}
#block-menu-menu-course-booking-menu ul.menu li.active-trail {
	background-image: url("../images/course-menu-triangle.png");
}


/*20140113 ���� С����ҳ��*/
.cm-condition {
	width: 95%;
	padding: 15px 0 15px 15px;
}

.cm-cond-cont {
	border: 1px solid #efefef;
    clear: both;
    float: left;
    margin: 0 0 20px;
    overflow: hidden;
    top: 15px;
    width: 978px;
}
.cm-cond-cont .facet {
	border-top: 1px dashed #e5e5e5;
    float: left;
    line-height: 33px;
    width: 100%;
}
.cm-cond-cont .facet-level {
	border-top: 0 none;
}
.cm-condition h1 {
	background-color: #E4E4E4;
	line-height: 30px;
	padding-left: 2%;
	width: 98%;
}

.cm-cond-obj {
	width: 100%;
}

.cm-cond-unline {
	border-bottom: 1px dashed #d7d7d7;
	padding-bottom: 10px;
	padding-top: 15px;
}

.cm-cond-title {
	background-color: #f3f3f3;
    font-size: 14px;
    font-weight: normal;
    margin-right: 20px;
    text-align: center;
    width: 100px;
}

.cm-cond-unline .cm-cond-title {
	line-height: 25px
}

.cm-search-btn {
	background-color: #AACF5C;
	color: #005A48;
	width: 55px;
	line-height: 23px;
	text-align: center;
}

.cm-search-btn:hover {
	background-color: #005A48;
	color: #fff;
}

.cm-cond-cont-list-choose {
	width: 490px;
}

.cm-cond-cont-list-choose li {
	float: left;
	margin-right: 4%;
	line-height: 20px;
	padding: 0 5px;
	border: 1px solid #c9c9c9;
	background-color: #eee;
}

.cm-cond-cont-list-choose li font {
	padding-left: 20px;
	cursor: pointer;
}

.cm-cond-cont-list {
	width: 100%;
}

.cm-cond-cont-list li {
	float: left;
	padding: 0 50px 0 0;
}

.cm-cond-cont-list li.selected a {
	color: #FF6400;
}

.coursemore-list {
    width: 48%;
    height: 140px;
}

.coursemore-obj {
	padding: 25px 0 0;
	widows: 100%;
}
.coursemore-obj:nth-child(even) {
	float: right;
}
.coursemore-left {
	background: url("../images/online-group-img.png") no-repeat scroll right center;
	padding-right: 11px;
    width: 96px;
	height: 102px;
	color: #fff;
	float: left;
}
.booked .coursemore-left {
	background: url("../images/online-group-img-booked.png") no-repeat scroll right center;
}
.in-class .coursemore-left {
	background: url("../images/online-group-img-inclass.png") no-repeat scroll right center;
}
.finished .coursemore-left {
	background: url("../images/online-group-finished.png") no-repeat scroll right center;
}
.coursemore-left img {
	width: 42px;
	height: 42px;
	float: right;
	padding: 5px 5px 0 0;
}
.coursemore-left font.coursemore-time {
	color: #222222;
    float: left;
    font-size: 24px;
    text-align: center;
    width: 100%;
}
.coursemore-month , .coursemore-year {
	width: 50%;
	color: #333;
	font-size: 14px;
}
.coursemore-month {
	text-align: left;
	float: right;
}
.coursemore-year {
	text-align: right;
}

.coursemore-btn {
    height: 25px;
    line-height: 25px;
    margin-top: 12px;
    overflow: hidden;
    padding: 0 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #2ED2AF;
}
.booked .coursemore-btn {
    background-color: #F2B014;
}
.in-class .coursemore-btn {
    background-color: #F28E76;
}
.finished .coursemore-btn {
    background-color: #CCCCCC;
}
.coursemore-obj a .coursemore-btn:hover {
	background-color: #15bc4c;
}
.coursemore-state {
	width: 50px;
	line-height: 45px;
	padding-left: 10px;
}

.coursemore-right {
	background-color: #F5F9F8;
    margin-left: 4px;
    padding: 10px;
    width: 339px;
    min-height: 82px;
}
.coursemore-right .cm-teacher {
	 overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}
.booked .coursemore-right {
	background-color: #F9F6ED;
}
.in-class .coursemore-right {
	background-color: #FBF1F0;
}
.finished .coursemore-right {
	background-color: #F5F5F5;
}
.coursemore-right .coursemore-title {
	float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.coursemore-right .cm-timelength {
	padding-right: 5px;
}

.coursemore-right img {
	float: right;
	padding-right: 5px;
	width: 12px;
	height: 12px;
	padding-top: 4px;
}

.cm-level {
	width: 110px;
}

.cm-cate {
	width: 170px;
}

.cm-starttime {
	width: 280px;
}

/*ѧϰ����ҳ��*/
.page-school-my-course-study #main-content ,
.page-school-my-course-study .tabs ,
.page-school-my-course-study .devel-themer-wrapper ,
.page-school-my-course-selfstudy #main-content ,
.page-school-my-course-selfstudy .tabs ,
.page-school-my-course-selfstudy .devel-themer-wrapper ,
.page-about-us-student-feedback #main-content ,
.page-about-us-student-feedback .tabs
	{
	display: none;
}
#learning-report-content {
	width: 100%;
	float: left;
}
#learning-report-content .report-item-title {
	width:728px;
	height: 27px;
	float:left;
	line-height: 27px;
	border-width: 1px;
	border-style: solid;
	text-indent: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
}
#learning-report-content .personal {
	background-color: #B9DF90;
	border-color: #8CC152;
	margin-bottom: 20px;
}
#learning-report-content .evaluation {
	background-color: #FFDD87;
	border-color: #F6BB42;
	margin-bottom: 20px;
}
#learning-report-content .learning-progress {
	background-color: #B0E3F6;
	border-color: #3BAFDA;
}
#learning-report-content .comment {
	background-color: #F8C1C7;
	border-color: #EC95A8;
	margin-bottom: 10px;
	margin-top: 10px;
}
#learning-report-content .report-item-content {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}
#learning-report-content .personal-cont .item {
	float: left;
    height: 30px;
    text-indent: 25px;
    width: 50%;
}
#learning-report-content .evaluation-cont .item {
    margin-bottom: 10px;
    text-indent: 25px;
    float: left;
    width: 100%;
    font-weight: bold;
}
#learning-report-content .evaluation-cont .item:first-child {
	border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
}
#learning-report-content .evaluation-cont .item font {
	color: #F5A100;
}
#learning-report-content .evaluation-cont #learning-style-content {
	font-weight: normal;
	font-size: 12px;
}
#learning-report-content .evaluation-cont .style-content {
	float: left;
    font-weight: normal;
    padding-left: 25px;
    line-height: 30px;
    text-indent: 0;
    width: 705px;
}
#learning-report-content .learning-progress-cont .item ,
#learning-report-content .comment-cont .item {
	width: 100%;
	float: left;
    margin-bottom: 5px;
    border-bottom: 1px solid #E5E5E5;
    color: #383838;
    line-height: 30px;
}
#learning-report-content .learning-progress-cont .first ,
#learning-report-content .comment-cont .first {
	border-top: 0 none;
}
#learning-report-content .learning-progress-cont .Textbook {
	border-bottom: 1px solid #7cd1ef;
    line-height: 24px;
    margin: 15px 0 5px;
    padding: 0;
    width: 728px;
}
#learning-report-content .learning-progress-cont .item .date ,
#learning-report-content .comment-cont .item .date {
	float: left;
    font-size: 14px;
    padding-right: 30px;
    text-indent: 25px;
    width: 170px;
}
#learning-report-content .learning-progress-cont .item .lesson-desc ,
#learning-report-content .comment-cont .item .c-content {
	float: left;
	width: 530px;
}
#learning-report-content .learning-progress-cont .Textbook .lesson-desc {
	width: auto;
}
#learning-report-content .learning-progress-cont .Textbook .date ,
#learning-report-content .learning-progress-cont .Textbook .lesson-desc {
	float: left;
	font-weight: bold;
	padding-right: 25px;
}
#learning-report-content .learning-progress-cont .Textbook .date {
	width: 220px;
}
#learning-report-content .learning-progress-cont .Textbook .teacher {
	float: left;
}

/* 20140227 ���� ��ҵ */
.s-homework-time>font {
	height: 32px;
	line-height: 32px;
	width: 46%;
	text-align: right;
	padding-right: 5%;
	font-weight: bold;
}

.s-homework-time span {
	width: 48%;
}

.s-homework-time span font {
	width: 90%;
	font-size: 12px;
	float: left;
	line-height: 16px;
	text-align: left;
	padding-left: 10%;
}

.s-homework-finish-btn {
	width: 75px;
	height: 30px;
	line-height: 30px;
	background-color: #009999;
	margin: 30px 13px;
}

.s-homework-record {
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
	height: 20px;
	line-height: 20px;
	width: 100%;
}

.s-homework-record span {
	width: 230px;
}

.s-homework-record span.hm-rating {
	color: #FF6633;
	font-size: 16px;
	width: 80px;
}

.s-homework-review {
	width: 80%;
	float: right;
}

.s-homework-teacher {
	float: left;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	width: 80px;
}

.s-homework-score {
	clear: both;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	width: 80px;
}

.s-homework-annex {
	background: url(../images/u153_normal.png) left center scroll no-repeat;
	padding-left: 18px;
	text-decoration: underline;
	color: #009933;
	width: 28px;
}

a.s-homework-annex:visited {
	background: url(../images/u153_normal.png) left center scroll no-repeat;
	padding-left: 18px;
	text-decoration: underline;
	color: #009933;
}

.s-homework-teacher img {
	width: 15px;
	height: 15px;
}

.schedule-relevant-mode,.schedule-plan-mode {
	line-height: 20px;
	padding: 0 20px;
}

/*==�޸���ʽ==start============================*/
.schedule-homework-mode {
	left: 20px;
	width: 678px;
}

/*==�޸���ʽ==end============================*/
.s-homework-upload {
	padding: 0;
	min-width: 45px;
	line-height: 20px;
}

.homework-mode {
	min-height: 600px;
}

.hm-banner {
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100%;
}

.hm-banner img {
	width: 100%;
}

.hm-list-condition {
	float: left;
	width: 100%;
}

.hm-list-condition a {
	color: #333;
	width: 110px;
	line-height: 32px;
	margin-right: 1%;
	text-decoration: none;
}

.hm-list-condition a:hover,.hm-list-condition a.hm-list-choose-cond {
	background-color: #39A057;
	color: #FFFFFF;
}

.hm-list {
	width: 100%;
	float: left;
}

.hm-list-title {
	background-color: #F2F2F2;
	margin: 10px 0 0;
	width: 99%;
	line-height: 30px;
}
.hm-rating{
	width: 55px;
	text-align: center;
}
.hm-upload-time {
	width: 120px;
	padding-left: 10px;
}

.hm-cate {
	width: 75px;
	padding-left: 25px;
}

.hm-detail {
	width: 205px;
	padding-left: 25px;
}

.hm-finish {
	width: 120px;
	padding-left: 10px;
}

.hm-create-time {
	width: 107px;
	text-align: center;
}

.hm-finish-btn {
	height: 30px;
	line-height: 30px;
	margin: 30px 13px;
	width: 75px;
}

.hm-finish-btn div {
	background-color: #009999;
	position: absolute;
	top: 0;
	z-index: 9;
}

.hm-finish-btn font {
	position: absolute;
	top: 0;
	z-index: 10;
	left: 0;
	width: 75px;
}

/* ������ʾ�� css */
.allPromptInfo {
	background-color: #FFFFFF;
	border: 1px solid #FF6633;
	margin: 0 auto;
	max-width: 500px;
	min-height: 120px;
	min-width: 260px;
	overflow: hidden;
	position: fixed;
	top: 25%;
	z-index: 1000;
}

.allPromptInfo .promptTitle {
	background-color: #FF6633;
	color: #FFFFFF;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0 2%;
	width: 96%;
}

.allPromptInfo .promptTitle font {
	float: right;
	font-size: 16px;
	text-align: center;
	width: 25px;
	cursor: pointer;
}

.allPromptInfo .promptCont {
	color: #333333;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 5% 10%;
	width: 80%;
}

.allPromptInfo .btnCont {
	float: left;
	padding-bottom: 5px;
	width: 90%;
}

.allPromptInfo .btn {
	background-color: #8ABA56;
	color: #FFFFFF;
	float: right;
	min-width: 40px;
	padding: 5px 15px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

.allPromptInfo span {
	padding-right: 5%;
}

/* style-joe */ /* ---------- Overall Specifications ---------- */
	/*-------/global/-------------*/
.page-school-store #main-wrapper .breadcrumb,.page-school-course-checkout #main-wrapper .breadcrumb
	{
	font-size: 14px;
}

.page-school-store #content #page-title,.page-school-course-checkout #content #page-title
	{
	font-size: 16px;
	margin: 0px;
}

.page-school-store #main-wrapper #content,.page-school-course-checkout #main-wrapper #content
	{
	margin-bottom: 30px;
	padding: 20px 20px 40px;
	font-size: 12px;
	color: #333;
	width: 908px;
}

/*-------/course/store/-------------*/
.course-category .item {
	float:left;
	width:280px;
	text-align:center;
	position:relative;
	margin-left:30px;
	height:500px;
}.course-category .item a.over{
	width: 280px;
	height: 500px;
	display: block;
	position: absolute;
	z-index: 100;
}
.course-category .private .thum{
	background: url(../images/course-category-item.png) no-repeat scroll 0 0;
	background-position: 0 0;
}
.course-category .private:hover .thum{
	background: url(../images/course-category-item.png) no-repeat scroll 0 0;
	background-position: 0 -250px;
}
.course-category .group .thum{
	background: url(../images/course-category-item.png) no-repeat scroll 0 0;
	background-position: -250px 0;
}
.course-category .group:hover .thum{
	background: url(../images/course-category-item.png) no-repeat scroll 0 0;
	background-position: -250px -250px;
}
.course-category .coach .thum{
	background: url(../images/course-category-item.png) no-repeat scroll 0 0;
	background-position: -500px 0;
}
.course-category .coach:hover .thum{
	background: url(../images/course-category-item.png) no-repeat scroll 0 0;
	background-position: -500px -250px;
}
.course-category .item:hover {
	background:#F2B40B;
}
.course-category .item .thum,.course-category .item .title,.course-category .item .summary {
	width:80%;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:10px;
	position:relative;
	text-align: left;
}
.course-category .item .thum{
	width:250px;
	height:250px;
}
.course-category .item .title a {
	color: #12a641;
	font-size: 24px;
	text-align: left;
	text-decoration:none;
}
.course-category .item .summary a {
	font-size: 14px;
	color: #666;
	text-align: left;
	text-decoration:none;
}
.course-category .item:hover .title a,.course-category .item:hover .summary a {
	color:#FFF;
}

/*course/store/% START*/

.course-plan {
	margin-bottom:40px;
}
.course-plan .plan-detail tr td{
	height:40px;
	text-align:center;
	color:#333;
	font-size:12px;
	background:#F1F1F1;
}
.course-plan .plan-detail tr td.promotion{
	background-position:-40px -43px;
}
.course-plan .plan-detail tr td .regular-price {
	float: left;
	font-size: 16px;
	font-weight:bold;
	color: #E74100;
	margin:0px 70px;
}
.course-plan .plan-detail tr td .save {
	float:right;
	margin: 5px 12px 0 0;
	color: #4c4c4c;
}
.course-plan .plan-detail tr td .list_price{
	clear: both;
	float:left;
	padding-left: 15px;
	color: #a6a6a6;
	text-decoration: line-through;
}
.course-plan .plan-detail tr td form {
	width: 100px;
	margin: auto auto;
}
.course-plan .plan-detail tr td form input{
	width: 100px;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	background:#FF9D06 url(../images/course-plan.png) no-repeat 2px 2px;
	background-position: -185px 0 ;
	padding: 0 0 0 15px;
}
.course-plan .plan-detail td ul{
	margin-left: 20px;
	list-style: inherit;
}
.course-plan .plan-detail td ul li{
	text-align: left;
}
.course-plan .plan-detail tr.table-title td{
	height:48px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:48px;
}
.course-plan.times tr.table-title td{
	background:#E6A700;
}
.course-plan.month tr.table-title td{
	background:#115fA9;
}
.course-plan.times .help{
	background: url(../images/course-plan.png) no-repeat scroll 0 0;
	background-position: -87px 0;
	display:-moz-inline-box;
	display:inline-block;
	width: 50px;
	height:22px;
	margin: 5px 0 0 5px;
	cursor: pointer;
}
.course-plan.month .help{
	background: url(../images/course-plan.png) no-repeat scroll 0 0;
	background-position: -42px 0;
	display:-moz-inline-box;
	display:inline-block;
	width: 50px;
	height:22px;
	margin: 5px 0 0 5px;
	cursor: pointer;
}
.course-plan .gift{
	display:-moz-inline-box;
	display:inline-block;
	width: 22px;
	height:22px;
	background:url(../images/course-plan.png) no-repeat 2px 2px;
	background-position: -152px 0 ;
	top: 2px;
}
.course-plan .help-con {
	width: 100%;
	overflow: hidden;
}
.course-plan .help-con .des-item{
	width: 350px;
	float: left;
	margin: 20px 100px 20px 40px;
}
.course-plan.times .help-con .des-title{
	font-size: 16px;
	font-weight: bold;
	color: #d27801;
	magrin:0 0 5px 0;
}
.course-plan.month .help-con .des-title{
	font-size: 16px;
	font-weight: bold;
	color: #156aba;
	margin: 0 0 5px;
}
.course-plan .help-con .des-detail li{
	font-size: 14px;
	color: #4C4C4C;
	padding: 5px 0 0 0;
	list-style-type: octal;
}
.course-plan table {
	margin-bottom:20px;
}
.course-plan.times .help-con {
	background:#F9F2EA;
}
.course-plan .help-con,.course-plan .help-tips{
	display: none;
}
.course-plan.month .help-con {
	background:#F1F6FC;
}
.course-plan .help-con .close-button{
	position: absolute;
	right: 5px;
	cursor: pointer;
}
.course-plan .help-tips {
	width: 100%;
	padding: 8px 20px 12px;
	margin-left:-20px;
	font-size: 14px;
}
.course-plan .help-tips .left-trigon{
	display: -moz-inline-box;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/course-plan.png) no-repeat;
	background-position: 0 -85px;
	top: -23px;
	left: -20px;
}
.course-plan .help-tips .right-trigon{
	float: right;
	display: -moz-inline-box;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/course-plan.png) no-repeat;
	background-position: -28px -85px;
	top: -23px;
	right: -20px;
}
.course-plan .help-tips .title{
	color: #d91f00;
	font-weight: bold;
}
.course-plan .help-tips .detail{
	color: #333;
}
.course-plan.times .help-tips {
	background:#F7E2C5;
}
.course-plan.month .help-tips {
	background:#D2E8F4;
}
.course-plan.month .plan-title {
	font-size: 24px;
	color: #115FA9;
}
.course-plan.times .plan-title {
	font-size: 24px;
	color: #e68700;
}
.course-plan .plan-des {
	font-size: 18px;
	color: #666;
	padding-left: 8px;
}
.course-plan table{
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-spacing: 4px;
	border-collapse: separate;
}
.step-header{
	height: 80px;
	background: url(../images/order-step1.png) no-repeat;
	padding-bottom: 20px;
	margin-top: 20px;
}
#cart-page .step-header{
	background: url(../images/order-step2.png) no-repeat;
}
.page-pay-success .step-header, .page-pay-faild .step-header{
	background: url(../images/order-step3.png) no-repeat;
}
.step-header .step1, .step-header .step2, .step-header .step3{
	height: 50px;
	line-height: 50px;
	float: left;
	width: 320px;
	font-size: 20px;
	text-align: center;
	color: #FFF;
}
.step-header .current-step{
	font-size: 24px;
}
.course-plan #center-title{
	font-size: 26px;
	text-align: center;
	margin-bottom: 20px;
}
.course-plan #package{
	min-height: 100px;
	padding-top: 20px;
}
.course-plan .items{
	font-size: 14px;
	padding-left: 40px;
}
.course-plan .items .promotion{
	color: #DE1F02;
	font-weight: bold;
}
.course-plan .items .full-pay-only{
	color: #03679C;
	font-weight: bold;
}
.course-plan .items .promotion .title{
	background: url(../images/package_icon.png) no-repeat -20px -16px;
	height: 25px;
}
.course-plan .item .title{
	float: left;
	font-weight: bold;
	width: 110px;
	padding-left: 30px;
	padding-right: 20px;
}
.course-plan .item .title span{
	float: right;
}
.course-plan .item .text{
	word-break: break-word;
	float:left;
	width: 600px;
}
.course-plan .item .tips{
	width: 500px;
	color:#999;
	margin-top: 10px;
}
.course-plan .pay-method .pay-method-item{
	width: 266px;
	height: 80px;
	float: left;
	border: 2px solid #999;
	padding: 10px;
	text-align: center;
}
.course-plan .pay-method .pay-method-item:hover{
	border-color: #60AFBC;
}
.course-plan .pay-method .pay-method-title{
	font-weight: bold;
}
.course-plan #pay-all .pay-method-title{
	margin-top: 24px;
}
.course-plan .pay-method .pay-method-content{
	color: #DE1F02;
}
.course-plan .pay-method .pay-method-item.actived{
	background: url(../images/pay-type-choose.png) bottom right no-repeat;
	border-color: #60AFBC;
	color: #006C79;
}
.course-plan .pay-method #pay-installment{
	margin-left: 20px;
}
.course-plan .item.regular-price{
	color: #999;
}
.course-plan .item.regular-price .text{
	text-decoration: line-through;
}
.course-plan #package{
	width: 800px;
	margin: 0 auto;
}
.course-plan .promotion-package{
	background: url(../images/promo-icon.png) no-repeat top right;
}
.course-plan #package .items .item{
	margin-bottom: 15px;
}
.course-plan .items .price .title, .course-plan .items .price .text{
	line-height: 38px;
}
.course-plan .discount, .course-plan .discount-full-pay-only{
	position: absolute;
	left: 280px;
	font-size: 16px;
	float: left;
	margin-left: 20px;
	background: #F2F2F2;
	color: #D12101;
	line-height: 20px;
}
.course-plan .price .regular-price{
	text-decoration: line-through;
	color: #999;
}
.course-plan .item .should-pay{
	color: #DC2000;
	font-size: 20px;
	font-weight: bold;
	background: #F2F2F2;
	width: 600px;
}
.course-plan #pay-button{
	width: 600px;
	margin-left: 160px;
}
#pay-button #terms{
	clear: both;
	float: left;
}
#pay-button label{
	float: left;
	margin-left: 10px;
	font-weight: normal;
	transition: 0.2s;
	-moz-transition: 0.2s; /* Firefox 4 */
	-webkit-transition: 0.2s; /* Safari �� Chrome */
	-o-transition: 0.2s; /* Opera */
}
#pay-button label a{
	color:#006C80;
	text-decoration: underline;
}
#pay-button #term-items{
	float: left;
}
#pay-button #term-items.gray{
	color: #999;
}
.course-plan .items .policy {
	color: #00679A;
}
.course-plan .items .policy .title{
	height: 30px;
	background: url(../images/package_icon.png) no-repeat -20px -140px;
	line-height: 30px;
}
.course-plan .items .policy .text{
	line-height: 30px;
}
.course-plan .buy-course{
	background: url(../images/confirmpay_04.jpg) no-repeat;
	margin-top: 20px;
}
/*course/store/% END*/

/* course cousult START */
#page-course-consult #title{
	font-size: 30px;
	color: #009933;
	width: 500px;
	margin: 0 auto;
	line-height: 30px;
}
#page-course-consult #custom-content{
	text-align: center;
	font-size: 16px;
	padding: 0 20px;
	margin: 30px 0;
	line-height: 30px;
}
#page-course-consult #chat-button{
	width: 370px;
	height: 125px;
	margin: 30px auto;
	background: url(../images/enquiry.png) no-repeat;
}
#page-course-consult #chat-button div{
	margin: 0 auto;
	width:120px;
}
#page-course-consult #course-school-consult-form .form-item-contact{
	clear: both;
	width: 300px;
	float: none;
	margin: 0 auto;
}
#page-course-consult #course-school-consult-form #contact-input{
	width: 300px;
	height: 30px;
	font-size: 20px;
	margin: 30px auto;
}
#page-course-consult #contact-content{
	width: 500px;
	margin: 0 auto;
	font-size: 16px;
}
#page-course-consult #course-school-consult-form #edit-contact-submit{
	width: 120px;
	margin: 0 430px;
}
/* course cousult END */

#courses-store-form-bottom input#edit-confirm {
	float: left;
	position: relative;
	left: 162px;
	width: 166px;
}

#courses-store-form-bottom .ajax-progress-throbber {
	float: left;
	padding-left: 155px;
	padding-top: 10px;
}

/*-------/page-school-course-checkout/-------------*/
.page-school-course-checkout #course-checkout-form fieldset {
	float: left;
    margin: 0;
    padding: 0 0 0 20%;
    top: 0;
    width: 80%;
}
.page-school-course-checkout #course-checkout-form fieldset#edit-submit {
    padding: 0;
    position: absolute;
    top: 250px;
    left: 0;
    width: 980px;
}
.page-school-course-checkout #course-checkout-form #edit-submit .back {
	float: left;
    text-align: right;
    width: 46%;
}
.page-school-course-checkout #total {
	text-align: left;
}

.page-school-course-checkout #total>div {
	text-align: left;
	width: 280px;
	margin-left: 190px;
}

.page-school-course-checkout #total div label {
	float: left;
	padding-right: 15px;
}
.page-school-course-checkout #total #edit-present-credit-amount {
	font-size: 14px;
}
.page-school-course-checkout #total #edit-present-credit-amount font {
	background: url("../images/mycredits-amount.png") no-repeat scroll left center transparent;
	text-indent: 20px;
	float: left;
}
.page-school-course-checkout #total #edit-present-credit-amount a#details {
	background: url("../images/confirm-helpLink.png") no-repeat scroll left center transparent;
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 20px;
}
#coupon-input {
	background: none repeat scroll 0 0 #F6F6F6;
	line-height: 10px;
	border: none;
}

.page-school-course-checkout #coupon-input>div {
	height: 35px;
	clear: both;
	padding: 0;
	margin: 0;
}

.page-school-course-checkout #coupon-input>div  div {
	margin: 0;
	padding: 0;
}

.page-school-course-checkout #coupon-input>div>div {
	float: left;
}
.page-school-course-checkout #coupon-input #edit-coupon-discount {
	font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
}
.page-school-course-checkout body,.page-school-course-checkout table {
	font-size: 12px;
}

.page-school-course-checkout #coupon-input label {
	float: left;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 20px;
}

.page-school-course-checkout  #edit-pay-amount {
	font-size: 15px;
}

.page-school-course-checkout .content>fieldset {
	border-radius: 0;
    float: left;
    font-size: 14px;
    margin: 40px 0 0;
    padding: 0 10% 0 0;
    top: 0;
    width: 40%;
    height: 193px;
}

.page-school-course-checkout .content > fieldset div {
	border: none;
}
.page-school-course-checkout .content > fieldset .fieldset-wrapper {
	float: left;
	margin: 0;
}
.page-school-course-checkout .content > fieldset .form-item {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}
.page-school-course-checkout #main-wrapper .content>form {
	float: left;
    margin: 40px 0 0;
    width: 50%;
    height: 193px;
}
.page-school-course-checkout-confirm #main-wrapper .content>form {
	margin: 0;
	height: auto;
	width: 100%;
}

.page-school-course-checkout .content #course-checkout-form > div {
	width: 100%;
	float: left;
	position: inherit;
}

.page-school-course-checkout input[type="text"] {
	border: 1px solid #CCCCCC;
	width: 150px;
}

.page-school-course-checkout #block-system-main .fieldset-wrapper .form-item .course-checkout-info-lab {
	float: left;
	text-align: right;
	width: 70%;
	padding-right: 15px;
}

.page-school-course-checkout #edit-subtotal {
	font-size: 14px;
	color: #666;
	text-decoration: line-through;
}

.page-school-course-checkout #edit-discount label {
	font-size: 14px;
	color: #333;
}

.page-school-course-checkout #edit-discount {
	font-size: 13px;
	color: #FF6600;
	font-weight: bold;
}

.page-school-course-checkout #edit-pay-amount {
	font-size: 25px;
	font-weight: bold;
	color: #FF6600;
	height: 28px;
	line-height: 28px;
}

.page-school-course-checkout #edit-pay-amount label {
	color: #333;
	font-size: 14px;
}

.page-school-course-checkout  fieldset {
	border: none;
}
#cart-page hr{
	margin: 40px 0;
}
#cart-page #order-info{
	padding-left: 100px;
	min-height: 50px;
	background: url("../images/confirminfo-img-right.png") no-repeat;
	padding-top: 10px;
}
#cart-page #order-id{
	font-size: 18px;
}
#cart-page #order-id .num{
	color: #FF6600;
}
#cart-page #order-content{
	font-size: 16px;
	margin-top: 8px;
	background: #F9FDFF;
	border-top: 1px solid #C8D6DF;
	border-bottom: 1px solid #C8D6DF;
	padding: 15px 30px;
	margin-bottom: 50px;
}
#cart-page #order-content .content-row{
	padding-bottom: 5px;
}
#cart-page #order-content .title{
	width: 150px;
	float: left;
}
#cart-page #order-content .row-content{
	float: left;
}
#cart-page #order-content .extra{
	color: #F35D00;
}
#cart-page #order-id .num{
	font-weight: normal;
}
/*-------school/course/checkout/confirm/pay-------------*/
.page-school-course-checkout-confirm-pay .content>form {
	margin: 0px;
}

.page-school-course-checkout #main-content,.page-school-course-checkout .tabs,.page-school-course-book #main-content,.page-school-course-book .tabs,.page-school-course-book .devel-themer-wrapper
	{
	display: none;
}


.page-school-course-checkout-confirm-pay #edit-order-success {
	background: url("../images/confirminfo-img-right.png") no-repeat scroll 60px 20px #F1F9FC;
    border: 1px solid #DEE6E9;
    border-radius: 0;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 20px 40px 10px 140px;
    top: 0;
    width: 798px;
    height: 80px;
    margin-bottom: 40px;
}
.page-school-course-checkout-confirm-pay #continue-order-pay {
	background-color: #F1F9FC;
	border: 1px solid #DEE6E9;
    border-radius: 0;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 20px 40px 10px 20px;
    top: 0;
    width: 918px;
    height: 38px;
}
.page-school-course-checkout-pay-result #edit-order-success {
	height: 150px;
	font-size: 14px;
	border-radius: 0px;
	width: 100%;
	margin: 0;
	padding-bottom: 0;
	top: 0;
	float: left;
	width: 828px;
	border: 1px solid #DEE6E9;
	background:  no-repeat scroll 50px center #F1F9FC;
	padding-left: 40px;
}

.page-school-course-checkout-confirm-pay .pay-method-submit {
	height: auto;
	border: 1px solid #D7D7D7;
	background: #F6F6F6;
	padding: 13px 45px;
	font-size: 14px;
	text-align: right;
}

.page-school-course-checkout-confirm-pay #edit-order-success #edit-tooltip b,
.page-school-course-checkout-confirm-pay  #edit-should-pay b
	{
	color: #FF6600;
}

.page-school-course-checkout-confirm-pay #content .content h2 {
	font-size: 16px;
	line-height: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
}

.page-school-course-checkout-confirm-pay  #edit-tooltip {
	float: left;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 20px;
    margin: 0;
    width: 90%;
}

 #course-pay-method-tab {
	float: left;
	width: 100%;
}

 #course-pay-method-tab ul {
	list-style: none;
	padding: 0px;
	position: relative;
	z-index: 3;
}

#course-pay-method-tab>ul {
	width: 100%;
	float: left;
}

 #course-pay-method-tab li {
    display: block;
    font-size: 16px;
}

 .payment-method-titile {
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 25px;
	float: left;
}

 #course-pay-method-tab fieldset {
	float: left;
    margin: 0;
}
 #course-pay-method-tab fieldset #installment{
 	float: left;
 	text-align: right;
 	width: 700px;
 	font-size: 16px;
 	top: 50px
 }
 #course-pay-method-tab fieldset #installment p{
 	height: 24px;
 }
 #course-pay-method-tab #installment{
 	color: #666;
 }
 #course-pay-method-tab #installment .title{
	font-weight: bold;
	color: #333;
 }
 #course-pay-method-tab fieldset div {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
 #course-pay-method-tab .form-item-currency{
	width: 200px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: right;
	padding-bottom: 10px;
}
 .form-item-currency label{
	font-size: 16px;
	padding-right: 10px;
}
 .form-item-currency label,.form-item-currency #currency-select{
	height: 26px;
    line-height: 26px;
    width: 80px;
    text-align: left;
    color: #ff3300;
    border-left: none;
    border-top: none;
    border-right: none;
}
.page-school-course-checkout-confirm-pay #checkout-pay-button {
	width: 80px;
	height: 30px;
	color: #fff;
	background: #21A52B;
	line-height: 30px;
	text-align: center;
	margin-top: 20px;
}

#course-pay-method-tab fieldset  #edit-online-payment
{
	overflow: hidden;
	border-bottom: 1px solid #E5E5E5;
}

 #course-pay-method-tab fieldset  #edit-online-payment ul{
	overflow: hidden;
}

 #course-pay-method-tab fieldset  #edit-online-payment ul h3 {
	font-weight: bold;
	padding: 20px 0;
	width: 100%;
	float: left;
}

 #course-pay-method-tab fieldset  #edit-online-payment li {
	background-color: #FFFFFF;
    border: 1px solid #FFF;
    height: auto;
	padding: 20px;
	margin: 20px 0;
}
#course-pay-method-tab label{
	float: left;
}
#course-pay-method-tab fieldset  #edit-online-payment li.selected{
	border:1px solid #c7d6df
}
 #course-pay-method-tab fieldset  #edit-online-payment li input
{
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
}

 #course-pay-method-tab fieldset  #edit-online-payment li img
{
	padding: 0;
	margin: 0;
	float: left;
}
 #course-pay-method-tab #edit-online-payment .method-item-des
{
	clear: both;
	padding: 10px 24px;
}
 #course-pay-method-tab fieldset #edit-fieldset {
	text-align: right;
	padding: 30px 0 0;
	background: #fff;
}

 #course-pay-method-tab fieldset #edit-fieldset .fieldset-wrapper
	{
	margin: 0;
	padding: 0;
	line-height: 30px;
	float: right;
}

 #course-pay-method-tab fieldset #edit-fieldset #edit-should-amount{
	float: right;
	font-size: 16px;
	width: 222px;
	clear: both;
}
 #course-pay-method-tab fieldset #edit-fieldset #edit-should-amount span {
	padding-left: 10px;
    text-decoration: line-through;
}
 #course-pay-method-tab fieldset #edit-fieldset #edit-should-amount strong
	{
	font-size: 28px;
	font-weight: bold;
	color: #ff3300;
	padding-left: 10px;
}
.page-school-course-checkout #main-wrapper #course-checkout-pay-method-form{
	clear: both;
	width: 100%;
}
.page-school-course-checkout #main-wrapper #course-coupon-form{
	clear: both;
	width: 100%;
	margin: 0;
	height: auto;
}

/* site map start*/
#site-map .site-map-box{
	float: left;
	width: 230px;
	min-height: 130px;
	font-size: 14px;
}
/* site map end */

/*20140101 �����ҵĻ���*/
.page-school-my-course-credits #content .tabs {
	padding: 0;
	margin: 0
}

.page-school-my-course-credits .point-introduce {
	border: 1px solid #D9DFB7;
	font-size: 12px;
	height: auto;
	float: left;
	line-height: 23px;
	margin-top: 15px;
	padding: 20px 5%;
	width: 90%;
	background-color: #F9FCE9;
}

.page-school-my-course-credits form {
	float: left;
}

.page-school-my-course-credits .point-method {
	background: #fff;
	border: none;
	height: 250px;
}

.page-school-my-course-credits  .point-method  .point-exchange {
	line-height: 24px;
	width: 46%;
}

.page-school-my-course-credits .title h1 {
	padding: 0px;
	margin: 0px;
	height: 30px;
	line-height: 30px;
	float: left;
}

.page-school-my-course-credits .title input {
	padding: 0px;
	margin: 0px;
	height: 30px;
	line-height: 30px;
}

.page-school-my-course-credits .point-method-submit {
	height: auto;
	border: 1px solid #D7D7D7;
	background: #F6F6F6;
	padding: 13px 45px;
	font-size: 14px;
	text-align: right;
}

.page-school-my-course-credits .point-introduce {
	background-color: #F9FCE8;
    border: 1px solid #D9DFB7;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 23px;
    padding: 20px 4%;
    width: 91.8%;
}

.page-school-my-course-credits .point-method {
	border: 1px solid #f5a100;
    float: left;
    height: auto;
    min-height: 132px;
    padding: 15px 20px;
    width: 688px;
}
.page-school-my-course-credits .title h1 {
	padding: 0px;
	margin: 0px;
	height: 30px;
	line-height: 30px;
	float: left;
}

.page-school-my-course-credits .title input {
	padding: 0px;
	margin: 0px;
	height: 30px;
	line-height: 30px;
}

.page-school-my-course-credits .point-method-submit {
	height: auto;
	border: 1px solid #D7D7D7;
	background: #F6F6F6;
	padding: 13px 45px;
	font-size: 14px;
	text-align: right;
}

.page-school-my-course-credits .point-introduce .info-text-detail b,.page-school-my-course-credits  .point-method-submit b
	{
	color: #FF6600;
}

.page-school-my-course-credits #content .point-introduce h2 {
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
	margin: 0 0 5px;
	padding: 0;
}

.page-school-my-course-credits .point-method h2 {
	font-weight: normal;
	font-size: 14px;
	line-height: 28px;
	margin: 0 0 5px;
	padding: 0;
	color: #389C5C;
}

.info-text-detail {
	color: #333;
	float: left;
    padding-top: 40px;
    width: 100%;
}
.page-pay-success{
	min-height: 200px;
}
.page-school-my-course-credits  .info-text-title {
	background: url("../images/confirminfo-img-right.png") no-repeat;
	padding-left: 48px;
	margin: 1em 0 0.5em;
}

.page-school-my-course-credits .credits-num {
	float: left;
    line-height: 35px;
    overflow: hidden;
    padding: 5px 30px 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 225px;
}

.page-school-my-course-credits .p-charge {
	float: right;
    height: 30px;
    padding: 5px 40px 10px 0;
}

.page-school-my-course-credits  .form-type-textfield {
	margin: 0 8px;
	padding: 0;
	float: left;
	line-height: 31px;
}

.form-item-edate input,.form-item-sdate input,.form-item-credit-num input {
    margin: 2px;
    padding: 4px;
    width: 70px;
}

.form-item-edate label,.form-item-sdate label,.form-item-credit-num label {
	float: left;
	padding: 0 5px;
}
.form-item-credit-num label {
	line-height: 35px;
	padding-right: 10px;
}
.page-school-my-course-credits #edit-submit--2 {
    margin: 3px 0 0 10px;
}
.page-school-my-course-credits #edit-submit{
	background: url("../images/course-credits-store-form-btn.png") no-repeat scroll left top transparent;
    float: left;
    height: 31px;
    line-height: normal;
    margin: 0 0 0 10px;
    padding: 0;
    width: 79px;
}
.edit-currency {
	font-size: 16px;
}
.edit-currency .currency-num {
	color: #ff6600;
	font-weight: bold;
}
.credit-journal {
	width: 100%;
	padding: 0 0 15px;
	float: left;
}

/* 2014.3.13 */
.page-school-my-course-credits .title h1 {
	padding: 0px;
	margin: 0px;
	height: 30px;
	line-height: 30px;
	float: left;
}

.page-school-my-course-credits .credits-num .num {
	color: #F5A100;
    font-size: 20px;
    font-weight: bold;
    padding-left: 5px;
}

.page-school-my-course-credits .title input {
	padding: 0px;
	margin: 0px;
	height: 30px;
	line-height: 30px;
}

.page-school-my-course-credits  .title  input[type="button"] {
	width: 130px;
	color: #fff;
	background: #FF6633;
	border: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0 0 0 0;
}

.page-school-my-course-credits  .pointsearch  input[type="button"] {
	width: 70px;
	border-radius: 0 0 0 0;
	box-shadow: none;
	border: medium none;
	color: #fff;
	font-weight: bold;
	margin: 5px;
	background: #666666;
}

.page-school-my-course-credits .hm-list-title {
	background-color: #F2F2F2;
	line-height: 30px;
	margin: 15px 20px;
	width: 665px;
}

.page-school-my-course-credits .pointhistory {
	width: 100%;
	float: left;
}

.page-school-my-course-credits .pointsearch {
	border-top: 1px solid #e4e4e4;
    float: left;
    height: 35px;
    padding: 15px 0;
    position: relative;
    width: 100%;
}

.page-school-my-course-credits  .pointsearch>div {
	display: inline;
}

.page-school-my-course-credits .pagenavi {
	float: left;
    font-size: 14px;
    line-height: 30px;
}

/*----2014, 3.25-----*/ /* ֧��ҳ�� */
#course-checkout-pay-method-form #edit-coupon-discount {
	color: #666666;
    float: left;
    font-size: 14px;
    line-height: 37px;
    padding-left: 20px;
    padding-top: 30px;
}

#edit-coupon-input {
	background-color: #fff;
    border: 1px solid #e6a800;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 2px 0 0;
    padding: 0 10px;
    width: 260px;
}


#coupon-input {
	background-color: rgba(0, 0, 0, 0);
    float: left;
    margin: 0 0 20px;
    padding: 10px 0;
    width: 100%;
}

/*֧���ɹ�ҳ��*/
@font-face {
	font-family: "FontAwesome";
	src: url("fontawesome-webfont.woff") format("woff"),
		url("fontawesome-webfont.svg#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

.page-pay-success .order-pay-info {
	font-size: 14px;
	line-height: 28px;
	width: 100%;
	float: right;
	text-align: left;
}
.page-pay-success .order-pay-info .info-text-title-point {
	width: 85%;
	float: left;
}
.page-pay-success .order-pay-info a {
	color: #E67D00;
	background: none;
	border: 1px solid #E67D00;
}

.page-pay-success .page-pay-block-submit {
	height: auto;
	border: 1px solid #D7D7D7;
	background: #F6F6F6;
	padding: 13px 45px;
	font-size: 14px;
	text-align: right;
}

.page-pay-success .order-pay-info .info-text-detail b,.page-pay-success  .page-pay-block-submit b{
	color: #FF6600;
}
.page-pay-success .order-pay-info .info-text-detail .book-button{
	margin-left: 20px;
}
.page-pay-success #content .info-text-title h2 {
	font-weight: bold;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	color: #FF9933;
}

.page-pay-success #content .content .page-pay-block h2 {
	font-weight: bold;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px dashed #CCCCCC;
}
.page-pay-success .pay-result-content{
	padding-left: 100px;
	background: url("../images/confirminfo-img-right.png") no-repeat;
	padding-bottom: 50px;
}
.page-pay-success .info-text-title {
	float: left;
    padding-bottom: 5px;
    width: 100%;
}
.page-school-course-checkout-pay-result #content .info-text-title h2 {
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
	float: left;
}
.page-pay-success input {
	background: none repeat scroll 0 0 #AACF5C;
	margin: 0 0 0 100px;
}

.block-courses-list .course-box {
	margin: 15px 0;
	padding: 0 1.5%;
	width: 30%;
	text-align: left;
	float: left;
}

.course-box:hover .add-to-wishlist {
	display: inline-block;
}

.course-box .wishlist-loader {
	display: block;
	margin-top: 6px;
	z-index: 2;
}

.course-box .add-to-wishlist {
	margin: 10px;
	position: absolute;
	z-index: 1;
	display: none;
}

.course-box .friends {
	margin-bottom: 10px;
	white-space: normal;
	width: 270px;
	min-height: 35px;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.course-box .friends-ths {
	white-space: nowrap;
}

.course-box .friend-th {
	display: inline-block;
	margin-right: 5px;
}

.course-box .friends-ta {
	float: left;
	width: auto;
}

.course-box .friend-th img {
	border-radius: 50% 50% 50% 50%;
	width: 25px;
}

.course-box .friends-names {
	font-size: 13px;
	line-height: 1.2;
	padding-left: 5px;
	color: #8c8c8c;
}

.course-box .friends-names a {
	color: #47516b;
	font-weight: bold;
}

.course-box .friends-names a:hover {
	color: #000;
}

.course-box .mask {
	background: #fff;
	border: 1px solid #d7d7d7;
	color: #353535;
	display: block;
	font-size: small;
	overflow: hidden;
	transition: border 0.2s;
	width: 200px;
}

.course-box .mask .course-thumb {
	width: 100%;
	height: 150px;
	overflow: hidden;
	float: left;
}

.course-box .mask .course-thumb img {
	width: 100%;
}

.course-box .mask:hover {
	border-color: #60BE60;
}

.course-box .mask .title {
	border-bottom: 1px solid #ccc;
	float: left;
	font-size: 14px;
	margin: 0 10px 10px;
	overflow: hidden;
	padding: 10px 0;
	width: 180px;
}

.course-box .mask .details {
	display: block;
	overflow: hidden;
	padding: 5px 10px 10px;
	text-align: center;
	line-height: 10px;
}

.course-box .mask .price {
	color: #5D951F;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-top: 4px;
}

.course-box .mask .stu {
	color: #555;
	float: right;
	font-weight: bold;
	margin-top: 3px;
}

.course-box .mask .stu:before {
	background-position: -20px -210px;
	float: left;
	height: 13px;
	margin: -2px 4px 0 0;
	width: 20px;
}

.course-box .mask .small-rating {
	vertical-align: top;
}

.course-box .mask .instructors {
	border-top: 1px solid #eee;
	display: block;
	margin: 0 10px;
	overflow: hidden;
	padding: 5px 0;
}

.course-box .mask .instructors .r {
	margin-left: 33px;
	display: block;
}

.course-box .mask .ins-thumb {
	float: left;
	width: 25px;
	border-radius: 4px;
	margin-right: 5px;
}

.course-box .mask .ins-name {
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}

.course-box .mask .ins-job-title {
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.2;
	font-family: georgia;
	font-weight: lighter;
	color: #555;
	font-style: italic;
}

.course-box .mask .ins-job-title>h1,.course-box .mask .ins-job-title>h2,.course-box .mask .ins-job-title>h3,.course-box .mask .ins-job-title>h4,.course-box .mask .ins-job-title>h5,.course-box .mask .ins-job-title>h6
	{
	font-weight: lighter;
	font-style: italic;
	color: #555;
}

.course-box .mask .add-to-wishlist {
	position: absolute;
	top: 10px;
	right: 10px;
}

.course-box .mask .heading {
	float: left;
	margin-right: 6px;
	margin-top: 4px;
	font-size: 15px;
}

.course-box .mask .two {
	padding-bottom: 11px;
}

.course-box .mask .two .ins-name:first-child {
	margin-bottom: 3px;
}

.course-box .mask .over-two {
	padding-bottom: 13px;
	margin-right: 0px;
}

.course-box .mask .over-two:before {
	content: '';
	right: 0;
	bottom: 0;
	width: 25px;
	height: 43px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0.8), #ffffff );
	position: absolute;
}

.course-box .details2 {
	color: #555555;
	float: left;
	font-size: 12px;
	margin: 0 10px;
	padding-bottom: 15px;
	text-align: center;
	width: 180px;
	line-height: 20px;
}

.course-box .details2 .gray {
	display: block;
}

.course-box .details2 .green {
	color: #08942B;
	float: left;
	padding-top: 3px;
}

.course-box .details2 .price-text {
	font-weight: bold;
	display: block;
}

.course-box .details2 .promo-new-price {
	color: orangered;
	font-size: 15px;
	padding-top: 2px;
}

.course-box .details2 .promo-old-price {
	text-decoration: line-through;
	font-size: 12px;
	padding-top: 1px;
}

.course-box .details2 .price-col {
	float: left;
	text-align: left;
}

.course-box .details2 .price-col.discount .gray {
	text-decoration: line-through;
}

.course-box .details2 .reviews-col {
	float: left;
}

.course-box .details2 .users-col {
	float: right;
	text-align: right;
}

.course-box .details2 .review-count {
	display: block;
	margin-bottom: 4px;
}

.course-box .details2 .count {
	color: #333;
	margin-top: 3px;
	float: right;
}

.course-box .activity-meter {
	white-space: nowrap;
	margin-top: 2px;
	display: inline-block;
	position: relative;
}

.course-box .activity-meter i {
	width: 0;
	height: 0;
	padding: 5px;
	background: #D8D8D8;
	display: inline-block;
	border-radius: 50%;
	margin-left: 2px;
}

.course-box .activity-meter span {
	position: absolute;
	left: 0;
	overflow: hidden;
}

.course-box

.activity-meter

span

i
:nth-child

(1)
{
background
:

linear-gradient
(90deg
,
#bae767
,
#a3d65e
);


}
.course-box

.activity-meter

span

i
:nth-child

(2)
{
background
:

linear-gradient
(90deg
,
#93ca58
,
#7ab74d
);


}
.course-box

.activity-meter

span

i
:nth-child

(3)
{
background
:

linear-gradient
(90deg
,
#69ab46
,
#529a3d
);


}
.course-box

.activity-meter

span

i
:nth-child

(4)
{
background
:

linear-gradient
(90deg
,
#52993d
,
#4a8937
);


}
.s-rating.static:before {
	font-family: 'FontAwesome';
	content: "\f005 \f005 \f005 \f005 \f005";
	color: #aaa;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 4px;
	cursor: default;
}

.s-rating.static span:before {
	font-family: 'FontAwesome';
	content: "\f005 \f005 \f005 \f005 \f005";
	color: #aaa;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 4px;
	cursor: default;
}

.s-rating.smaller:before,.s-rating.smaller s {
	font-size: 15px;
	letter-spacing: 4px;
}

.s-rating.static.maroon span:before {
	color: #D94D38;
}

.s-rating.smaller span:before {
	font-size: 15px;
	letter-spacing: 4px;
}

.s-rating.static span:before {
	color: #FBA617;
}

.s-rating.static span {
	left: 0;
	overflow: hidden;
	position: absolute;
}

.s-rating {
	display: inline-block;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
}

/*--------login---------*/
.not-logged-in #page-title {
	font-size: 16px;
	margin: 10px auto;
}

.not-logged-in .tabs {
	margin: 0;
	padding: 0;
	height: 0px;
}

.not-logged-in #edit-left {
	font-size: 12px;
	margin: 0 auto;
	line-height: 1.5;
}

.not-logged-in #edit-left .fieldset-wrapper {
	font-size: 12px;
	margin: 50px 30px 30px;
	padding-left: 60px;
}

#register-form .form-wrapper{
	font-size: 12px;
	text-align: left;
	position: relative;
	clear: both;
}
#register-form .collapsible {
	display: none;
}
#register-form .form-item{
	width: 100%;
}
#register-form #edit-pass-pass2{
	width: 42%;
}
/*#edit-actions {
	padding: 10px 0;
}*/
.not-logged-in #edit-actions--2 , .not-logged-in #edit-actions--3 , .not-logged-in #edit-actions {
	padding: 0 0 0 0;
	margin: 0;
	float:left;
}
.not-logged-in #edit-actions,.not-logged-in #edit-actions--2 {
	padding-left: 129px;
	}
/*.not-logged-in #edit-actions{
	padding-left: 0px;
	}*/
.not-logged-in edit-actions--2 {
	width: 100%;
	float: left;
}

input[type="text"].processing{
	background: url('../images/input-processing.gif') no-repeat right;
}

.not-logged-in #edit-left .fieldset-wrapper #edit-actions {
	width: 274px;
}

#user-login .login-forgot {
	bottom: 10px;
	float: left;
	left: 270px;
	position: relative;
	top: -55px;
}

.not-logged-in .login-forgot a {
	color: #333;
	text-decoration: underline;
}
.not-logged-in .login-forgot a:hover {
	color: #3D926B
}
.not-logged-in #login-form .form-item,.not-logged-in #register-form .form-item {
	float: left;
    font-size: 12px;
    width: 100%;
    margin: 2px 0 0 0;
}
.not-logged-in .confirm-parent , .not-logged-in .form-item-pass-pass2 {
	width: 407px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.not-logged-in #edit-right{
	font-size: 12px;
	width: 600px;
	margin: 0 auto;
	line-height: 1.5;
	clear: both;
	border: none;
	background: none;
}

.not-logged-in #edit-right .fieldset-wrapper {
	margin: 20px 30px;
	padding-left: 60px;
}

.not-logged-in #edit-right div div {
	font-size: 16px;
	font-weight: bold;
	float: left;
}

.not-logged-in .form-text:focus {
	border-color: #009900;
	outline: 0
}

.not-logged-in .form-submit {
/*
		width: 253px;
	border-radius: 5px;
	text-align: center;
*/
}

.not-logged-in input[type="text"],
.not-logged-in input[type="password"],
.not-logged-in input[type="search"]
	{
/*
	border: 1px solid #BBBBBB;
	margin-bottom: 10px;
*/
}

/*----------reg--------*/
.not-logged-in.page-user .page-hanbridge-content ,
.logged-in.page-user-password .page-hanbridge-content ,
.not-logged-in.page-toboggan .page-hanbridge-content{
	background: url("../images/pageuser-bg.png") no-repeat scroll right top transparent;
	background-color: #f9f9f9;
    border: 1px solid #d6d6d6;
    float: left;
    min-height: 424px;
    overflow: hidden;
    width: 598px;
    padding: 0 345px 0 35px;
}

.not-logged-in.page-user .region-content {
    font-size: 12px;
    padding: 0;
    width: 100%;
}

.login label , .register label{
	font-size: 14px;
	width: 117px;
	float: left;
	text-align: right;
	line-height: 38px;
}
.login span , .register span{
	position: absolute;
	left: 395px;
	right: auto;
	float: left;
}
.register .register-captcha{
	margin-left: 128px;
	height: 60px;
}
#user-pass .form-required {
    float: left;
    left: 471px;
    position: absolute;
    right: auto;
    top: 70px;
}
.login .description , .register .description {
	color: #999999;
    float: left;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}
.login span.input-error , .register span.input-error {
	color: #ff0000;
    float: left;
    font-size: 12px;
    line-height: 40px;
    padding-left: 10px;
    width: 190px;
}
.login	div.form-item div.password-suggestions , .register	div.form-item div.password-suggestions {
	padding: 15px;
	border: 1px solid #FF9933;
	line-height: 1.5;
	display: none !important;
}
.password-strength {
    float: left;
    left: 130px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 262px;
}

#register-form input[type="text"] ,
#register-form input[type="password"] ,
#register-form input[type="search"],
#login-form input[type="text"] ,
#login-form input[type="password"] ,
#login-form input[type="search"] {
    border: 1px solid #cccccc;
    float: left;
    font-size: 14px;
    height: 18px;
    margin: 0 2% 20px;
    padding: 10px 1%;
    width: 42%;
}
.confirm-parent input[type="password"] , .form-item-pass-pass2 input[type="password"] {
	width: 63%;
	margin-left: 11px;
}
#user-pass .form-item input[type="text"] {
	border: 1px solid #cccccc;
    float: left;
    font-size: 14px;
    height: 18px;
    margin: 0 0 20px;
    padding: 10px 1%;
    width: 94%;
}
.not-logged-in	div.password-confirm {
	left: 133px;
    position: absolute;
    top: 32px;
    width: 200px;
}
div.error , span.error {
    color: #f00;
}
.not-logged-in input.error {
	border-color: #f00;
	color: #000;
}
.password-confirm span{
	float: none;
	left: 50px;
}
.i18n-en .password-confirm span{
	left: 110px;
}
.not-logged-in .password-indicator {
	background-color: #eeeeee;
    float: left;
    height: 2px;
    margin-top: 5px;
    width: 120px;
}
.password-indicator div {
    background-color: #6BC30D;
}

/*------fortet password--------*/
.page-user-password #page-title {
	font-size: 16px;
	margin: 10px auto 40px;
}

.page-user-password #block-system-main {
	font-size: 12px;
	margin: 0px auto;
}

#user-pass label {
	float: left;
    font-size: 18px;
    padding-bottom: 25px;
    text-align: left;
    width: 100%;
    height: 22px;
}

.page-user-password  #edit-actions {
	clear: none;
    float: left;
    margin: 0;
    padding: 107px 0 0;
    text-align: center;
}
.page-user-password  #edit-actions input {
	float: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0 10px;
    width: 185px;
}

#user-pass {
	padding-top: 40px;
}
.page-user-password #user-pass p{
    float: left;
    padding-left: 10%;
    padding-top: 70px;
    width: 70%;
}
.logged-in.page-user-password #user-pass #edit-actions {
	padding-left: 36%;
    padding-top: 80px;
}

#user-pass .form-item {
	float: left;
    margin: 0;
    padding: 60px 0 10px 10%;
    width: 50%;
}

.page-user-reset #user-pass-reset {
	width: 100%;
	float: left;
	padding: 100px 0 0 30px;
	width: 100%;
}
.page-user-reset #edit-actions {
    float: left;
    width: 100%;
    padding: 50px 0 0;
}

.page-user-reset #user-pass-reset p {
	text-indent: 0;
	line-height: 24px;
	font-size: 14px;
}

.page-school-my-course-orders .region-content table {
	font-size: 12px;
}

.page-school-my-course-orders .region-content thead {
	border: 1px solid #c9c9c9;
}

.page-school-my-course-orders .region-content thead  tr th {
	background: #EEEEEE;
	color: #333;
	padding: 15px 0;
	text-align: center;
	border-style: none;
}


.page-school-my-course-orders .region-content tbody  tr td {
	background: #fff;
	padding: 16px 0;
	text-align: center;
}

.page-school-my-course-orders .region-content tbody  .odd td,.page-school-my-course-orders .region-content tbody  .even td
	{
	border-bottom: 1px solid #c9c9c9;
}

.page-school-my-course-orders .region-content tbody  tr {
	border-bottom: 1px solid #c9c9c9;
}
.page-school-my-course-orders .orders{
	width: 100%;
	margin-top: -20px;
	clear: both;
}
.page-school-my-course-orders .order-items .order-item{
	margin-bottom: 26px;
}
.page-school-my-course-orders .order-title{
	position: absolute;
	width: 100%;
}
.page-school-my-course-orders .products{
	top: 50px;
}
.page-school-my-course-orders .order-title .order-id{
	float: left;
	font-size: 16px;
}
.page-school-my-course-orders .order-title .status-info{
	position: absolute;
	right: 0px;
}
.page-school-my-course-orders .order-title .order-time{
	float: right;
	font-size: 14px;
}
.page-school-my-course-orders .order-title .paid-time,
.page-school-my-course-orders .order-title .pay-type,
.page-school-my-course-orders .order-title .order-status,
.page-school-my-course-orders .order-title .unpaid{
	font-size: 14px;
	float: right;
	clear: both;
}
.page-school-my-course-orders .unpaid .order-title .pay-type{
	color: #999
}
.page-school-my-course-orders .unpaid .order-status{
	color: #F55A00;
}
.page-school-my-course-orders .paid .order-status{
	color: #009933;
}
.page-school-my-course-orders .order-title .pay-type{
	color: #F55A00;
}
.page-school-my-course-orders .order-title .paid-time{
	color: #666;
}
.page-school-my-course-orders .order-title .paid-installment{
	color: #007026;
}
.page-school-my-course-orders .order-title .unpaid{
	color: #999;
}
.page-school-my-course-orders .product-item{
	font-size: 14px;
	line-height: 24px;
}
.page-school-my-course-orders .product-item .name{
	width: 100px;
	float: left;
}
.page-school-my-course-orders .product-item .text{
	width: 300px;
	float: left;
	padding-right: 20px;
}
.page-school-my-course-orders .product-item .num{
	color: #F35D00;
}
.page-school-my-course-orders .product-item .unit{
	float: left;
	color: #F35D00;
}
.page-school-my-course-orders .paid.order-item .product-item .num,
.page-school-my-course-orders .paid.order-item .product-item .unit,
.page-school-my-course-orders .paid.order-item .price .curr-price{
	color: #009933;
}
.page-school-my-course-orders .cancelled.order-item .product-item .num,
.page-school-my-course-orders .cancelled.order-item .product-item .unit,
.page-school-my-course-orders .cancelled.order-item .price .curr-price{
	color: #999;
}
.page-school-my-course-orders .cancelled.order-item
{
	color: #999;
}
.page-school-my-course-orders .price{
	float: right;
	width: 355px;
}
.page-school-my-course-orders .price .order-total{
	border-right: 1px solid #999;
}
.page-school-my-course-orders .price .order-total,
.page-school-my-course-orders .price .cycle-num{
	width: 100px;
	text-align: right;
	padding: 0 10px;
	float: left;
	font-size: 14px;
}
.page-school-my-course-orders .price .list-price{
	text-decoration: line-through;
	color: #999;
	float: right;
	padding-right: 15px;
}
.page-school-my-course-orders .price .curr-price{
	font-size: 24px;
	color: #F35D00;
	float: right;
}
.page-school-my-course-orders .actions{
	float: right;
	clear: both;
	width: 350px;
	margin-top: 20px;
}
.page-school-my-course-orders .actions a{
	float: right;
	margin-left: 20px;
	padding-left: 30px;
}
.page-school-my-course-orders .actions .order-cancel, .page-school-my-course-orders .actions .order-invoice{
	border: 2px solid #e89f00;
	background: none;
	color: #e89f00;
	line-height: 28px;
	padding-left: 13px;
	padding-right: 13px;
}
.page-school-my-course-orders .actions .order-cancelled{
	float: right;
}
.page-school-my-course-orders .actions .order-pay-now{
	background: url(../images/confirmpay_04.jpg) no-repeat;
}

/* �������� */
#user-profile-form--2 {
	width: 100%;
	float: left;
}

/*----��ʱ����----*/
#courses-filter-form {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
#courses-journal-list {
	padding: 14px 0 0;
	width: 100%;
	float: left;
}

.pointsearch #courses-filter-form {
	float: left;
    padding: 0;
    width: 100%;
}
#courses-filter-form .form-item {
	display: inline;
	margin-left: 0;
	margin-right: 0;
}
#courses-filter-form .form-item-endate {
	margin-right: 10px;
}
#courses-filter-form  span{
	float: left;
    font-size: 14px;
    line-height: 37px;
    margin: 0 10px;
}
#courses-filter-form  div .form-type-select {
	margin-left: 0;
	margin-right: 40px;
}
.page-school-my-course-timetable #courses-filter-form{
	border-top: 1px solid #ECECEC;
	padding-top: 10px;
}

#courses-filter-form form>div>div {
	margin: 0 20px;
}

#courses-filter-form form .form-item {
	display: inline;
	margin-left: 0;
	margin-right: 0;
}
#courses-filter-form form .form-item-endate {
	margin-right: 10px;
}
#courses-filter-form form  div .form-type-select {
	margin-left: 0;
	margin-right: 24px;
}
#courses-filter-form .form-submit{
	height: 37px;
	width: 84px;
	margin: 0;
}
#time-options{
	float: left;
}
#time-options a{
	padding: 8px 40px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-left: none;
	display: block;
	float: left;
}
#time-options a.active{
	background: #FAA401;
	border-color:#FAA401;
	color: #FFF;
}
#time-options a.first{
	border-left: 1px solid #ccc;
}
.page-school-my-course-journal select {
	width: 180px;
	height: 36px;
	line-height: 36px;
}
#course-journal-filter-form input[type='text']{
	width: 111px;
	padding: 10px 5px;
	text-align: center;
	margin: 0;
}
.page-school-my-course-journal .search {
	padding: 20px 0;
	font-weight: bold;
}

.page-school-my-course-journal .search input,.page-school-my-course-journal .search select
	{
	width: 70px;
	margin: 0;
	border-radius: 2px 2px 2px 2px;
	-webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 1px 0px rgba(0, 0, 0, .3);
	box-shadow: inset 0 1px 0px rgba(0, 0, 0, .3);
}

.page-school-my-course-journal .search input[type="button"] {
	border: medium none;
	border-radius: 0 0 0 0;
	box-shadow: none;
	color: #005A48;
	font-weight: bold;
}

.page-school-my-course-journal .cou_num {
	color: #ff6633;
	font-weight: bold;
}

.page-school-my-course-journal  .l_cou_num {
	color: #389C5C;
	font-weight: bold;
}

.page-school-my-course-journal  .pagenavi {
	clear: both;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	float: right;
}

.page-school-my-course-journal  .pagenavi a,.page-school-my-course-journal .pagenavi span
	{
	font-size: 14px;
	color: #454545 !important;
	margin: 5px;
	padding: 3px 7px !important;
	text-decoration: none !important;
}

.page-school-my-course-journal .pagenavi  span .current {
	color: #FF6633;
}

/*---my ordes*----*/
.page-school-my-course-orders .point-introduce {
	height: auto;
	border: 1px solid #D9DFB7;
	background: #F9FCE8;
	padding: 20px;
	font-size: 12px;
	line-height: 23px;
	margin-bottom: 25px;
}

.page-school-my-course-orders .point-method {
	background: #fff;
	border: none;
	height: 250px;
}

.page-school-my-course-orders  .point-method  .point-exchange {
	float: left;
	width: 50%;
}

.page-school-my-course-orders .title h1 {
	padding: 0px;
	margin: 0px 0px;
	height: 30px;
	line-height: 30px;
}

.page-school-my-course-orders .title input {
	padding: 0px;
	margin: 0px;
	height: 30px;
	line-height: 30px;
}

.page-school-my-course-orders .point-introduce .info-text-detail b,.page-school-my-course-orders  .point-method-submit b
	{
	color: #FF6600;
}
.page-school-my-course-orders .divRow .msg {
	text-align: left;
}

.page-school-my-course-orders .search {
	padding: 20px 0;
	font-weight: bold;
}

.page-school-my-course-orders .search input,.page-school-my-course-orders .search select
	{
	width: 70px;
	margin: 0;
	border-radius: 2px 2px 2px 2px;
	-webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 1px 0px rgba(0, 0, 0, .3);
	box-shadow: inset 0 1px 0px rgba(0, 0, 0, .3);
}

.page-school-my-course-orders .search input[type="button"] {
	border: medium none;
	border-radius: 0 0 0 0;
	box-shadow: none;
	color: #005A48;
	font-weight: bold;
}

.page-school-my-course-orders .search div {

}

.page-school-my-course-orders .cou_num {
	color: #ff6633;
	font-weight: bold;
}

.page-school-my-course-orders .l_cou_num {
	color: #0066CC;
	font-weight: bold;
}

.page-school-my-course-orders .pagenavi {
	clear: both;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	float: right;
}

.page-school-my-course-orders .pagenavi a,.page-school-my-course-orders .pagenavi span
	{
	font-size: 14px;
	color: #454545 !important;
	margin: 5px;
	padding: 3px 7px !important;
	text-decoration: none !important;
}

.page-school-my-course-orders .pagenavi  span  .current {
	color: #FF6633;
}
/*---�ҵĿ���----*/
.e-today {
	background: url("../images/etoday-bg.jpg") no-repeat scroll right center #6BC30D;
    color: #FFFFFF;
    height: 46px;
    padding-top: 5px;
    text-indent: 15px;
    width: 78px;
}
.enterClass {
	float: left;
	border: 2px solid #6BC30D;
    width: 725px;
    margin: 0 0 20px 0;
}
.page-school-course-book .enterClass {
	width: 100%;
	box-sizing: border-box;
}

.page-school-course-list .enterClass {
	width: 100%;
}

.page-school-my-course #block-system-main .content {
	float: left;
	width: 100%;
}

.page-school-my-course #my-classroom-timetable .content ul,.page-school-my-course #my-classroom-timetable .content ul li
	{
	float: left;
	width: 100%;
}

.divTable {
	width: 100%;
	float: left;
}
.divTable .headRow {
	float: left;
	width: 100%;
}
.divTable .divRow {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ECECEC;
}
.divTable .week-row {
	float: left;
	width: 100%;
	border: none;
}
.divTable .week-row div.week{
	color: #666666;
	border-bottom: 1px solid #0191CD;
	font-weight: bold;
}
.divTable .week-row div{
	padding: 9px 5px;
	box-sizing: border-box;
}
.divTable .headRow div {
    background-color: #F5FAFD;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:10px 5px;
	box-sizing: border-box;
	border-top: 1px solid #C1D0D7;
	border-bottom: 1px solid #C1D0D7;
	border-left: 1px solid #C1D0D7;
	color: #075473;
	font-weight: bold;
}
#courses-journal-list .divTable .headRow div{
	text-align: center;
}
.divTable .headRow div.firstcell{
	border-left: none;
}
.divTable .divRow div {
	padding:12px 5px;
	box-sizing: border-box;
}
.course-history-list .divCell {
	width: 97px;
}

.page-school-my-course-journal .divCell {
	width: 102px;
}
.page-school-my-course-journal #courses-journal-list .cou_num {
	width: 92px;
}
.page-school-my-course-journal .note,.page-school-my-course-journal  .msg
	{
	width: 204px;
	float: right;
}

.page-school-my-course-credits .divCell {
	width: 140px;
}
.page-school-my-course-credits .p-num {
	width: 108px;
}

.page-school-my-course-credits .cause {
	width: 175px;
}

.product-detail {
	background-color: #FFFFFF;
	padding: 10px;
	z-index: 10;
	height: auto;
	float: left;
	min-height: 20px;
	max-height: 60px;
	width: 200px;
	z-index: 100;
	position: fix;
	filter: progid :   DXImageTransform.Microsoft.Shadow (   color =
		#909090, direction =   120, strength =   4 );
	-moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}

.divTable .first,.divTable .time {
	width: 75px;
}

.divTable .state {
	width: 50px;
}
.divRow .unpaid {
	cursor: pointer;
}
.divRow .unpaid:hover {
	color: #ff6633;
}
.divTable .operate {
	width: 45px;
}
.divTable .operate span {
	width: 100%;
	float: left;
	padding-bottom: 5px;
}
.divTable .operate span a {
	text-decoration: none;
	cursor: pointer;
}
.divTable .operate span a:hover {
	color: #009933;
}
.divTable .product {
	height: 45px;
	padding: 15px 0 0;
	width: 195px;
}
.divTable .headRow .product {
	height: 40px;
	padding: 0;
	width: 195px;
}
.divTable .divRow .product {
	color: #009933;
}
.page-school-my-course-credits .note {
	width: 270px;
	float: right;
}

#profile-info {
	width: 718px;
	border: 1px solid #DDE3EF;
	padding: 5px;
	float: left;
}

#profile-info-2 {
	width: 100%;
	float: left;
	background-color: #F3F6FB;
	min-height: 200px;
}

#profile-left {
	float: left;
	width: 140px;
}

#profile-left #avatar {
	width: 100px;
	height: 100px;
	float: left;
	margin: 15px 20px 5px;
	overflow: hidden;
}
#profile-left .img {
    float: left;
    height: 100px;
    width: 100px;
	border-radius: 50px;
	-moz-border-radius: 50px; /* �ϵ� Firefox */
	-webkit-border-radius: 50px; /* Safari �� Chrome */
	-o-border-radius: 50px; /* Opera */
	overflow: hidden;
}
#profile-left .img a {
	cursor: pointer;
    float: left;
    height: 100px;
    width: 100px;
}
#profile-left .img img {
	width: 100px;
	height: 100px;
}
#profile-left .img span.avatar-edit {
    float: left;
    position: relative;
    width: 100%;
	/*background-color: #000;
	filter:alpha(Opacity=0);*/
}
#profile-left .img span.avatar-bg {
	background: url("../images/avatar_bg.png") no-repeat scroll center bottom transparent;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	cursor: pointer;
}
#profile-left .img span.avatar-edit {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	cursor: pointer;
	z-index: 2;
}
.i18n-en #profile-left .img span.avatar-edit:hover {
	background: url("../images/avatarhover-en.png") no-repeat scroll center 69px transparent;
}
#profile-left .img span.avatar-edit:hover {
	background: url("../images/avatarhover.png") no-repeat scroll center 69px transparent;
}
#profile-right>div {
	padding: 0;
	float: left;
}

#profile-right #username {
	font-weight: bold;
	font-size: 16px;
	float: left;
	width: 100%;
}

#profile-right .edit-link {
	text-align: left;
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 55%;
	font-weight: normal;
	font-size: 12px;
}
#profile-left #username , #profile-left .credits-amount{
	float: left;
    font-size: 12px;
    font-weight: normal;
    padding-left: 25px;
    line-height: 22px;
    overflow: hidden;
}
#profile-left #username {
	background: url("../images/edit-profile.png") 20px center scroll no-repeat;
	text-indent: 20px;
	width: 80px;
}
#profile-left .credits-amount {
	background: url("../images/mycredits-amount.png") no-repeat scroll 19px top transparent;
    overflow: hidden;
    text-indent: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 108px;
}
#profile-left .credits-amount #credit-store {
	clear: both;
    padding-left: 20px;
    width: 88px;
    display: table;
}
#profile-left .credits-amount #credit-store a {
	background-color: #12A84E;
	width: 50px;
	line-height: 20px;
	height: 20px;
	text-align: center;
	color: #E6E6E6;
	float: left;
	text-indent: 0;
	border-radius: 3px;
	text-decoration: none;
	margin-top: 3px;
}
#profile-left .credits-amount #credit-store a:hover {
	background-color: #006633;
}
#profile-left .edit-link {padding: 0;float: right;width: 35px;line-height: 22px;}
#profile-left .edit-link a {float: left;text-decoration: underline;}
#profile-left .edit-link a:hover {
	color: #009933;
}
.page-school-my-course-classroom #profile-right {
	float: left;
    padding: 0 25px;
    width: 525px;
}
.page-school-my-course-classroom #profile-right .tab-btn ,
.page-school-my-course-classroom #profile-right .tab-con {
	width: 100%;
	float: left;
	padding-top: 16px;
}
.page-school-my-course-classroom #profile-right .tab-btn li{
	width: 125px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	float: left;
	cursor: pointer;
}
.page-school-my-course-classroom #profile-right .tab-btn li.current {
	color: #009933;
}
.page-school-my-course-classroom #profile-right .tab-con {
	background-color: #fff;
	border: 1px solid #ccc;
	margin-top: 18px;
	width: 100%;
	float: left;
	border-radius: 10px;
	margin-bottom: 28px;
}
.page-school-my-course-classroom #profile-right .tab-con li {
	width: 500px;
	padding: 10px 10px 10px 20px;
	position: relative;
	top: -32px;
	background-image: url("../images/tabcon-bg.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 140px top;
}
.page-school-my-course-classroom #profile-right .tab-con li:first-child {
	background-position: 40px top;
}
.page-school-my-course-classroom #profile-right .tab-con li .info-des {
	padding-top: 8px;
	background: url("../images/info-des.jpg") left 6px scroll no-repeat;
	padding-left: 30px;
	line-height: 20px;
}
#profile-right .credits-amount {
	padding: 20px 0;
	float: left;
	width: 100%;
}
#school-right-merge #personal-courses-info .stored {
	/*text-indent: 30px;*/
	line-height: 24px;
	float: left;
	width: 100%;
	padding-top: 5px;
}
#school-right-merge #lesson-info .item{
	float: left;
	width: 480px;
	margin-left: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-top: 10px;
	padding-bottom: 20px;
}
#school-right-merge #lesson-info .item.last{
	border-right: none;
}
#school-right-merge #lesson-info .lesson-types{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
#lesson-info .time-progress{
	width: 320px;
	height: 20px;
	background: #D9D9D9;
	float: left;
}
#lesson-info .time-limit{
	margin-left: 10px;
	float: left;
}
#lesson-info .limit-day-state{
	clear: both;
	width: 320px;
	float: left;
	margin-bottom: 10px;
}
#lesson-info .limit-day-state .finish-days{
	min-width: 60px;
}
#lesson-info .lesson-remain, #lesson-info .reminder{
	clear: both;
}
#lesson-info .lesson-duration{
	float: left;
	clear: both;
}
#lesson-info .lesson-duration .row-colon, #lesson-info .lesson-duration p{
	float: left;
	line-height: inherit;
}
#lesson-info .limit-day-state div{
	float: left;
}
#lesson-info .limit-day-state .finish-days{
	color: #3D6F00;
}
#lesson-info .row-colon{
	padding: 0 5px;
}
#lesson-info .row-header{
	float: left;
	min-width: 60px;
}
#lesson-info .limit-day-state .limit-day{
	color: #E63001;
	float: right;
}
#lesson-info .time-progress .progress{
	background: #6AA81F;
	height: 20px;
}
#school-right-merge #lesson-info .lesson-flexbility{
	font-size: 14px;
}
#school-right-merge #lesson-info .month-num{
	font-size: 16px;
	color: #11a84e;
}
#school-right-merge #lesson-info .expire-time{
	color: #999;
	font-size: 12px;
	margin-top:-8px;
}
#school-right-merge #lesson-info .split-line{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	float: left;
	margin-top: 10px;
}
#school-right-merge #personal-courses-info .stored .rows{
	width: 250px;
}
#personal-courses-info .post-paid {
	padding: 0 0 0 15px;
}
#profile-right div .number {
	font-size: 16px;
	padding: 0 5px 0 0;
}

#profile-right  #credit-store {
	background: #009966;
	margin-left: 10px;
	padding: 3px 15px;
}

#profile-right  #credit-store:hover {
	background: #006633;
}

#profile-right  #credit-store a {
	color: #fff;
	text-decoration: none;
}

#profile-right .credits-amount a {
	text-decoration: underline;
}

#my-classroom-timetable {
	float: left;
	margin: 30px 0;
	width: 100%;
	color: #333;
}

#my-classroom-timetable .content {
	float: left;
	min-height: 140px;
	width: 100%;
	padding-bottom: 25px;;
	border: 1px solid #fff;
}

#profile-left .img :hover {
	border-color: #0FA84E;
}


#profile-right>div {
	padding: 0;
	float: left;
}

#profile-right   #username {
	font-weight: bold;
	font-size: 16px;
	float: left;
	width: 100%;
}

#profile-right   .edit-link {
	text-align: left;
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 55%;
	font-weight: normal;
	font-size: 12px;
}
#profile-right   .credits-amount {
	padding: 20px 0;
	float: left;
	width: 100%;
}
#personal-courses-info   .post-paid {
	padding: 0 0 0 15px;
}

#profile-right
		#credit-store {
	background: #009966;
	margin-left: 10px;
	padding: 3px 15px;
}

#profile-right    #credit-store :hover {
	background: #006633;
}

#profile-right    #credit-store   a {
	color: #fff;
	text-decoration: none;
}

#profile-right   .credits-amount   a {
	text-decoration: underline;
}

#my-classroom-timetable {
	float: left;
	margin: 30px 0;
	width: 100%;
	color: #333;
}

#my-classroom-timetable .content {
	float: left;
	min-height: 120px;
	width: 100%;
	padding-bottom: 25px;
	background: url("../images/mc-timetable.jpg") left top scroll repeat;
	border-top: 1px solid #ddd;
}

#my-classroom-timetable .tab ul {
	width: 655px;
	float: left;
}

#my-classroom-timetable .tab li {
	float: left;
	text-align: center;
	width: 88px;
	border-bottom: 3px solid #fff;
	cursor: pointer;
	line-height:37px;
	height:37px;
	position: relative;
	font-size: 14px;
}

#my-classroom-timetable .tab li:hover,#my-classroom-timetable .tab li.current
	{
	border-bottom: 3px solid #6AC40D;
	font-weight: bold;
}

#my-classroom-timetable .tab .badge {
	background-color: #ff6000;
    border-radius: 50px;
    color: #ffffff;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    padding: 0;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 5px;
    width: 15px;
}

#my-classroom-timetable .tab .timetable-more {
	width: 75px;
	text-align: left;
	height:40px;
	line-height:37px;
	background: url("../images/mc-more.jpg") 30px center scroll no-repeat;
}

#my-classroom-timetable .tab .timetable-more a {
	text-decoration: none;
}

#my-classroom-timetable .content li div {
	float: left;
	padding: 10px 0 0 20px;
	width: 100px;
}

#my-classroom-timetable .content li div.data {
	height: 100%;
}

#my-classroom-timetable .data  p {
	margin: 0;
	text-indent: 5px;
	width: 100%;
	font-weight: bold;
	float: left;
}

#my-classroom-timetable .data .day {
	float: left;
	font-size: 45px;
	line-height: 40px;
	width: 100%;
	font-weight: bold;
	text-indent: 0;
	padding-top: 10px;
	padding-bottom: 15px;
}
#my-classroom-timetable .data .month {
	width: 40px;
	float: right;
	text-align: left;
	padding-left: 5px;
	height: 20px;
	line-height: 20px;
}
#my-classroom-timetable .data .week {
	width: 45px;
	float: left;
	border-right: 1px solid #B2B2B2;
	padding-right: 8px;
	height: 20px;
	line-height: 20px;
}

#my-classroom-timetable .content li .no-result {
	clear: none;
	width: 480px;
	text-align: center;
}
#my-classroom-timetable .content li .no-result a {
	text-decoration: underline;
	color: #ff6503;
}
#my-classroom-timetable .content li .lesson-content {
	width: 590px;
	float: right;
	padding: 0;
}
#my-classroom-timetable .content li .lesson {
	background: url("../images/mc-lesson.jpg") no-repeat scroll 80px center #f5f5f5;
	border: 1px solid #D9D9D9;
	box-shadow: 1px 1px 2px #DDDDDD;
	-moz-box-shadow: 1px 1px 2px #DDDDDD;
	-webkit-box-shadow: 1px 1px 2px #DDDDDD;
	font-size: 12px;
	height: 75px;
	margin: 25px 0 0 20px;
	padding: 0;
	width: 260px;
	transition: border .3s;
	-moz-transition: border .3s;
	-webkit-transition: border .3s;
	-o-transition: border .3s;
}
#my-classroom-timetable .content li .lesson:hover {
	border-color: #6AC40D;
}

.page-school-my-course-classroom #my-classroom-timetable .row {
	float: left;
	padding: 0 0 0 20px;
	width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 20px;
}

.page-school-my-course-classroom #my-classroom-timetable .row:nth-child(5n+2){
	padding-top:8px;
}
.page-school-my-course-classroom #my-classroom-timetable .fw-empha {
	background-color: #6AC40D;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	height: 47px;
	left: -1px;
	padding: 15px 10px;
	position: relative;
	top: -1px;
	width: 61px;
	text-overflow: no;
	white-space: normal;
	font-weight: normal;
	text-align: center;
	line-height: 22px;
}

.page-school-my-course-classroom #my-classroom-timetable .fw-empha font {
	font-size: 18px;
	width: 61px;
	font-weight: bold;
	float: left;
}

/* Your Classroom ��ʼ */
.page-course-your-classroom #class-room{
	height: 500px;
	padding: 50px;
	padding-left: 100px;
	background: url("../images/your-classroom-bg.png") no-repeat scroll left top transparent;
}
.page-course-your-classroom #no-class{
	position: absolute;
	float: left;
	top: 50px;
	height: 30%;
	padding-top: 10%;
	background: #FFF;
	padding-bottom: 10%;
	font-size: 18px;
	width: 360px;
}
.page-course-your-classroom #class-room #notice{
	width: 300px;
	padding-right: 10px;
	padding-left: 50px;
	background: url(../images/verify-notice.png) center left 5px no-repeat #FFCE55;
	margin-left: -50px;
}
.page-course-your-classroom #no-class a{
	color: #009933;
}
.page-course-your-classroom #countdown{
	font-size: 48px;
	width: 160px;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 2px solid #e9e9e9;
}
.page-course-your-classroom #class-room .row{
	padding-top: 20px;
	width: 360px;
	font-size: 16px;
	font-weight: bold;
}
.page-course-your-classroom #class-room .row .label{
	font-size: 12px;
	font-weight: normal;
}
.page-course-your-classroom #countdown #separator{
	width: 10px;
}
.page-course-your-classroom #countdown div{
	text-align: center;
	float: left;
	width: 70px;
	color: #999;
}
.page-course-your-classroom #countdown #hour, .page-course-your-classroom #countdown #minute{
	color: #E56600;
}
.page-course-your-classroom #countdown #hour-span, .page-course-your-classroom #countdown #minute-span{
	font-size: 12px;
}
/* Your Classroom ���� */

/*------�Ͽμ�¼---------*/
.my-course-history {
	margin-top: 20px;
	float: left;
	width: 100%;
}

.course-history-search {
	float: left;
    width: 88%;
}

.page-school-my-course-history  .course-history-search input[type="button"]
	{
	margin-left: 20px;
}

.course-history-search input {
	width: 70px;
	margin: 0 5px;
}

.course-history-search select {
	border: 1px solid #DDDDDD;
	width: 110px;
	margin-right: 20px;
}

.course-history-search option {
	padding: 2px 0;
}

.page-school-my-course-history .course-detail {
	border-left: 6px solid #AACF5C;
	float: left;
	line-height: 20px;
	margin: 0 0 10px;
	padding-left: 10px;
	width: 697px;
}

.page-school-my-course-history #history-day-list {
	padding-top: 20px;
}

.my-course-history .tab-calendar-mode,.page-timetable .tab-calendar-mode {
	width: 100%;
	margin: 5px 0 10px;
}

.my-course-history #calendar {
	min-height: 300px;
}

.my-course-history .tab-c-head,.page-timetable .tab-c-head {
	width: 727px;
	background-color: #F9F9F9;
	color: #fff;
	border: 1px solid #ccc;
	border-bottom: 0 none;
}

.my-course-history .tab-c-week,.page-timetable .tab-c-week {
	background-color: #f0f0f0;
	width: 728px;
}

.my-course-history .tab-c-month-date,#timetable-calendar #calendar-items,.page-timetable #calendar-items{
	width: 728px;
}

#calendar li,#timetable-calendar li {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	float: left;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 103px;
}
#timetable-calendar li.unmyclass , #timetable-calendar li.myclassed {
	cursor: pointer;
	transition: background-color .3s;
}
#timetable-calendar li.unmyclass:hover {
	background-color: #effdf5;
}
#timetable-calendar li.myclassed:hover {
	background-color: #f9f9f9;
}

.page-school-my-course-history #calendar-items .courses {
	background-image: url("../images/c-i.png");
	background-position: right top;
	background-repeat: no-repeat;
}

.page-school-my-course-history #calendar-items li p {
	line-height: 1;
	border-left: 6px solid #AACF5C;
	margin-left: 3px;
	margin-bottom: 6px;
	padding-left: 3px;
	margin-top: 5px;
	text-align: left;
}

.page-school-my-course-history .my-course-history ul.view-turn {
	float: right;
	padding-top: 8px;
}

.page-school-my-course-history .my-course-history ul li {
	float: left;
}

.page-school-my-course-history .calendar-tab {
	background: url("../images/u337_normal_grey.png") no-repeat scroll 0 0
		#FFFFFF;
	cursor: pointer;
	height: 20px;
	margin-bottom: 5px;
	margin-right: 10px;
	text-indent: -9999px;
	width: 20px;
}
.page-school-my-course-history .my-course-history .calendar-tab:hover ,
.page-school-my-course-history .my-course-history .calendar-tab.active{
	background: url("../images/u337_normal.png") no-repeat scroll 0 0 #FFFFFF;
}

.page-school-my-course-history .list-tab {
	background: url("../images/u335_normal_grey.png") no-repeat scroll 0 0 #FFFFFF;
	cursor: pointer;
	height: 20px;
	text-indent: -9999px;
	width: 20px;
	margin-bottom: 1px;
	margin-right: 10px;
	margin-top: 2px;
}
.page-school-my-course-history .my-course-history .list-tab:hover ,
.page-school-my-course-history .my-course-history .list-tab.active {
	background: url("../images/u335_normal.png") no-repeat scroll 0 0 #FFFFFF;
	margin-top: 2px;
}

/*-----page-school-flashcard  container loop ���ʿ�----*/
.page-school-flashcard  #content  #page-title {
	margin: 0px 0;
	clear: both;
	background: #24734C;
	color: #fff;
	font-size: 12px;
	height: 100%;
	padding-left: 15px;
	margin: 0px 0px;
	height: 30px;
	line-height: 30px;
}

.flashcard-list .flashcard {
	border: 1px solid #E3E3E3;
    margin: 0 0 40px;
    width: 460px;
    height: 302px;
}
.page-school-my-course-selfstudy .flashcard-list .flashcard {
    height: 302px;
    width: 348px;
    margin: 40px 0 0;
}
.flashcard-list .flashcard .flashcard-content {
	color: #888888;
    float: left;
    height: 115px;
    line-height: 20px;
    overflow: hidden;
    width: 60%;
}
.flashcard-list .flashcard .stat {
	width: 59%;
	padding-left: 1%;
	float: left;
}
.flashcard-list .flashcard .num ,
.flashcard-list .flashcard .level {
	width: 100%;
	float: left;
	text-indent: 22px;
	color: #333;
	font-weight: bold;
	padding-bottom: 10px;
}
.flashcard-list .flashcard .num {
	background: url("../images/app-han-num.png") no-repeat scroll left top transparent;
}
.flashcard-list .flashcard .level {
	background: url("../images/app-han-level.png") no-repeat scroll left top transparent;
}
.flashcard-list .flashcard #thumbnail {
	float: right;
    position: absolute;
    right: 2%;
    text-align: center;
    top: 20px;
    width: 38%;
    height: 160px;
    overflow: hidden;
}
.flashcard-list .flashcard #thumbnail img{
	width: 124px;
	float: left;
}

.flashcard-list .flashcard .f-info {
	float: left;
    height: 155px;
    padding: 20px 3%;
    width: 94%;
}

.flashcard-list .flashcard .f-img {
	background-color: #F4F3F0;
	border-bottom: 1px solid #E6E6E6;
    float: left;
    height: 50px;
    line-height: 50px;
    padding: 0 3%;
    width: 94%;
}
.page-school-my-course-selfstudy .flashcard-list .flashcard .f-img {
	height: 40px;
    line-height: 40px;
}

.flashcard-list .flashcard .f-img img {
	width: 39px;
	float: left;
	padding-top: 6px;
}
.page-school-my-course-selfstudy .flashcard-list .flashcard .f-img img {
	width: 30px;
}

.flashcard-list .flashcard .f-img div {
	color: #11A84E;
    float: left;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-left: 2%;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 84%;
}

.flashcard-list .flashcard .f-info .title {
	color: #00A0E9;
	font-size: 16px;
	font-weight: bold;
}

 .flashcard-list .flashcard .f-info .points {
	font-weight: bold;
}

.flashcard-list .flashcard .f-info .points span {
	color: #ff6600;
	font-size: 16px;
}

.flashcard-list .flashcard .exchange {
	border-top: 1px solid #E3E3E3;
    float: left;
    padding: 0 4%;
    width: 92%;
}

.flashcard-list .flashcard .exchange .count {
	color: #888888;
    float: left;
    line-height: 55px;
    padding-left: 1%;
    width: 44%;
}

.flashcard-list .flashcard .exchange .points {
	color: #888888;
    float: left;
    line-height: 55px;
    width: 25%;
}
.flashcard-list .flashcard .exchange #flashcard-buy {
	background: url("../images/flashcard-buy-btn.png") no-repeat scroll left top #EE7E04;
    float: right;
    font-weight: normal;
    height: 37px;
    line-height: 37px;
    margin-top: 10px;
    padding-right: 34px;
    text-align: center;
    width: 122px;
}
.flashcard-list .flashcard .exchange input[disabled="disabled"]
	{
	background: #ccc;
}

 .flashcard-list   .flashcard-buy-win  div {
	line-height: 1.5;
}

.flashcard-buy-win {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	left: 50%;
	margin-left: -200px;
	overflow: auto;
	padding: 20px;
	position: fixed;
	top: 25%;
	width: 400px;
	z-index: 1002;
}

 .flashcard-list   .flashcard-buy-win  .flashcard-sn
	{
	font-weight: bold;
}

 .flashcard-list   .flashcard-buy-win  .flashcard-price
	{
	color: #FF6600;
}

  #flashcard-buy-form  input {
	border: medium none;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	line-height: 20px;
}

  #flashcard-buy-form  input[type="password"] {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) inset;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
}

/*------�ҵĿα�-------*/
.page-school-my-course-timetable #vip-teach {
	float: left;
}
.page-school-my-course-timetable  .highcharts-title {
	float: left;
    height: 20px;
    padding: 10px 22px;
    text-align: center;
    width: 186px;
}
#vip-teach .highcharts-title {
	background-color: #FEFAEF;
	border-bottom: 2px solid #E2B708;
}
#vip-training .highcharts-title {
	background-color: #F5FBF7;
	border-bottom: 2px solid #77CFFD;
}
#group-teach .highcharts-title {
	background-color: #F1FFF7;
	border-bottom: 2px solid #12A84F;
}
.page-school-my-course-timetable #vip-training {
	float: left;
}
.page-school-my-course-timetable #group-teach {
	float: left;
}
.page-school-my-course-timetable #vip-teach-book ,
.page-school-my-course-timetable #vip-training-book ,
.page-school-my-course-timetable #group-teach-book{
	float: left;
	padding-top: 10px;
}
.highcharts-legend-item {
	padding-top: 5px;
}
.timetable-chart a {
	text-decoration: none;
}

.timetable-chart .btn {
	background: url("../images/vip-teach-book-btn-bg.png") no-repeat scroll 15px center #F2A501;
    font-weight: bold;
    margin: auto;
    position: relative;
    text-indent: 25px;
    float: left;
    left: 25%;
}
.i18n-zh-hans .timetable-chart .btn {
	left: 33%;
}
.timetable-chart .btn:hover {
	background-color: #F2A501;
}

/*-------��ҵ----------*/
.page-school-my-course-homework  .s-homework-right .homework-upload {
	width: 105px;
}

.page-school-my-course-homework  .s-homework-right .homework-upload-raw
	{
	font-size: 10px;
	font-weight: normal;
}

.page-school-my-course-homework .s-homework-upload {
	margin-right: 5px;
	margin-left: 0px
}

.page-school-my-course-homework  .s-homework-right .upfile {
	font-size: 10px;
	font-weight: normal;
	white-space: nowrap;
	clear: both;
	overflow: hidden;
	padding-top: 5px;
}
.page-school-my-course-homework .schedule-homework-mode {
	left: 0;
	width: 100%;
	padding: 30px 0;
}

.page-school-my-course-homework .s-homework-record {
	height: auto;
}

/* ��ҳ */
.item-list .pager {
	font-size: 14px;
	margin: 15px 0;
}
.item-list .pager li {
	float: left;
	margin: 0;
	padding: 0;
}
.pager li a , .pager li.pager-current {
	border: 1px solid #ccc;
	display: inline-table;
	height: 25px;
	line-height: 25px;
	margin: 0 2px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #333;
}

.pager a:hover {
	border-color: #e6a800;
	background-color: #FCF2CE;
}

.pager li.pager-current , .pager li.pager-current:hover {
	background-color: #e6a800;
    border-color: #e6a800;
    color: #fff;
}

.pager .page-total {
	margin: 0 4px;
}

.pager {
	float: right;
	margin: 10px 0;
	border-collapse: separate;
}

/* ���صȴ�Ч����ʽ��ʼ */
.tab-c-head #calendar-loading {
	position: absolute;
	left: 2px;
	top: 2px;
}

.button-loading {
	position: absolute;
	top: 8px;
	background-color: #FFFFFF;
}

#course-choose #button-loading {
	position: absolute;
	left: 170px;
	background-color: transparent;
}

/* ���صȴ�Ч����ʽ���� */ /* 1��1����ҳ���ڸ�Ч����ʼ */
.vip-course-zero-notice {
	z-index: 1001;
	position: absolute;
	width: 100%;
	height: 100%;
	filter: alpha(Opacity =   80);
	-moz-opacity: 0.5;
	opacity: 0.5;
	background: #606060;
}

.vip-course-zero-notice-content {
	z-index: 1002;
	position: absolute;
	width: 300px;
	height: 120px;
	background: #FFFFFF;
	padding: 10px 10px;
	left: 50%;
	margin-left: -150px;
	top: 200px;
	border: 1px solid #FF6633;
}

.btn {
	background-color: #8ABA56;
	color: #FFFFFF;
	min-width: 40px;
	padding: 5px 15px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}
a.btn{
	color: #FFFFFF;
}

.btn:hover {
	background-color: #8BBC21;
}

/* 1��1����ҳ���ڸ�Ч������ */
/* ��ѧ�γ� */
.flashcard-list {
	width: 100%;
	float: left;
	padding: 15px 0;
}

.flashcard-list .list-tital {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	line-height: 30px;
	width: 100%;
	float: left;
}

.flashcard-list .list-tital font {
	border-bottom: 2px solid #009900;
	float: left;
	line-height: 30px;
	padding: 0 10px;
}

.flashcard-list .list-tital .list-more {
	float: right;
	font-size: 12px;
	padding-right: 15px;
}

/* û�н���Ĭ����ʾ��ʼ */
.no-result {
	margin: 50px auto;
	text-align: center;
    width: 200px;
	padding: 20px 0 50px;
	clear: both;
	font-size: 16px;
}
.evaluation-cont .no-result a{
	display: inline;
	width: 65px;
	height: 26px;
	line-height: 26px;
	background-color: #ffeec3;
    border: 1px solid #fead38;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    margin: -3px 10px 0;
    padding: 0 15px;
    float: right;
}
.evaluation-cont .no-result a:hover{
	background-color: #e6a800;
	color: #fff;
}
.page-school-my-course-classroom .no-result a {
	color: #ff6503;
    text-decoration: underline;
}

/* û�н���Ĭ����ʾ���� */ /* ���ǵĿγ�\HSK�γ�\�Ļ��γ�\���Կγ� --��ʼ*/
.node-type-course .page-hanbridge-content .views-row {
	height: auto;
	margin: 0;
}
.course-title {
	color: #009933;
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0;
}
.node-type-course .panels-flexible-row-last {
    padding-bottom: 0;
    width: 100%;
    float: left;
}
.node-type-course .panels-flexible-13-inside {
	width: 100%;
	float: left;
	min-height: 420px;
}

.sidebar-first .panel-flexible panels-flexible-13 .field-type-image .field-item img {
	height: 240px;
    width: 340px;
}

/* ���ǵĿγ�\HSK�γ�\�Ļ��γ�\���Կγ� --����*/
.node-webform {
	margin: 0 10px;
}

/* hsk�����б���ʼ */
.hsk-training-category .category-row {
	width: 100%;
	float: left;
	padding-bottom: 40px;
}
.hsk-training-category .category-row .hsk-item {
	background-color: #F6F6F6;
    border: 1px solid #D7D7D7;
    float: left;
    height: 90px;
    margin: 30px 25px 0 0;
    overflow: hidden;
    padding: 20px 25px;
    width: 174px;
}
.hsk-training-category .hsk-item-exchangeBg {
	background: url("../images/app-exchange-bg.png") no-repeat scroll right top #F6F6F6;
}
.hsk-training-category .hsk-item-useBg {
	background: url("../images/app-use-bg.png") no-repeat scroll right top #F6F6F6;
}
.hsk-training-category .hsk-item:hover {
	border: 1px solid #009900;
}
.hsk-training-category .category-row .hsk-item-four {
	margin-right: 0;
}
.hsk-training-category h1 {
	font-size: 16px;
	padding: 0;
}

.hsk-training-category .hsk-item .hsk-pic {
	color: #000000;
    float: left;
    font-size: 16px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.hsk-training-category .hsk-item .free {
	background: url("../images/appfree.png") no-repeat scroll left 20px transparent;
	width: 50%;
	color: #FF0000;
	float: left;
	padding-top: 20px;
	text-indent: 25px;
	font-size: 14px;
}

.hsk-training-category .exchange {
	padding-top: 18px;
	float: left;
	width: 50%;
}

.hsk-training-category .exchange input {
	background-color: #F5A100;
	background-image:none;
	float: left;
	border: 1px solid #DC940B;
	border-radius:0;
	height: 19px;
	line-height: 19px;
	font-size: 12px;
	min-width:50px;
	width:60px;
	margin: 0;
	font-weight: normal;
}
.hsk-training-category .exchange input:hover {
	background-color: #e19a00;
}

.hsk-training-category .flashcard-buy-win {
	position: fixed;
	top: 25%;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-color: white;
	z-index: 1002;
	overflow: auto;
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}

.hsk-training-category .flashcard-buy-win .flashcard-sn {
	font-weight: bold;
}

.hsk-training-category  .flashcard-buy-win .flashcard-price {
	color: #FF6600;
}

.page-school-hsktest-training #content .section {
	font-size: 12px;
}

.hsk-training-category {
	width: 100%;
	padding: 10px 0;
	float: left;
}

.hsk-training-category .show-more {
	background: url("../images/appshow-more.png") no-repeat scroll left 9px transparent;
	width: 5%;
	float: left;
	text-align: left;
	width: 16px;
	height: 25px;
}
.hsk-training-category .show-more-1 {
	background: url("../images/appshow-more-1.png") no-repeat scroll left 9px transparent;
	width: 5%;
	float: left;
	text-align: left;
	width: 16px;
	height: 25px;
}

#hsk-item-title {
	width: 978px;
	float: left;
	background-color: #e5e5e5;
	border: 1px solid #d7d7d7;
	height: 34px;
	line-height: 34px;
}
#hsk-item-title h1 {
	width: 95%;
	float: left;
	color: #12A34D;
	text-indent: 20px;
	font-weight: normal;
}
.hsk-items-more {
	clear: both;
}

.page-school-hsktest-exam #content .section {
	font-size: 12px;
}

.hsk-training-category .user-count {
	background: url("../images/appuser-count.png") no-repeat scroll left 15px transparent;
	width: 100%;
	padding-top: 15px;
	float: left;
	text-indent: 25px;
}
.page-school-hsktest .user-count font {
	color: #015A48;
	font-size: 14px;
	padding: 0 5px;
}

/* hsk��������� */
.chinese-contInfo {
	width: 696px;
	float: left;
	font-size: 12px;
}

.chinese-contInfo ul {
	list-style: none;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.chinese-contInfo li {
	line-height: 42px;
	text-align: center;
	width: 172px;
	float: left;
	border: 1px solid #a1a1a1;
	border-bottom: 0 none;
	background-color: #e4e4e4;
	color: #333;
	font-size: 14px;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
}

.chinese-contInfo li.cur-cct-tile {
	background-color: #52D666;
	font-weight: bold;
	line-height: 47px;
	top: -5px;
	position: relative;
}

.chinese-contInfo table {
	border: 1px solid #a1a1a1;
	top: -7px;
	position: relative;
}

.chinese-contInfo th {
	width: 230px;
	background-color: #AACF5D;
	color: #024533;
	line-height: 28px;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
}

.chinese-contInfo td {
	width: 198px;
	padding: 15px;
	line-height: 20px;
	border-left: 2px solid #AACF5D;
	font-size: 12px;
}

.chinese-contInfo td.first-td {
	border: 0 none;
}

.four-mode,.second-mode,.three-mode {
	display: none;
}

.four-mode {
	border: 1px solid #a1a1a1;
	top: -5px;
	position: relative;
	width: 664px;
	float: left;
	padding: 15px;
}

#block-menu-menu-solution-menu {
	width: 100%;
	float: left;
	padding: 15px 0;
}
#block-menu-menu-solution-menu ul {
	width: 100%;
	float: left;
}
#block-menu-menu-solution-menu li {
	cursor: pointer;
    width: 438px;
    padding-bottom: 30px;
}
#block-menu-menu-solution-menu li a {
	background-color: #12A34D;
	background-repeat: no-repeat;
	background-attachment: scroll;
	float: left;
    font-size: 16px;
    height: 253px;
    text-decoration: none;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 460px;
}
#block-menu-menu-solution-menu .first a {
	background-image: url("../images/solution-corporate.png");
}
#block-menu-menu-solution-menu .last a{
	background-image: url("../images/solution-personal.png");
}
#block-menu-menu-solution-menu .first {
	float: left;
}
#block-menu-menu-solution-menu .last {
	float: right;
}
#block-menu-menu-solution-menu li.active-trail {
	background: url("../images/solution-obj-choose.png") no-repeat scroll center 253px transparent;
}
#block-menu-menu-solution-menu li.active-trail a {
	background-color: #F2A001;
}


#block-views-mobile-study-banner-block {
	width: 100%;
	float: left;
	overflow: hidden;
}
.onlineclass-mode table {margin: 0;}
.onlineclass-choose {
	background: url("../images/online-class-choose.png") no-repeat scroll center bottom #fff;
	color: #666;
}
.onlineclass-content span{
	background-color: #f2f2f2;
    cursor: pointer;
    float: left;
    height: 60px;
    width: 99%;
}
.onlineclass-choose span{
	background-color: #6BC30D;
	color: #fff;
}
.page-node-40 #block-system-main {
	float: left;
    padding-bottom: 20px;
    width: 100%;
}

/* ��ϵ���� */
#footer #block-webform-client-block-217{
	margin-top: -15px;
}
#block-webform-client-block-51 {
	position: absolute;
	top: 125px;
}
#webform-client-form-51 {
	width: 420px;
	float: left;
	position: relative;
	color: #333;
	font-size: 14px;
	top: 15px;
}
.page-contact-us #page-title {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #12a34d;
    font-weight: normal;
    height: 25px;
    padding: 0;
    margin-bottom: 10px;
    width: 100%;
}
.i18n-zh-hans #webform-client-form-51 {
	width: 380px;
}
#webform-client-form-51 .form-item {
	width: 100%;
	float: left;
	margin-bottom: 8px;
}
#webform-client-form-51 label {
	float: left;
    margin: 0;
    padding: 3px 20px 3px 0;
    font-size: 14px;
	text-align: right;
	width: 110px;
}
#webform-component-name>label,#webform-component-e-mail>label,#webform-component-message>label,#webform-component-nationality>label{
	background: url(http://www.hanbridgemandarin.com/sites/default/files/pictures/redxing.jpg) 110px  no-repeat;
}

.i18n-zh-hans #webform-client-form-51 label {
	width: 60px;
}
#webform-client-form-51 select {
    border: 1px solid #ccc;
    width: 290px;
    float: left;
    height: 30px;
    line-height: 24px;
}
#webform-client-form-51 .resizable-textarea {
	width: 315px;
	float: left;
}
#webform-client-form-51 textarea {
    border: 1px solid #ccc;
    float: left;
    resize: none;
    width: 289px;
    height: 100px;
}
#webform-client-form-51 .grippie {
	width: 313px;
	float: left;
}
#webform-client-form-51 span {
    color: #f00;
    float: left;
    padding-left: 15px;
    position: absolute;
    top: 8px;
    right: auto;
}
#webform-client-form-51 input[type=text] ,
#webform-client-form-51 input[type=email] {
	width: 280px;
	padding: 6px 4px;
	margin: 0;
	float: left;
}
#webform-client-form-51 #edit-actions {
	float: left;
    margin-top: 20px;
    padding: 0;
    text-align: right;
    width: 100%;
}
#webform-client-form-51 input[type=submit] {
    font-size: 16px;
    float: none;
}
.aboutus-shenzhen {
	background: url("../images/aboutus-shenzhen-bg.png") no-repeat scroll left top transparent;
}
.i18n-en .aboutus-shenzhen {
	background: url("../images/aboutus-shenzhen-bg-en.png") no-repeat scroll left top transparent;
}

/* �������� */
#block-system-main {
margin-top:30px;	width: 100%;
	float: left;
}
.page-contact-us #block-system-main {
	padding-bottom: 50px;
}
#block-views-our-course-block {
	width: 100%;
	float: left;
}
#block-views-our-course-block h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 0 10px 5px;
    border-bottom: 2px solid #6BC30D;
    margin: 0;
    width: 150px;
}
#block-views-our-course-block .content {
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
#block-views-our-course-block .views-row {
	border: 0 none;
    float: left;
    margin: 0;
    padding: 0 1.5%;
    width: 22%;
}
#block-views-our-course-block .views-row-last {
	padding-right: 0;
}
#block-views-our-course-block .views-field-field-thumbnail {
	float: left;
    padding: 0;
    width: 100%;
}
#block-views-our-course-block .views-field-field-thumbnail img {
	float: left;
	height: 112px;
    width: 163px;
}
#block-views-our-course-block .views-field-title {
	font-weight: bold;
	width: 100%;
	float: left;
}
#block-views-our-course-block .views-field-title a {
	float: left;
    line-height: 30px;
    margin-left: 0;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#block-views-our-course-block .views-field-title a:hover {
	color: #14A44F;
}
#block-views-our-course-block .views-field-body {
	float: left;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
}
.node-type-course .panels-flexible-row-13-main-row .field-name-field-thumbnail img{
    width: 340px;
    height:240px;
}
.node-type-course .course-title {
	color: #009933;
    font-size: 26px;
    font-weight: bold;
    padding:10px 0 10px;
}
.node-type-course .pane-node-field-periods ,
.node-type-course .pane-node-field-availability {
	padding: 0 0 15px;
	float: left;
	width: 100%;
}
.node-type-course .pane-node-field-periods .field-label ,
.node-type-course .pane-node-field-availability .field-label {
	width: 80px;
}

.node-type-course .field-type-taxonomy-term-reference ul.links li {
    float: left;
    margin: 0;
    padding: 0;
    width: 233px;
    white-space: normal;
}
.node-type-course .contextual-links-region {
	float: left;
}
.node-type-course .panels-flexible-13 .field-content img ,
.node-type-course .panels-flexible-13 .field-content a {
	padding-top: 48px;
}
.node-type-course .pane-node-field-periods *,
.node-type-course .pane-node-field-availability * {
	font-size: 14px;
	font-weight: normal;
	float: left;
	padding: 0;
	margin: 0;
}
.node-type-course .pane-node-field-periods .periods_field_suffix{
	padding-left: 4px;
}

/* �Ҳ��ص�������ʽ-��ʼ */
#footer-wrapper #block-block-3 {
	position: fixed;
	bottom: 30px;
	right: 20px;
	z-index: 1;
	width: 48px;
}

#footer-wrapper #back-top a {
	width: 48px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	border:none;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
}

/* arrow icon (span tag) */
#back-top span {
	width: 48px;
	height: 48px;
	display: block;
	background: url(../images/backTop.png) no-repeat center center;
	background-position: 0px 0px;

	/* transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.i18n-en #back-top span {
	background: url(../images/backTop-en.png) no-repeat center center;
	background-position: 0px 0px;
}
#block-webform-client-block-217{
	margin-top: 20px;
}
#back-top a:hover span {
	background-position: 0px -48px;
}
/* �Ҳ��ص�������ʽ-���� */

/* ΢�Ŷ�ά�� ��ʼ */
.wrapper {
display: inline;
text-transform: uppercase;
color: #555;
cursor: pointer;
font-family: "Gill Sans", Impact, sans-serif;
font-size: 20px;
/*padding: 15px 20px;*/
position: relative;
text-align: center;
width: 32px;
height: 32px;
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
z-index: 999;
}

.wrapper .tooltip {
-webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
width:0px;
height: 0px;
background: #FFF url('../images/weixin_qr.png') no-repeat;
margin-left: 50%;
color: #fff;
display: block;
left: -16px;
bottom: -30px;
margin-bottom: 15px;
opacity: 0;
filter:alpha(opacity=0);
padding: 16px;
pointer-events: none;
position: absolute;
width: 0%;
-webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
/*border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-bottom: solid #FFF 10px;
top: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -10px;
position: absolute;
width: 0;*/
}

.wrapper:hover .tooltip {
opacity: 1;
filter:alpha(opacity=100);
pointer-events: auto;
-webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
margin-bottom: -185px;
width: 180px;
height: 180px;
left:-106px;
background: #FFF url(../images/wx_qr_code.jpg) no-repeat center center;
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
display: none;
}

.lte8 .wrapper:hover .tooltip {
display: block;
}

.wx_qr_code{
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	margin-left: -16px;
	background: url('../images/weixin_qr.png') no-repeat;
}

.st_wx{
	position: absolute;
	margin-left: 5px;
	filter:alpha(Opacity=99);-moz-opacity:0.99;opacity: 0.99;
}
.st_wx:hover {
	filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;
}
}
/* ΢�Ŷ�ά�� ���� */


/* �����γ�-����ͼ ��ʼ */

/* �����γ�-����ͼ */
.page-school-store #content #courses-store-form #courses-store-form-left  #edit-loading{
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 0;
}
#loading-span{
	display: none;
	background: url(../images/loading.gif) no-repeat scroll left top;
	width: 46px;
	height: 16px;
	float: left;
	left: 50%;
	position: absolute;
	top: -16px;
}

/* �ȼ�˵�� */
.ch-level-img {
	background: url("../images/ch-level-img.png") no-repeat scroll right 0 transparent;
    float: left;
    height: 29px;
    position: absolute;
    right: -16px;
    top: 15px;
    width: 16px;
}
.hsk-level-img {
	background: url("../images/hsk-level-img.png") no-repeat scroll left 0 transparent;
    bottom: 15px;
    float: left;
    height: 29px;
    position: absolute;
    right: 260px;
    width: 16px;
}
.ch-level li , .hsk-level li {
	clear: both;
	margin-bottom: 6px;
	text-align: center;
	height: 38px;
	line-height: 38px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 2px #444;
	cursor: pointer;
	position: relative;
}
.ch-level li {
	float: right;
	right: 0;
	transition: right .3s;
	-moz-transition: right .3s;
	-webkit-transition: right .3s;
	-o-transition: right .3s;
	margin-right: 5px;
}
.hsk-level li {
	float: left;
	left: 0;
	transition: left .3s;
	-moz-transition: left .3s;
	-webkit-transition: left .3s;
	-o-transition: left .3s;
	margin-left: 5px;
}
.ch-level  .ch-level-title , .hsk-level .hsk-level-title {
	color: #333;
	font-weight: bold;
	width: 165px;
	float: left;
	text-shadow: 0 0 0 #444;
	transition: all 0 ease 0;
	-moz-transition: all 0 ease 0;
	-webkit-transition: all 0 ease 0;
	-o-transition: all 0 ease 0;
}
.ch-level  .ch-level-title {
	text-align: right;
	margin-right: 5px;
	right: 10px;
}
.hsk-level .hsk-level-title {
	text-align: left;
	margin-left: 5px;
	left: 10px;
}
.ch-level li:hover , .ch-level li.ch-level-choose {
	right: 10px;
}
.hsk-level li:hover , .hsk-level li.hsk-level-choose {
	left: 10px;
}
.ch-level .ch-level10 {
	background: url("../images/ch-level10.png") no-repeat scroll right 0 transparent;
	width: 96px;
}
.ch-level .ch-level9 {
	background: url("../images/ch-level9.png") no-repeat scroll right 0 transparent;
	width: 106px;
}
.i18n-en .ch-level .ch-level9 {
	width: 103px;
	text-align: right;
	padding-right: 3px;
}
.ch-level8 {
	background: url("../images/ch-level8.png") no-repeat scroll right 0 transparent;
	width: 116px;
}
.ch-level7 {
	background: url("../images/ch-level7.png") no-repeat scroll right 0 transparent;
	width: 126px;
}
.ch-level6 {
	background: url("../images/ch-level6.png") no-repeat scroll right 0 transparent;
	width: 136px;
}
.ch-level5 {
	background: url("../images/ch-level5.png") no-repeat scroll right 0 transparent;
	width: 146px;
}
.ch-level4 {
	background: url("../images/ch-level4.png") no-repeat scroll right 0 transparent;
	width: 157px;
}
.ch-level3 {
	background: url("../images/ch-level3.png") no-repeat scroll right 0 transparent;
	width: 167px;
}
.ch-level2 {
	background: url("../images/ch-level2.png") no-repeat scroll right 0 transparent;
	width: 178px;
}
.ch-level1 {
	background: url("../images/ch-level1.png") no-repeat scroll right 0 transparent;
	width: 191px;
}
.hsk-level .hsk-level6 {
	background: url("../images/hsk-level6.png") no-repeat scroll right 0 transparent;
	width: 116px;
	height: 82px;
	line-height: 82px;
}
.hsk-level .hsk-level5 {
	background: url("../images/hsk-level5.png") no-repeat scroll right 0 transparent;
	width: 136px;
	height: 82px;
	line-height: 82px;
}
.hsk-level .hsk-level4 {
	background: url("../images/hsk-level4.png") no-repeat scroll right 0 transparent;
	width: 156px;
	height: 82px;
	line-height: 82px;
}
.hsk-level3 {
	background: url("../images/hsk-level3.png") no-repeat scroll right 0 transparent;
	width: 167px;
}
.hsk-level2 {
	background: url("../images/hsk-level2.png") no-repeat scroll right 0 transparent;
	width: 178px;
}
.hsk-level .hsk-level1 {
	background: url("../images/hsk-level1.png") no-repeat scroll right 0 transparent;
	width: 191px;
}
.level-test-mode {
	width: 978px;
	border: 1px solid #e7e7e7;
	background-color: #f7f7f7;
	top: 60px;
}
.level-test1 {
	background: url("../images/level-test1-bg.png") no-repeat scroll left top transparent;
    color: #fff;
    font-size: 24px;
    height: 90px;
    line-height: 70px;
}
.level-test2 {
	background: url("../images/level-test2-bg.png") no-repeat scroll right top transparent;
    color: #fff;
    font-size: 24px;
    height: 90px;
    line-height: 70px;
}
a.level-ourClass , a.level-buyClass {
	color: #009933;
	font-weight: bold;
	font-size: 12px;
	margin-left: 20px;
	margin-right: 5px;
	border-bottom: 1px solid #093;
}
/* �������� */
#node-163 {
	margin: 0;
}
#webform-client-form-163{
	width: 958px;
	float: left;
	border: 1px solid #f5a100;
	padding-top: 30px;
}
#webform-client-form-163 .form-item {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 0;
}
#webform-client-form-163 .form-item label {
	width: 340px;
	padding-right: 10px;
	float: left;
	line-height: 33px;
	text-align: right;
	font-size: 14px;
	margin: 0;
}
#webform-client-form-163 .form-item input {
	width: 270px;
	float: left;
	padding: 10px 4px;
}
#webform-client-form-163 .form-item select {
	width: 280px;
	float: left;
	padding: 8px 4px;
	height: 37px;
	line-height: 32px;
}
#webform-client-form-163 .form-item span {
	position: relative;
	float: left;
}
#webform-client-form-163 #edit-actions {
	width: 100%;
	float: left;
	text-align: center;
}
#webform-component-your-requests-of-learning .resizable-textarea{
	float: left;
	width: 410px;
	resize: none;
}
#webform-client-form-163 #edit-actions input {
    font-size: 16px;
    float: none;
    margin: 10px 0;
}
/* ��¼ע��ҳ�� ��ʼ */
.toboggan-unified #login-links {
	color: #000000;
	float: left;
	text-align: center;
	width: 56.5%;
	left: 8%;
	border-bottom: 1px solid #ccc;
}
.toboggan-unified #login-links a {
	width: 50%;
	float: left;
	font-size: 20px;
	padding: 30px 0 20px;
	height: 25px;
	border: none;
	background-color: inherit;
	line-height: 100%;
}
.toboggan-unified #login-links a:hover, .toboggan-unified #login-links a.lt-active, .toboggan-unified #login-links a.lt-active:hover {
	color: #009933;
	border: none;
	background-color: inherit;
	border-bottom: 2px solid #11A74E;
}
.toboggan-unified #register-form {
	display: none;
	float: left;
	padding: 20px 0;
	width: 100%;
}
.toboggan-unified #login-form {
	width: 100%;
	float: left;
	padding: 20px 0;
}
/* ��¼ע��ҳ�� ���� */
/* ע���ɹ�--��ʼ */
#user-register-succeed-block {
	width: 978px;
	border: 1px solid #eaeaea;
	background-color: #fafafa;
	float:left;
	min-height: 320px;
	padding: 40px 0;
	margin-bottom: 90px;
}
#user-register-succeed-block .userReg-prompt {
	background: url("../images/u100_normal.png") no-repeat scroll 185px top transparent;
    color: #ff6503;
    float: left;
    font-size: 30px;
    font-weight: bold;
    height: 76px;
    line-height: 100px;
    text-indent: 120px;
    padding-left: 170px;
}
#user-register-succeed-block .userReg-prompt-detail {
	clear: both;
    float: left;
    font-size: 14px;
    padding: 0 0 0 292px;
    line-height: 25px;
}
#user-register-succeed-block .userReg-class-link {
	background-color: #ffeec3;
    border: 1px solid #fead38;
    clear: both;
    color: #ff3b00;
    float: left;
    margin-left: 292px;
    margin-top: 20px;
}
#user-register-succeed-block .userReg-other-link {
	float: left;
	padding-top: 30px;
	padding-left: 20px;
}
#user-register-succeed-block .userReg-other-link a {
	color: #11a84e;
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
	margin-left: 30px;
}
#user-register-succeed-block .userReg-split {
	border-top: 1px dashed #ccc;
    clear: both;
    float: left;
    margin: 40px 5%;
    width: 90%;
}
#user-register-succeed-block .userReg-email-cont {
  	clear: both;
    float: left;
    padding-left: 290px;
    color: #999;
}
#user-register-succeed-block .userReg-email-cont h3 {
	font-size: 12px;
	float: left;
	width: 100%;
	padding: 0 0 10px;
}
#user-register-succeed-block .userReg-email-cont ul {
	list-style: disc outside none;
    padding-left: 12px;
    width: 100%;
    float: left;
    line-height: 20px;
}
#user-register-succeed-block .userReg-email-cont a {
	color: #FF6600;
	text-decoration: underline;
}
#user-register-succeed-block #redirecting{
	text-align: center;
	width: 100%;
	clear: both;
	height: 70%;
	position: absolute;
	background: #fafafa;
}
#user-register-succeed-block #redirecting a{
	color: #009933;
}
/* ע���ɹ�--���� */

/* �༭����--��ʼ */
.page-user-edit #user_profile_form .form-item {
	float: left;
    margin: 0 0 10px;
    width: 100%;
}
.page-user-edit .form-item-mail .form-required {
	float: left;
    padding: 20px 0 0 10px;
    right: auto;
}
.page-user-edit .form-item label {
	float: left;
    font-size: 14px;
    padding-right: 10px;
    text-align: right;
    width: 130px;
    color: #000;
    line-height: 33px;
}
.page-user-edit #new-pass-save{
	width: 150px;
	margin-left: 140px;
}
.page-user-edit div.form-item div.password-suggestions {
	display: none !important;
}
.page-user-edit .password-strength{
	left: 140px;
	top:18px;
}
.page-user-edit #user_profile_form .form-item-pass-pass2{
	margin-top: 20px;
}
.page-user-edit div.password-confirm{
    position: absolute;
	left: 140px;
    top: 20px;
}
.page-user-edit #edit-language .form-radio{
	margin-left: 100px;
}
.page-user-edit .password-indicator {
	background-color: #eeeeee;
    float: left;
    height: 2px;
    margin-top: 5px;
    width: 120px;
}
.page-user-edit #edit-language label{
	float: none;
}
.page-user-edit fieldset .fieldset-legend {
	float: left;
    font-weight: normal;
    padding-bottom: 5px;
    text-indent: 5px;
    width: 100%;
}
.page-user-edit .form-item input[type="text"] ,
.page-user-edit .form-item input[type="password"] ,
.page-user-edit .form-item input[type="file"] ,
.page-user-edit .form-item input[type="checkbox"]{
	float: left;
    font-size: 12px;
    padding: 8px 4px;
    width: 270px;
    color: #000;
    margin: 0;
}
.page-user-edit .form-item-picture-delete label{
	line-height: 12px;
}
.page-user-edit .form-item input[type="checkbox"]{
	width: auto;
	margin-left: 80px;
}
.page-user-edit .user-picture img{
	margin-left: 80px;
}

.page-user-edit .form-item input[type="file"] ,
.page-user-edit .form-item input[type="checkbox"] {
	padding: 6px 0;
}
.page-user-edit .description , .page-user-edit .fieldset-description{
	clear: both;
    color: #999;
    float: left;
    font-style: normal;
    padding: 5px 0 0 140px;
    width: auto;
    font-size: 11px;
}
.page-user-edit .fieldset-description {
	margin: 0 0 10px;
}
.page-user-edit #edit-locale .form-item .description {
	padding-left: 165px;
}
.page-user-edit #edit-actions {
	padding: 20px 0;
	float: right;
}
.page-user-edit #edit-emailverify {
    position: absolute;
    right: 220px;
    top: 30px;
}
html.js fieldset.collapsible .fieldset-legend {
    background: url("../../misc/menu-expanded.png") no-repeat scroll 8px center rgba(0, 0, 0, 0);
    padding-left: 0;
}
.vex-content .form-type-select,.vex-content .form-select	{
	width: 400px;
}
.vex-dialog-message a{
	color:#3288E6;
}
/* �༭����--���� */

/* ��������Լ�� ��ʼ*/
#mobile-number,#trialmail,#trialmail-verified{
	width: 490px;
	height: 45px;
	f11:01 2015/8/19ont-size: 16px;
	color:#666;
}
.intl-tel-input, #valid-msg, #error-msg{
	float: left;
	height: 25px;
	line-height: 25px;
	margin-bottom: 9px;
}
.content-freetrial #course-step1{
	width: 100%;
}
.content-freetrial .select-error{
	border: 2px solid #f3838f;
}
.content-freetrial .loading,.page-class-booking .loading{
	width: 100%;
	position: absolute;
	height: 100%;
	z-index: 10;
	opacity: 0.5;
	background: #FFF url(../images/loading-c.gif) no-repeat center center;
	background-attachment: fixed;
}
#contact-verify{
	width: 100%;
	float: left;
}
#contact-verify #captcha-image, .captcha-image{
	cursor: pointer;
}
#contact-verify #captcha-image.disabled, .captcha-image.disabled{
	opacity: 0.3;
	cursor: wait;
}
#contact-verify #login-alert-bg{
	position: absolute;
	width: 100%;
	height: 240px;
	background: #FFF;
	opacity: 0.8;
	z-index: 10;
}
#contact-verify #login-alert-msg{
	position: absolute;
	width: 100%;
	height: 220px;
	line-height: 220px;
	text-align: center;
	font-size: 24px;
	opacity: 1;
	z-index: 15;
}
#contact-verify #login-alert-msg a{
	color: #009933;
}
#contact-verify input.error{
	border: #f3838f 1px solid;
}
#contact-verify .tab-items{
	min-height: 180px;
	margin-top: 20px;
}
#contact-verify .tab li{
    width: 50%;
    float: left;
    text-align: center;
    height: 42px;
    padding: 10px 0;
    background: #F0F0F0;
    color: #B4B4B4;
    font-size: 24px;
    cursor: pointer;
    line-height: 42px;
}
#contact-verify .tab li.active{
	background: #6BC30D;
	color: #FFF;
}
#contact-verify .tab li#phone-tab{
	background-image:  url(../images/freetrial.png);
	background-position: -320px -55px;
}
#contact-verify .tab li#phone-tab{
	background-image:  url(../images/freetrial.png);
	background-position: -365px -72px;
}
#contact-verify .tab li#phone-tab.active{
	background-image:  url(../images/freetrial.png);
	background-position: -365px -9px;
}
.i18n-en  #contact-verify .tab li#phone-tab.active{
	background-image:  url(../images/freetrial.png);
	background-position: -363px -7px;
}
#contact-verify .tab li#mail-tab{
	background-image:  url(../images/freetrial.png);
	background-position: -330px -187px;
}
#contact-verify .tab li#mail-tab.active{
	background-image:  url(../images/freetrial.png);
	background-position: -330px -134px;
}
#contact-verify .bottom-line{
	background:  url(../images/freetrial.png);
	background-position: -320px -262px;
	top: -4px;
	height: 5px;
}
#contact-verify #phone, #contact-verify #mail{
	width: 800px;
}
#contact-verify #phone .error-msg, #contact-verify #mail .error-msg{
	width: 100%;
	float: left;
	color: #FF0000;
}
#contact-verify #phone #error-msg,#contact-verify #phone #valid-msg,#contact-verify #mail #verified{
	margin-left: 10px;
}
#contact-verify #phone #valid-msg,#contact-verify #mail #verified{
	color: #009900;
}
#contact-verify #phone #error-msg{
	color: #FF0000;
}
#contact-verify #mail .content a{
	color: #009933;
	text-decoration: underline;
}
#contact-verify #captcha{
	float: left;
	width: 360px;
	height: 45px;
	font-size: 16px;
	box-sizing: border-box;
	padding-left: 15px;
}
#contact-verify #captcha-image{
	float: left;
	width: 130px;
	height: 45px;
	font-size: 16px;
	box-sizing: border-box;
	padding-left: 10px;
	margin-top: 2px;
}
#contact-verify #verify-code{
	clear: both;
	float: left;
	width: 360px;
	height: 45px;
	font-size: 16px;
	box-sizing: border-box;
	padding-left: 15px;
}
#send-code{
	margin: 5px 0 0 10px;
	height: 40px;
	line-height: 40px;
}
.content-freetrial{
	background: url("../images/free-trial-banner.jpg") no-repeat;
	padding: 160px 0 0;
}
#trial-success, #trial-success-email{
	float: left;
	width: 100%;
	background: #FFF;
}
#trial-success .title,#trial-success-email .title,#trial-failed .title{
	font-size: 30px;
	color: #029A35;
	margin: 40px 0 20px 0;
}
#trial-success-email .title,#trial-failed .title{
	color: #009933;
	margin: 0;
    padding: 40px 0 0 0px;
}
#trial-success-email .title p{
	height: 30px;
}
#trial-success-email .title .sub-title{
	height: 24px;
	margin-top: 10px;
}
#trial-success .message li{
	padding: 10px 0 0px 0;
	font-size: 16px;
	color:#4c4c4c;
}
#trial-success li span{
	font-weight: bold;
}
#trial-success ul.message{
	padding:0 0 30px 0;
}
#trial-success-email .message,#trial-failed .message{
	float: left;
	width: 500px;
	padding-bottom: 20px;
	font-size: 16px;
	line-height:26px;
	color:#666;
	margin-top: 20px;
}
#trial-success-email #account-message{
	font-size: 16px;
	color: #666;
	line-height: 26px;
	width: 600px;
}
#trial-success-email #account-info{
	width: 300px;
	float: left;
	padding: 60px 30px;
	margin-left: 50px;
	margin-top: 20px;
	font-size: 14px;
	border-left: 1px solid #999;
}
#trial-success-email #account-info .info-title{
	font-size: 24px;
}
#trial-success-email #account-info .info-text{
	color: #0466B1;
	margin: 10px 0;
}
#trial-success-email .button-big{
	border:1px solid #E67D00;
	color:#E67D00;
	background:none;
	padding:5px 0;
	font-size:24px;
	display:block;
	margin-top: 40px;
}
#trial-success-email .list-items .phone{
	background: url(../images/contact-icon.png) -7px -7px no-repeat;
	padding-left: 30px;
	height: 30px;
}
#trial-success-email .list-items .email{
	background: url(../images/contact-icon.png) -11px -53px no-repeat;
	padding-left: 30px;
	height: 30px;
}
#trial-success-email .list-items .skype{
	background: url(../images/contact-icon.png) -10px -98px no-repeat;
	padding-left: 30px;
	height: 30px;
}
.list-items .item{
	clear: both;
	float: left;
}
.list-items .item .item-title{
	width: 100px;
	float: left;
	font-weight: bold;
}
#account-info .list-items .item {
	margin-bottom: 10px;
}
#account-info .list-items .item .item-text{
	width: 200px;
}
.list-items .item .item-text{
	float: left;
}
#trial-success-email .note-color{
	color: #EE8213;
}
#trial-success-email a.note-color{
	text-decoration: underline;
}
#trial-success-email #note-contact, #trial-success-email #note-consultant{
	margin-bottom: 20px;
}
#trial-success-email #class-info{
	background-color: #F7FDF9;
	border: 1px solid #f0ece4;
	padding: 20px 20px;
	margin: 0 auto 20px auto;
}
#trial-success-email #class-info li span.li-title{
	font-weight: bold;
}
#signup-notify{
	position: relative;
	width: 789px;
	background: #FFF;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#signup-notify .notify-content{
	line-height: 24px;
	background-color: #fffefa;
	border: 1px solid #f0ece4;
	padding: 0 20px 20px 20px;
	margin: 0px auto 20px auto;
}
#signup-notify .notify-content p, #signup-notify .notify-content ul{
	margin-top: 20px;
}
#signup-notify .notify-content .button-big{
	float: none;
	margin: 40px auto;
}
.subscribeBtn .button.disabled{
	background-color: #e89f00 !important;
}
/* ��������Լ�� ����*/

/* ������������ҳ ��ʼ */
.border-cell{
	clear:both;
	border-bottom: 1px solid #d8d8d8;
	width:100%;
	padding: 50px 0 60px;
	display:inline-block;
	text-align:center;
	color: #244157;
  	background: none;
}
.page-freetrial-request #main-wrapper{
	background: url(../images/trial-page-wrapper-bg.jpg) repeat-x;
}
.page-freetrial-request #front-user-login-block #phone{
	width: 240px;
}
.page-freetrial-request .border-cell{
	font-size: 24px;
	margin-top: 20px;
	font-weight: bold;
}
.page-freetrial-request #main-wrapper .live-chat,.page-freetrial-request #main-wrapper a {
	color: #ec5900;
	text-decoration: underline;
	cursor: pointer;
	padding: 0 8px;
}
.page-freetrial-request #main-content{
	display: none;
}
#tiral-form-warp{
	background: url(../images/trial-page-bg.jpg) no-repeat;
	width: 100%;
	height: 580px;
}
.page-freetrial-request .contact-us{
	position: absolute;
	right: 35px;
	top: 150px;
	font-size: 18px;
}
.page-freetrial-request.i18n-en #front-user-login-block .title, .page-freetrial-request.i18n-zh-hans #front-user-login-block .title{
	color: #fec305;
	background: none;
	height: auto;
	font-size: 22px;
	font-weight: bold;
	margin-left: 5px;
	margin-bottom: 5px;
}
.page-freetrial-request #front-user-login-block{
	top: 120px;
	padding: 0px 10px 2px 10px;
	right: 250px;
	width: 240px;
	height: 200px;
}
.page-freetrial-request #form-explain{
	display: none;
}
.page-freetrial-request #content-des{
	font-size: 24px;
	font-weight: bold;
	color: #ec5900;
	line-height: 38px;
	padding: 80px 80px 60px 20px;
}
.page-freetrial-request #reason-des{
	font-size: 48px;
	text-align: center;
	color: #244157;
	padding: 70px 0px 60px;
}
.page-freetrial-request #block-system-main{
	width: 100%;
	float: left;
	margin-bottom: 70px;
}
.page-freetrial-request #front-user-login-block label{
	font-weight: normal;
	padding: 0px 0 3px 5px;
}
.page-freetrial-request #front-user-login-block input{
	width: 95%;
	margin-bottom: 5px;
	height: 22px;
	padding: 5px;
}
.page-freetrial-request #front-user-login-block input{
	padding: 0px;
	padding: 2px 5px;
}
.page-freetrial-request #front-user-login-block #phone {
	width: 240px;
	padding-left: 36px;
	box-sizing: border-box;
}
.page-freetrial-request .intl-tel-input{
	float: left;
	line-height: 25px;
	margin-bottom: 8px;
}
.page-freetrial-request #front-user-login-block button{
	width: 100%;
	margin: 14px 0 0 5px;
	background: #fec305;
	height: 30px;
	font-size: 20px;
	font-weight: bold;
}
/* ������������ҳ ���� */

.page-node-235 #webform-client-form-235 .form-item {
	margin: 0 0 10px 130px;
}
#webform-client-form-235 .webform-container-inline label{

	font-size: 14px;
    font-weight: bold;
    line-height: 42px;
    text-align: right;
    width: 120px;
    padding: 0 0 0 125px;
}


#webform-component-full-name label,
#webform-component-nationality label,
#webform-component-contact-email label,
#webform-component-phone label

{
  background: url(http://www.hanbridgemandarin.com/sites/default/files/pictures/redxing.jpg) 110px no-repeat;
}


#webform-client-form-235 .form-item input{
	color: #4c4c4c;
    font-size: 14px;
    height: 30px;
    padding: 6px 15px;
    width: 500px;
    margin:0;
}
#webform-client-form-235 select{
	color: #4c4c4c;
    font-size: 14px;
    height: 42px;
    padding: 6px 15px;
    width: 532px;
    margin:0;
}
#webform-client-form-235 input.form-submit{
	font-size: 18px;
    margin: 30px 0 80px 400px;
    width: 220px;
}
.region-banner{
	max-width: 1440px;
	position: relative;
	margin: 0 auto;
}
.flexslider{
	height: 540px;
}
.flexslider .slides img{
	display: block;
    height: 540px;
}
.page-node-245 #main{
	margin: 0 auto;
    width: 100%;
}
.page-node-245 #breadcrumb{
	width: 980px;
	margin: 20px auto 10px;
	float: none;
}
.page-node-245 .page-hanbridge-content .views-row{
	float: none;
    margin: 0 auto;
    width: 980px;
}
.page-node-245 .tabs{
	margin: 0 auto 20px;
    width: 980px;
}
/* comment ��ʼ */
.comment{
	margin-bottom: 30px;
}
.comment .submitted p{
	font-size: 14px;
	line-height: 24px;
	color: #333;
	font-weight: bold;
}
.comment .submitted .comment-time{
	color: #999;
    font-size: 12px;
    line-height: 18px;
}
.comment .submitted .comment-permalink{
	height: 0;
}
.pane-node-comments .pane-title, .pane-node-comment-form .pane-title{
	color: #a05d22;
	font-size: 24px;
}
.comment-form label{
	float: left;
    font-size: 14px;
    margin: 0 0 10px;
    width: 120px;
}
.comment-form .filter-wrapper, .comment .comment-reply{
	display: none;
}
.comment-form .form-type-item{
	width: 100%;
}
.not-logged-in .comment-form input.form-text{
	width: 469px;
	margin-left: 0px;
}

.not-logged-in .comment-form .ckeditor_links,
.not-logged-in .comment-form #edit-actions--2,
.not-logged-in .comment-form #edit-actions{
	float: left;
	clear: both;
	padding: 20px 0 50px;
}
.logged-in .comment-form input.form-text{
	width: 435px;
	margin-left: 0px;
}

.logged-in  .comment-form .ckeditor_links,
.logged-in .comment-form #edit-actions--2,
.logged-in .comment-form #edit-actions{
	float: left;
	clear: both;
	padding-left: 0px;
}
.comment .comment-arrow{
	margin-top: 0px;
}
/* comment ���� */


/* �γ̶һ� ��ʼ */
#page-apply-code #code-input {
	margin-top: 45px;
}
#page-apply-code #code-input label{
	float: left;
	height: 55px;
	line-height: 55px;
	font-size: 24px;
}
#page-apply-code #code-input #code{
	float: left;
	height: 40px;
	width: 505px;
	font-size: 24px;
}
#page-apply-code{
	padding: 0 50px;
}
#page-apply-code #actions p{
	margin-right: 30px;
}
#page-apply-code #course-contents, #page-apply-code #actions{
	margin-top: 43px;
}
#page-apply-code #actions{
	margin-left: 85px;
	margin-top: 22px;
}
#page-apply-code #items{
	float: left;
	width: 800px;
}
#page-apply-code #items .item{
	padding: 28px 29px;
	width: 182px;
	height: 114px;
	background-color: #FEFbF3;
	border: 1px solid #EDE6D4;
	margin-right: 32px;
	margin-bottom: 24px;
	float: left;
}
#page-apply-code #items .item.last{
	margin-right: 0px;
}
#page-apply-code #course-contents .type{
	font-size: 24px;
	color: #EF8F3C;
	padding-bottom: 23px;
}
#page-apply-code label{
	width: 85px;
}
#page-apply-code #course-contents{
	display: none;
}
#page-apply-code #course-contents label{
	float: left;
}
#page-apply-code #course-contents .content{
	font-size: 18px;
	color: #029837;
	padding-bottom: 22px;
}
#page-apply-code #course-contents .expire{
	font-size: 14px;
	color: #333;
}
#page-apply-code #course-contents .expire .str{
	padding-left: 6px;
}
#page-apply-code #course-contents .expire .num{
	font-size: 18px;
}
#page-apply-code #course-contents .content .num{
	font-size: 36px;
}
#page-apply-code #check-status{
	float: left;
	height: 50px;
	width: 40px;
	margin: 3px;
}
#page-apply-code #check-status.verified{
	background: url(../images/code-verified.jpg) no-repeat center;
}
#page-apply-code #check-status.error{
	background: url(../images/code-error.jpg) no-repeat center;
}
#page-apply-code .input-error,#page-apply-code #msg{
	color:#EF8F3C;
}
#page-apply-code #msg{
	margin-left: 85px;
	margin-top: 20px;
	font-size: 18px;
}
#page-apply-code #apply-success{
	position: absolute;
	float: left;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #FFF;
	display: none;
}
#page-apply-code #main-content{
	width: 600px;
	margin: 0 auto;
	padding-left: 100px;
	background: url("../images/u100_normal.png") no-repeat;
}
#page-apply-code #main-content #title{
	font-size: 36px;
	color: #029837;
}
#page-apply-code #success-content,#page-apply-code #apply-success #success-actions{
	margin-top: 40px;
}
#page-apply-code #apply-success #success-actions a
{
	margin-right: 20px;
}
/* �γ̶һ� ���� */
/* Share ͼ�� ��ʼ */
#social-icon a{
	background: url(../images/share.png);
	display: block;
	width: 32px;
	height: 32px;
	float: left;
}
#social-icon a:hover{
	text-decoration: none;
}
#social-icon #tt{
	background-position: 0px;
}
#social-icon #fb{
	background-position: -41px;
}
#social-icon #ytb{
	background-position: -82px;
}
#social-icon #pr{
	background-position: -123px;
}
#social-icon #gp{
	background-position: -164px;
}
#social-icon #in{
	background-position: -205px;
}
/* Share ͼ�� ���� */
/* �������� ��ʼ */
#webform-client-form-251 div.form-item{
	width: 100%;
}
#webform-client-form-251 div.webform-component-textarea{
	width: 430px;
}
#webform-client-form-251 .form-actions{
	clear: both;
}
#webform-client-form-251 #edit-submitted-url, #webform-client-form-251 #edit-submitted-your-email-address{
	padding: 10px 4px;
	margin: 0px;
	width: 402px;
}
.page-node-251 #block-course-free-trial-form{
	position: absolute;
	right: 80px;
	top: 160px;
	display: block;
}
.page-node-251.not-logged-in #block-course-free-trial-form{
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
}
.page-node-251 #block-course-free-trial-form a{
	padding: 10px 20px;
}
#webform-client-form-251{
	background: url(../images/exchange-link2.jpg) no-repeat;
	height: 300px;
	width: 500px;
}
.page-node-251 #front-user-login-block{
	background: url(../images/exchange-link.jpg) no-repeat;
}
.i18n-en.page-node-251 #front-user-login-block .title, .i18n-zh-hans.page-node-251 #front-user-login-block .title{
	background: none;
	height: 65px;
}
.page-node-251 #front-user-login-block .title{
	background: none;
}
#front-user-login-block #phone{
	height: 28px;
	width: 272px;
	padding-left: 36px;
	box-sizing: border-box;
}
#front-user-login-block .flag-dropdown{
	height: 28px;
}
#front-user-login-block .flag-dropdown .country-list{
	width: 272px;
}
#front-user-login-block .intl-tel-input{
	height: 30px;
}
/* �������� ���� */

/* ͨ�ÿ�ʼ */
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
/* ͨ�ý��� */

/* �������ʼ */
#page-terms .content-title{
	width: 100%;
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
}
#page-terms .item{
	margin-bottom: 30px;
}
#page-terms .item-title{
	font-size: 16px;
	font-weight: bold;
	color: #006A9E;
}
#page-terms .item-text{
	line-height: 24px;
}
/* ������������ */
@media screen and (max-device-width: 480px) {
  #main, #page-wrapper{
	width:auto;
  }
  #header div.section,
  #featured div.section,
  #messages div.section,
  #main, #triptych,
  #block-system-main{
  	width: 100%;
  	 box-sizing: border-box; 
  }
  .page-course-self-test{
  	width: 100%;
  	height: 850px;
  	box-sizing: border-box;
  }
  #test-start,
  #test-start .bottom-block,
  #progress-tab,
  .page-course-self-test .loading-layer{
  	width: 100%;
  	box-sizing: border-box;
  }
  #test-start .b-1{
  	width: 100%;
	box-sizing: border-box;
  }
  #test-start .b-2, #test-start .b-3{
  	width: 49%;
    box-sizing: border-box;
  }
  #test-start .b-2{
  	margin-right: 2%;
  }
  #hbtest-container{
  	width: 95%;
  }
  #footer{
  	box-sizing: border-box;
  }
}
/* ��ʦ���ܵ����� ��ʼ */
.vex.teacher-window .vex-content{
	width:700px;
	height: 400px;
	padding: 3em;
	border: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.vex.teacher-window{
	padding-bottom: 0;
}
.vex.teacher-window .vex-content{
	background-position: left bottom;
	background-repeat: no-repeat;
}
.teacher-window .t-avatar, .teacher-window .intro{
	display: inline-block;
	vertical-align: top;
}
.teacher-window .intro{
	margin-left: 30px;
	max-width: 410px;
}
.teacher-window .name{
	font-size: 20px;
	font-weight: bold;
}
.teacher-window p{
	line-height: 28px;
}
.vex.teacher-window .vex-content p.b-title{
	color: #009933;
	font-weight: bold;
}
.teacher-window .background{
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #999;
}
.teacher-window .motto{
	max-height: 60px;
	overflow: auto;
}
.teacher-window .background .b-content{
	max-height: 140px;
	overflow: auto;
}
/* ��ʦ���ܵ����� ���� */
/* ���ǵ����� ��ʼ */
#block-menu-menu-about-hanbridge{
	height: 200px;
	border: 0 none;
	margin-bottom: 50px;
}
#block-menu-menu-about-hanbridge .content{
	bottom: 0px;
	position: absolute;
}
#block-menu-menu-about-hanbridge ul{
	float: none;
}
#block-menu-menu-about-hanbridge .menu li:before{
  background: #000;
  content: " ";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#block-menu-menu-about-hanbridge .menu li:hover:before,
#block-menu-menu-about-hanbridge .menu li.active-trail:before
{
  background: #ffb912;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#block-menu-menu-about-hanbridge .menu li{
	width: 140px;
	margin: 0;
	padding: 15px 0;
	text-align: center;
	box-sizing:border-box;
	position: relative;
}
#block-menu-menu-about-hanbridge .menu a{
	color: #FFF;
	position: relative;
	font-size: 16px;
}
#block-menu-menu-about-hanbridge .menu li:hover a,
#block-menu-menu-about-hanbridge .menu li.active-trail a{
	font-weight: bold;
}
/* ���ǵ����� ���� */
/* what is hanbridge Start */
.activities-pic img{
	float: left;
	margin: 2px;
}
/* what is hanbridge End */

/* �ҵ��Ż�ȯ ��ʼ */
.my-coupons .filter{
	margin-bottom: 36px;
}
.my-coupons .filter a{
	font-size: 12px;
	display: block;
	border:1px solid #D9D9D9;
	float: left;
	padding: 15px 0;
	width: 33%;
	text-align: center;
}
.my-coupons .filter a.first{
	border-right: none;
}
.my-coupons .filter a.last{
	border-left: none;
}
.my-coupons .filter a.active{
	background-color: #FFC160;
	font-weight: bold;
	color: #FFF;
}
.my-coupons .c-item{
	color: #FFF;
	background-color: #FFC160;
	vertical-align: top;
	width: 48%;
	height: 192px;
	margin-bottom: 20px;
	padding-top: 26px;
	padding-bottom: 24px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	box-sizing: border-box;
}
.my-coupons .c-item p{
	line-height: inherit;
}
.my-coupons .c-item.odd{
	margin-right: 3%;
}
.my-coupons .c-item:after{
	content:'';
	position: absolute;
	background-image: url(../images/border-line.png);
	background-repeat: repeat-x;
	display: block;
	width: 100%;
	height: 5px;
	bottom: -1px;
	left: 0;
}
.my-coupons .c-item:before{
	content:'';
	position: absolute;
	background-image: url(../images/border-line.png);
	background-repeat: repeat-x;
	display: block;
	width: 100%;
	height: 5px;
	top: -1px;
	left: 0;
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
}
.my-coupons .c-item.expired{
	background-color: #E6E6E6;
}
.my-coupons .c-item .amount{
	font-size: 48px;
	float: left;
	height: 48px;
	padding-bottom: 19px;
}
.my-coupons .c-item .state{
	font-size: 18px;
	height: 18px;
	float: right;
	margin-top: 20px;
}
.my-coupons .c-item .source{
	clear: both;
	font-size: 16px;
	height: 16px;
	padding-bottom: 15px;
}
.my-coupons .c-item .id{
	padding-bottom: 14px;
	height: 14px;
}
/* �ҵ��Ż�ȯ ���� */

/* ������Դ���Թ��� ��ʼ */
.node-source-warper{
	border-style: dashed;
	border-width: 1px;
 	border-color: #FF0000;
}
a.node-source-edit{
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px;
	background-color: #FF0000;
	color: #FFF;
}


 #block-webform-client-block-235> h2{
    padding-top: 20px;
      width:100%;
    text-align:center;
}

.page-node-354  #webform-client-form-354   {margin-left: 100px;}
.page-node-354  #webform-client-form-354    div{
    float: none;
}
.page-node-354  #webform-client-form-354    input{text-indent: 12px}
.page-node-354  #webform-client-form-354    input,

.page-node-354 #webform-client-form-354     #edit-submitted-chinese-level
{
    width: 500px;
    height:42px ;
    line-height: 42px;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.page-node-354  #webform-client-form-354     .form-item label{
    background: none;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    width: 120px;
    text-align: center;
}
.page-node-354 #webform-client-form-354     #edit-actions    #edit-submit{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width:220px;
    height:45px ;
    line-height:45px ;
    font-size: 20px;
    margin: 30px  0  60px 200px;
}
.page-node-354 #webform-client-form-354     #edit-submitted-email{float: none;}



.page-node-354 #webform-client-form-354      #edit-submitted-full-name,
.page-node-354 #webform-client-form-354      #edit-submitted-email,
.page-node-354 #webform-client-form-354      #edit-submitted-mobile-telephone,
{
    background: url(http://www.hanbridgemandarin.com/sites/default/files/pictures/redxing.jpg)  no-repeat  left;
}






.page-node-354   .webform-confirmation p{
    font-size:30px;
    margin-bottom: 32px;
}

.page-node-354    .links  a{color: #ff0000;font-size: 24px;text-decoration: underline;}


/*
#edit-submit{
    width: 200px;
    height:40px ;
    line-height: 40px;
    border-radius: 10px;
}
*/





/* ������Դ���Թ��� ���� */