html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}



html {
	line-height: 1
}

ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q,blockquote {
	quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q,blockquote {
	quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block
}

i {
	display: inline-block;
	vertical-align: middle
}

.no-webpalpha .sp-main {
	background: url('')
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.no-webpalpha .sp-main {
		background: url('')
	}
}

.webpalpha .sp-main {
	background: url('') no-repeat
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.webpalpha .sp-main {
		background: url('') no-repeat
	}
}

.sp-main-android {
	display: inline-block;
	height: 40px;
	width: 34px;
	background-position: 0 -166px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-android {
		background-position: 0 -200px !important;
		height: 39px;
		width: 33px;
		background-size: 45px auto !important
	}
}

.sp-main-apple {
	display: inline-block;
	height: 34px;
	width: 30px;
	background-position: 0 -402px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-apple {
		background-position: 0 -348px !important;
		height: 33px;
		width: 28px;
		background-size: 45px auto !important
	}
}

.sp-main-big-logo {
	display: inline-block;
	height: 80px;
	width: 120px;
	

}


/*.login-phones{position:absolute;top:0;left:0;right:0;bottom:0;margin:200px auto;width:400px;height:466px;background:url("https://www.camelzone.sa/static/phones.png") no-repeat;background-size:400px 466px}
.no-webpalpha .login-phones{background:url("https://www.camelzone.sa/static/phones.png") no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.camelzone.sa/static/phones.png', sizingMethod='scale' );background-size:400px 466px}.webpalpha .login-phones{background:url("https://www.camelzone.sa/static/phones.png") no-repeat;background-size:400px 466px}
.no-backgroundsize .login-phones{background:none}@media (min-width: 0px) and (max-width: 500px){.login-phones{margin:100px auto;width:200px;height:233px;background-size:200px 233px !important}.no-webpalpha .login-phones{background:url("https://www.camelzone.sa/static/phones.png") no-repeat}
.webpalpha .login-phones{background:url("https://www.camelzone.sa/static/phones.png")  no-repeat}}
*/



@media screen and (min-width:1280px)
{
    
  .sp-main-big-logo img{

	margin-top: 20px;
}

.app-logo { display:none}
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-big-logo {
		
		height: 37px;
		width: 45px;
		background-size: 45px auto !important
		padding-bottom: 20px;
	}
}

.sp-main-calendar {
	display: inline-block;
	height: 33px;
	width: 30px;
	background-position: 0 -284px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-calendar {
		background-position: 0 -239px !important;
		height: 31px;
		width: 28px;
		background-size: 45px auto !important
	}
}

.sp-main-checked {
	display: inline-block;
	height: 28px;
	width: 27px;
	background-position: 0 -82px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-checked {
		background-position: 0 -74px !important;
		height: 27px;
		width: 26px;
		background-size: 45px auto !important
	}
}

.sp-main-close {
	display: inline-block;
	height: 29px;
	width: 30px;
	background-position: 0 -699px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-close {
		background-position: 0 -473px !important;
		height: 28px;
		width: 29px;
		background-size: 45px auto !important
	}
}

.sp-main-cross {
	display: inline-block;
	height: 26px;
	width: 24px;
	background-position: 0 -258px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-cross {
		background-position: 0 -295px !important;
		height: 22px;
		width: 21px;
		background-size: 45px auto !important
	}
}

.sp-main-down {
	display: inline-block;
	height: 12px;
	width: 18px;
	background-position: 0 -488px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-down {
		background-position: 0 -451px !important;
		height: 11px;
		width: 17px;
		background-size: 45px auto !important
	}
}

.sp-main-exit-cross {
	display: inline-block;
	height: 21px;
	width: 21px;
	background-position: 0 -560px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-exit-cross {
		background-position: 0 -501px !important;
		height: 19px;
		width: 19px;
		background-size: 45px auto !important
	}
}

.sp-main-exit {
	display: inline-block;
	height: 22px;
	width: 22px;
	background-position: 0 0 !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-exit {
		background-position: 0 0 !important;
		height: 20px;
		width: 20px;
		background-size: 45px auto !important
	}
}

.sp-main-info {
	display: inline-block;
	height: 30px;
	width: 29px;
	background-position: 0 -110px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-info {
		background-position: 0 -124px !important;
		height: 29px;
		width: 28px;
		background-size: 45px auto !important
	}
}

.sp-main-iphone {
	display: inline-block;
	height: 33px;
	width: 20px;
	background-position: 0 -369px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-iphone {
		background-position: 0 -317px !important;
		height: 31px;
		width: 19px;
		background-size: 45px auto !important
	}
}

.sp-main-left-arrow {
	display: inline-block;
	height: 48px;
	width: 30px;
	background-position: 0 -512px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-left-arrow {
		background-position: 0 -585px !important;
		height: 48px;
		width: 30px;
		background-size: 45px auto !important
	}
}

.sp-main-left {
	display: inline-block;
	height: 27px;
	width: 22px;
	background-position: 0 -342px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-left {
		background-position: 0 -269px !important;
		height: 26px;
		width: 21px;
		background-size: 45px auto !important
	}
}

.sp-main-logo {
	display: inline-block;
	height: 31px;
	width: 37px;
	background-position: 0 -668px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-logo {
		background-position: 0 -556px !important;
		height: 29px;
		width: 35px;
		background-size: 45px auto !important
	}
}

.sp-main-mail {
	display: inline-block;
	height: 26px;
	width: 34px;
	background-position: 0 -140px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-mail {
		background-position: 0 -101px !important;
		height: 23px;
		width: 32px;
		background-size: 45px auto !important
	}
}

.sp-main-mr {
	display: inline-block;
	height: 26px;
	width: 26px;
	background-position: 0 -462px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-mr {
		background-position: 0 -403px !important;
		height: 24px;
		width: 24px;
		background-size: 45px auto !important
	}
}

.sp-main-mrs {
	display: inline-block;
	height: 26px;
	width: 26px;
	background-position: 0 -436px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-mrs {
		background-position: 0 -426px !important;
		height: 25px;
		width: 25px;
		background-size: 45px auto !important
	}
}

.sp-main-reload {
	display: inline-block;
	height: 36px;
	width: 32px;
	background-position: 0 -22px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-reload {
		background-position: 0 -43px !important;
		height: 31px;
		width: 29px;
		background-size: 45px auto !important
	}
}

.sp-main-right-arrow {
	display: inline-block;
	height: 48px;
	width: 30px;
	background-position: 0 -581px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-right-arrow {
		background-position: 0 -632px !important;
		height: 48px;
		width: 29px;
		background-size: 45px auto !important
	}
}

.sp-main-small-logo {
	display: inline-block;
	height: 25px;
	width: 30px;
	background-position: 0 -317px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-small-logo {
		background-position: 0 -380px !important;
		height: 23px;
		width: 26px;
		background-size: 45px auto !important
	}
}

.sp-main-tick {
	display: inline-block;
	height: 25px;
	width: 27px;
	background-position: 0 -233px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-tick {
		background-position: 0 -179px !important;
		height: 21px;
		width: 24px;
		background-size: 45px auto !important
	}
}

.sp-main-unchecked {
	display: inline-block;
	height: 27px;
	width: 27px;
	background-position: 0 -206px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-unchecked {
		background-position: 0 -153px !important;
		height: 26px;
		width: 26px;
		background-size: 45px auto !important
	}
}

.sp-main-up {
	display: inline-block;
	height: 12px;
	width: 18px;
	background-position: 0 -500px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-up {
		background-position: 0 -462px !important;
		height: 11px;
		width: 17px;
		background-size: 45px auto !important
	}
}

.sp-main-weibo {
	display: inline-block;
	height: 24px;
	width: 28px;
	background-position: 0 -58px !important
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx), (min-resolution: 192dpi) {
	.sp-main-weibo {
		background-position: 0 -20px !important;
		height: 23px;
		width: 27px;
		background-size: 45px auto !important
	}
}

* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

html {
	position: relative;
	font: 200 14px/18px 'أ¥آ¾آ®أ¨آ½آ¯أ©â€؛…أ©آ»â€ک', 'أ©آ»â€کأ¤آ½â€œ', 'Helvetica Neue', 'Lucida Grande', Helvetica, Arial;
	height: 100%
}

div,label,a,p {
	font: 200 14px/18px 'أ¥آ¾آ®أ¨آ½آ¯أ©â€؛…أ©آ»â€ک', 'أ©آ»â€کأ¤آ½â€œ', 'Helvetica Neue', 'Lucida Grande', Helvetica, Arial
}

body {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%
}

h1 {
	font: 200 14px/18px 'أ¥آ¾آ®أ¨آ½آ¯أ©â€؛…أ©آ»â€ک', 'أ©آ»â€کأ¤آ½â€œ', 'Helvetica Neue', Helvetica, Arial
}

h2 {
	font: 200 14px/18px 'أ¥آ¾آ®أ¨آ½آ¯أ©â€؛…أ©آ»â€ک', 'أ©آ»â€کأ¤آ½â€œ', 'Helvetica Neue', Helvetica, Arial
}

h3 {
	font: 200 14px/18px 'أ¥آ¾آ®أ¨آ½آ¯أ©â€؛…أ©آ»â€ک', 'أ©آ»â€کأ¤آ½â€œ', 'Helvetica Neue', Helvetica, Arial
}

h4 {
	font: 200 14px/18px 'أ¥آ¾آ®أ¨آ½آ¯أ©â€؛…أ©آ»â€ک', 'أ©آ»â€کأ¤آ½â€œ', 'Helvetica Neue', Helvetica, Arial
}

ul {
	margin: 0;
	padding: 0
}

li {
	color: #5d5d5d;
	list-style-type: none
}

label {
	color: #999
}[type=text],[type=password],[type=email],[type=number] {
	outline: none;
	margin: 0;
	padding: 7px 5px;
	font-size: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}[type=checkbox] {
	cursor: pointer
}[type=submit] {
	cursor: pointer;
	border: none;
	color: #fff;
	margin: 0;
	font-size: 20px;
	font-weight: 200;
	text-shadow: 0 -1px 0 #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}[type=date] {
	outline: none;
	border: none;
	text-indent: 30px;
	font-size: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial
}

@media (min-width: 0px) and (max-width: 400px) {
[	type=date] {
		text-indent: 10px
	}
}

@-moz-keyframes clock-spinleft {
	from {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes clock-spinleft {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes clock-spinleft {
	from {
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-ms-keyframes clock-spinleft {
	from {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes clock-spinleft {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

body {
	position: relative;
	min-height: 100%;
	background-color: #ebeff5
}

.page-container {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(50%, #333333), color-stop(100%, #333333));
	background: -webkit-linear-gradient(#000000,#333333 50%,#333333 100%);
	background: -moz-linear-gradient(#000000,#333333 50%,#333333 100%);
	background: -o-linear-gradient(#000000,#333333 50%,#333333 100%);
	background: linear-gradient(#000000,#333333 50%,#333333 100%);
	position: relative;
	height: 100%; 
}

.page {
	position: relative;
	min-height: 100%;
	overflow: hidden;
	background-color: #ebeff5;
	z-index: 0;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	transition: transform 0.6s
}

.page-switch .page {
	-webkit-transform: translateZ(-800px) rotateX(10deg);
	-moz-transform: translateZ(-800px) rotateX(10deg);
	-ms-transform: translateZ(-800px) rotateX(10deg);
	-o-transform: translateZ(-800px) rotateX(10deg);
	transform: translateZ(-800px) rotateX(10deg)
}

.next-page {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	background-color: #fff;
	display: none;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebeff5), color-stop(100%, #ebeff5));
	background: -webkit-linear-gradient(#ebeff5,#ebeff5);
	background: -moz-linear-gradient(#ebeff5,#ebeff5);
	background: -o-linear-gradient(#ebeff5,#ebeff5);
	background: linear-gradient(#ebeff5,#ebeff5);
	-webkit-transition: -webkit-transform 0.7s;
	-moz-transition: -moz-transform 0.7s;
	-o-transition: -o-transform 0.7s;
	transition: transform 0.7s;
	-webkit-transition-delay: 0.5;
	-moz-transition-delay: 0.5;
	-o-transition-delay: 0.5;
	transition-delay: 0.5;
	-webkit-transform: translateY(200%) translateZ(-800px);
	-moz-transform: translateY(200%) translateZ(-800px);
	-ms-transform: translateY(200%) translateZ(-800px);
	-o-transform: translateY(200%) translateZ(-800px);
	transform: translateY(200%) translateZ(-800px)
}

.page-switch .next-page {
	-webkit-transform: translateY(0) translateZ(0);
	-moz-transform: translateY(0) translateZ(0);
	-ms-transform: translateY(0) translateZ(0);
	-o-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0)
}

.no-csstransitions.no-csstransforms3d .next-page {
	display: none
}

.footer {
	position: absolute;
	width: 100%;
	bottom: 0px;
	text-align: center;
	margin-bottom: 30px
}

@media (max-width: 400px) {
	.footer {
		display: none
	}
}

.android-webview .footer {
	display: none
}

.footer-helper {
	text-align: center
}

.footer-menu-helper {
	margin-top: 40px;
	width: 400px;
	text-align: left;
	display: inline-block
}

@media (max-width: 400px) {
	.footer-menu-helper {
		width: 100%;
	}
	.footer-menu { padding-bottom:50px}
}

.footer-menu {
	display: table;
	width: 100%;
	font-size: 14px;
	font-weight: 100
}


.footer-menu-item {
	float: left;
	width: 100%;
	margin-left: 5px;
	text-align: left; clear: both; line-height: 20px 

}

.last {
height: 120px ; text-align: left;
}

.last img{
width: 50px;  }

.footer-company-id,.footer-company-id a {
	color: #dce1e9;
	font-size: 11px;
	margin-top: 20px;
	text-align: center
}

.footer-menu-item-anchor , .footer-menu-item {
	color: #d5d5d5
}

.footer-menu-item-anchor.trademark {
	text-decoration: none;
	cursor: default
}

.footer-change-language {
	display: none
}

@media (max-width: 400px) {
	.footer-change-language {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 18px;
		margin-bottom: 40px;
		color: #999;
		display: block;
		font-weight: 100
	}
}

.android-webview .footer-change-language {
	display: none
}

#nprogress {
	pointer-events: none
}

#nprogress .bar {
	background: #29d;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px
}

#nprogress .peg {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px)
}

#nprogress .spinner {
	display: block;
	position: fixed;
	z-index: 100;
	top: 15px;
	right: 15px
}

#nprogress .spinner-icon {
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #29d;
	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite
}

@-webkit-keyframes nprogress-spinner {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes nprogress-spinner {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

#nprogress .spinner {
	display: none
}

.login-header {
	position: relative;
	min-height: 80px;
	background-color: rgba(0,75,65,1);
	
 -moz-border-radius: 0px 0px 150px 150px;
 -webkit-border-radius: 0px 0px 150px 150px;
 

-moz-border-radius-bottomright: 150px;
-moz-border-radius-bottomleft: 150px;

-webkit-border-bottom-right-radius: 150px;
-webkit-border-bottom-left-radius: 150px;
border-radius: 0px 0px 150px 150px; box-shadow:5px 5px 10px gray;

}

@media (min-width: 0px) and (max-width: 500px) {
	.login-header {
		min-height: 50px
	}
	.app-logo { display:normal;text-align:center; width:50px; margin:0 auto}
	.app-logo img {margin:10px auto;width:50px}
	.hidden {display:none!important}
}

.wechat .login-header {
	display: none
}

.login-header-logo { width: 100%; text-align: center;
	margin:0 auto
}
.login-header-logo img{margin:0 auto; padding-top:1em;}

@media (min-width: 0px) and (max-width: 500px) {
	.login-header-logo {
		-webkit-transform: scale(0.7, 0.7);
		-moz-transform: scale(0.7, 0.7);
		-ms-transform: scale(0.7, 0.7);
		-o-transform: scale(0.7, 0.7);
		transform: scale(0.7, 0.7)
	}
}

.login-grid {
	position: relative;
	min-height: 908px;
	background: url(https://www.camelzone.sa/static/indexbg.jpg) center
};

.no-webpalpha .login-grid {
	background: url("https://www.camelzone.sa/static/indexbg.jpg") center center repeat-x
}

.webpalpha .login-grid {
	background: url("https://www.camelzone.sa/static/indexbg.jpg") center center repeat-x
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-grid {
		background-size: auto 300px !important;
		min-height: 300px
	}

	.no-webpalpha .login-grid {
		background: url("https://www.camelzone.sa/static/indexbg.jpg") top center repeat-x
	}

	.webpalpha .login-grid {
		background: url("https://www.camelzone.sa/static/indexbg.jpg") top center repeat-x
	}
}

.wechat .login-grid {
	min-height: 200px
}

.android-webview .login-grid {
	display: none
}

.login-phones {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 200px auto;
	width: 400px;
	height: 466px
}





.no-backgroundsize .login-phones {
	background: none
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-phones {
		margin: 100px auto;
		width: 200px;
		height: 233px;
		background-size: 200px 233px !important
	}

	.no-webpalpha .login-phones {
		background: url("") no-repeat
	}

	.webpalpha .login-phones {
		background: url("") no-repeat
	}
}

.wechat .login-phones {
	margin: 0 auto
}

.login-body {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-bottom: 130px;
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-body {
		margin-bottom: 20px;margin-top:-90px;
	}
}

.android-webview .login-body {
	display: none
}

.login-body-region {
	display: inline-block;
	max-width: 900px;
	text-align: left;
	margin-top: -30px
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-body-region {
		margin-top: 40px;
		width: 100%
	}
}

.com-backoverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
	text-align: center
}

.com-backoverlay.active {
	display: block
}

.no-csstransforms.no-csstransitions.no-canvas .com-backoverlay,.com-backoverlay.noblur {
	background: rgba(0,0,0,0.5);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4D000000', endColorstr='#4D000000');
	background-image: url(data:image/gif;
	base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.com-backoverlay-canvas-container {
	height: 100%;
	width: 100%;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s
}

.csstransforms.csstransitions.canvas .hidden .com-backoverlay-canvas-container {
	opacity: 0
}

.csstransforms.csstransitions.canvas .revealed .com-backoverlay-canvas-container {
	opacity: 1
}

.com-simple-input-wrapper {
	padding: 20px 30px;
	border-bottom: 1px solid #dbdddf;
	background: #fff;
	cursor: text
}

.com-simple-input-wrapper.first {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0
}

.com-simple-input-wrapper.last {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px
}

.com-simple-input {
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: 200;
	padding: 0;
	border: none;
	background: transparent
}

.com-simple-input::-webkit-input-placeholder {
	font-weight: 400;
	color: #e1e1e1
}

.com-simple-input:-moz-placeholder {
	font-weight: 400;
	color: #e1e1e1
}

.com-simple-input::-moz-placeholder {
	font-weight: 400;
	color: #e1e1e1
}

.com-simple-input:-ms-input-placeholder {
	font-weight: 400;
	color: #e1e1e1
}

.com-simple-input.placeholder {
	font-weight: 400;
	color: #e1e1e1
}

.com-submit {
	position: relative;
	display: inline-block
}

.com-submit-btn {
	min-width: 80px;
	height: 60px;
	padding: 0 25px;
	outline: none;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	transition: transform 0.2s;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #61abe8), color-stop(100%, #0e5bb0));
	background: -webkit-linear-gradient(#61abe8,#0e5bb0);
	background: -moz-linear-gradient(#61abe8,#0e5bb0);
	background: -o-linear-gradient(#61abe8,#0e5bb0);
	background: linear-gradient(#61abe8,#0e5bb0);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF61ABE8', endColorstr='#FF0E5BB0')
}

.com-submit-btn:active {
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3) inset;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3) inset
}

.loading .com-submit-btn {
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0)
}

.no-cssanimations .loading .com-submit-btn {
	visibility: hidden
}

.com-submit-reload-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	display: none
}

.no-cssanimations .com-submit-reload-icon {
	width: 36px;
	background: url(/public/images/reload.gif);
	background-position-y: 0 !important
}

.loading .com-submit-reload-icon {
	-webkit-animation: clock-spinleft 750ms linear 0s infinite;
	-moz-animation: clock-spinleft 750ms linear 0s infinite;
	-ms-animation: clock-spinleft 750ms linear 0s infinite;
	-o-animation: clock-spinleft 750ms linear 0s infinite;
	animation: clock-spinleft 750ms linear 0s infinite;
	display: block
}

.com-form-error {
	position: relative;
	padding: 20px 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #5e7522;
	-moz-box-shadow: 0 1px 0 #5e7522;
	box-shadow: 0 1px 0 #5e7522;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de6052), color-stop(100%, #c54140));
	background: -webkit-linear-gradient(#de6052,#c54140);
	background: -moz-linear-gradient(#de6052,#c54140);
	background: -o-linear-gradient(#de6052,#c54140);
	background: linear-gradient(#de6052,#c54140);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDE6052', endColorstr='#FFC54140')
}

.com-form-error-icon {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 40px
}

@media (min-width: 0px) and (max-width: 500px) {
	.com-form-error-icon {
		left: 20px
	}
}

.com-email-success {
	position: relative;
	padding: 20px 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #5e7522;
	-moz-box-shadow: 0 1px 0 #5e7522;
	box-shadow: 0 1px 0 #5e7522;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91cb00), color-stop(100%, #8ac000));
	background: -webkit-linear-gradient(#91cb00,#8ac000);
	background: -moz-linear-gradient(#91cb00,#8ac000);
	background: -o-linear-gradient(#91cb00,#8ac000);
	background: linear-gradient(#91cb00,#8ac000);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF91CB00', endColorstr='#FF8AC000')
}

.com-email-success-icon {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 40px
}

a {
	color: #6699cc;
	cursor: pointer;
	text-decoration: none;
	font-family: 'أ¥آ¾آ®أ¨آ½آ¯أ©â€؛…أ©آ»â€ک', 'أ©آ»â€کأ¤آ½â€œ', 'Helvetica Neue', Helvetica, "Lucida Grande",  Arial
}

a:hover {
	text-decoration: underline
}

.h2 {
	font-size: 30px;
	color: #6699cc
}

p {
	color: #5d5d5d;
	font-size: 18px;
	font-family: 'أ¥آ¾آ®أ¨آ½آ¯أ©â€؛…أ©آ»â€ک', 'أ©آ»â€کأ¤آ½â€œ', 'Helvetica Neue', Helvetica, Arial
}

span,div {
	font-family: 'أ¥آ¾آ®أ¨آ½آ¯أ©â€؛…أ©آ»â€ک', 'أ©آ»â€کأ¤آ½â€œ', 'Helvetica Neue', Helvetica, Arial
}

.com-ios-download-app-btn {
	position: relative;
	display: block;
	color: #fff;
	font-size: 20px;
	padding: 20px 0;
	font-weight: 200;
	text-align: center;
	text-decoration: none;
	border: 1px solid #1f1f1f;
	max-width: 400px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #505050), color-stop(10%, #505050), color-stop(100%, #464646));
	background: -webkit-linear-gradient(#505050,#505050 10%,#464646);
	background: -moz-linear-gradient(#505050,#505050 10%,#464646);
	background: -o-linear-gradient(#505050,#505050 10%,#464646);
	background: linear-gradient(#505050,#505050 10%,#464646);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF505050', endColorstr='#FF464646');
	-webkit-box-shadow: 0 1px rgba(255,255,255,0.3) inset;
	-moz-box-shadow: 0 1px rgba(255,255,255,0.3) inset;
	box-shadow: 0 1px rgba(255,255,255,0.3) inset;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2)
}

.com-ios-download-app-btn:active {
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3) inset;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3) inset
}

.com-ios-download-app-btn:hover {
	text-decoration: none
}

.com-ios-download-app-icon {
	position: absolute;
	left: 50px;
	top: 50%;
	margin-top: -18px
}

@media (min-width: 0px) and (max-width: 500px) {
	.com-ios-download-app-icon {
		left: 25px
	}
}

.com-android-download-app-btn {
	position: relative;
	display: block;
	color: #fff;
	font-size: 20px;
	padding: 20px 0;
	font-weight: 200;
	text-align: center;
	text-decoration: none;
	border: 1px solid #465a13;
	max-width: 400px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6a9400), color-stop(100%, #669100));
	background: -webkit-linear-gradient(#6a9400,#669100);
	background: -moz-linear-gradient(#6a9400,#669100);
	background: -o-linear-gradient(#6a9400,#669100);
	background: linear-gradient(#6a9400,#669100);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6A9400', endColorstr='#FF669100');
	-webkit-box-shadow: 0 1px rgba(255,255,255,0.6) inset;
	-moz-box-shadow: 0 1px rgba(255,255,255,0.6) inset;
	box-shadow: 0 1px rgba(255,255,255,0.6) inset;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2)
}

.com-android-download-app-btn:active {
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3) inset;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3) inset
}

.com-android-download-app-btn:hover {
	text-decoration: none
}

@media (min-width: 0px) and (max-width: 500px) {
	.en .com-android-download-app-btn {
		font-size: 18px;
		text-indent: 30px
	}
}

.com-android-download-app-icon {
	position: absolute;
	left: 50px;
	top: 50%;
	margin-top: -18px
}

@media (min-width: 0px) and (max-width: 500px) {
	.com-android-download-app-icon {
		left: 25px
	}
}

.com-standard-btn {
	padding: 13px 0;
	color: #fff;
	text-align: center;
	min-width: 100px;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	border: 1px solid #243440;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px rgba(255,255,255,0.3) inset;
	-moz-box-shadow: 0 1px rgba(255,255,255,0.3) inset;
	box-shadow: 0 1px rgba(255,255,255,0.3) inset;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #439fd5), color-stop(100%, #2784c3));
	background: -webkit-linear-gradient(#439fd5,#2784c3);
	background: -moz-linear-gradient(#439fd5,#2784c3);
	background: -o-linear-gradient(#439fd5,#2784c3);
	background: linear-gradient(#439fd5,#2784c3);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF439FD5', endColorstr='#FF2784C3');
	text-shadow: 0 -1px rgba(0,0,0,0.75)
}

.com-standard-btn:active {
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3) inset;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3) inset
}

.com-standard-btn:hover {
	text-decoration: none
}

.com-weibo-btn {
	position: relative;
	color: #666;
	text-align: center;
	min-width: 100px;
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 60px;
	line-height: 60px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
	background: -webkit-linear-gradient(#ffffff,#f7f7f7);
	background: -moz-linear-gradient(#ffffff,#f7f7f7);
	background: -o-linear-gradient(#ffffff,#f7f7f7);
	background: linear-gradient(#ffffff,#f7f7f7);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F7');
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 0 rgba(0,0,0,0.3)
}

.com-weibo-btn:active {
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3) inset;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3) inset
}

.com-weibo-btn:hover {
	text-decoration: none
}

.com-weibo-btn-icon {
	position: absolute;
	left: 40px;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.login-actions {
	position: absolute;
	right: 20px;
	height: 100%;
	line-height: 80px
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-actions {
		line-height: 50px;
		right: 7px
	}
}

.login-actions-login {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-shadow: 0 -1px #000
}

@media (max-width: 540px) {
	.login-actions-login {
		display: none
	}
}

.login-actions-signup {
	margin: 0 auto
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-actions-signup {
		min-width: 80px;
		padding: 10px 0
	}
}

.login-modal {
	position: absolute;
	top: 6%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 400px;
	background-color: #ebeff5;
	min-height: 300px;
	padding-bottom: 80px;
	z-index: 100000;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.5s,opacity 0.5s;
	-moz-transition: -moz-transform 0.5s,opacity 0.5s;
	-o-transition: -o-transform 0.5s,opacity 0.5s;
	transition: transform 0.5s,opacity 0.5s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
	box-shadow: 0 0 20px rgba(0,0,0,0.3)
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-modal {
		position: relative;
		top: 0;
		height: 100%;
		width: 100%
	}
}

@media (min-width: 401px) {
	.csstransforms.csstransitions.canvas .hidden .login-modal {
		opacity: 0;
		-webkit-transform: scale(1.5, 1.5);
		-moz-transform: scale(1.5, 1.5);
		-ms-transform: scale(1.5, 1.5);
		-o-transform: scale(1.5, 1.5);
		transform: scale(1.5, 1.5)
	}
}

@media (min-width: 401px) {
	.csstransforms.csstransitions.canvas .revealed .login-modal {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

.login-modal-exit-container {
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	width: 40px;
	height: 40px
}

.login-modal-exit {
	position: absolute;
	top: 11px;
	right: 10px
}

.login-modal-header {
	position: relative;
	min-height: 170px
}

.login-modal-weibo-btn {
	margin-bottom: 40px
}

.login-modal-form-container {
	margin: 40px 40px 0 40px
}

.login-modal-inputs {
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 0 rgba(0,0,0,0.3)
}

.login-modal-inputs-label {
	display: block;
	color: #424242;
	text-align: center;
	padding-bottom: 40px;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px
}

.login-modal-submit {
	margin-top: 20px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 0 rgba(0,0,0,0.3)
}

.login-modal-login-btn-container,.login-modal-reset-password-btn-container {
	width: 100%
}

.login-modal-forgot-password {
	display: block;
	margin-top: 20px
}

.login-modal-login-btn,.login-modal-reset-password-btn {
	width: 100%;
	padding: 0
}

.login-modal-cancel {
	display: block;
	margin-top: 20px
}

.login-modal-login-error,.login-modal-email-success,.login-modal-reset-password-error {
	margin-top: 20px
}

.login {
	width: 900px;
	text-align: center
}

@media (min-width: 0px) and (max-width: 900px) {
	.login {
		width: auto;
		margin: 0 10px
	}
}

.login-hero {
	display: inline-block;
	max-width: 580px
}

.login-title {
	font-size: 43px;
	font-family:  'Helvetica Neue', Helvetica, 'Lucida Grande', Arial;
	color: #2e3446;
	font-weight: 100;
	line-height: 40px;
	text-align: center
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-title {
		font-size: 28px;
		line-height: 38px
	}
}

.zh .login-title {
	line-height: 55px
}

@media (min-width: 0px) and (max-width: 500px) {
	.zh .login-title {
		line-height: 40px;

	}
}

.login-desc {
	margin-top: 40px;
	color: #2e3446;
	font-size: 12px;
	line-height: 20px;
	font-weight: 200;
	text-align: center
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-desc {
		margin-top: 30px
	}
}

.wechat .login-desc {
	display: none
}

.login-download { width:930px; margin-top:30px}
.login-download a{margin:0 auto;text-align:center} 

@media (min-width: 0px) and (max-width: 500px) {
	.login-download {
		margin-top: 50px;
		margin-bottom: 0px;
		width: auto!important;
	}
}

.login-ios-download-btn,.login-android-download-btn {

	width: 295px;
	margin: 0 10px 30px 0px
}

@media (min-width: 0px) and (max-width: 500px) {
	.login-ios-download-btn,.login-android-download-btn {
		width: 100%
	}
}

@media (min-width: 0px) and (max-width: 900px) {
	.login-ios-download-btn,.login-android-download-btn {
		margin: 0 0 40px 0
	}
}

@media (min-width: 840px) and (max-width: 890px) {
	.login-ios-download-btn,.login-android-download-btn {
		margin: 0 20px 40px 20px
	}
}

.android-web .login-ios-download-btn {
	display: none
}

.ios-web .login-android-download-btn {
	display: none
}

.signup-modal {
	position: absolute;
	top: 6%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 400px;
	background-color: #ebeff5;
	min-height: 450px;
	padding-bottom: 80px;
	z-index: 100000;
	-webkit-transition: -webkit-transform 0.5s,opacity 0.5s;
	-moz-transition: -moz-transform 0.5s,opacity 0.5s;
	-o-transition: -o-transform 0.5s,opacity 0.5s;
	transition: transform 0.5s,opacity 0.5s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
	box-shadow: 0 0 20px rgba(0,0,0,0.3)
}

@media (min-width: 0px) and (max-width: 500px) {
	.signup-modal {
		position: relative;
		top: 0;
		height: 100%;
		width: 100%
	}
}

.android-webview .signup-modal {
	position: relative;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 1 !important;
	-webkit-transform: scale(1, 1) !important;
	-moz-transform: scale(1, 1) !important;
	-ms-transform: scale(1, 1) !important;
	-o-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important
}

@media (min-width: 401px) {
	.csstransforms.csstransitions.canvas .hidden .signup-modal {
		opacity: 0;
		-webkit-transform: scale(1.5, 1.5);
		-moz-transform: scale(1.5, 1.5);
		-ms-transform: scale(1.5, 1.5);
		-o-transform: scale(1.5, 1.5);
		transform: scale(1.5, 1.5)
	}
}

@media (min-width: 401px) {
	.csstransforms.csstransitions.canvas .revealed .signup-modal {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

.signup-modal-exit-container {
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	width: 40px;
	height: 40px
}

.signup-modal-exit {
	position: absolute;
	top: 11px;
	right: 10px
}

.android-webview .signup-modal-exit {
	display: none
}

.signup-modal-form-container {
	margin: 0 40px;
	text-align: left;
	overflow: hidden
}

@media (min-width: 0px) and (max-width: 500px) {
	.signup-modal-form-container {
		margin: 0 10px
	}
}

.android-webview .signup-modal-form-container {
	margin: 0 10px
}

.signup-modal-label {
	display: block;
	color: #424242;
	text-align: center;
	margin-top: 40px;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px
}

.signup-modal-weibo-btn {
	margin-top: 40px
}

@media (min-width: 0px) and (max-width: 500px) {
	.signup-modal-weibo-btn {
		margin: 40px 10px 0 10px
	}
}

.android-webview .signup-modal-weibo-btn {
	display: none
}

.signup-basic {
	width: 400px;
	text-align: left
}

@media (min-width: 0px) and (max-width: 500px) {
	.signup-basic {
		width: 100%
	}
}

.signup-basic-form {
	margin-top: 40px
}

@media (max-width: 400px) {
	.signup-basic-form {
		margin: 40px 10px 0 10px
	}
}

.no-boxshadow .signup-basic-form {
	border-bottom: 1px solid #dbdddf
}

.signup-basic-email {
	-webkit-border-radius: 6px 6px 0 0px;
	-moz-border-radius: 6px 6px 0 0px;
	-ms-border-radius: 6px 6px 0 0px;
	-o-border-radius: 6px 6px 0 0px;
	border-radius: 6px 6px 0 0px
}

.signup-basic-error {
	margin-top: 20px
}

.signup-basic-desc {
	margin: 0 10px
}

@media (max-width: 400px) {
	.signup-basic-desc {
		margin: 0 20px
	}
}

.signup-basic-inputs {
	overflow: hidden;
	border-left: 1px solid #dbdddf;
	border-right: 1px solid #dbdddf;
	border-radius: 6px;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 0 rgba(0,0,0,0.3)
}

.signup-basic-input {
	position: relative;
	width: 100%
}

.signup-basic-submit {
	position: relative;
	float: right
}

@media (min-width: 0px) and (max-width: 500px) {
	.signup-basic-submit {
		padding: 0;
		width: 45%
	}
}

.signup-basic-submit-wide {
	margin-top: 20px;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 0 rgba(0,0,0,0.3)
}

.signup-basic-submit-wide .signup-basic-submit {
	width: 100%
}

@media (min-width: 0px) and (max-width: 500px) {
	.signup-basic-submit-btn {
		width: 100%;
		padding: 0
	}
}

.signup-basic-submit-wide .signup-basic-submit-btn {
	width: 100%;
	padding: 0
}

.signup-basic-footer {
	position: relative;
	overflow: hidden;
	height: 60px
}

.signup-basic-accept {
	position: absolute;
	top: 0;
	left: 6%;
	line-height: 60px;
	display: inline;
	height: 60px;
	margin: 0;
	padding: 0
}

.signup-basic-accept-label {
	text-align: center;
	margin: 20px 20px 0px;
	display: block
}

.signup .signup-basic-accept-label {
	margin: 40px 20px 0px
}

.signup-basic-accept-helper {
	display: table;
	table-layout: fixed;
	float: left;
	height: 100%;
	width: 45%;
	margin-left: 12%;
	margin-right: 5%
}

@media (max-width: 400px) {
	.signup-basic-accept-helper {
		margin-left: 15%;
		width: 35%
	}
}

.signup-basic-accept-container {
	display: table-cell;
	vertical-align: middle;
	height: 100%
}