@charset "utf-8";
@import url("global.css");

/*通栏*/
/* .full-grid { */
/*     background: #fff url("img/login.jpg") center; */
/*     width: 100%; */
/*     min-width: 1200px; */
/*     height: 660px; */
/*     overflow: hidden; */
/*     } */
    
div#div1{ 
position:fixed; 
top:0; 
left:0; 
bottom:0; 
right:0; 
z-index:-1; 
} 

div#div1 > img { 
height:100%; 
width:100%; 
border:0;
} 

.full-grid2 {
    background: #f5f5f5;
    padding: 40px 0;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    }

/*定义首页通用样式*/
.user_model_box {
    margin: 20px auto;
    width: 1200px;
    }

.error {
    color: #f00;
    }
.center{text-align: center;}
/****************************登录*******************************/
.user_login {
    margin: 100px auto;
    overflow: hidden;
    }

.user_model_box .user_login_form {
    margin-left: 600px;
    background: url("../img/login_form.png") repeat;
    padding: 20px;
    }

.user_model_box .user_login_form h1 {
    margin-bottom: 15px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    }

.user_model_box .user_login_form ul li {
    height: 60px;
    line-height: 60px;
    color: #fff;
    }

.user_model_box .user_login_form ul li label {
    color: #fff;
    display: inline;
    float: left;
    font-size: 16px;
    line-height: 60px;
    margin-right: 20px;
    text-align: right;
    width: 100px;
    }

.user_model_box .user_login_form ul li a {
    color: #fff;
    }

.user_model_box .user_login_form ul li a:hover {
    color: #f5f5f5;
    }

.user_model_box .user_login_form .input_text {
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 300px;
    height: 38px;
    line-height: 38px;
    background: #f7f7f7;
    border: 1px solid #fff;
    }

.user_model_box .user_login_form .input_text:hover {
    background: #fff;
    }

.user_model_box .user_login_form .code {
    width: 100px !important;
    }

.user_model_box .user_login_form .input_btn {
    background: #F7B824;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    outline: medium none;
    text-align: center;
    width: 150px;
    cursor: pointer;
    }

.user_model_box .user_login_form .input_btn:hover {
    background: #FF5722;
    }

.user_model_box .user_login_form .button, .user_model_box .user_login_form .error {
    margin-left: 120px;
    }

.user_model_box .user_login_form span a {
    font-size: 14px;
    }

.user_model_box .user_login_form .other {
    margin-top: 15px;
    border-top: 1px dashed #ccc;
    }

.user_model_box .user_login_form .other label {
    font-size: 14px;
    }

.user_model_box .user_login_form img {
    vertical-align: middle;
    cursor: pointer;
    }

#getcode,
.getcode {
    cursor: pointer;
    }

/***********************取回密码*******************************/

.main {
    
    background-color: #fff;
}
.main .container .user_model_box{
    width: 1060px;
    margin:0 auto;
}
/**step_1**/
.user_getpass_step {
    width: 1060px;
    text-align: center;
    
    }
.user_model_box .step_container{
    width: 1000px;
    margin: 0 auto;
}
.user_model_box .step_container #step_01 {
    padding-bottom: 50px;
    color: #000000;
    width: 430px;
    margin: 0 auto;
    }

.user_model_box #step_01 ul {
     
    }

.user_model_box #step_01 ul li {
    padding: 10px 0
    }

.user_model_box #step_01 ul li img {
    vertical-align: middle;
    margin-left: 10px;
    }

.user_model_box #step_01 .input_text {
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 400px;
    height: 38px;
    line-height: 38px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    }

.user_model_box #step_01 .input_text:hover {
    background: #fff;
    }

.user_model_box #step_01 .code {
    width: 288px !important;
    }

.user_model_box #step_01 .input_btn {
    margin-top: 40px;
    background: #8B8378;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    outline: medium none;
    text-align: center;
    width: 400px;
    cursor: pointer;
    }

.user_model_box #step_01 .input_btn:hover {
    background: #CCCCCC;
    }

/**step_2**/
.user_model_box #step_02{
    width: 430px;
    margin: 0 auto;
}

.user_model_box #step_02 ul {
    
    }

.user_model_box #step_02 ul li {
    padding: 10px 0;
    }

.user_model_box #step_02 ul li span {
    color: #22ac69;
    display: inline-block;
    padding: 0 5px;
    }

.user_model_box #step_02 ul li#check_phone {
    background: #f5f5f5 url("/source/img/check_phone.png") 20px center no-repeat;
    text-indent: 100px;
    height: 50px;
    line-height: 50px;
    margin: 30px auto 50px auto;
    }

.user_model_box #step_02 ul li#check_mail {
    background: #f5f5f5 url("/source/img/check_email.png") 20px center no-repeat;
    text-indent: 100px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 150px;
    }

.user_model_box #step_02 ul li a {
    display: block;
    float: right;
    width: 90px;
    height: 34px;
    line-height: 34px;
    margin: 8px 40px 8px 0;
    background: #22ac69;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    text-indent: 0 !important;
    }

.user_model_box #step_02 ul li a:hover {
    background: #009688;
    }

/**step_3**/
.user_model_box #step_03 {
    padding-bottom: 50px;
    color: #333;
    width: 430px;
    margin:0 auto;
    }

.user_model_box #step_03 ul {
    
    }

.user_model_box #step_03 ul li {
    padding: 10px 0
    }

.user_model_box #step_03 ul li span {
    color: #22ac69;
    display: inline-block;
    padding: 0 5px;
    }

