@charset "UTF-8";


.f-clearfix:before,.f-clearfix:after,.clearfix:before,.clearfix:after,.f_clearfix:before,.f_clearfix:after { content:""; display:table;}
.f-clearfix:after,.clearfix:after,.f_clearfix:after { clear:both; overflow:hidden;}
.f-clearfix,.clearfix,.f_clearfix  { zoom:1;}


.f-left { float:left;}
.f-right { float:right;}
.f-no-float{float:none !important;}


.f-hide{display:none !important;}
.f-inline {display:inline !important;}
.f-inlineblock{display:inline-block !important;}
.f-block{display:block;}
.f-display-table{display:table;}
.f-table-cell{display:table-cell;}
.f-middle{ vertical-align:middle !important; }


.f-break{word-break:break-all; word-wrap:break-word;}
.f-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.f-overflow{overflow:hidden;}
.f-no-overflow{overflow:initial !important;}


.f-fixed{position:fixed !important; z-index:99;}
.f-relative{position:relative;}
.f-absolute{position:absolute;}


.f-scroll-y{overflow-y:scroll;}


.text-large{font-size:18px !important;}
.text-xlarge{font-size:24px !important;}
.text-middle{font-size:16px !important;}
.text-normal{font-size:14px !important;}
.text-small{font-size:12px !important;}
.text-xsmall{font-size:11px !important;}
.strong{ font-weight:700 !important;}
.thin{font-weight:400 !important;}


.text-left{ text-align:left !important;}
.text-right{ text-align:right !important;}
.text-center{ text-align:center !important;}
.text-middleAlign{ vertical-align:middle !important; }


.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}


.border{border:1px inherit solid}
.border-top{border-top:1px inherit solid !important;}
.border-right{border-right:1px inherit solid !important;}
.border-bottom{border-bottom:1px inherit solid !important;}
.border-left{border-left:1px inherit solid !important;}
.border-none{border:none !important;}
.border-top-none{border-top:none !important;}
.border-right-none{border-right:none !important;}
.border-bottom-none{border-bottom:none !important;}
.border-left-none{border-left:none !important;}
.border-dashed{border-style:dashed !important;}


