/*
 * 文件描述:  CSS MODULE
 * 对应功能页：所有页面
 * 期望执行浏览器：所有浏览器
 * 修改记录: By gao_shanmei 2013-05-10.
 */
@charset "utf-8";

/*fn-module fn模块*/
/* fn-clear 清除浮动 */
.fn-clear:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fn-clear {
    zoom:1; /* for IE6 IE7 */
}
.fn-clearonly {
    clear: both;
}
/* fn-float 左右浮动*/
.fn-left,
.fn-right {
    display:inline;
}
.fn-left       {float:left;}
.fn-right      {float:right;} 
.fn-float-none {float:none;}

/* fn-textalign 文字对齐方式*/
.fn-textleft  {text-align: left;}
.fn-textright {text-align: right;}
.fn-textcenter{text-align: center;}
/* fn-text-overflow 单行文字溢出时出现省略号，需设定宽度 */ 
.fn-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* fn-border-radius 边框圆角*/
.fn-border-radius {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.fn-border-top-radius {
    -moz-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.fn-border-bottom-radius {
    -moz-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

/* fn-linear 渐变*/
/* 图像调整/聚焦缩放标题背景 */
.fn-linear {
    /*见 skin.css*/
}

/* fn-bold 加粗字体*/
.fn-bold {
    font-weight: bold;
}
/* fn-pad 内边距*/
.fn-pad10    {padding: 10px;}

.fn-padt5    {padding-top: 5px;}
.fn-padt7    {padding-top: 7px;}
.fn-padt10   {padding-top: 10px;}
.fn-padt20   {padding-top: 20px;}
.fn-padb10   {padding-bottom: 10px;}

.fn-padr0    {padding-right: 0;}
.fn-padr5    {padding-right: 5px;}
.fn-padr10   {padding-right: 10px;}
.fn-padr50   {padding-right: 50px;}
.fn-padl0    {padding-left: 0px;}
.fn-padl3    {padding-left: 3px;}
.fn-padl4    {padding-left: 4px;}
.fn-padl5    {padding-left: 5px;}
.fn-padl10   {padding-left: 10px;}
.fn-padl20   {padding-left: 20px;}
.fn-padl25   {padding-left: 25px;}
.fn-padl40   {padding-left: 40px;}
.fn-padl50   {padding-left: 50px;}
.fn-padl80   {padding-left: 80px;}
.fn-padl100  {padding-left: 100px;}
.fn-padl185  {padding-left: 185px;}
.fn-padl120  {padding-left: 120px;}     
/* fn-margin 外边距*/
.fn-mart0    {margin-top: 0px;}
.fn-mart2    {margin-top: 2px;}
.fn-mart3    {margin-top: 3px;}
.fn-mart4    {margin-top: 4px;}
.fn-mart10   {margin-top: 10px;}
.fn-mart12   {margin-top: 12px;}
.fn-mart15   {margin-top: 15px;}
.fn-mart20   {margin-top: 20px!important;}
.fn-mart30   {margin-top: 30px;}

.fn-marr0    {margin-right: 0;}
.fn-marr3    {margin-right: 3px;}
.fn-marr4    {margin-right: 4px;}
.fn-marr5    {margin-right: 5px;}
.fn-marr6    {margin-right: 6px;}
.fn-marr7    {margin-right: 7px;}
.fn-marr10   {margin-right: 10px;}
.fn-marr20   {margin-right: 20px;}
.fn-marr25   {margin-right: 25px;}

.fn-marb1    {margin-bottom: 1px;}
.fn-marb5    {margin-bottom: 5px;}
.fn-marb10   {margin-bottom: 10px;}
.fn-marb20   {margin-bottom: 20px;}

.fn-marl0    {margin-left: 0;}
.fn-marl3    {margin-left: 3px;}
.fn-marl4    {margin-left: 4px;}
.fn-marl5    {margin-left: 5px;}
.fn-marl10   {margin-left: 10px;}
.fn-marl20   {margin-left: 20px;}
.fn-marl40   {margin-left: 40px;}
.fn-marl50   {margin-left: 50px;}
.fn-marl70   {margin-left:70px;}
.fn-marl90   {margin-left: 90px;}
.fn-marl100  {margin-left: 100px;}
.fn-marl130  {margin-left: 130px;}
.fn-marl140  {margin-left: 140px;}
.fn-marl160  {margin-left: 160px;}
.fn-marl170  {margin-left: 170px;}

.fn-marb5    {margin-bottom: 5px;}
/* fn-blank 空白行*/
.fn-blank {
    width: 100%;
    height: 32px;
}
/* fn-opacity 透明*/
.fn-opacity {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
/* fn-line 分割线*/
.fn-horizontal-line {
    width: 100%;
    height: 5px;
    margin: 5px auto;
    background-position: 30px 50%;
    background-repeat: no-repeat;
}
.fn-horizontal-ivs-line {
    width: 100%;
    height: 5px;
    margin: 5px auto;
    background-position: 4px 50%;
    background-repeat: no-repeat;
}
.fn-vertical-line {
    float: left;
    width: 5px;
    height: 300px;
    margin: 30px 10px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
}
/* fn-relative*/
.fn-relative {
    position: relative;
    left: 0;
    top: 0;
}
/* fn-absolute*/
.fn-absolute {
    position: absolute;
    left: 0;
    top: 0;
}
/* fn-fontsize */
.fn-fontsize0 {
    font-size: 0
}
.fn-fontsize12 {
    font-size: 12px
}
/* fn-color */
.fn-color-red {
    /*见 skin.css*/
}
.fn-color-white {
    /*见 skin.css*/    
}
.fn-color-gray {
    /*见 skin.css*/    
}
/* fn-underline */
.fn-underline {
    width: 380px;
    border-bottom: 1px solid #B5B5B5;  
}
/* fn-display */
.fn-show {display: block;}
.fn-hide {display: none;}
.fn-hideC {display: none;}
/*功能能力是否支持靠fn-hideC，功能当前状态下是否需要显示用fn-hide，*/
/*特殊情况下强制隐藏用style.display='none',对应用display=''取消隐藏; 强制显示用style.display='block';*/
.fn-invisib {visibility: hidden;}
/* fn-margin-auto */
.fn-margin-auto {margin: 0 auto;}
/* fn-word-wrap */
.fn-word-wrap {word-wrap:break-word; word-break:break-all;}
.fn-width-auto {width: auto;}
/* fn-width 宽度
 * fn-width+X ‘X’代表宽度数值；
 *.fn-widp+X ‘X’代表宽度百分比;
*/
.fn-width20   {width: 20px;}
.fn-width24   {width: 24px;}
.fn-width30   {width: 30px;}
.fn-width35   {width: 35px;}
.fn-width40   {width: 40px;}
.fn-width45   {width: 45px;}
.fn-width50   {width: 50px;}
.fn-width60   {width: 60px;}
.fn-width68   {width: 68px;}
.fn-width70   {width: 70px;}
.fn-width74   {width: 74px;}
.fn-width80   {width: 80px;}
.fn-width86   {width: 86px;}
.fn-width90   {width: 90px;}
.fn-width94   {width: 94px;}
.fn-width96   {width: 96px;}
.fn-width100  {width: 100px;}
.fn-width110  {width: 110px;}
.fn-width115  {width: 115px;}
.fn-width120  {width: 120px;}
.fn-width124  {width: 124px;}
.fn-width136  {width: 136px;}
.fn-width139  {width: 139px;}
.fn-width140  {width: 140px;}
.fn-width150  {width: 150px;}
.fn-width155  {width: 155px;}
.fn-width160  {width: 160px;}
.fn-width165  {width: 165px;}
.fn-width170  {width: 170px;}
.fn-width163  {width: 163px;}
.fn-width169  {width: 169px;}
.fn-width185  {width: 185px;}
.fn-width200  {width: 200px;}
.fn-width204  {width: 204px;}
.fn-width225  {width: 225px;}
.fn-width230  {width: 230px;}
.fn-width250  {width: 250px;}
.fn-width270  {width: 270px;}
.fn-width300  {width: 300px;}
.fn-width310  {width: 310px;}
.fn-width320  {width: 320px;}
.fn-width344  {width: 344px;}
.fn-width370  {width: 370px;}
.fn-width380  {width: 380px;}
.fn-width400  {width: 400px;}
.fn-width436  {width: 436px;}
.fn-width450  {width: 450px;}
.fn-width470  {width: 470px;}
.fn-width500  {width: 500px;}
.fn-width730  {width: 730px;}
.fn-width780  {width: 780px;}
.fn-width800  {width: 800px;}
.fn-width795  {width: 795px;}

.fn-widp5   {width:5%;}
.fn-widp10  {width:10%;}
.fn-widp15  {width:15%;}
.fn-widp20  {width:20%;}
.fn-widp25  {width:25%;}
.fn-widp30  {width:30%;}
.fn-widp40  {width:40%;}
.fn-widp45  {width:45%;}
.fn-widp50  {width:50%;}
.fn-widp70  {width:70%;}
.fn-wid100p {width:100%;}

.fn-minwid20  {min-width: 20px;}
.fn-minwid60  {min-width: 60px;}
.fn-minwid70  {min-width: 70px;}
.fn-minwid150  {min-width: 150px;}
.fn-minwid300 {min-width: 300px;}

/* fn-heght 高度*/
.fn-height20  {height: 20px;}
.fn-height30  {height: 30px;}
.fn-height40  {height: 40px;}
.fn-height60  {height: 60px;}
.fn-height100 {height: 100px;}
.fn-height140 {height: 140px;}
.fn-height160 {height: 160px;}
.fn-height170 {height: 170px;}
.fn-height240 {height: 240px;}
.fn-height272 {height: 272px;}
.fn-height300 {height: 300px;}


.fn-minhei24  {min-height: 24px;}
/* fn-lineheight 行高 */
.fn-lineh20  {line-height: 20px;}
.fn-lineh22  {line-height: 22px;}
.fn-lineh24  {line-height: 24px;}
.fn-lineh26  {line-height: 26px;}
.fn-lineh60  {line-height: 60px;}

.fn-unselectable{
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
         -o-user-select: none; 
            user-select: none;
}