.pt100 {padding-top:100px !important;}
.pt90 {padding-top:90px !important;}
.pt80 {padding-top:80px !important;}
.pt70 {padding-top:70px !important;}
.pt60 {padding-top:60px !important;}
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt5 {padding-top:5px !important;}
.pt0 {padding-top:0px !important;}
.pb100 {padding-bottom:100px !important;}
.pb90 {padding-bottom:90px !important;}
.pb80 {padding-bottom:80px !important;}
.pb70 {padding-bottom:70px !important;}
.pb60 {padding-bottom:60px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb10 {padding-bottom:10px !important;}
.pb5 {padding-bottom:5px !important;}
.pb0 {padding-bottom:0px !important;}
.pl100 {padding-left:100px !important;}
.pl90 {padding-left:90px !important;}
.pl80 {padding-left:80px !important;}
.pl70 {padding-left:70px !important;}
.pl60 {padding-left:60px !important;}
.pl50 {padding-left:50px !important;}
.pl40 {padding-left:40px !important;}
.pl30 {padding-left:30px !important;}
.pl20 {padding-left:20px !important;}
.pl10 {padding-left:10px !important;}
.pl5 {padding-left:5px !important;}
.pl0 {padding-left:0 !important;}
.pr100 {padding-right:100px !important;}
.pr90 {padding-right:90px !important;}
.pr80 {padding-right:80px !important;}
.pr70 {padding-right:70px !important;}
.pr60 {padding-right:60px !important;}
.pr50 {padding-right:50px !important;}
.pr40 {padding-right:40px !important;}
.pr30 {padding-right:30px !important;}
.pr20 {padding-right:20px !important;}
.pr10 {padding-right:10px !important;}
.pr5 {padding-right:5px !important;}
.pr0 {padding-right:0 !important;}
.pp100 {padding:100px !important;}
.pp90 {padding:90px !important;}
.pp80 {padding:80px !important;}
.pp70 {padding:70px !important;}
.pp60 {padding:60px !important;}
.pp50 {padding:50px !important;}
.pp40 {padding:40px !important;}
.pp30 {padding:30px !important;}
.pp20 {padding:20px !important;}
.pp10 {padding:10px !important;}
.pp5 {padding:5px !important;}
.pp0 {padding:0 !important;}
.mt100 {margin-top:100px !important;}
.mt90 {margin-top:90px !important;}
.mt80 {margin-top:80px !important;}
.mt70 {margin-top:70px !important;}
.mt60 {margin-top:60px !important;}
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt5 {margin-top:5px !important;}
.mt0 {margin-top:0 !important;}
.mb100 {margin-bottom:100px !important;}
.mb90 {margin-bottom:90px !important;}
.mb80 {margin-bottom:80px !important;}
.mb70 {margin-bottom:70px !important;}
.mb60 {margin-bottom:60px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb5 {margin-bottom:5px !important;}
.mb0 {margin-bottom:0 !important;}
.ml100 {margin-left:100px !important;}
.ml90 {margin-left:90px !important;}
.ml80 {margin-left:80px !important;}
.ml70 {margin-left:70px !important;}
.ml60 {margin-left:60px !important;}
.ml50 {margin-left:50px !important;}
.ml40 {margin-left:40px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
.ml5 {margin-left:5px !important;}
.ml0 {margin-left:0 !important;}
.mr100 {margin-right:100px !important;}
.mr90 {margin-right:90px !important;}
.mr80 {margin-right:80px !important;}
.mr70 {margin-right:70px !important;}
.mr60 {margin-right:60px !important;}
.mr50 {margin-right:50px !important;}
.mr40 {margin-right:40px !important;}
.mr30 {margin-right:30px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
.mr5 {margin-right:5px !important;}
.mr0 {margin-right:0 !important;}
.mp100 {margin:100px !important;}
.mp90 {margin:90px !important;}
.mp80 {margin:80px !important;}
.mp70 {margin:70px !important;}
.mp60 {margin:60px !important;}
.mp50 {margin:50px !important;}
.mp40 {margin:40px !important;}
.mp30 {margin:30px !important;}
.mp20 {margin:20px !important;}
.mp10 {margin:10px !important;}
.mp5 {margin:5px !important;}
.mp0 {margin:0 !important;}
.fs34 {font-size:34px !important;}
.fs32 {font-size:32px !important;}
.fs30 {font-size:30px !important;}
.fs28 {font-size:28px !important;}
.fs26 {font-size:26px !important;}
.fs24 {font-size:24px !important;}
.fs22 {font-size:22px !important;}
.fs20 {font-size:20px !important;}
.fs18 {font-size:18px !important;}
.fs16 {font-size:16px !important;}
.fs14 {font-size:14px !important;}
.fs12 {font-size:12px !important;}
.lh20 {line-height:20px !important;}
.lh24 {line-height:24px !important;}
.lh28 {line-height:28px !important;}
.lh30 {line-height:30px !important;}
.lh40 {line-height:40px !important;}
.lh50 {line-height:50px !important;}
.pp100 {
    padding: 100px !important;
}
.pp90 {
    padding: 90px !important;
}
.pp80 {
    padding: 80px !important;
}
.pp70 {
    padding: 70px !important;
}
.pp60 {
    padding: 60px !important;
}
.pp50 {
    padding: 50px !important;
}
.pp40 {
    padding: 40px !important;
}
.pp30 {
    padding: 30px !important;
}
.pp20 {
    padding: 20px !important;
}
.pp15 {
    padding: 15px !important;
}
.pp10 {
    padding: 10px !important;
}
.pp5 {
    padding: 5px !important;
}
.pp0 {
    padding: 0px !important;
}
.pt100 {
    padding-top: 100px !important;
}
.pt90 {
    padding-top: 90px !important;
}
.pt80 {
    padding-top: 80px !important;
}
.pt70 {
    padding-top: 70px !important;
}
.pt60 {
    padding-top: 60px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pt0 {
    padding-top: 0px !important;
}
.pb100 {
    padding-bottom: 100px !important;
}
.pb90 {
    padding-bottom: 90px !important;
}
.pb80 {
    padding-bottom: 80px !important;
}
.pb70 {
    padding-bottom: 70px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pb0 {
    padding-bottom: 0px !important;
}
.pl100 {
    padding-left: 100px !important;
}
.pl90 {
    padding-left: 90px !important;
}
.pl80 {
    padding-left: 80px !important;
}
.pl70 {
    padding-left: 70px !important;
}
.pl60 {
    padding-left: 60px !important;
}
.pl50 {
    padding-left: 50px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pl5 {
    padding-left: 5px !important;
}
.pl0 {
    padding-left: 0px !important;
}
.pr100 {
    padding-right: 100px !important;
}
.pr90 {
    padding-right: 90px !important;
}
.pr80 {
    padding-right: 80px !important;
}
.pr70 {
    padding-right: 70px !important;
}
.pr60 {
    padding-right: 60px !important;
}
.pr50 {
    padding-right: 50px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pr5 {
    padding-right: 5px !important;
}
.pr0 {
    padding-right: 0px !important;
}
.mm15 {
    margin: 15px !important;
}
.mp100 {
    margin: 100px !important;
}
.mp90 {
    margin: 90px !important;
}
.mp80 {
    margin: 80px !important;
}
.mp70 {
    margin: 70px !important;
}
.mp60 {
    margin: 60px !important;
}
.mp50 {
    margin: 50px !important;
}
.mp40 {
    margin: 40px !important;
}
.mp30 {
    margin: 30px !important;
}
.mp20 {
    margin: 20px !important;
}
.mp15 {
    margin: 15px !important;
}
.mp10 {
    margin: 10px !important;
}
.mp5 {
    margin: 5px !important;
}
.mp0 {
    margin: 0px !important;
}
.mt100 {
    margin-top: 100px !important;
}
.mt90 {
    margin-top: 90px !important;
}
.mt80 {
    margin-top: 80px !important;
}
.mt70 {
    margin-top: 70px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt0 {
    margin-top: 0px !important;
}
.mb100 {
    margin-bottom: 100px !important;
}
.mb90 {
    margin-bottom: 90px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb0 {
    margin-bottom: 0px !important;
}
.ml100 {
    margin-left: 100px !important;
}
.ml90 {
    margin-left: 90px !important;
}
.ml80 {
    margin-left: 80px !important;
}
.ml70 {
    margin-left: 70px !important;
}
.ml60 {
    margin-left: 60px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml5 {
    margin-left: 5px !important;
}
.ml0 {
    margin-left: 0px !important;
}
.mr100 {
    margin-right: 100px !important;
}
.mr90 {
    margin-right: 90px !important;
}
.mr80 {
    margin-right: 80px !important;
}
.mr70 {
    margin-right: 70px !important;
}
.mr60 {
    margin-right: 60px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr5 {
    margin-right: 5px !important;
}
.mr0 {
    margin-right: 0px !important;
}
.fs34 {
    font-size: 34px !important;
}
.fs32 {
    font-size: 32px !important;
}
.fs30 {
    font-size: 30px !important;
}
.fs28 {
    font-size: 28px !important;
}
.fs26 {
    font-size: 26px !important;
}
.fs24 {
    font-size: 24px !important;
}
.fs22 {
    font-size: 22px !important;
}
.fs20 {
    font-size: 20px !important;
}
.fs18 {
    font-size: 18px !important;
}
.fs16 {
    font-size: 16px !important;
}
.fs14 {
    font-size: 14px !important;
}
.fs12 {
    font-size: 12px !important;
}
.lh20 {
    line-height: 20px !important;
}
.lh24 {
    line-height: 24px !important;
}
.lh28 {
    line-height: 28px !important;
}
.lh30 {
    line-height: 30px !important;
}
.lh40 {
    line-height: 40px !important;
}
.lh50 {
    line-height: 50px !important;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clear {
    clear: both;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.flNone {
    float: none!important;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.img100 {
    width: 100%;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.boxSizing,
.border_box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn {
    cursor: pointer;
    /*border-radius:7px;*/
}
.btn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.cursor {
    cursor: pointer;
}
.cursorN {
    cursor: default;
}
.Validform_checktip {
    text-align: left;
}
select {
    border: 1px #ccc solid;
}
.text_center,
.text-center,
.text-c {
    text-align: center;
}
.text-l {
    text-align: left;
}
.text-r {
    text-align: right;
}
.bgnone {
    background: none!important;
}
.bgFFF {
    background: #fff;
}
.BgBlue {
    background: #33aae7;
    color: #fff;
}
.BgRed {
    background: #d36259;
    color: #fff;
}
.BgGreen {
    background: #3fd3a0;
    color: #fff;
}
.BgGray {
    background: #c1c1c1;
    color: #fff;
}
.font_fff,
.colorf {
    color: #fff;
}
.font_000,
.color0 {
    color: #000;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px  !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.margin0,
.m0 {
    margin: 0;
}
.mt0 {
    margin-top: 0 !important;
}
.m20 {
    margin: 20px;
}
.p5 {
    padding: 5px;
}
.p10 {
    padding: 10px;
}
.pl10 {
    padding-left: 10px;
}
.pr10 {
    padding-right: 10px;
}
.pt0 {
    padding-top: 0 !important;
}
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt20 {
    padding-top: 20px;
}
.p20 {
    padding: 20px;
}
.p25pb0 {
    padding: 25px 25px 0;
}
.pb20 {
    padding-bottom: 20px;
}
.pb25 {
    padding-bottom: 25px !important;
}
.p020 {
    padding: 0 20px;
}
.p030 {
    padding: 0 30px;
}
.p0,
.padding0 {
    padding: 0px;
}
.bordern {
    border: none;
}
.borderbtmn {
    border-bottom: none !important;
}
.textHide2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.textHide3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.textHide4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.flex {
    display: -webkit-box;
    /* 鑰佺増鏈娉�: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 鑰佺増鏈娉�: Firefox (buggy) */
    display: -ms-flexbox;
    /* 娣峰悎鐗堟湰璇硶: IE 10 */
    display: -webkit-flex;
    /* 鏂扮増鏈娉�: Chrome 21+ */
    display: flex;
    /* 鏂扮増鏈娉�: Opera 12.1, Firefox 22+ */
    flex-wrap: wrap;
}
.flexLi {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.Animation {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/*鎴戠殑鍙橀噺*/
.fs12 {
    font-size: 12px;
}
.fs14 {
    font-size: 14px;
}
.fs16 {
    font-size: 16px;
}
.fs18 {
    font-size: 18px;
}
.ft-w {
    font-weight: bold;
}
.w50 {
    width: 50% !important;
}
.ww {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
    background-color: #e7c7a3;
    background-image: url("../images/wood-pattern.png");
    height:840px;
    border-radius: 25px;


}

.bg-white { background-color: #fff; }
.bg-gray { background-color:#f6f6f6; }
.loading { padding-top:10px; }
.loading i {
    width:100%; height:24px;
    background: url(../images/loading-0.gif) no-repeat center center;
    display: block;
}
.modal-side {
    position: fixed !important; right:-100%; top:0;
    -webkit-transition: all .25s ease-in-out .25s;
    -moz-transition: all .25s ease-in-out .25s;
    -ms-transition: all .25s ease-in-out .25s;
    transition: all .25s ease-in-out .25s;
}
.yzt-mask{ visibility: hidden; position: fixed; width:100%; height:100%; top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;background-color: #000000; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5 !important; filter: alpha(opacity=50);}

.r-side-inner {  height: 100%; }
.r-side-visible .modal-side  {
    opacity: 1; right:0px;
}
.r-side-visible .yzt-mask { visibility: visible; opacity: 0.6 !important;  }
.r-side-visible .app-main { display: none !important;  }
.r-side-visible .yzt-item{  }

.modal-side {
    height:100%; width:60%; z-index:1001; background-color: #fff !important; border-left:1px solid #ccc;
}

.h-scroll { overflow-y: scroll; overflow-x:hidden !important;}
.control-text { line-height: 35px; }

.item-detail { padding:0px; height: 100%; overflow: hidden; }
.item-title { height:50px;  border-bottom: 1px solid #eee; position: relative; }
.item-title h4 { line-height: 50px; margin:0px; padding:0; text-indent: 30px !important; font-size:18px; }
.item-title button.item-close { position: absolute; right:10px; top:13px; background-color:#fff; border: 0px; }
button.item-close:before { font-family: 'entypo'; content:'\e813'; border-radius: 50%; display: inline-block; border:1px solid #666; text-align: center; line-height: 18px; font-size:16px; width:20px; height:20px; }

.item-content .item-li > label { width:100%; font-size:16px; height:40px; line-height: 40px; padding:0 20px; display: block; clear: both; }
.item-content .intro { background:#e1f5fe; color:#01579b; padding:15px 30px; line-height: 25px; }

.item-message h4 { line-height: 50px; margin:0px; padding:0; text-indent: 15px; border-top: 1px solid #eee; }
.item-message .item-operator { position: absolute; right: 15px; top:10px; }


.attachments{ margin:15px 0; min-height:62px; clear: both;}
.upload-attach { height:40px; }
.attachments input[type="file"] { width:1px; height:1px; transform: translateY(-10px) }

.upload-attach { position: relative; width:102px; height:62px; overflow: hidden; margin-left:20px !important; }
.upload-attach .fileinput { width:102px; height:62px; }
.upload-attach .thumbnail { width:102px; height:62px; margin:0px; display: inline-block; position: absolute; top:0; left:0; background:#e5e8ef; vertical-align: middle; }
.upload-attach .thumbnail { text-align: center; }
.upload-attach, .upload-attach .fileinput, .upload-attach .thumbnail { height: 72px;}

.uploadimg .upload-attach a{font-size: 14px;}
.uploadimg .upload-attach a i{ font-size: 20px; display: block; margin-top:15px;margin-bottom:6px; }

.attachment-item { margin-right:10px !important; }
.attachment-item li {position: relative;margin:0 4px;line-height: 72px;}
.remove-btn { position: absolute; background:#ff0000; border-radius: 50%; color:#fff; left:40px; bottom:2px; }


.attachments ul { padding:0; margin:0; list-style: none;}
.attachments ul li{ float:left; width:102px; height:72px; border:1px solid #ccc; background-color:#f6f6f6;}
.attachments img{ width:100%; height:72px; width:102px;}
.img_ite { position: relative }
.img_ite .file_del { line-height: 20px !important; border-radius: 50% !important; position: absolute; width:20px; height: 20px; display: inline-block; }
.img_ite .file_del { top:-5px; right:-5px; color:white; background:orangered; text-align: center; font-weight: 100;  font-size:14px;  }


.h-scroll { overflow-y: scroll; overflow-x:hidden !important;}
.control-text { line-height: 35px; }


.profile-env section.profile-info-tabs {
    position: relative;
    background: #f1f1f1;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 992px) and (max-width: 1280px) {
    .modal-side { right:-100%; width:80%; }
}


@media (max-width: 992px) {
    .modal-side{
        width:80%;
        right:-100%;
    }
}


@media (max-width: 768px) {
    .modal-side{
        width:100%;
        right:-100%;
    }
}

.modal-open .page-container {
    padding-right: 0px;
}

@media (max-width: 414px) {
    .modal-side{
        width:100%;
        right:-100%;
    }
}

@media (max-width: 375px) {
    .modal-side{
        width:100%;
        right:-100%;
    }
}

@media (max-width: 320px) {
    .modal-side{
        width:100%;
        right:-100%;
    }
}

@media screen and (max-width: 768px){
    .modal.in .modal-dialog{
        width: 90% !important;
    }
}
.red {color:red!important;}