/************************* Share ***********************/
.events .selectricWrapper {
	width: 100%;
	margin: 0;
}
.events .selectricItems {
	width: 100%;
}
.events .selectric {
	border: 0;
	border-bottom: 1px solid #000;
}
.events {
	font-size: 14px;
}
.events select {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #000;
}
.events table {
	width: 100%;
}
.events .bullet {
	margin-top: 8px;
	cursor: default;
}
.events .bullet a {
	width: 17px;
	height: 17px;
	background: url(/images/mainsite/common/bulletSmall.png) no-repeat;
	display: inline-block;
	margin-left: 10px;
}
	.responsive760 .events .bullet a,
	.responsive0 .events .bullet a {
		background: url(/images/mainsite/common/bulletM2x.png) no-repeat;
		background-size: 17px 34px;
	}
.events .bullet a:hover,
.events .bullet a.active {
	background-position: center bottom;
}

/************************* Events List ***********************/
.responsive1000 .events {
	padding: 0 0 20px;
}
.responsive1000 .events .iconHappenings {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	background: url(/images/mainsite/en/events/iconHappenings.png) no-repeat;
	display: none;
}
.responsive1000 .events .eventsGridContainer {
	width: 960px;
	height: 335px;
	overflow: hidden;
}
.responsive1000 .events .eventsGridInner {
	width: 968px;
}
.responsive1000 .events .eventsGrid {
	position: relative;
	float: left;
	width: 234px;
	background: #fff;
	margin: 0 8px 8px 0;
}
.responsive1000 .events .eventsGrid.preload {
	display: none;
}
.responsive1000 .events .eventsGrid .gridImg {
	position: relative;
	background: url(/images/mainsite/loading.gif) no-repeat center center;
	width: 234px;
	height: 232px;
	overflow: hidden;
}
.responsive1000 .events .eventsGrid .gridImg img {
	width: 234px;
}


.responsive1000 .events .eventsGrid .gridContent {
	font-size: 15px;
	text-align: center;
	height: 95px;
	background: #fff;
}
.responsive1000 .events .eventsGrid .eventsGridTable {
	height: 100%;
	vertical-align: middle;
}
.responsive1000 .events .eventsGrid .eventsGridTable h1 {
	font-size: 15px;
	color: #222222;
	max-height: 38px;
	overflow: hidden;
}
.responsive1000 .events .eventsGrid .eventsGridTable tr td {
	line-height: 1.3em;
	padding: 3px 0;
}
.responsive1000 .events .eventsGrid .gridContent .eventsDate {
	color: #666666;
	display: inline-block;
	vertical-align: top;
	padding-top: 1px;
}

.responsive1000 .events .filterContainer {
	width: 960px;
	margin: 0 auto;
}
.responsive1000 .events .eventsFilter {
	padding: 0 0 13px;
}
.responsive1000 .events .eventsFilter .filterMenu {
	
}
.responsive1000 .events .eventsFilter .filterMenu a {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	padding: 5px 10px;
	margin: 0 10px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}
.responsive1000 .events .eventsFilter .filterMenu a:first-child {
	margin-left: 0;
}
.responsive1000 .events .eventsFilter .filterMenu a:hover, 
.responsive1000 .events .eventsFilter .filterMenu a.active {
	color: #fff;
	background: #ab8a67;
}
.responsive1000 .events .eventsFilter .filterMenu a.sepLine {
	width: 1px;
	height: 24px;
	background: #000;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	cursor: default;
}
.responsive1000 .events .eventsFilter .filterSelectionBox {
	display: none;
}
.responsive1000 .events .highlights {
	padding: 8px 0 8px;	
}
.responsive1000 .events .highlights .highlightsTitle {
	float: left;
	font-size: 20px;
	padding: 8px 0 0 0;
}
.responsive1000 .events .highlights .happenings {
	float: right;
	width: 116px;
	padding: 3px 0 0;
	display:none;
}
.responsive1000 .events .highlights .happenings img {
	float: left;
}
.responsive1000 .events .highlights .happenings p {
	float: left;
	line-height: 26px;
	margin-left: 5px;
}


