/*
------------------------------- 
Site:        中国水产门户网 原子类 所有页面通用的样式，请不要修改里边的属性及数值。
Author:      pengde
Updated:     2014-06-03
Updated by:
-------------------------------
*/
/*=======CSS reset start=======*/
* { margin: 0; padding: 0; }
body { background-color: #fff; font: 12px/1.5 'Microsoft YaHei', Helvetica, Tahoma, Arial, \5b8b\4f53, sans-serif; color: #333; text-align: center; }
a:link, a:active, a:visited { color: #333; font-size: 12px; text-decoration: none; }
a:hover { color: #005ea7; font-size: 12px; text-decoration: underline; }
a:link img, a:hover img, a:active img, a:visited img { border: 0; }
/*=======CSS reset end=======*/

/*=======文字排版 start======*/
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px!important; }
.f15 { font-size: 15px!important; }
.f16 { font-size: 16px!important; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f30 { font-size: 30px; }
.url12px01, .url12px01:link, .url12px01:visited, .url12px01:active { COLOR: #004276; font-size: 12px; }
.url12px01:hover { COLOR: #FF3300; font-size: 12px; text-decoration: underline; }

.url12px02, .url12px02:link, .url12px02:visited, .url12px02:active { COLOR: #ffffff; font-size: 12px; }
.url12px02:hover { COLOR: #d4d4d4; font-size: 12px; text-decoration: underline; }

.url12px03, .url12px03:link, .url12px03:visited, .url12px03:active { COLOR: #004276; font-size: 12px; }
.url12px03:hover { COLOR: #63a7ea; font-size: 12px; text-decoration: underline; }

.url12px04, .url12px04:link, .url12px04:visited, .url12px04:active { COLOR: #cc0000; font-size: 12px; text-decoration: none; }
.url12px04:hover { COLOR: #FF3300; font-size: 12px; text-decoration: underline; }

.url12px05, .url12px05:link, .url12px05:visited, .url12px05:active { COLOR: #009933; font-size: 12px; text-decoration: none; }
.url12px05:hover { COLOR: #1cbf1c; font-size: 12px; text-decoration: underline; }


.url12px06 { COLOR: #3D464B; font-size: 12px; text-decoration: none; }
.url12px06:link { COLOR: #3D464B; font-size: 12px; text-decoration: none; }
.url12px06:visited { COLOR: #3D464B; font-size: 12px; text-decoration: none; }
.url12px06:hover { COLOR: #FF3300; font-size: 12px; text-decoration: underline; }
.url12px06:active { COLOR: #3D464B; font-size: 12px; text-decoration: none; }

.url12px07 { color: #E89C00; font-size: 12px; text-decoration: none; }
.url12px07:link { COLOR: #E89C00; font-size: 12px; text-decoration: none; }
.url12px07:visited { COLOR: #E89C00; font-size: 12px; text-decoration: none; }
.url12px07:hover { COLOR: #C60; font-size: 12px; text-decoration: underline; }
.url12px07:active { COLOR: #E89C00; font-size: 12px; text-decoration: none; }

.url12px08 { color: #014073; font-size: 12px; text-decoration: none; }
.url12px08:link { COLOR: #014073; font-size: 12px; text-decoration: none; }
.url12px08:visited { COLOR: #014073; font-size: 12px; text-decoration: none; }
.url12px08:hover { COLOR: #990000; font-size: 12px; text-decoration: underline; }
.url12px08:active { COLOR: #014073; font-size: 12px; text-decoration: none; }

.url12px09 { color: #333333; font-size: 12px; text-decoration: none; }
.url12px09:link { COLOR: #333333; font-size: 12px; text-decoration: none; }
.url12px09:visited { COLOR: #333333; font-size: 12px; text-decoration: none; }
.url12px09:hover { COLOR: #990000; font-size: 12px; text-decoration: underline; }
.url12px09:active { COLOR: #333333; font-size: 12px; text-decoration: none; }

.url12px10, .url12px10:link, .url12px10:active, .url12px10:visited { color: #ff854f; font-size: 12px; text-decoration: none; }
.url12px10:hover { text-decoration: underline; }

.url14px01 { COLOR: #3d464b; font-size: 14px; text-decoration: none; }
.url14px01:link { COLOR: #3d464b; font-size: 14px; text-decoration: none; }
.url14px01:visited { COLOR: #3d464b; font-size: 14px; text-decoration: none; }
.url14px01:hover { COLOR: #FF3300; font-size: 14px; text-decoration: underline; }
.url14px01:active { COLOR: #3d464b; font-size: 14px; text-decoration: none; }

.url14px01b { COLOR: #333333; font-size: 14px; text-decoration: none; }
.url14px01b:link { COLOR: #333333; font-size: 14px; text-decoration: none; }
.url14px01b:visited { COLOR: #333333; font-size: 14px; text-decoration: none; }
.url14px01b:hover { COLOR: #FF3300; font-size: 14px; font-weight: bold; text-decoration: none; }
.url14px01b:active { COLOR: #333333; font-size: 14px; text-decoration: none; }

.url14px-bold-underline { COLOR: #333333; font-size: 14px; text-decoration: underline; }
.url14px-bold-underline:link { COLOR: #333333; font-size: 14px; text-decoration: underline; }
.url14px-bold-underline:visited { COLOR: #333333; font-size: 14px; text-decoration: underline; }
.url14px-bold-underline:hover { COLOR: #FF3300; font-size: 14px; text-decoration: underline; }
.url14px-bold-underline:active { COLOR: #333333; font-size: 14px; text-decoration: underline; }

.url14px02 { COLOR: #004276; font-size: 14px; text-decoration: none; }
.url14px02:link { COLOR: #004276; font-size: 14px; text-decoration: none; }
.url14px02:visited { COLOR: #004276; font-size: 14px; text-decoration: none; }
.url14px02:hover { COLOR: #990000; font-size: 14px; text-decoration: underline; }
.url14px02:active { COLOR: #004276; font-size: 14px; text-decoration: none; }

.url14px03 { COLOR: #cc0000; font-size: 14px; text-decoration: none; }
.url14px03:link { COLOR: #cc0000; font-size: 14px; text-decoration: none; }
.url14px03:visited { COLOR: #cc0000; font-size: 14px; text-decoration: none; }
.url14px03:hover { COLOR: #FF3300; font-size: 14px; text-decoration: underline; }
.url14px03:active { COLOR: #cc0000; font-size: 14px; text-decoration: none; }

.url14px03_bold { COLOR: #cc0000; font-size: 14px; text-decoration: none; font-weight: bold; }
.url14px03_bold:link { COLOR: #cc0000; font-size: 14px; text-decoration: none; font-weight: bold; }
.url14px03_bold:visited { COLOR: #cc0000; font-size: 14px; text-decoration: none; font-weight: bold; }
.url14px03_bold:hover { COLOR: #FF3300; font-size: 14px; text-decoration: underline; font-weight: bold; }
.url14px03_bold:active { COLOR: #cc0000; font-size: 14px; text-decoration: none; font-weight: bold; }

.url14px04 { COLOR: #ffffff; font-size: 14px; text-decoration: none; }
.url14px04:link { COLOR: #ffffff; font-size: 14px; text-decoration: none; }
.url14px04:visited { COLOR: #ffffff; font-size: 14px; text-decoration: none; }
.url14px04:hover { COLOR: #d4d4d4; font-size: 14px; text-decoration: underline; }
.url14px04:active { COLOR: #ffffff; font-size: 14px; text-decoration: none; }

.url14px05 { COLOR: #02812c; font-size: 14px; text-decoration: none; }
.url14px05:link { COLOR: #02812c; font-size: 14px; text-decoration: none; }
.url14px05:visited { COLOR: #02812c; font-size: 14px; text-decoration: none; }
.url14px05:hover { COLOR: #FF3300; font-size: 14px; text-decoration: underline; }
.url14px05:active { COLOR: #02812c; font-size: 14px; text-decoration: none; }

.url14px06 { COLOR: #000000; font-size: 14px; text-decoration: none; }
.url14px06:link { COLOR: #000000; font-size: 14px; text-decoration: none; }
.url14px06:visited { COLOR: #000000; font-size: 14px; text-decoration: none; }
.url14px06:hover { COLOR: #FF3300; font-size: 14px; text-decoration: underline; }
.url14px06:active { COLOR: #000000; font-size: 14px; text-decoration: none; }

.url14px07 { COLOR: blue; font-size: 14px; text-decoration: none; }
.url14px07:link { COLOR: blue; font-size: 14px; text-decoration: none; }
.url14px07:visited { COLOR: blue; font-size: 14px; text-decoration: none; }
.url14px07:hover { COLOR: blue; font-size: 14px; text-decoration: underline; }
.url14px07:active { COLOR: blue; font-size: 14px; text-decoration: none; }

.url14px08 { color: #E89C00; font-size: 14px; text-decoration: none; }
.url14px08:link { COLOR: #E89C00; font-size: 14px; text-decoration: none; }
.url14px08:visited { COLOR: #E89C00; font-size: 14px; text-decoration: none; }
.url14px08:hover { COLOR: #C60; font-size: 14px; text-decoration: underline; }
.url14px08:active { color: #E89C00; font-size: 14px; text-decoration: none; }

.url14px09 { COLOR: #3d464b; font-size: 14px; text-decoration: none; }
.url14px09:link { COLOR: #3d464b; font-size: 14px; text-decoration: none; }
.url14px09:visited { COLOR: #3d464b; font-size: 14px; text-decoration: none; }
.url14px09:hover { COLOR: #004276; font-size: 14px; text-decoration: none; }
.url14px09:active { color: #3d464b; font-size: 14px; text-decoration: none; }

.url14pxCC0000 { color: #CC0000; text-decoration: none; font-size: 14px; }
.url14pxCC0000:link { color: #CC0000; text-decoration: none; font-size: 14px; }
.url14pxCC0000:visited { text-decoration: none; color: #CC0000; font-size: 14px; }
.url14pxCC0000:hover { text-decoration: underline; color: #CC0000; font-size: 14px; }
.url14pxCC0000:active { text-decoration: none; color: #CC0000; font-size: 14px; }

.url16px01 { COLOR: #3d464b; font-size: 16px; text-decoration: none; }
.url16px01:link { COLOR: #3d464b; font-size: 16px; text-decoration: none; }
.url16px01:visited { COLOR: #3d464b; font-size: 16px; text-decoration: none; }
.url16px01:hover { COLOR: #63a7ea; font-size: 16px; text-decoration: underline; }
.url16px01:active { COLOR: #3d464b; font-size: 16px; text-decoration: none; }

.url16px02 { COLOR: #004276; font-size: 16px; text-decoration: none; }
.url16px02:link { COLOR: #004276; font-size: 16px; text-decoration: none; }
.url16px02:visited { COLOR: #004276; font-size: 16px; text-decoration: none; }
.url16px02:hover { COLOR: #63a7ea; font-size: 16px; text-decoration: underline; }
.url16px02:active { COLOR: #004276; font-size: 16px; text-decoration: none; }

.url16px03 { COLOR: #cc0000; font-size: 16px; text-decoration: none; }
.url16px03:link { COLOR: #cc0000; font-size: 16px; text-decoration: none; }
.url16px03:visited { COLOR: #cc0000; font-size: 16px; text-decoration: none; }
.url16px03:hover { COLOR: #63a7ea; font-size: 16px; text-decoration: underline; }
.url16px03:active { COLOR: #cc0000; font-size: 16px; text-decoration: none; }

.url16px03_bold, .url16px03_bold:link, .url16px03_bold:visited, .url16px03_bold:active { COLOR: #cc0000; font-size: 16px; font-weight: bold; text-decoration: none; }
.url16px03_bold:hover { COLOR: #63a7ea; font-size: 16px; font-weight: bold; text-decoration: underline; }

.url18px01 { COLOR: #CC0000; font-family: "simhei"; font-size: 18px; text-decoration: none; }
.url18px01:link { COLOR: #CC0000; font-family: "simhei"; font-size: 18px; text-decoration: none; }
.url18px01:visited { COLOR: #CC0000; font-family: "simhei"; font-size: 18px; text-decoration: none; }
.url18px01:hover { COLOR: #CC0000; font-family: "simhei"; font-size: 18px; text-decoration: underline; }
.url18px01:active { COLOR: #CC0000; font-family: "simhei"; font-size: 18px; text-decoration: none; }

.url18px02 { COLOR: #004276; font-family: "simhei"; font-size: 18px; text-decoration: none; }
.url18px02:link { COLOR: #004276; font-family: "simhei"; font-size: 18px; text-decoration: none; }
.url18px02:visited { COLOR: #004276; font-family: "simhei"; font-size: 18px; text-decoration: none; }
.url18px02:hover { COLOR: #63a7ea; font-family: "simhei"; font-size: 18px; text-decoration: underline; }
.url18px02:active { COLOR: #004276; font-family: "simhei"; font-size: 18px; text-decoration: none; }

.url18px03 { COLOR: #004276; font-size: 18px; text-decoration: none; }
.url18px03:link { COLOR: #004276; font-size: 18px; text-decoration: none; }
.url18px03:visited { COLOR: #004276; font-size: 18px; text-decoration: none; }
.url18px03:hover { COLOR: #63a7ea; font-size: 18px; text-decoration: underline; }
.url18px03:active { COLOR: #004276; font-size: 18px; text-decoration: none; }

.url20px01 { COLOR: #000000; font-family: "simhei"; font-size: 20px; text-decoration: none; }
.url20px01:link { COLOR: #000000; font-family: "simhei"; font-size: 20px; text-decoration: none; }
.url20px01:visited { COLOR: #000000; font-family: "simhei"; font-size: 20px; text-decoration: none; }
.url20px01:hover { COLOR: #CC0000; font-family: "simhei"; font-size: 20px; text-decoration: underline; }
.url20px01:active { COLOR: #000000; font-family: "simhei"; font-size: 20px; text-decoration: none; }
.url20px02 { COLOR: #004276; font-family: "simhei"; font-size: 20px; text-decoration: none; }

.url20px02 { COLOR: #004276; font-family: "simhei"; font-size: 20px; text-decoration: none; }
.url20px02:link { COLOR: #004276; font-family: "simhei"; font-size: 20px; text-decoration: none; }
.url20px02:visited { COLOR: #004276; font-family: "simhei"; font-size: 20px; text-decoration: none; }
.url20px02:hover { COLOR: #63a7ea; font-family: "simhei"; font-size: 20px; text-decoration: underline; }
.url20px02:active { COLOR: #004276; font-family: "simhei"; font-size: 20px; text-decoration: none; }

.fb { font-weight: bold; }
.fn { font-weight: normal; }
.t1 { text-indent: 1em; }
.t2 { text-indent: 2em; }
.lh150 { line-height: 150%; }
.lh180 { line-height: 180%; }
.lh200 { line-height: 200%; }
.lh250 { line-height: 250%; }
.unl { text-decoration: underline; }
.no_unl { text-decoration: none; }
.mid_unl { text-decoration: line-through; }
/*=======文字排版 end======*/


/*===========文字颜色==========*/
.fwhite { color: #fff }
.fBlue { color: blue; }
.fBlue_2 { color: #177beb; }
.f333 { color: #333; }
.f666 { color: #666; }
.f999 { color: #999; }
.f900 { color: #900; }
.ff00 { color: #f00; }
.fOrange { color: #d75100; }
.fRed { color: #cc0000; }
.fGreen { color: #028f39; }
.fb0220e { color: #b0220e; }
/*===========文字颜色 end==========*/

/*=======定位 start======*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.tborder { color: #f9bb5b }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.Clearfix { display: block; }
.vm { vertical-align: middle; }
.vt { vertical-align: top; }
.pr { position: relative; }
.pa { position: absolute; }
.abs-right { position: absolute; right: 0; }
.zoom { zoom: 1; }
.hidden { visibility: hidden; }
.none { display: none; }
/*=======定位 end======*/

/*=======长度高度 start======*/
.w { width: 100%; }
.w2 { width: 2px!important; }
.w10 { width: 10px!important; }
.w20 { width: 20px!important; }
.w30 { width: 30px!important; }
.w40 { width: 40px!important; }
.w50 { width: 50px!important; }
.w60 { width: 60px!important; }
.w70 { width: 70px!important; }
.w80 { width: 80px!important; }
.w90 { width: 90px!important; }
.w100 { width: 100px!important; }
.w150 { width: 150px!important; }
.w160 { width: 160px!important; }
.w170 { width: 170px!important; }
.w180 { width: 180px!important; }
.w189 { width: 189px!important; }
.w200 { width: 200px!important; }
.w210 { width: 210px!important; }
.w250 { width: 250px!important; }
.w265 { width: 265px!important; }
.w300 { width: 300px!important; }
.w400 { width: 400px!important; }
.w450 { width: 450px!important; }
.w500 { width: 500px!important; }
.w550 { width: 550px!important; }
.w600 { width: 600px!important; }
.w650 { width: 650px!important; }
.w700 { width: 700px!important; }
.w800 { width: 800px!important; }
.w850 { width: 850px!important; }
.w { width: 100%; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h60 { height: 60px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h100 { height: 100px; }
.h200 { height: 200px; }
.h { height: 100%; }
/*=======长度高度 end======*/

/*=======边距 start======*/
.ma { margin-left: auto; margin-right: auto; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m30 { margin: 30px; }
.mt3 { margin-top: 3px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb100 { margin-bottom: 100px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml8 { margin-left: 8px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml100 { margin-left: 100px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr100 { margin-right: 100px; }
.p5 { padding: 5px!important; }
.p10 { padding: 10px!important; }
.p15 { padding: 15px!important; }
.p30 { padding: 30px!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt100 { padding-top: 100px; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb100 { padding-bottom: 100px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl50 { padding-left: 50px; }
.pl100 { padding-left: 100px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr50 { padding-right: 50px; }
.pr100 { padding-right: 100px; }
/*=======边距 end======*/