.user_model_box #step_03 .input_text {
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 300px;
    height: 38px;
    line-height: 38px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    }

.user_model_box #step_03 .input_text:hover {
    background: #fff;
    }

.user_model_box #step_03 #smsverify,
.user_model_box #step_03 #mailverify {
    color: #fff;
    width: 98px;
    height: 40px;
    line-height: 40px;
    background: #22ac69;
    cursor: pointer;
    }

.user_model_box #step_03 #smsverify:hover,
.user_model_box #step_03 #mailverify:hover {
    background: #009688;
    }

.user_model_box #step_03 a {
    display: block;
    width: 400px;
    height: 34px;
    line-height: 34px;
    margin: 20px auto 80px auto;
    background: #22ac69;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    text-indent: 0 !important;
    }

.user_model_box #step_03 a:hover {
    background: #009688;
    }

/**step_4**/
.user_model_box #step_04 {
    padding-bottom: 50px;
    color: #333;
    width: 430px;
    margin:0 auto;
    }

.user_model_box #step_04 ul {
    
    }

.user_model_box #step_04 ul li {
    padding: 10px 0
    }

.user_model_box #step_04 .input_text {
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 400px;
    height: 38px;
    line-height: 38px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    }

.user_model_box #step_04 .input_text:hover {
    background: #fff;
    }

.user_model_box #step_04 .input_btn {
    margin-top: 40px;
    background: #22ac69;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    outline: medium none;
    text-align: center;
    width: 400px;
    cursor: pointer;
    }

.user_model_box #step_04 .input_btn:hover {
    background: #009688;
    }

/*关联QQ*/
.user_model_box .rel_qq {
    padding: 40px 0;
    }

.user_model_box .rel_qq .tip {
    font-weight: 400;
    padding: 20px 0;
    text-align: center;
    font-size: 22px;
    }

.user_model_box .rel_qq .sel {
    margin: 0 400px;
    }

.user_model_box .rel_qq .sel p {
    cursor: pointer;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    margin: 20px auto;
    }

.user_model_box .rel_qq .sel p:first-child {
    background: #22ac69;
    }

.user_model_box .rel_qq .sel p:first-child:hover {
    background: #009688;
    }

.user_model_box .rel_qq .sel p:last-child {
    background: #FF5722;
    }

.user_model_box .rel_qq .sel p:last-child:hover {
    background: #F7B824;
    }

/******************************member css 未做修改******************************************/
.member_body {
    background: #f5f5f5;
    }

.member {
    width: 1200px;
    margin: 40px auto;
    border: 1px solid #ccc;
    height: 800px;
    background: #fff;
    }

.member .menu, .member .content {
    float: left;
    height: 800px;
    }

.member .menu {
    border-right: 1px solid #ccc;
    width: 200px;
    }

.member .menu .menu_head {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    text-indent: 2em;
    }

.member .menu .menu_head i {
    float: right;
    display: inline-block;
    line-height: 40px;
    margin-right: 20px;
    }

.member .menu ul {
    margin: 10px 0;
    }

.member .menu li {
    height: 30px;
    line-height: 30px;
    text-indent: 2em;
    }

.member .menu li:hover {
    background: #09f;
    color: #fff;
    }

.member .menu li:hover a {
    color: #fff;
    }

.member .menu li a {
    font-size: 14px;
    text-decoration: none;
    }

/* 选择文字 */
.member .menu #hit{
	color: blue;
	}


.member .content .content_head,
.member .content .content_detail {
    width: 937px;
    margin: auto 30px;
    }

.member .content .content_head {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    }

.member .content .content_detail {
    margin: 10px auto;
    }

.member .content .content_detail p {
    font-size: 14px;
    line-height: 26px;
    }

.member .content .content_detail input[type="text"],
.member .content .content_detail input[type="password"] {
    padding: 8px 15px;
    margin: 0 2px;
    border: 1px solid #ccc;
    color: #333;
    width: 300px;
    }

.member .content .content_detail input[type="text"]:hover,
.member .content .content_detail input[type="password"]:hover {
    background: #f5f5f5;
    }

.member .content .content_detail input[type="button"] {
    display: block;
    padding: 8px 20px;
    margin: 20px 0;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    }

.member .content .content_detail input[type="button"]:hover {
    background: #e9e9e9;
    }

.member .content .content_detail label {
    display: block;
    padding: 20px 0 5px 0;
    font-weight: bold;
    font-size: 14px;
    }

.member .content .content_detail textarea {
    font-size: 16px;
    }

.member .content .content_detail table {
    border-collapse: collapse;
    margin-top: 20px;
    width: 100%;
    }

.member .content .content_detail table thead {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }

.member .content .content_detail table thead tr th,
.member .content .content_detail table tbody tr td {
    padding: 7px 10px;
    text-align: left;
    vertical-align: middle;
    }

.member .content .content_detail table tbody tr {
    border-bottom: 1px solid #ccc;
    color: #333;
    }

.member .content .content_detail table tr:hover {
    background: #f5f5f5;
    }

.member .content .content_detail .add_booking_tpl {
    float: right
    }

/*分页*/
.page {
    
    text-align: center;
    clear: none;
    }

.page a {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #ccc;
    margin-right: 5px;
    }

.page a:hover {
    background: #f5f5f5;
    }

.page a.current {
    background: #3572B0;
    color: #fff;
    border: none;
    
    }

/**自动完成**/

.ui-autocomplete-input {
    z-index: 1000;
    }

.ui-autocomplete-loading {
    background: #ffffff url("/source/img/ui-anim_basic_16x16.gif") right center no-repeat;
    }