html,body{height:100%;width:100%;}
body{margin:0;padding:0;color:#333;background-color:#a8a7a7;}

.border-box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.content-box{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1} 
.fl{float:left;}
.fr{float:right;}

.no-wrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.word-wrap{word-wrap:break-word;word-break: break-all;white-space: pre-wrap;}

input[type=text],input[type=password],textarea{
	padding:.3em;border-radius:3px;border:1px solid #C0C0C0;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	font:inherit;outline:none;
}
input[type=text].err,input[type=password].err,textarea.err{
    border-color:red;
}
.err-msg{display:inline;color:red;}
textarea{resize:none;}
.full-width{width:100% !important;}

.required-sup{font-size:.86em;color:red;}

.full-page{width:80%;height:100%;margin:0 auto;position:relative;background-color:#FFFFFF;}
.full-page.hidden{display:none;}
.full-page.has-footer{padding-bottom:3em;}
.full-page .footer{position:absolute;bottom:0;left:0;width:100%;height:3em;padding:.2em 0;}
.full-page .content{width:100%;height:100%;position:relative;overflow:auto;padding:0 1em;}
.form-frame{padding:0 0 .5em 0;margin-bottom:.5em;}
.form-frame .form-item{
    /*width:100%;*/
    padding-left:8em;position:relative;}
.form-frame .form-item.no-lable{padding-left:0 !important;}
.form-frame .form-item .lable{position:absolute;width:7.5em;top:.5em;left:.5em;text-align:right;font-weight:bold;}
.form-frame .form-item .content{width:100%;height:auto;padding:.25em 0 0 1.5em;line-height:1.9em;}
.full-page.has-footer .form-frame.base-frame .form-item .content {
    height: 2.2em;
}
@media print {
    body{background-color:#ffffff;-webkit-print-color-adjust: exact;}
   .full-page.has-footer{padding-bottom:0;}
   .full-page .content{height:auto;}
   .full-page .footer{position:relative;top:0;}
}

.page-err-frame,.page-success-frame{width:80%;margin:0 auto;text-align:center;color:orange;height:100%;padding:10em 0;background-color:#ffffff;}
.page-success-frame{color:#228B22;}
.page-err-frame .icon,.page-success-frame .icon{font-size:3em;}
.page-err-frame .msg,.page-success-frame .msg{font-size:1.5em;}
.page-err-frame .msg,.page-success-frame .btn-row{width:20em;padding-top:2em;margin:0 auto;}
.page-err-frame.hidden,.page-success-frame.hidden{display:none;}

.btn {
    background-color: rgb(51,65,93);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(51,65,93);
    padding: .6em .8em;
    color: #FFFFFF;
    border-radius: 1.2em / 50%;
    display: inline-block;
    cursor: pointer;
}

.yhh-mask{position:fixed;width:100%;height:100%;top:0;left:0;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;-webkit-opacity:0.3;background-color:#aaaaaa;}
.yhh-popup{
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:fixed;
	border:1px solid #C0C0C0;border-radius:4px;background-color:#FFFFFF;padding-bottom:2.7em;max-height:98%;
}
.yhh-popup.has-title{padding-top:3em;}
.yhh-popup.yhh-loading{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;-webkit-opacity:0.7;padding-bottom:0;}
.yhh-popup .yhh-popup-title{
    background-color:#fcfdfd;color:#222222;text-align:center;font-size:1.5em;border-bottom:1px solid #f0f0f0;padding:.3em 0;
    box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
    position:absolute;top:0;left:0;width:100%;
}
.yhh-popup .yhh-popup-content{
    padding:.8em;background-color:#fcfdfd;color:#222222;text-align:center;overflow:auto;
    box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;
}
.yhh-popup .yhh-popup-content.yhh-loading-content{background-color:#000000;color:#FFFFFF;}
.yhh-popup .yhh-popup-content.yhh-loading-content .yhh-loading-icon{font-size: 1.5em;}
.yhh-popup .yhh-popup-content.yhh-loading-content .yhh-msg-content{padding-top:.2em;}
.yhh-popup .yhh-popup-btns-container{
    overflow:hidden;border-top:1px solid #C0C0C0;text-align:center;position:absolute;left:0;bottom:0;width:100%;
    box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;z-index:1;
}
.yhh-popup .yhh-popup-btns-container .yhh-popup-btn{
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;padding:.6em 0;cursor:pointer;
}
.yhh-popup .yhh-popup-btns-container .yhh-popup-btn.ok-btn{background-color:#20408C;color:#FFFFFF;}
.yhh-popup .yhh-popup-btns-container .yhh-popup-btn.ok-btn:hover{background-color:#20408C;color:#E4EEF7;}
.yhh-popup .yhh-popup-btns-container .yhh-popup-btn.ok-btn:active{background-color:#E4EEF7;color:#9400D3;}
.yhh-popup .yhh-popup-btns-container.yhh-alert-btns-container .yhh-popup-btn{width:100%;}
.yhh-popup .yhh-popup-btns-container.yhh-confirm-btns-container .yhh-popup-btn{width:50%;}
.yhh-popup .yhh-popup-btns-container.yhh-confirm-btns-container .yhh-popup-btn.cancel-btn{border-right:1px solid #C0C0C0;}
.yhh-popup .yhh-popup-btns-container .yhh-popup-btn.cancel-btn{background-color:#FFFFFF;color:#ADADAD;}
.yhh-popup .yhh-popup-btns-container .yhh-popup-btn.cancel-btn:hover{background-color:#FFFFFF;color:#EEEE00;}
.yhh-popup .yhh-popup-btns-container .yhh-popup-btn.cancel-btn:active{background-color:#FFFFFF;color:#FFD700;}