.radius{-moz-border-radius:4px !important;-webkit-border-radius:4px !important; border-radius:4px !important;}
.radius-3{-moz-border-radius:3px !important;-webkit-border-radius:3px !important;border-radius:3px !important;}
.radius-2{-moz-border-radius:2px !important;-webkit-border-radius:2px !important;border-radius:2px !important;}
.radius-50{-moz-border-radius:50px !important;-webkit-border-radius:50px !important;border-radius:50px !important;}
.radius-tl{-moz-border-top-right-radius:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;}
.radius-tr{-moz-border-top-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;}
.radius-bl{-moz-border-bottom-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.radius-br{-moz-border-bottom-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}
.radius-0{-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;}
.radius-tl-0{-moz-border-top-left-radius:0px !important;-webkit-border-top-left-radius:0px !important;border-top-left-radius:0px !important;}
.radius-tr-0{-moz-border-top-right-radius:0px !important;-webkit-border-top-right-radius:0px !important;border-top-right-radius:0px !important;}
.radius-bl-0{-moz-border-bottom-left-radius:0px !important;-webkit-border-bottom-left-radius:0px !important;border-bottom-left-radius:0px !important;}
.radius-br-0{-moz-border-bottom-right-radius:0px !important;-webkit-border-bottom-right-radius:0px !important; border-bottom-right-radius:0px !important;}


.background{background:#F9F9F9;}
.background-none{background:none !important;}


.shadow-none{box-shadow:none; }


.f-p5{padding:5px;}
.f-pt5{padding-top:5px !important;}
.f-pr5{padding-right:5px !important;}
.f-pb5{padding-bottom:5px !important;}
.f-pl5{padding-left:5px !important;}
.f-p10{padding:10px;}
.f-pt10{padding-top:10px !important;}
.f-pr10{padding-right:10px !important;}
.f-pb10{padding-bottom:10px !important;}
.f-pl10{padding-left:10px !important;}
.f-p12{padding:12px;}
.f-pt12{padding-top:12px !important;}
.f-pr12{padding-right:12px !important;}
.f-pb12{padding-bottom:12px !important;}
.f-pl12{padding-left:12px !important;}
.f-p15{padding:15px;}
.f-pt15{padding-top:15px !important;}
.f-pr15{padding-right:15px !important;}
.f-pb15{padding-bottom:15px !important;}
.f-pl15{padding-left:15px !important;}
.f-p18{padding:18px;}
.f-pt18{padding-top:18px !important;}
.f-pr18{padding-right:18px !important;}
.f-pb18{padding-bottom:18px !important;}
.f-pl18{padding-left:18px !important;}
.f-p20{padding:20px;}
.f-pt20{padding-top:20px !important;}
.f-pr20{padding-right:20px !important;}
.f-pb20{padding-bottom:20px !important;}
.f-pl20{padding-left:20px !important;}
.f-p24{padding:24px;}
.f-pt24{padding-top:24px !important;}
.f-pr24{padding-right:24px !important;}
.f-pb24{padding-bottom:24px !important;}
.f-pl24{padding-left:24px !important;}
.f-p30{padding:30px;}
.f-pt30{padding-top:30px !important;}
.f-pr30{padding-right:30px !important;}
.f-pb30{padding-bottom:30px !important;}
.f-pl30{padding-left:30px !important;}

.f-p0{padding:0px !important;}
.f-pt0{padding-top:0px !important;}
.f-pr0{padding-right:0px !important;}
.f-pb0{padding-bottom:0px !important;}
.f-pl0{padding-left:0px !important;}


.f-m5{margin:5px;}
.f-mt5{margin-top:5px !important;}
.f-mr5{margin-right:5px !important;}
.f-mb5{margin-bottom:5px !important;}
.f-ml5{margin-left:5px !important;}
.f-m10{margin:10px;}
.f-mt10{margin-top:10px !important;}
.f-mr10{margin-right:10px !important;}
.f-mb10{margin-bottom:10px !important;}
.f-ml10{margin-left:10px !important;}
.f-m12{margin:12px;}
.f-mt12{margin-top:12px !important;}
.f-mr12{margin-right:12px !important;}
.f-mb12{margin-bottom:12px !important;}
.f-ml12{margin-left:12px !important;}
.f-m15{margin:15px;}
.f-mt15{margin-top:15px !important;}
.f-mr15{margin-right:15px !important;}
.f-mb15{margin-bottom:15px !important;}
.f-ml15{margin-left:15px !important;}
.f-m18{margin:18px;}
.f-mt18{margin-top:18px !important;}
.f-mr18{margin-right:18px !important;}
.f-mb18{margin-bottom:18px !important;}
.f-ml18{margin-left:18px !important;}
.f-m20{margin:20px;}
.f-mt20{margin-top:20px !important;}
.f-mr20{margin-right:20px !important;}
.f-mb20{margin-bottom:20px !important;}
.f-ml20{margin-left:20px !important;}
.f-m30{margin:30px;}

.f-m0{margin:0px !important;}
.f-mt0{margin-top:0px !important;}
.f-mr0{margin-right:0px !important;}
.f-mb0{margin-bottom:0px !important;}
.f-ml0{margin-left:0px !important;}


.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}


.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0;filter:alpha(opacity:0)}
.smvContainer{margin:0 auto;position:relative}
.context-menu-list{margin:0;padding:0;min-width:180px;max-width:250px;display:inline-block;position:absolute;list-style-type:none}
.context-menu-item{position:relative}
.control-add-flag{cursor:crosshair!important}
.yibuFrameContent{height:100%}
.smartAbs{position:absolute}
.smartFixed{position:fixed!important}
.smart-deleted,.smart-none{display:none;}
.sm-context-menu{background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.15),0 0 1px 1px rgba(0,0,0,.1);content:'';position:absolute;line-height:1.2;padding-top:0;padding-bottom:0;cursor:default;margin:0;font-size:15px;overflow:visible;border-radius:3px}
div.zoomDiv{z-index:999999999;position:absolute;top:0;left:0;width:200px;height:200px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden}
div.zoomMask{position:absolute;background:url(../image/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:999999999}
.ui-hide-handler{display:none!important;}


.header {height: 200px;}
.footer {height: 200px;}
.main-layout-wrapper {position: relative;}
.main-layout {position: relative;margin: 0 auto;}
.col-main {float: left;width: 100%;min-height: 1px;}
.col-right {margin-left: -100% !important;overflow: visible;width: 190px;float: right;}

.main-wrap:after {content: '\20';display: block;height: 0;clear: both;}
.sub-wrap {position: relative;width: 100%;}


.smAreaC{position:relative; }


.m-nodata{padding:12px 14px 12px 10px; border:1px #EEE solid; background-color:#FFF; }
.m-nodata .m-datain{display:table;}
.m-nodata .m-datain .m-dataimg{width:60px; height:auto; float:left; margin-right:6px;}
.m-nodata .m-datain .m-datatext{display:table-cell; vertical-align:middle;line-height:18px; color:#4a4a4a;}