.responsive1000 .events .eventsListContent {
	background: #fff;
	margin-bottom: 8px;
}
.responsive1000 .events .eventsListContent .monthTitle {
	font-size: 20px;
	border-bottom: 1px solid #000;
	padding: 12px 0 12px 20px;
}
.responsive1000 .events .eventsListContent .info {
	padding-top: 18px;
}
.responsive1000 .events .eventsListContent .list {
	float: left;
	width: 450px;
	padding: 0 0 18px 20px;
}
.responsive1000 .events .eventsListContent .list a {
	color: #000;
}
.responsive1000 .events .eventsListContent .list .listImg {
	width: 60px;
	vertical-align: top;
}
.responsive1000 .events .eventsListContent .list .details {
	line-height: 18px;
	padding: 0 0 0 14px;
	vertical-align: top;
}
.responsive1000 .events .eventsListContent .list .details p {
	color: #666666;	
}







.responsive760 .events {
	padding: 0 0 20px;
}
.responsive760 .events .iconHappenings {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	background: url(/images/mainsite/en/events/iconHappenings.png) no-repeat;
	display: inline-block;
}
.responsive760 .events .eventsGridContainer {
	width: 718px;
	/*height: 335px;
	overflow: hidden;*/
	margin: 0 auto;
}
.responsive760 .events .eventsGridInner {
	width: 718px;
}
.responsive760 .events .eventsGrid {
	position: relative;
	float: left;
	width: 234px;
	background: #fff;
	margin: 0 5px 8px 0;
}
.responsive760 .events .eventsGrid.preload {
	display: none;
}
.responsive760 .events .eventsGrid .gridImg {
	position: relative;
	background: url(/images/mainsite/loading.gif) no-repeat center center;
	width: 234px;
	height: 232px;
	overflow: hidden;
}
.responsive760 .events .eventsGrid .gridImg img {
	width: 234px;
}


.responsive760 .events .eventsGrid .gridContent {
	font-size: 15px;
	text-align: center;
	height: 95px;
	background: #fff;
}
.responsive760 .events .eventsGrid .eventsGridTable {
	height: 100%;
	vertical-align: middle;
}
.responsive760 .events .eventsGrid .eventsGridTable h1 {
	font-size: 15px;
	color: #222222;
	max-height: 38px;
	overflow: hidden;
}
.responsive760 .events .eventsGrid .eventsGridTable tr td {
	line-height: 1.3em;
	padding: 3px 0;
}
.responsive760 .events .eventsGrid .gridContent .eventsDate {
	color: #666666;
	display: inline-block;
	vertical-align: top;
	padding-top: 1px;
}

.responsive760 .events .filterContainer {
	width: 718px;
	margin: 0 auto;
}
.responsive760 .events .eventsFilter {
	padding: 0 0 14px;
}
.responsive760 .events .eventsFilter .filterMenu {
	text-align: center;
}
.responsive760 .events .eventsFilter .filterMenu a {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	padding: 5px 10px;
	margin: 0 10px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}
.responsive760 .events .eventsFilter .filterMenu a:first-child {
	margin-left: 0;
}
.responsive760 .events .eventsFilter .filterMenu a:hover, 
.responsive760 .events .eventsFilter .filterMenu a.active {
	color: #fff;
	background: #0d1736;
}
.responsive760 .events .eventsFilter .filterMenu a.sepLine {
	width: 1px;
	height: 24px;
	background: #000;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	cursor: default;
}
.responsive760 .events .eventsFilter .filterSelectionBox {
	display: none;
}
.responsive760 .events .highlights {
	padding: 8px 0 8px;	
	display: none;
}
.responsive760 .events .highlights .highlightsTitle {
	float: left;
	font-size: 20px;
	padding: 8px 0 0 0;
}
.responsive760 .events .highlights .happenings {
	float: right;
	width: 108px;
	padding: 3px 0 0;
}
.responsive760 .events .highlights .happenings img {
	float: left;
}
.responsive760 .events .highlights .happenings p {
	float: left;
	margin-left: 5px;
}


