html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: Helvetica, Arial, sans-serif;
}
body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0;
    outline: none;
    font-weight: 400;
    font-size: 100%;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #FFF;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-image: url(about:blank);
    background-attachment: fixed;
}
input::-webkit-input-placeholder, input:active::-webkit-input-placeholder, input:focus::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, textarea:active::-webkit-input-placeholder {
    border: 0;
    outline: none;
    font-size: 0.875em;
    color: #999;
    background-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input, input:focus, input:active, textarea, textarea:focus, textarea:active {
    border: 1px #CCC solid;
    outline: none;
    font-size: 0.875em;
    color: #333;
    padding: 0 0 0 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding-left: 3px;
}
.italic-text {
    font-style: italic;
}
.lined-text {
    text-decoration: underline;
}
.asblock {
    display: block;
}
.asgone {
    display: none;
}
.content {
    position: relative;
    width: 100%;
    height: 100%;
}
.content-frame {
    position: relative;
    width: 1024px;
    height: 100%;
    background-color: #F5F4F4;
}
.header {
	position: relative;
	float: left;
	width: 100%;
	height: 120px;
	background-color: #FFFFFF;
}
.header-logo {
	position: relative;
	width: 400px;
	height: 55px;
	margin-top: 32px;
	margin-right: 0;
	margin-left: 30px;
	margin-bottom: 0;
	float: left;
}
.header-text {
    position: relative;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0 0 0 35px;
    color: #fff;
    font-size: 0.875em;
}
.header-radio-content {
    position: relative;
    float: right;
    height: 60px;
    line-height: 60px;
    margin: 0 55px 0 35px;
}
.header-radio-cell {
    position: relative;
    float: left;
    width: 90px;
    height: 60px;
    line-height: 60px;
}
.header-radio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    margin: 0 0 0 0;
    background-color: rgba(0,0,0,0);
    border: 0;
}
.header-radio:checked, .header-radio:active {
    background-color: #FE444E;
    border: 0;
}
.header-radio-lable {
    position: relative;
    float: left;
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: 0 0 0 0;
    background-color: rgba(0,0,0,0);
    color: #fff;
    font-size: 0.875em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.container {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background-color: #F5F4F4;
}
.container-title {
    position: relative;
    float: left;
    height: 80px;
    line-height: 80px;
    text-align: left;
    font-size: .875em;
    color: #FE444E;
    margin: 0 55px 0 55px;
}
.common-title {
    position: relative;
    float: right;
    line-height: 50px;
    font:.875em;
    color: #333;
}
.common-text {
    position: relative;
    width: 100%;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: left;
    font-size: .875em;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
}
.left-text {
    position: relative;
    width: 100%;
    float: left;
    line-height: 50px;
    text-align: left;
    font-size: .875em;
    color: #333;
}
.right-text {
    position: relative;
    width: 100%;
    float: left;
    line-height: 50px;
    text-align: right;
    font-size: .875em;
    color: #333;
}
.center-text {
    position: relative;
    width: 100%;
    float: left;
    line-height: 50px;
    text-align: center;
    font-size: .875em;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mini-margin {
    position: relative;
    float: left;
    width: 10px;
    height: 100%;
}
.media-margin {
    position: relative;
    float: left;
    width: 15px;
    height: 100%;
}
.max-margin {
    position: relative;
    float: left;
    width: 20px;
    height: 100%;
}
.extra-margin {
    position: relative;
    float: left;
    width: 25px;
    height: 100%;
}
.mini-blank {
    position: relative;
    float: left;
    width: 100%;
    height: 10px;
}
.media-blank {
    position: relative;
    float: left;
    width: 100%;
    height: 15px;
}
.max-blank {
    position: relative;
    float: left;
    width: 100%;
    height: 20px;
}
.extra-blank {
    position: relative;
    float: left;
    width: 100%;
    height: 25px;
}
.wrap-text {
    position: relative;
    float: left;
    line-height: 50px;
    text-align: left;
    font-size: .875em;
    color: #333;
}
.highlight-text {
    position: relative;
    float: left;
    line-height: 50px;
    text-align: left;
    font-size: .875em;
    color: #FE444E;
}
.common-line {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.common-manage {
    position: relative;
    float: left;
    width: 100%;
}
.half-frame {
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
    margin: 0 0 0 0;
}

.onethird-frame {
    position: relative;
    float: left;
    width: 25%;
    height: 100%;
    margin: 0 0 0 0;
}
.quarter-frame {
    position: relative;
    float: left;
    width: 25%;
    height: 100%;
    margin: 0 0 0 0;
}
.common-reddot {
    position: relative;
    float: right;
    height: 38px;
    line-height: 38px;
    margin: 12px 2px 0 0;
    font-size: 1.25em;
    color: #FE444E;
}
.common-input {
    position: relative;
    float: left;
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin: 10px 0 12px 0;
    outline: none;
}
.common-seperator-frame {
    position: relative;
    float: left;
    width: 100%;
    height: 11px;
    border: 0;
}
.right-alert {
    position: relative;
    float: right;
    height: 50px;
    line-height: 50px;
    text-align: right;
    font-size: .875em;
    color: #F88600;
}
.left-alert {
    position: relative;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: .875em;
    color: #F88600;
}
.common-textarea {
    position: relative;
    width: 100%;
    height: 104px;
    line-height: 26px;
    text-align: left;
    margin: 10px 0 12px 0;
    color: #333;
}
.common-comboxframe {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.common-comboxinput {
    position: relative;
    float: left;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin: 10px 0 12px 0;
    background-color: #fff;
    outline: none;
}
.common-comboximg {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 8px;
    height: 8px;
}
.common-buttonframe {
    position: relative;
    float: left;
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin: 12px 0 12px 0;
    outline: none;
}
.common-button {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: .875em;
    color: #fff;
    background-color: #727272;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.common-button:hover, .common-button:focus {
    background-color: #454241;
}
.reverse-button {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    line-height: 26px;
    text-align: center;
    font-size: .875em;
    color: #fff;
    background-color: #FE444E;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.reverse-button:hover, .reverse-button:focus {
    background-color: #454241;
}
.submit-button {
    position: relative;
    float: right;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: .875em;
    color: #FFF;
    background-color: #FE444E;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.submit-button:hover, .submit-button:focus {
    color: #FFF;
    background-color: #454241;
}
.combox-list {
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    height: 130px;
    z-index: 100;
    border: 1px #CCC solid;
    background-color: #F5F4F4;
    overflow-y: scroll;
    display: none;
}
.combox-item {
    position: relative;
    float: left;
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: .875em;
    color: #333;
    background-color: #F5F4F4;
}
.combox-item:hover, .combox-item:focus {
    background-color: #CCC;
}
.common-radio {
    float: left;
    width: 14px;
    height: 14px;
    margin: 18px 0 18px 0;
    border: 0;
    background: url(../images/radiobox_nor.png) no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    background-size: 14px 14px;
}
.common-radio:checked, .common-radio:active {
    border: 0;
    background: url(../images/radiobox_down.png) no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    background-size: 14px 14px;
}
.common-check {
    float: left;
    width: 14px;
    height: 14px;
    margin: 18px 0 18px 0;
    border: 0;
    background: url(../images/checkbox_nor.png) no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    background-size: 14px 14px;
}
.common-check:checked, .common-check:active {
    border: 0;
    background: url(../images/checkbox_down.png) no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    background-size: 14px 14px;
}
.footer {
    position: relative;
    float: left;
    width: 100%;
    background-color: #454241;
}
.footer-text {
    position: relative;
    width: 914px;
    height: auto;
    line-height: 20px;
    margin: 10px 55px 15px 55px;;
    color: #A7A7A7;
    font-size: .75em;
}
.content-shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: none;
}
.common-dialog-confirm {
    position: relative;
    margin: 150px 0 0 0;
    width: 614px;
    height: 120px;
    background-color: #fff;
    border: 1px #CCCCCC solid;
    -webkit-box-shadow: 0 0 2px #000;
    -moz-box-shadow: 0 0 2px #000;
    -o-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    display: none;
}
.dialog-title {
    position: relative;
    float: left;
    width: 100%;
    height: 55px;
    background-color: #DDD;
}
.dialog-title-frame {
    position: relative;
    float: left;
    margin: 0 0 0 30px;
}
.dialog-buttonframe {
    position: relative;
    float:left;
    width: 80px;
}
.dialog-cancel {
    float: right;
    width: 18px;
    height: 18px;
    margin: 14px 15px 14px 0;
    border: 0;
    background: url(../images/cancel_btn_nor.png) no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
}
.dialog-cancel:hover, .dialog-cancel:active {
    border: 0;
    background: url(../images/cancel_btn_sel.png) no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
}
.dialog-doublebutton-line {
    position:relative;
    width: 200px;
    height: 50px;
}
.dialog-singlebutton-line {
    position:relative;
    width: 80px;
    height: 50px;
}
.dialog-address-frame {
    position:relative;
    width: 470px;
    height: 280px;
}
.dialog-prov-frame {
    position:absolute;
    top: 0;
    left: 0px;
    float: left;
    width: 88px;
    height: 280px;
    overflow-y: auto;
    background-color: #f5f5f5;
    border: 1px #CCCCCC solid;
}
.prov-radio-cell {
    position: relative;
    float: left;
    width: 100%;
    height: 28px;
    line-height: 28px;
}
.prov-radio {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 28px;
    margin: 0 0 0 0;
    background-color: rgba(0,0,0,0);
    border: 0;
}
.prov-radio:checked, .prov-radio:active {
    background-color: #FE444E;
    border: 0;
}
.prov-radio-lable {
    position: relative;
    float: left;
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin: 0 0 0 0;
    background-color: rgba(0,0,0,0);
    color: #666;
    font-size: 0.875em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dialog-city-frame {
    position:absolute;
    top: 0;
    left: 90px;
    width: 398px;
    height: 280px;
    background-color: #fff;
    overflow-y: auto;
    border: 1px #CCCCCC solid;
}
.city-radio-cell {
    position: relative;
    float: left;
    width: 99px;
    height: 28px;
    line-height: 28px;
}
.city-radio {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    margin: 0 0 0 0;
    display: none;
    background-color: rgba(0,0,0,0);
    border: 0;
}
.city-radio:checked, .city-radio:active {
    background-color: #FE444E;
    border: 0;
}
.city-radio-lable {
    position: relative;
    float: left;
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin: 0 0 0 0;
    background-color: rgba(0,0,0,0);
    color: #666;
    font-size: 0.875em;
    overflow: hidden;
    text-overflow: ellipsis;
}