﻿@charset "utf-8";
/**
 * part for global
 */
.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.clear-fix
{
    zoom:1;
}
.field-validation-error 
{
    font-size:12px;
    color: #DC371B;
}
.field-validation-valid {
    display: none;
}
.input-validation-error {
    border: 1px solid #dc371b;
}
input[type="checkbox"].input-validation-error {
    border: 0 none;
}
.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 12px;
    white-space:nowrap;
}
.validation-summary-valid {
    display: none;
}
body
{
    color: #595757;
    font-size:14px;
    font-family:"宋体";
    background: transparent url(/Content/Images/body-bg.jpg) repeat;
}
.body-header,.body-container,.body-footer{margin:0 auto; min-width:1024px;}
.body-header-wrapper, .body-container-wrapper, .body-footer-wrapper
{
    margin: 0 auto;
    width: 990px;
}
.body-container-wrapper
{
    background-color:#f9f9f9;
}
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
a{		
	outline:none;
	text-decoration:none;
}	
a:focus{  
	-moz-outline:none; 
	outline:0; 
}
/**
 * part for header
 */
.body-header
{
    height: 93px;
    background: transparent url(/Content/Images/head-bg.jpg) repeat-x;
}
.body-header .float-left, .body-header .float-right
{
    padding:10px 0;
    height:59px;
}
.body-header .float-left a
{
    margin-top:14px;
    width: 412px;
    height: 45px;
    background: transparent url(/Content/Images/logo-esd.jpg) no-repeat;
    display: block;
}
.body-header .float-right nav
{
    height: 15px;
    line-height: 15px;
    font-size:12px;
    text-align:right;
}
.body-header .float-right nav a
{
    color:#595757;
    text-decoration:none;
}
.body-header .float-right nav a:hover
{
    color:#DC371B;
    text-decoration:underline;
}
.body-header .float-right section
{
    margin-top:14px;
    height: 30px;
    line-height: 30px;
}
.body-header .float-right section .login
{
    float: right;
    margin-right: 20px;
    width: 84px;
    height: 30px;
    background: transparent url(/Content/Images/icon-03.jpg) no-repeat;
    display: block;
}
.body-header .float-right section .esd
{
    float: right;
    width: 91px;
    height: 30px;
    background: transparent url(/Content/Images/logo-esd.gif) no-repeat;
    display: block;
}

/**
 * part for .wrapper
 */

/**
 * part for footer
 */
.body-footer
{
    font-size:13px;
    height: 91px;
    background: transparent url(/Content/Images/bottom-bg.jpg) repeat-x;
}
.body-footer .float-left,footer .float-right
{
    margin-top:10px;
    height:81px;
}
.body-footer a
{
    color: #595757;
    text-decoration: none;
}
.body-footer a:hover
{
    color: #DC371B;
    text-decoration: underline;
}
.body-footer .dimcode
{
    width: 81px;
    background: transparent url(/Content/Images/code.jpg) no-repeat;
}
.body-footer .description
{
    margin-left: 5px;
    margin-right: 5px;
    padding-top:7px;
    width: 509px;
}
.body-footer .description .row
{
    height:18px;
}
.body-footer .description .last
{
    font-size: 14px;
	font-weight: bold;
}
.body-footer .zlhb div
{
    padding-top:15px;
    width:70px;
}
.body-footer .imgloop
{
    width:254px;
    overflow:hidden;
}
.body-footer .imgloop ul
{
    margin:10px 0 0 0;
    padding:0;
    width:2880px;
    height:45px;
    list-style:none;
}
.body-footer .imgloop li
{
    float:left;
}
.body-footer .imgloop li a
{
    float:left;
    margin-left:2px;
    width:178px;
    height:45px;
    display:block;
}
.body-footer .description .row a:link
{
    color:#595757;
    text-decoration:none;
}
.body-footer .description .row a:hover
{
    color:#DC371B;
}

/**
 * part for body-container
 */
