@import url('jquery.mobile-1.4.2.css');

html{
	padding:0;
}

body{
	margin:0;
	background:url(../images/scrub.png) repeat;
}

a{
	color:#888 !important;
	text-decoration:none;
}

.no-background{
	background-color:transparent !important;
}

.no-border{
	border-color:transparent !important;
}

.no-border-top{
	border-top:0 !important;
}

.sx-header{
	height:44px !important;
	background-color:#845634 !important;
	color:#fff !important;
	text-shadow:none !important;
	border:0 !important;
	position:relative;
	z-index:1001;
}

.sx-header h1{
	position:absolute;
	width:100%;
	text-align:center;
	font-size:1em;
}

.sx-logo{
	left:0 !important;
	top:0 !important;
}

.sx-logo img{
	height:44px !important;
}

.sx-vip{
	text-align:center !important;
}

.sx-vip img{
	width:100% !important;
}

.sx-scrub{
	background:url(../images/scrub.png) repeat;
	overflow:hidden;
}

.sx-ul-block{
	clear:block;
	overflow:hidden;
	padding:.25em 0;
	background-color:#fff !important;
	box-shadow:0 0 10px rgba(0,0,0,.15);
}

.sx-ul-block-a{
	margin:0 1em;
	border: 1px solid #eee;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
	box-shadow:none;
	padding:0;
}

.sx-ul-block li a{
	color:#666 !important;
	padding:1em 0 1em 2.8em !important;
	font-size:.9em;
}

.sx-ul-block li a:hover,
.sx-ul-block li a:active{
	background-color:#fff !important;
}

.sx-ul-block .r{
	position:absolute;
	right:2.3em;
	color:#bfbfbf;
}
.sx-ul-block .r em{
	font-style:normal;
	color:#f00;
}

.sx-icon-opa:after{
	opacity:.25;
}

.sx-icon{
	width:16px;
	height:16px;
	text-align:center;
	position:absolute;
	left:13px;
	top:16px;
}
.sx-icon img{
	height:100%;
}

.sx-tips-q{
	clear:both;
	display:block;
	text-align:right;
	padding:0 1.5em;
	font-size:.8em;
}
.sx-tips-q img{
	width:16px;
	position:relative;
	top:3px;
	margin-left:.25em;
}

.sx-copyright{
	clear:both;
}
.sx-copyright .sx-menu{
	clear:both;
	height:44px !important;
	line-height:44px; 
	text-align:center;
	background-color:#f5f5f5 !important;
	background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#ededed)) !important;
	box-shadow:0 0 10px rgba(0,0,0,.15) !important;
	font-size:.8em;
}

.sx-copyright .sx-menu em{
	width:1px;
	height:12px; 
	background-color:#d0d0d0;
	display:inline-block;
	position:relative;
	top:1px;
	margin:0 10px;
}

.sx-copyright p{
	font-size:10px;
	text-align:center;
	padding:.25em 0 .5em;
	color:#a3a3a3;
}

.sx-block-content {
	padding: 1em;
	margin: 1em;
	background: #fff;
	border: 1px solid #eee;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
}
.sx-block-content h3 {
	font-size: 1em;
	color: #333;
	border-bottom: 1px solid #ddd;
	padding-bottom: .5em;
	margin: 0 0 .5em;
}
.sx-block-content p {
	text-align:center;
}
.sx-block-content p img {
	width:100%;
}

.sx-icon-bars:after{
	background-image:url(../images/icon-7.png) !important;
	background-size:contain !important;
	border-radius:0 !important;
}

.sx-icon-bars{
	top:-0.1em !important;
}

.sx-tip-s{
	font-weight:900;
	padding:0 1em;
	color:#333;
}

.sx-tip-s span{
	width:3px;
	height:14px;
	position:relative;
	top:2px;
	margin-right:5px;
	overflow:hidden;
	background:#de1c1c;
	display:inline-block;
}

.sx-lable{
	text-align:left;
	line-height:3.2;
	padding:0 1em !important;
	font-size:.9em;
	color:#6d7173 !important;
	clear:both;
}

.sx-lable:hover,
.sx-lable:active{
	background-color:#fff !important;
}

.sx-lable input{
	width:70% !important;
	float:right !important;
	border:0 !important;
	text-align:right !important;
	color:#6d7173 !important;
	line-height: 2.6;
}

.sx-lable select{
	float:right;
	margin-top:.6em;
}
.sx-lable span{
	float:right;
	margin-top:.6em;
    /*background-color:red;*/
}


.sx-ttt{
	padding:1em 2em;
	text-align:center;
	color:#b3b6b8;
	font-size:0.8em;
}

.sx-btn{
	background-color:#fff;
	border:1px solid #ddd;
	border-left:0;
	border-right:0;
	padding:1em;
	margin-bottom:1em;
	text-align:center;
}

