body{height:100%;overflow-y:auto}
section, div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, ol, strong, span, select, textarea, button{box-sizing:border-box !important}

/* Wrapper */
#wrapper{position:relative;width:750px;min-height:100%;box-sizing:border-box;margin:0 auto;z-index:0}

/* default */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:28px;height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
html,button,input,select,textarea{font-family:Arial, Simhei, "����", Microsoft Yahei, "΢���ź�", sans-serif;color:#515151}
body{margin:0;background-color:#f5f5f5}
a{color:#515151;font-weight:bolder;outline:none !important}
a:link{text-decoration:none}
a:focus{outline:thin dotted}
a:active, a:hover{outline:0;text-decoration:none}
h1, h2, h3, h4, h5, h6{font-size:1em;margin:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul,dd,dt,li{margin:0;padding:0}
nav ul,nav ol,ul,ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input[type="text"],input[type="password"],input[type="number"],input[type="submit"],input[type="reset"],select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;background:none; border:0;/*padding:0; *//* border-radius:0; */box-shadow:none}
button,input,areatext{line-height:normal;outline:none !important}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
em{font-style:inherit}
hr{display:block;clear:both;zoom:1;height:0;line-height:0;border:0;padding:0;content:"";font-size:0}

/*::-webkit-scrollbar{display:none;width:0}*/

/* public style */
.clearFix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearFix{clear:both;zoom:1}
.floatL{display:inline;float:left}
.floatR{display:inline;float:right}

/* Popup */
.popupbg{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:99}

/* Icon */
.icon{display:inline-block;background:no-repeat left top}
.icon-orders{width:69px;height:84px;background-image:url(images/regist/icon-orders.png)}
.icon-order{width:66px;height:84px;background-image:url(images/regist/icon-order.png)}
.icon-deposit{width:60px;height:84px;background-image:url(images/regist/icon-deposit.png)}
.icon-car{width:114px;height:84px;background-image:url(images/regist/icon-car.png)}
.icon-getcar{width:61px;height:84px;background-image:url(images/regist/icon-getcar.png)}
.icon-checked{width:36px;height:36px;background-image:url(images/regist/icon-checked.png)}
.icon-checked-o{width:36px;height:36px;background-image:url(images/regist/icon-checked-o.png)}

/* Color */
.yel{color:#ff9c00 !important}
.red{color:#ff0000 !important}
.bule{color:#1571a6 !important}

/* Bg Color */
.bg_1{background-color:#2096a0 !important;color:#fff !important}
.bg_2{background-color:#ff8a00 !important;color:#fff !important}
.bg_3{background-color:#ff1932 !important;color:#fff !important}
.bg_4{background-color:#1caceb !important;color:#fff !important}
.bg_5{background-color:#86c610 !important;color:#fff !important}
.bg_6{background-color:#c6112a !important;color:#fff !important}
.bg_7{background-color:#ffb400 !important;color:#fff !important}
.bg_8{background-color:#686868 !important;color:#fff !important}

/* Margin */
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}

/* Button */
.btn{display:inline-block;box-sizing:border-box;background-color:#fff;padding:0 20px;font-size:36px;text-align:center}

.radius-10 {
	-moz-border-radius-topleft: 10px; /* Gecko browsers */
	-webkit-border-top-left-radius: 10px; /* Webkit browsers */
	border-top-left-radius: 10px;/* W3C syntax */
	
	-moz-border-radius-topright: 10px; /* Gecko browsers */
	-webkit-border-top-right-radius: 10px; /* Webkit browsers */
	border-top-right-radius: 10px;/* W3C syntax */
	
	-moz-border-radius-bottomleft: 10px; /* Gecko browsers */
	-webkit-border-bottom-left-radius: 10px; /* Webkit browsers */
	border-bottom-left-radius: 10px;/* W3C syntax */
	
	-moz-border-radius-bottomright: 10px; /* Gecko browsers */
	-webkit-border-bottom-right-radius: 10px; /* Webkit browsers */
	border-bottom-right-radius: 10px;/* W3C syntax */
}


.radius-top-left-10 {
	-moz-border-radius-topleft: 10px; /* Gecko browsers */
	-webkit-border-top-left-radius: 10px; /* Webkit browsers */
	border-top-left-radius: 10px;/* W3C syntax */
}

.radius-top-right-10 {
	-moz-border-radius-topright: 10px; /* Gecko browsers */
	-webkit-border-top-right-radius: 10px; /* Webkit browsers */
	border-top-right-radius: 10px;/* W3C syntax */
}

.radius-bottom-left-10 {
	-moz-border-radius-bottomleft: 10px; /* Gecko browsers */
	-webkit-border-bottom-left-radius: 10px; /* Webkit browsers */
	border-bottom-left-radius: 10px;/* W3C syntax */
}

.radius-bottom-right-10 {
	-moz-border-radius-bottomright: 10px; /* Gecko browsers */
	-webkit-border-bottom-right-radius: 10px; /* Webkit browsers */
	border-bottom-right-radius: 10px;/* W3C syntax */
}


.chk_1,.chk_2,.chk_3,.chk_4 {
    display: none;
}
 
/*******STYLE 1*******/
.chk_1 + label {
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 9px;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
}
.chk_1 + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.chk_1:checked + label {
	background-color: #ECF2F7;
	border: 1px solid #92A1AC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}

.chk_1:checked + label:after {
	content: '\2714';
	position: absolute;
	top: 0px;
	left: 0px;
	color: #758794;
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	padding: 1px 0 0 0;
	vertical-align: text-top;
}


/*******STYLE 2*******/
.chk_2 + label {
	background-color: #F37900;
	padding: 18px 20px 18px 23px;
	box-shadow: inset 0 50px 37px -30px rgba(255, 222, 197, 0.3), 0 0 13px rgba(0, 0, 0, 0.6);
	border-radius: 1000px;
	display: inline-block;
	position: relative;
	border-top: 1px solid #ECA14F;
	margin-right: 30px;
	color: #FFF;
	font-size: 1.7em;
	width: 113px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid #552B09;
}

.chk_2 + label:hover  {
	border-top: 1px solid #FC8C1E;
	background: #FC8C1E;
	box-shadow: inset 0 -50px 37px -30px rgba(255, 222, 197, 0.07), 0 0 13px rgba(0, 0, 0, 0.6);
}

.chk_2 + label:active  {
	border-top: none;
	background: #FC8C1E;
	padding: 19px 20px 18px 23px;
	box-shadow: inset 0 3px 8px rgba(129, 69, 13, 0.3), inset 0 -50px 37px -30px rgba(255, 222, 197, 0.07), 0 0 13px rgba(0, 0, 0, 0.6);	
}

.chk_2 + label:after {
	content: ' ';
	border-radius: 100px;
	width: 32px;
	position: absolute;
	top: 12px;
	right: 12px;
	box-shadow: inset 0px 16px 40px rgba(0, 0, 0, 0.4);
	height: 32px;
}

.chk_2 + label:before {
	content: ' ';
	border-radius: 100px;
	width: 20px;
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 999;
	box-shadow: inset 0px 16px 40px #FFF;
	height: 20px;
	display: none;
}

.chk_2:checked + label:before {
	display: block;
}

/*******STYLE 3*******/

.chk_3 + label {
	background-color: #fafbfa;
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	width: 40px;
	height: 15px;
}

.chk_3  + label:after {
	content: ' ';
	position: absolute;
	top: 0;
	-webkit-transition: box-shadow 0.1s ease-in;
	transition: box-shadow 0.1s ease-in;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}

.chk_3  + label:before {
	content: ' ';
	position: absolute;
	background: white;
	top: 1px;
	left: 1px;
	z-index: 999999;
	width: 31px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	height: 31px;
	border-radius: 100px;
	box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}

.chk_3:active + label:after {
	box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

.chk_3:active + label:before {
	width: 37px;
}

.chk_3:checked:active + label:before {
	width: 37px;
	left: 20px;
}

.chk_3  + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.chk_3:checked + label:before {
	content: ' ';
	position: absolute;
	left: 26px;
	border-radius: 100px;
}

.chk_3:checked + label:after {
	content: ' ';
	font-size: 1.5em;
	position: absolute;
	background: #4cda60;
	box-shadow: 0 0 1px #4cda60;
}


/*******STYLE 4*******/
.chk_4 + label {
	background-color: #FFF;
	padding: 11px 9px;
	border-radius: 7px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	background: #F7836D;
	width: 58px;
	height: 10px;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1), 0 0 10px rgba(245, 146, 146, 0.4);
}

.chk_4 + label:before {
	content: ' ';
	position: absolute;
	background: #FFF;
	top: 0px;
	z-index: 99999;
	left: 0px;
	width: 24px;
	color: #FFF;
	height: 32px;
	border-radius: 7px;
	box-shadow: 0 0 1px rgba(0,0,0,0.6);
}

.chk_4 + label:after {
	content: '关闭';	
	position: absolute;
	top: 7px;
	left: 37px;
	font-size: 1.2em;
	color: white;
	font-weight: bold;
	left: 8px;
	padding: 5px;
	top: 4px;
	border-radius: 100px;
}

.chk_4:checked + label {
	background: #67A5DF;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1), 0 0 10px rgba(146, 196, 245, 0.4);
}

.chk_4:checked + label:after {
	content: '开启';
	left: 10px;
}

.chk_4:checked + label:before {
	content: ' ';
	position: absolute;
	z-index: 99999;
	left: 52px;
}


.chk_4 + label:after {
	left: 35px;	
}	

#checkbox_d2 + label:after, #checkbox_d2 + label:before, #checkbox label {	
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}