/* table */
.fh-table,.fh-table-pd,.fh-table-vtop,.fh-table-condensed{width:100%;max-width:100%;border-collapse:collapse;border-spacing:0;}
.fh-table thead tr,.fh-table-pd thead tr,.fh-table-condensed thead tr{background:#f5f5f5}
.fh-table-pd th,.fh-table-pd td{ padding:8px;}
.fh-table-vtop th,.fh-table-vtop td{ vertical-align:top}
.fh-table-condensed th,.fh-table-condensed td{ padding:5px;}
.fh-table-hover tbody tr.hover{background:#ffd}
/*
.fh-table-hover tbody tr:hover td,.fh-table-hover tbody tr:hover th{background-color: #f5f5f5}
.fh-table-striped > tbody > tr:nth-child(odd) > td, .fh-table-striped > tbody > tr:nth-child(odd) > th{background-color:#f9f9f9;}
.fh-table-striped tbody > tr:nth-child(odd) > td,.fh-table-striped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
条纹-IE9以下无效果  偶数显示
*/
.fh-table-border{border-top:1px solid #ddd}
.fh-table-border th,.fh-table-border td{border-bottom:1px solid #ddd}
.fh-table-bordered th,.fh-table-bordered td{border:1px solid #ddd;}
 
/**/
.panel{border: 1px solid #ddd;border-radius:4px;}
.panel-head{background-color:#f5f5f5;padding:10px 15px;border-radius:4px 4px 0 0; }
.panel-foot{background-color:#f5f5f5;padding:10px 15px;border-radius:0 0 4px 4px; }

/* text-align */
.fh-tc { text-align: center; }
.fh-tr { text-align: right; }
.fh-tl { text-align: left; }
.fh-tj { text-align: justify; }

/* text-align */
.fh-vt { vertical-align:top }
.fh-vm { vertical-align: middle }
.fh-vb { vertical-align: bottom }
 
/* text-decoration */
.fh-tdu{ text-decoration: underline; }
.fh-tdo{text-decoration:overline;}/*顶划线*/
.fh-tdl{text-decoration:line-through;}/*删除线*/
.fh-tdn, .fh-tdn:hover, .fh-tdn a:hover, a.fh-tdl:hover { text-decoration: none; }
 
/* font-style */
.fh-n { font-weight: normal; font-style: normal; }
.fh-b { font-weight: bold; }
.fh-i { font-style: italic; }
.fh-o {outline:none;}

/* 其它 */
.fh-radius{border-radius:4px;}
.fh-dn { display: none; }
.fh-di { display: inline; }
.fh-db { display: block; }
.fh-dib { display: inline-block; }

/* Colors */
.fh-color-navy { color: #001f3f; }
.fh-color-blue { color:  #3793D6; }
.fh-color-aqua { color: #7fdbff; }
.fh-color-teal { color: #39cccc; }
.fh-color-olive { color: #3d9970; }
.fh-color-green { color: #2ecc40; }
.fh-color-lime { color: #01ff70; }
.fh-color-yellow { color: #ffdc00; }
.fh-color-orange { color: #ff851b; }
.fh-color-red1 { color: #f10505; }
.fh-color-red2 { color: #ff4136; }
.fh-color-fuchsia { color: #f012be; }
.fh-color-purple { color: #b10dc9; }
.fh-color-maroon { color: #85144b; }
.fh-color-white { color: #ffffff; }
.fh-color-silver { color: #dddddd; }
.fh-color-gray { color: #aaaaaa; }
.fh-color--black { color: #111111; }

/* Backgrounds */
.fh-bg-navy { background-color: #001f3f; }
.fh-bg-blue1 { background-color: #F2F9FD; }
.fh-bg-blue2 { background-color: #3793D6; }
.fh-bg-aqua { background-color: #7fdbff; }
.fh-bg-teal { background-color: #39cccc; }
.fh-bg-olive { background-color: #3d9970; }
.fh-bg-green { background-color: #2ecc40; }
.fh-bg-lime { background-color: #01ff70; }
.fh-bg-yellow { background-color: #ffdc00; }
.fh-bg-orange { background-color: #ff851b; }
.fh-bg-red { background-color: #ff4136; }
.fh-bg-fuchsia { background-color: #f012be; }
.fh-bg-purple { background-color: #b10dc9; }
.fh-bg-maroon { background-color: #85144b; }
.fh-bg-white { background-color: #ffffff; }
.fh-bg-gray1 { background-color: #f5f5f5; }
.fh-bg-gray2 { background-color: #eee; }
.fh-bg-gray3 { background-color: #ddd; }
.fh-bg-gray4 { background-color: #ccc; }
.fh-bg-gray5 { background-color: #aaaaaa; }
.fh-bg-silver { background-color: #dddddd; }
.fh-bg-black { background-color: #111111; }

.bg-black,.border-black .button.active,.pointer.border-black .active,.nav-pills.border-black .active a,.nav-main.border-black .nav-head,.pagination.border-black .active
{background-color:#000;}
.bg-gray,.border-gray .button.active,.pointer.border-gray .active,.nav-pills.border-gray .active a,.nav-main.border-gray .nav-head,.pagination.border-gray .active
{background-color:#999;}
.bg-white,.button.bg,.border-white .button.active,.pointer.border-white .active,.nav-pills.border-white .active a,.nav-main.border-white .nav-head,.pagination.border-white .active
{background-color:#fff;}
.bg-red,.border-red .button.active,.pointer.border-red .active,.nav-pills.border-red .active a,.nav-main.border-red .nav-head,.pagination.border-red .active
{background-color:#e33;}
.bg-yellow,.border-yellow .button.active,.pointer.border-yellow .active,.nav-pills.border-yellow .active a,.nav-main.border-yellow .nav-head,.pagination.border-yellow .active
{background-color:#f60;}
.bg-blue,.border-blue .button.active,.pointer.border-blue active,.nav-pills.border-blue .active a,.nav-main.border-blue .nav-head,.pagination.border-blue .active
{background-color:#0ae;}
.bg-green,.border-green .button.active,.pointer.border-green .active,.nav-pills.border-green .active a,.pagination.border-green .active
{background-color:#2c7;}

.bg-red-light,.fh-table .red, .fh-table .red td, .fh-table .red th,.alert-red,.border-red-light .button.active,.pointer.border-red-light .active,.nav-pills.border-red-light .active a,.nav-main.border-red-light .nav-head,.pagination.border-red-light .active
{background-color:#fee;}
.bg-yellow-light,.fh-table .yellow, .fh-table .yellow td, .fh-table .yellow th,.alert-yellow,.border-yellow-light .button.active,.pointer.border-yellow-light .active,.nav-pills.border-yellow-light .active a,.nav-main.border-yellow-light .nav-head,.pagination.border-yellow-light .active
{background-color:#ffd;}
.bg-blue-light,.fh-table .blue, .fh-table .blue td, .fh-table .blue th,.alert-blue,.border-blue-light .button.active,.pointer.border-blue-light .active,.nav-pills.border-blue-light .active a,.nav-main.border-blue-light .nav-head,.pagination.border-blue-light .active
{background-color:#eff;}
.bg-green-light,.fh-table .green, .fh-table .green td, .fh-table .green th,.alert-green,.border-green-light .button.active,.pointer.border-green-light .active,.nav-pills.border-green-light .active a,.nav-main.border-green-light .nav-head,.pagination.border-green-light .active
{background-color:#efd;}

/* font-size */
.fh-fs0 { font-size: 0; }
.fh-fs10 { font-size: 10px; }
.fh-fs12 { font-size: 12px; }
.fh-fs13 { font-size: 13px; }
.fh-fs14 { font-size: 14px; }
.fh-fs16 { font-size: 16px; }
.fh-fs18 { font-size: 18px; }
.fh-fs20 { font-size: 20px; }
.fh-fs24 { font-size: 24px; }
.fh-fs26 { font-size: 26px; }
.fh-fs28 { font-size: 28px; }
.fh-fs30 { font-size: 30px; }
.fh-fs32 { font-size: 32px; }
.fh-fs34 { font-size: 34px; }
.fh-fs36 { font-size: 36px; }
.fh-fs38 { font-size: 38px; }
.fh-fs40 { font-size: 40px; }
 
/* line-height */
.fh-lh14 { line-height: 14px; }
.fh-lh16 { line-height: 16px; }
.fh-lh18 { line-height: 18px; }
.fh-lh20 { line-height: 20px; }
.fh-lh22 { line-height: 22px; }
.fh-lh24 { line-height: 24px; }
.fh-lh26 { line-height: 26px; }
.fh-lh28 { line-height: 28px; }
.fh-lh30 { line-height: 30px; }
.fh-lh32 { line-height: 32px; }
.fh-lh34 { line-height: 34px; }
.fh-lh36 { line-height: 36px; }
.fh-lh38 { line-height: 38px; }
.fh-lh40 { line-height: 40px; }

/* margin */
.fh-mt5{margin-top:5px;}
.fh-mt10{margin-top:10px;}
.fh-mt15{margin-top:15px;}
.fh-ml5{margin-left:5px;}
.fh-ml10{margin-left:10px;}

/* padding */
.fh-p0 { padding: 0; }
.fh-p1 { padding: 1px; }
.fh-pl1 { padding-left: 1px; }
.fh-pt1 { padding-top: 1px; }
.fh-pr1 { padding-right: 1px; }
.fh-pb1 { padding-bottom: 1px; }
.fh-p2 { padding: 2px; }
.fh-pl2 { padding-left: 2px; }
.fh-pt2 { padding-top: 2px; }
.fh-pr2 { padding-right: 2px; }
.fh-pb2 { padding-bottom: 2px; }
.fh-pl5 { padding-left: 5px; }
.fh-p5 { padding: 5px; }
.fh-pt5 { padding-top: 5px; }
.fh-pr5 { padding-right: 5px; }
.fh-pb5 { padding-bottom: 5px; }
.fh-p10 { padding: 10px; }
.fh-pl10 { padding-left: 10px; }
.fh-pt10 { padding-top: 10px; }
.fh-pr10 { padding-right: 10px; }
.fh-pb10 { padding-bottom: 10px; }
.fh-p15 { padding: 15px; }
.fh-pl15 { padding-left: 15px; }
.fh-pt15 { padding-top: 15px; }
.fh-pr15 { padding-right: 15px; }
.fh-pb15 { padding-bottom: 15px; }
.fh-p20 { padding: 20px; }
.fh-pl20 { padding-left: 20px; }
.fh-pt20 { padding-top: 20px; }
.fh-pr20 { padding-right: 20px; }
.fh-pb20 { padding-bottom: 20px; }
.fh-p30 { padding: 30px; }
.fh-pl30 { padding-left: 30px; }
.fh-pt30 { padding-top: 30px; }
.fh-pr30 { padding-right: 30px; }
.fh-pb30 { padding-bottom: 30px; }
.fh-plr3{padding:0 3px;}
.fh-plr5{padding:0 5px;}
.fh-plr6{padding:0 6px;}
.fh-plr8{padding:0 8px;}
.fh-plr10{padding:0 10px;}
.fh-ptb3{padding:3px 0;}
.fh-ptb5{padding:5px 0;}
.fh-ptb6{padding:6px 0;}
.fh-ptb8{padding:8px 0;}
.fh-ptb10{padding:10px 0;}
.fh-ptb15{padding:15px 0;}
.fh-ptb20-15{padding:20px 0 15px 0;}
.fh-ptb25-15{padding:25px 0 15px 0;}


/* border */
.fh-border{border:1px solid #ddd;}
.fh-border-top{border-top:solid 1px #ddd;}
.fh-border-right{border-right:solid 1px #ddd;}
.fh-border-bottom{border-bottom:solid 1px #ddd;}
.fh-border-left{border-left:solid 1px #ddd;}
.fh-border-left-right{border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.fh-border-top-bottom{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.fh-border-large{border-width:10px;}
.fh-border-big{border-width:5px;}
.fh-border-middle{border-width:3px;}
.fh-border-small{border-width:2px;}