.sx-btn .btn{
	background:-webkit-gradient(linear,left top,left bottom,from(#e19f84),to(#a96651)) !important;
	border:0;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	padding:.5em 1em;
	border-radius:5px;
	box-shadow:0 4px 0 #763e2c;
	width:80%;
}

.sx-btn a.btn{
	color:#fff !important;
	font-size:1em;
	padding:.6em 24px;
}


.sx-jf{
	width:100%;
	height:140px;
	padding-top:60px;
	background:url(../images/mw.png) no-repeat center top;
	background-size:cover;
	text-align:center;
	color:#fff;
}
.sx-jf strong{
	line-height:.5;
	font-size:4em;
	text-shadow:0 1px 5px rgba(0,0,0,.2);
}
.sx-jf p{
	font-size:0.8em;
}

.sx-table{
	clear:both;
}
.sx-table div{
	float:left;
	width:30%;
	line-height:3;
	font-weight:normal !important;
	color:#b3b6b8;
	font-size:.9em;
}
.sx-table div.cell-1,
.sx-table div.cell-2{
	border-right:1px solid #ddd;
}
.sx-table div.cell-2{
	width:39%;
}

.sx-tip-b{
	color:#2e88e3;
	background:#fff;
	padding:1em;
	margin:0;
	font-size:.9em;
	border-bottom:1px solid #ddd;
}
.sx-tip-b img{
	height:15px;
	margin-right:5px;
	position:relative;
	top:1px;
}

.sx-table-1{
	clear:both;
	border-color:#ccc !important;
}
.sx-table-1 a{
	margin:0 !important;
	padding:0 !important;
	border-width:0 0 1px !important;
	border-style:solid !important;
	border-color:#ccc !important;
}
.sx-table-1 div{
	float:left;
	width:20%;
	line-height:35px;
	padding:.8em 0;
	font-weight:normal;
	/*color:#aaa;*/
	text-align:center;
	font-size:.8em;
}
.sx-table-1 div.cell-1{
	text-align:left;
	width:52%;
	padding-top:.4em;
	position:relative;
	line-height:1;
	font-size:.9em;
}
.sx-table-1 div.cell-1 h4{
	color:#333;
	font-size:1em;
	font-weight:normal;
	text-indent:40px;
}
.sx-table-1 div.cell-1 div{
	text-indent:40px;
	line-height:0;
	margin-top:-5px;
}
.sx-table-1 div.cell-1 img{
	position:absolute;
	width:15px;
	top:50%;
	margin-top:-7px;
	left:1em;
}
.sx-table-1-t{
	width:100%;
	background-color:rgba(0,0,0,.1) !important;
	overflow:hidden;
	height:36px;
}
.sx-table-1-t div.cell-1{
	padding:.8em 0;
	text-indent:1em;
	line-height:1;
	width:52%;
}
.sx-table-1-t div{
	line-height:1;
	font-size:.9em;
	color:#333 !important;
}

.sx-qr{
	width:320px;
	height:411px;
	background:url(../images/card.png) no-repeat center;
	background-size:contain;
	margin:8px auto 0;
	position:relative;
}
.sx-qr strong{
	position:absolute;
	top:30px;
	left:35px;
	font-size:1em;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.sx-qr span{
	position:absolute;
	top:32px;
	right:35px;
	font-size:.9em;
	color:#913b01;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.sx-qr img{
	width:250px;
	display:block;
	margin:0 auto;
	position:relative;
	top:83px;
}
.sx-qr div{
	position:absolute;
	bottom:32px;
	left:35px;
	font-size:.8em;
	color:#524d42;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
}
.sx-qr div em{
	font-style:normal;
	font-weight:bold;
	color:#f00;
	margin-left:5px;
}
.sx-qr a{
	position:absolute;
	bottom:24px;
	right:28px;
	width:103px;
	height:0;
	padding-top:32px;
	overflow:hidden;
	background:url(../images/rebtn.png) no-repeat;
	background-size:cover;
}

.hd_menu{
	list-style:none;
	background:#fff;
	position:absolute;
	padding:0;
	text-align:center;
	width:120px;
	margin:0;
	top:-200px;
	right:0;
	z-index:100;
	border-radius:0 0 10px 10px;
	box-shadow:0 1px 10px rgba(0,0,0,.5);
	height:180px;
}
.hd_menu li a{
	display:block;
	height:35px;
	line-height:35px;
	border-top:1px solid #e0e0e0;
	font-size:14px;
}

.x-block-content-b{
	text-align:left !important;
	background-color:rgba(0,0,0,.1);
	box-shadow:inset 0 0 5px rgba(0,0,0,.25);
}
.x-block-content-b strong{
	font-size:14px;
}
.x-block-content-b p{
	padding-top:0;
	margin-top:0;
	text-align:left !important;
}
.x-block-content-b span{
	display:block;
	font-size:13px;
	text-indent:0 !important;
}