.body-container label
{
    padding-left:5px;
}
.body-container .red
{
    color:Red;
}
.body-container .orange
{
    color: #E87B26;
}
.body-container .gray
{
    color:#aaa;
}
.body-container label.error
{
    color: #DC371B;
}
.body-container input.error
{
    border: 1px solid #dc371b;
}
.body-container .strong
{
    font-weight:bolder;
}
.body-container span.tipMsg
{
    padding-left: 10px;
    padding-right: 10px;
}
.body-container span.tipMsg-loading
{
    color:#9A9A9A;
}
.body-container span.tipMsg-success
{
    color:#878787;
}
.body-container span.tipMsg-failure
{
    color:#DD5B45;
}
.verifycode{font:12px "宋体";width:130px;height:25px;border:solid 1px #EFAA73;background-color:#E87B26;color:#fff;cursor:pointer;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.verifycode-disabled{border:solid 1px #E87B26;background-color:#EFAA73;}

ol,ul,li{ list-style:none;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.font_orange{ color:#e87b26;}
.font_red{ color:#F00;}
.cb{ clear:both;}
/*长度高度*/
.w10{ width:10px;}
.w20{ width:20px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w220{ width:220px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w600{ width:600px;}
.w700{ width:700px;}
.w800{ width:800px;}
/*边距*/
.m10{ margin:10px;}
.m15{ margin:15px;}
.m30{ margin:30px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mt100{ margin-top:100px;}
.mb5{ margin-bottom:5px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mb100{ margin-bottom:100px;}
.ml4{ margin-left:4px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}
.ml150{ margin-left:150px;}
.ml300{ margin-left:300px;}
.ml400{ margin-left:400px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr50{ margin-right:50px;}
.mr100{ margin-right:100px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p30{ padding:30px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt50{ padding-top:50px;}
.pt100{ padding-top:100px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb50{ padding-bottom:50px;}
.pb100{ padding-bottom:100px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl50{ padding-left:50px;}
.pl100{ padding-left:100px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr50{ padding-right:50px;}
.pr100{ padding-right:100px;}

/*btn*/
.btn_app{ background:url(/content/images/btn_app.png) no-repeat; width:160px; height:39px; float:left; text-align:center; font-size:20px; color:#FFF; border:none; line-height:39px; font-weight:bold; cursor:pointer; text-decoration:none; display:inline-block;}
.btn_prev{ background:url(/content/images/btn_prev.png) no-repeat; width:90px; height:37px; float:left; text-align:left; font-size:16px; color:#FFF; border:none; line-height:37px; font-weight:bold; cursor:pointer;text-decoration:none; display:inline-block;}
.btn_next{ background:url(/content/images/btn_next.png) no-repeat; width:90px; height:36px; float:left; text-align:left;font-size:16px; color:#FFF; border:none; line-height:36px; font-weight:bold; cursor:pointer;}
.btn_submit{ background:url(/content/images/btn_submit.png) no-repeat; width:106px; height:36px; float:left; text-align:center; font-size:16px; color:#FFF; border:none; line-height:36px; font-weight:bold; cursor:pointer;}
.btn_send{ height:27px; line-height:27px; padding:0 10px; font-size:12px; color:#FFF; border:none; float:left; background-color:#E87B26; border:1px solid #EEBD96; margin:0 0 0 10px; cursor:pointer;}
.btn_save{ background:url(/content/images/btn_save.png) no-repeat; width:105px; height:41px; color:#FFF; border:none; float:left; text-align:left; line-height:41px; font-size:20px; font-weight:bold; cursor:pointer;}
.btn_prev_02{ background:url(/content/images/btn_prev_02.png) no-repeat; width:124px; height:41px; float:left; text-align:left; font-size:20px; color:#FFF; border:none; line-height:41px; font-weight:bold; cursor:pointer;}
.btn_submit_02{ background:url(/content/images/btn_submit_02.png) no-repeat; width:123px; height:41px; float:left; text-align:center; font-size:20px; color:#FFF; border:none; line-height:41px; font-weight:bold; cursor:pointer;}
.btn_edit{ background:url(/content/images/btn_edit.png) no-repeat; width:160px; height:36px; float:left; font-size:19px; color:#FFF; border:none; line-height:36px; font-weight:bold; cursor:pointer; text-align:center;}
.btn_login{ background:url(/content/images/btn_login.png) no-repeat; width:118px; height:39px;font-size:19px; color:#FFF; border:none; line-height:39px; font-weight:bold; cursor:pointer; text-align:center;}
.btn_reg{ background:url(/content/images/btn_reg.png) no-repeat; width:156px; height:41px;border:none;cursor:pointer; text-align:center;}

/*input*/
.input_check{ width:15px; height:15px;}
.input_text,.input_address,.input_work,.input_yead,.input_month,.input_income,.input_area,.input_tel{ height:22px; line-height:22px; padding:0 5px; font-size:14px;}
.input_text{ width:125px;}
.input_address{ width:262px; height:20px; line-height:18px;}
.input_work{width:194px;}
.input_yead{width:30px;}
.input_month{width:14px; }
.input_income{ width:80px;}
.input_area{ width:30px;}
.input_tel{width:60px;}
.input_tel_extension{width:30px;}

.input_select,.input_select_work,.input_select_other,.input_select_yead,.input_select_month,.input_select_day{height:22px; line-height:22px; font-size:14px;color:#595757;}
.input_select{ float:left;  margin:0 3px 0 0;*margin:0 2px 0 0;_margin:0 1.5px 0 0; width:72px;}
.input_select_work{ width:135px;}
.input_select_other{ width:138px;}
.input_select_yead{ width:57px;}
.input_select_month{ width:40px;}
.input_select_day{ width:40px;}

.input_radio_sex{margin:5px 0 0 0; border:none;}

.input_text_02,.input_address_02,.input_work_02,.input_yead_02,.input_month_02,.input_income_02,.input_area_02,.input_tel_02,.input_code,.input_address_03{ height:22px; line-height:22px; padding:0 5px; font-size:14px;}
.input_text_02{ width:165px;}
.input_address_02{ width:317px; height:20px; padding:0; margin:0;}
.input_address_03{ width:327px; height:20px; padding:0; margin:0;}
.input_work_02{width:210px; }
.input_yead_02{width:35px; }
.input_month_02{width:20px; }
.input_income_02{ width:94px;}
.input_area_02{ width:35px;}
.input_tel_02{width:100px; }
.input_tel_ext_02{width:30px;}
.input_code{ width:80px;}

.input_select_02,.input_select_work_02,.input_select_other_02,.input_select_yead_02,.input_select_month_02,.input_select_day_02{ height:22px; line-height:22px;font-size:14px; color:#595757;}

.input_select_02{ float:left; margin:0 6px 0 0;}
.input_select_work_02{width:178px;}
.input_select_other_02{ width:178px;}
.input_select_yead_02{ width:65px;}
.input_select_month_02{ width:45px;}
.input_select_day_02{ width:45px;}

.input_radio_sex_02{margin:5px 0 0 0; border:none;}

/*Loading*/
.loading {left: 50%;position: fixed;text-align: center;top: 50%; z-index: 999; *position:absolute; display:none;}


/*App*/
.body-header .float-right .top-section-app{ margin:-15px 0 0 0;}


/*Announce 2014-09-26*/
.announce_box{ height:38px; background:#ffffdd;border:1px solid #F00;}
.announce_info{ width:980px; margin:10px auto 0 auto; line-height:20px; height:20px;}
.announce_info .icon_horn{ background:url(Images/UserAdmin/icon_horn.png) no-repeat; width:21px; height:19px; float:left; margin:0 15px;}
.announce_info span{ font-size:13px; color:#F00; float:left;}
.announce_info a{ float:left; color:red;}
.announce_info a:hover{ text-decoration:underline;}
.announce_info .icon_close{ background:url(Images/UserAdmin/icon_close.png) no-repeat; width:15px; height:19px; float:right; margin:0 10px 0 0;} 

.announce_boxmsg{ height:38px; background:#ffffdd;border:1px solid #F00;}
.announce_infomsg{ width:980px; margin:10px auto 0 auto; line-height:20px; height:20px;}
.announce_infomsg .icon_hornmsg{ background:url(Images/UserAdmin/icon_horn.png) no-repeat; width:21px; height:19px; float:left; margin:0 15px;}
.announce_infomsg span{ font-size:13px; color:#F00; float:left;}
.announce_infomsg a{ float:left; color:red;}
.announce_infomsg a:hover{ text-decoration:underline;}
.announce_infomsg .icon_closemsg{ background:url(Images/UserAdmin/icon_close.png) no-repeat; width:15px; height:19px; float:right; margin:0 10px 0 0;} 

/* Add on 2016-01-12
   By Tsing */
.recommand-friends {
    padding: 0;
    margin-top: 1em;
}

    .recommand-friends li {
        line-height: 2em;
    }

    .safaty-info .orange {
        font-size: 1.5em;
    }
   .safaty-info .btn-coin-tocash {
        background: url(images/card/btn-cash.png);
        width: 93px;
        height: 37px;
        margin-left: 22px;
        margin-top: .5em;
    }