.responsive760 .events .eventsListContent {
	width: 718px;
	background: #fff;
	margin: 0 auto 8px;
}
.responsive760 .events .eventsListContent .monthTitle {
	font-size: 20px;
	border-bottom: 1px solid #000;
	padding: 12px 0 12px 20px;
}
.responsive760 .events .eventsListContent .info {
	padding-top: 18px;
}
.responsive760 .events .eventsListContent .list {
	float: none;
	width: 450px;
	padding: 0 0 18px 20px;
}
.responsive760 .events .eventsListContent .list a {
	color: #000;
}
.responsive760 .events .eventsListContent .list .listImg {
	width: 60px;
	vertical-align: top;
}
.responsive760 .events .eventsListContent .list .details {
	line-height: 18px;
	padding: 0 0 0 14px;
	vertical-align: top;
}
.responsive760 .events .eventsListContent .list .details p {
	color: #666666;	
}
.responsive760 .events .floorSelectionBox{ display:none;}
.responsive0 .floorFilter,.responsive0 .floorBtn{ display:none;}

.responsive0 .allBtn,.responsive0 .allBtn{ display:block;}

.responsive0 .selectric {
background: #A78763;
border: 0;
margin-bottom: 1px;
}
.responsive0 .events .allBtn,.responsive760 .events .allBtn{ top:12px; color:#fff;}
.events .floorSelectionBox{ margin-top:10px;}

.events .floorSelectionBox .selectric {
	background: #A78763;
	border: 0;
	margin-bottom:1px;
}


.events .floorSelectionBox .selectric .button:after {
  border-top:none;
}
.events .floorSelectionBox .selectricHover .selectric .button:after {
  border-top:none;
}

.events .floorSelectionBox .selectric .label {
	color: #fff;
}

.classroomDetails.events .class_login_con .selectric{ height:28px;}
.responsive0 .events {
	padding: 0 0 20px;
}
.responsive0 .events .contentTitle {
	margin: 0;
}
.responsive0 .events .iconHappenings {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	background: url(/images/mainsite/en/events/iconHappenings.png) no-repeat;
	display: none;
}
.responsive0 .events .eventsGridContainer {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.responsive0 .events .eventsGridInner {
	width: auto;
	padding-top: 12px;
}
.responsive0 .events .eventsGrid {
	position: relative;
	float: none;
	width: 100%;
	background: #fff;
	margin: 0 8px 8px 0;
}
.responsive0 .events .eventsGrid.preload {
	display: none;
}
.responsive0 .events .eventsGrid .gridImg {
	float: left;
	position: relative;
	background: url(/images/mainsite/loading.gif) no-repeat center center;
	width: 25%;
	overflow: hidden;
}
.responsive0 .events .eventsGrid .gridImg img {
	width: 100%;
	display: block;
}

.responsive0 .events .eventsGrid .gridContent {
	float: left;
	font-size: 15px;
	text-align: left;
	width: 72%;
	height: 100%;
	background: #fff;
	padding: 5px 0 0 3%;
}
.responsive0 .events .eventsGrid .eventsGridTable {
	line-height: 1.3em;
	height: 100%;
	vertical-align: middle;
}
.responsive0 .events .eventsGrid .eventsGridTable h1 {
	font-size: 15px;
	color: #222222;
	max-height: 38px;
	overflow: hidden;
}
.responsive0 .events .eventsGrid .eventsGridTable tr td {
	line-height: 1.3em;
	padding: 3px 0;
}
.responsive0 .events .eventsGrid .gridContent .eventsDate {
	color: #666666;
	display: inline-block;
	vertical-align: top;
	padding-top: 1px;
}

.responsive0 .events .filterContainer {
	width: 100%;
	margin: 0 auto;
}
.responsive0 .events .eventsFilter {
	padding: 0;
}
.responsive0 .events .eventsFilter .filterMenu {
	text-align: center;
}
.responsive0 .events .eventsFilter .filterMenu a {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	padding: 5px 10px;
	margin: 0 10px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}
.responsive0 .events .eventsFilter .filterMenu a:first-child {
	margin-left: 0;
}
.responsive0 .events .eventsFilter .filterMenu a:hover, 
.responsive0 .events .eventsFilter .filterMenu a.active {
	color: #fff;
	background: #0d1736;
}
.responsive0 .events .eventsFilter .filterMenu a.sepLine {
	width: 1px;
	height: 24px;
	background: #000;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	cursor: default;
}
.responsive0 .events .eventsFilter .filterSelectionBox {
	display: none;
}
.responsive0 .events .highlights {
	padding: 8px 0 128px;	
	display: none;
}
.responsive0 .events .highlights .highlightsTitle {
	float: left;
	font-size: 20px;
	padding: 8px 0 0 0;
}
.responsive0 .events .highlights .happenings {
	float: right;
	width: 108px;
	padding: 3px 0 0;
}
.responsive0 .events .highlights .happenings img {
	float: left;
}
.responsive0 .events .highlights .happenings p {
	float: left;
	margin-left: 5px;
}


.responsive0 .events .eventsListContainer {
	width: 100%;
	margin: 0 auto;
}
.responsive0 .events .eventsListContent {
	width: 100%;
	background: none;
	margin: 0 auto 8px;
}
.responsive0 .events .eventsListContent .monthTitle {
	font-size: 20px;
	border-bottom: 1px solid #000;
	padding: 12px 0 12px;
}
.responsive0 .events .eventsListContent .info {
}
.responsive0 .events .eventsListContent .list {
	float: none;
	width: 100%;
	padding: 0 0 13px;
	border-bottom: 1px solid #000;
	margin: 14px 0;
}
.responsive0 .events .eventsListContent .list a {
	color: #000;
}
.responsive0 .events .eventsListContent .list .listImg {
	width: 20%;
	vertical-align: top;
}
.responsive0 .events .eventsListContent .list .listImg img {
	width: 100%;
}
.responsive0 .events .eventsListContent .list .details {
	line-height: 18px;
	padding: 0 0 0 14px;
	vertical-align: top;
}
.responsive0 .events .eventsListContent .list .details p {
	color: #666666;	
}






/************************* Events Details ***********************/
.responsive0 .events .content.eventsDetails {
	padding: 0;
}
.responsive1000 .events .contentTitle.eventsDetails h1 {
	float: left;
}
.responsive1000 .events .contentTitle.eventsDetails .btnBack {
	float: right;
	color: #000;
	display: inline-block;
	height:30px; line-height:36px;
}

.allBtn{ position:absolute; right:10px; top:27px; }


.responsive1000 .events .eventsDetails .mainDetails .detailsImg {
	float: left;
	width: 50%;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsImg img {
	width: 100%;
}
.responsive1000 .events .eventsDetails.template2 .mainDetails .detailsImg {
	float: none;
	width: 100%;
}
.responsive1000 .events .eventsDetails.template2 .mainDetails .detailsImg img {
	display: block;
	margin-bottom: 30px;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsImg .slidesContainer {
	position: relative;
	overflow: hidden;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsImg .slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsContent {
	float: left;
	line-height: 26px;
	width: 50%;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsContent .detailsContentInner {
	padding-left: 28px;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsContent .detailsInfo table {
	width: auto;
	border: 1px solid #999999;
	border-bottom: 0;
	margin-top: 14px;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsContent .detailsInfo td {
	border-bottom: 1px solid #999999;
	padding: 0 44px 0 8px;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsContent h1 {
	font-size: 30px;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsContent p {
	margin: 14px 0 0 3px;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsContent .btnContainer {
	padding-top: 30px;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsContent .btnShare {
	float: left;
}
.responsive1000 .events .eventsDetails .mainDetails .detailsContent .btnBack {
	float: left;
	margin-left: 10px;
	display: none;
}





.responsive760 .events .contentTitle.eventsDetails h1 {
	float: none;
	text-align: center;
}
.responsive760 .events .contentTitle.eventsDetails .btnBack {
	float: right;
	color: #000;
	display: block;
	padding-top: 12px;
	display: none;
}
.responsive760 .events .eventsDetails .mainDetails .detailsImg {
	float: left;
	width: 50%;
}
.responsive760 .events .eventsDetails .mainDetails .detailsImg img {
	width: 100%;
}
.responsive760 .events .eventsDetails.template2 .mainDetails .detailsImg {
	float: none;
	width: 100%;
}
.responsive760 .events .eventsDetails.template2 .mainDetails .detailsImg img {
	display: block;
	margin-bottom: 30px;
}
.responsive760 .events .eventsDetails .mainDetails .detailsImg .slidesContainer {
	position: relative;
	overflow: hidden;
}
.responsive760 .events .eventsDetails .mainDetails .detailsImg .slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.responsive760 .events .eventsDetails .mainDetails .detailsContent {
	float: left;
	line-height: 26px;
	width: 50%;
}
.responsive760 .events .eventsDetails .mainDetails .detailsContent .detailsContentInner {
	padding-left: 20px;
}
.responsive760 .events .eventsDetails .mainDetails .detailsContent .detailsInfo table {
	width: auto;
	border: 1px solid #999999;
	border-bottom: 0;
	margin-top: 14px;
}
.responsive760 .events .eventsDetails .mainDetails .detailsContent .detailsInfo td {
	border-bottom: 1px solid #999999;
	padding: 0 44px 0 8px;
}
.responsive760 .events .eventsDetails .mainDetails .detailsContent h1 {
	font-size: 30px;
}
.responsive760 .events .eventsDetails .mainDetails .detailsContent p {
	margin: 14px 0 0 3px;
}
.responsive760 .events .eventsDetails .mainDetails .detailsContent .btnContainer {
	padding-top: 30px;
}
.responsive760 .events .eventsDetails .mainDetails .detailsContent .btnShare {
	float: left;
}
.responsive760 .events .eventsDetails .mainDetails .detailsContent .btnBack {
	float: left;
	margin-left: 10px;
}





.responsive0 .events .contentTitle.eventsDetails h1 {
	float: none;
	text-align: center;
}
.responsive0 .events .contentTitle.eventsDetails .btnBack {
	float: right;
	color: #000;
	display: block;
	padding-top: 12px;
	display: none;
}
.responsive0 .events .eventsDetails .mainDetails .detailsImg {
	float: none;
	width: 100%;
}
.responsive0 .events .eventsDetails .mainDetails .detailsImg img {
	width: 100%;
}
.responsive0 .events .eventsDetails.template2 .mainDetails .detailsImg img {
	display: block;
	margin-bottom: 10px;
}
.responsive0 .events .eventsDetails .mainDetails .detailsImg .slidesContainer {
	position: relative;
	overflow: hidden;
}
.responsive0 .events .eventsDetails .mainDetails .detailsImg .slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 0;
	line-height: 0;
}
.responsive0 .events .eventsDetails .mainDetails .detailsImg .bullet {
	text-align: center;
}
.responsive0 .events .eventsDetails .mainDetails .detailsContent {
	float: none;
	line-height: 26px;
	width: 100%;
}
.responsive0 .events .eventsDetails .mainDetails .detailsContent .detailsContentInner {
	padding: 0 10px;
}
.responsive0 .events .eventsDetails .mainDetails .detailsContent .detailsInfo table {
	width: auto;
	border: 1px solid #999999;
	border-bottom: 0;
	margin-top: 14px;
}
.responsive0 .events .eventsDetails .mainDetails .detailsContent .detailsInfo td {
	border-bottom: 1px solid #999999;
	padding: 0 44px 0 8px;
}
.responsive0 .events .eventsDetails .mainDetails .detailsContent h1 {
	font-size: 26px;
	margin-top: 10px;
}
.responsive0 .events .eventsDetails .mainDetails .detailsContent p {
	margin: 14px 0 0 3px;
}
.responsive0 .events .eventsDetails .mainDetails .detailsContent .btnContainer {
	text-align: center;
	padding-top: 16px;
}
.responsive0 .events .eventsDetails .mainDetails .detailsContent .btnShare {
	float: none;
	border-bottom: 1px solid #000;
	padding-bottom: 14px;
}
.responsive0 .events .eventsDetails .mainDetails .detailsContent .btnBack {
	float: none;
	padding: 16px 0 14px;
	margin-left: 0;
}



.class_login_container{ width:100%; float:left; padding:10px 0; margin:30px 0 0 0; display:inline-block; }
/*.class_login{ display:none; }*/
.class_login_title{ padding-bottom:15px; font-size:20px; border-bottom:1px #222222 solid; margin-bottom:6px; }
.class_login_con{ font-size:14px; }
.class_login_con .blackBtn{ float:right; }
.class_login_con .blackBtn span{ padding:0 50px; }
.class_login_con input[type="text"]{ width:45%; height:28px; padding:0 6px; float:left; }
.class_login_con input[type="text"].clc_password{ float:right; }
.responsive0 .class_login_con input[type="text"],.responsive760 .class_login_con input[type="text"].clc_password,.responsive760 .class_login_con input[type="text"]{ width:96.5%; margin:6px 0; float:left; display:inline-block; }
.class_login_con p a{ text-decoration:underline; }

.events .class_login_con .selectric{ width:175px; width: 270px; height:30px; border:1px #000 solid; background:#fff; font-size:14px; float:left; }
.events .class_login_con .selectric p.label{ font-size:14px; }
.responsive1000 .events .eventsDetails .mainDetails .detailsContent .class_login_con p,.responsive0 .events .eventsDetails .mainDetails .detailsContent p,.responsive760 .events .eventsDetails .mainDetails .detailsContent p{ margin-top:0; }
.class_login_con p{ width:100%; float:left; padding:4px 0 6px 0; }
.class_login_con .selectricItems{ z-index:2; }
.class_login_con .selectricItems li{ font-size:14px; }
.class_login_con .blackBtn.cl_order_submit{ float:right; margin:0 0 0 10px; display:inline-block; }
.cl_order_tips{ color:#000; }
.class_login_con h2{ font-size:20px; padding:12px 0 10px 0; float:left; width:100%; }
.class_login_con input[type="checkbox"]{ vertical-align:middle; } 
.responsive760 .class_login_con .blackBtn.cl_order_submit,.responsive0 .class_login_con .blackBtn.cl_order_submit,.responsive760 .class_login_con .cl_irder_send,.responsive0 .class_login_con .cl_irder_send{ float:left; margin:10px 0; display:inline-block; }
.responsive760 .events .class_login_con .selectric,.responsive0 .events .class_login_con .selectric{ width:100%; }


.class_login_con input[type="text"].reset_yzm_classroom{ width:67px; float:left; display:inline-block; margin:0 5px 0 15px; }
/*.classroom_step{ display:none; }*/
.class_login_con p.btn_center{ text-align:center; }

.responsive760 .class_login_con label,.responsive0 .class_login_con label{ display:inline-block; margin:10px 0 0 10px; }


.refresh_btn{ width:31px; height:30px; background:url(/images/webimg/login/refresh.jpg) no-repeat; display:inline-block; vertical-align:top; margin:0 0 6px 3px; }

.register .refresh_btn{ margin-top:5px; }
.register .yzm_pic{ margin-top:6px; }



.btn{ width:134px; height:30px; line-height:30px; text-align:center; color:#fff; background:url(/images/webimg/login/btn.png) no-repeat; border:none; cursor:pointer; float:right; }


.memclsbox .fl{ margin-right:5px;}
.memclsbox .valid-code-img{ cursor:pointer;}
.class_login_con .valid-code-text{width:50px;}
.class_login_con .fl{ float:left;}

.class_login_con .mobile_pla{width:190px;}
.class_login_con .mobile_pla.mp1{width:256px;}

.responsive1000 .class_login_con .mobile_pla input[type="text"].class_mobile{width:78px; float:none;}

.class_login_con .blackBtn.fl{ float:left;}


.responsive760 .memclsbox img{margin-top:6px; margin-left:5px;}
.responsive760 .mobile_pla label{ margin:0;}
.responsive760 .class_login_con .memclsbox .cl_irder_send.fl{margin-top:6px;}
.responsive760 .class_login_con .memclsbox input[type="text"].class_mobile{width:78px; float:none; margin:0;}
.responsive760 .memclsbox .fl{ margin-right:5px;}
.responsive760 .class_login_con input[type="text"].class_mobile{width:78px; float:none; margin:0;}

.responsive0 .class_login_con .mobile_pla input[type="text"].class_mobile{width:78px; float:none; margin-top:10px;}
.responsive0 .events .eventsDetails .mainDetails .detailsContent p.mobile_pla{width:100%;}
.responsive0 .events .eventsDetails .mainDetails .detailsContent p.mobile_pla .fl,.responsive0 .events .eventsDetails .mainDetails .detailsContent p.memclsbox .fl{ float:none;}
.responsive0 .events .eventsDetails .mainDetails .detailsContent p.memclsbox img{margin: -10px;margin-left: 5px;margin-right: 2px;}