/* 

		@Author   Cherry SMY

		@DATA     2011.10.20

*/



/* Style Reset

-----------------------------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend,  button,  p, blockquote,h2 

{ margin: 0; padding: 0; border:0;} 

html button::-moz-focus-inner{ border-color:transparent!important; } 

ul, li, dl, dt, dd, ol {list-style: none; }

fieldset, img { border: 0; }

iframe { background-image: none; }





.clear { clear:both; }

.S{ width:15px; height:15px; float:left; font-size:0px;}

.H{ width:23px; height:23px; clear:both; font-size:0px;}

.K{ width:20px; height:20px; clear:both; font-size:0px;}

.db{ display: block; }

.di{ display: inline; }

.mar{ margin:0 auto;}





/* 左右浮动样式

----------------------------------------------------------------------------------------------------*/

.fl { float:left; }

.fr { float:right; }



/* 颜色

-----------------------------------------------------------------------------------------------------*/

.c_red { color: #ad0000; }

.c_blue { color: #1897d4; }

.c_orage { color: #ef8600; }

.c_green { color: #30908D; }

.c_yellow { }

.c0 { color: #000000; }

.c3 { color: #333333; }

.c6 { color: #666666; }

.c9 { color: #999999; }

.cc { color: #CCCCCC; }

.cd { color: #DDDDDD; }

.ce { color: #EEEEEE; }

.cf { color: #FFFFFF; }



/* 文本样式

-----------------------------------------------------------------------------------------------------*/

.f0p  { font-size: 0px; }

.f10p { font-size: 10px; }

.f12p { font-size: 12px; }

.f13p { font-size: 13px; }

.f14p { font-size: 14px; }

.f15p { font-size: 15px; }

.f16p { font-size: 16px; }

.f17p { font-size: 17px; }

.f18p { font-size: 18px; }

.f20p { font-size: 20px; }

.f25p { font-size: 25px; }

.fw{ font-weight:bold; }

.fi{ font-style:italic; }

.fs{ text-decoration:line-through;}

.fu{ text-decoration:underline;}

.indent { text-indent: 2em; }



/* mouse style

----------------------------------------------------------------------------------------------------*/

.mou_p { cursor: pointer; }

.mou_m { cursor: move; }

.mou_t { cursor: text; }



/* Paddings

----------------------------------------------------------------------------------------------------*/

.pad_0p { padding: 0px; }

.pad_1p { padding: 1px; }

.pad_2p { padding: 2px; }

.pad_3p { padding: 3px; }

.pad_4p { padding: 4px; }

.pad_5p { padding: 5px; }

.pad_10p0p { padding: 10px 0px; }



.pad_t5p { padding-top: 5px; }

.pad_t10p { padding-top: 10px; }

.pad_t15p { padding-top: 15px; }

.pad_t20p { padding-top: 20px; }



.pad_b5p { padding-bottom: 5px; }

.pad_b10p { padding-bottom: 10px; }

.pad_b20p { padding-bottom: 20px; }



.pad_l5p { padding-left: 5px; }

.pad_l88p{ padding-left: 88px; }

.pad_l10p { padding-left: 10px; }

.pad_l15p  { padding-left: 15px; }

.pad_l20p { padding-left: 20px; }

.pad_l25p { padding-left: 25px; }

.pad_l40p { padding-left: 40px; }

.pad_l45p { padding-left: 45px; }



.pad_r5p { padding-right: 5px; }

.pad_r10p { padding-right: 10px; }

.pad_r15p { padding-right: 15px; }



.pad_r20p { padding-right: 20px; }

.pad_r25p { padding-right: 25px; }

.pad_r70p { padding-right: 70px; }



/* Margins

----------------------------------------------------------------------------------------------------*/

.mar_0p { margin: 0px; }

.mar_10p { margin: 10px; }

.mar_10p0p { margin: 10px 0px; }



.mar_t5p { margin-top: 5px; }

.mar_t9p { margin-top: 9px; }

.mar_t10p { margin-top: 10px; }

.mar_t15p { margin-top: 15px; }

.mar_t20p { margin-top: 20px; }

.mar_t30p { margin-top: 30px; }



.mar_b5p { margin-bottom: 5px; }

.mar_b10p { margin-bottom: 10px; }

.mar_b20p { margin-bottom: 20px; }



.mar_l5p { margin-left: 5px; }

.mar_l10p { margin-left: 10px; }

.mar_l15p { margin-left: 15px; }

.mar_l20p { margin-left: 18px; }

.mar_l25p { margin-left: 20px; }

.mar_l30p { margin-left: 200px; }



.mar_r5p { margin-right: 5px; }

.mar_r10p { margin-right: 10px; }

.mar_r20p { margin-right: 20px; }



/* Text 

----------------------------------------------------------------------------------------------------*/

.text_l { text-align: left; }

.text_r { text-align: right; }

.text_c { text-align: center; }



/* line height

----------------------------------------------------------------------------------------------------*/

.lh30p { line-height: 30px; }

.lh25p { line-height: 25px; }

.lh150p { line-height: 150%; }

.lh200p { line-height: 200%; }

.lh300p { line-height: 300%; }





/* H 

-----------------------------------------------------------------------------------------------------*/

h1 { font-size: 24px; }

h2 { font-size: 22px; }

h3 { font-size: 20px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }



/* Border 

-----------------------------------------------------------------------------------------------------*/

/* 实边框 */

.border{ border:1px #C80000 solid }

.border_w{ border:3px #FFF solid;}

.border_d5{ border:5px #d5d5d5 solid;}

.border_h{ border:3px #ededee solid;}

.border_t{ border-top:#3a3a3a solid 2px; }

.border_r{ border-right:1px #C80000 solid }

.border_b{ border-bottom:1px #C80000 solid }

.border_l{ border-left:1px #C80000 solid }

.border_d5_10{ border:10px #d5d5d5 solid; }



/* 虚边框 */

.border_d{ border:1px #E4E4E4 dotted }

.border_dt{ border-top:1px #9d9b9b dotted }

.border_dr{ border-right:1px #1B1B14 dotted }

.border_db{ border-bottom:1px #9d9b9b dotted }

.border_dl{ border-left:1px #E4E4E4 dotted }



/* Module Width 

----------------------------------------------------------------------------------------------------*/

.w10 { width: 10px; }

.w20 { width: 20px; }

.w30 { width: 30px; }

.w40 { width: 40px; }

.w50 { width: 50px; }

.w60 { width: 60px; }

.w70 { width: 70px; }

.w80 { width: 80px; }

.w90 { width: 90px; }

.w100 { width: 100px; }

.w120 { width: 120px; }

.w160 { width: 160px; }

.w320 { width: 320px; }

.w400 { width: 400px; }

.w560 { width: 560px; }

.w640 { width: 640px; }