/* reset all*/
body {font:12px/1.5 宋体,Tahoma; background:#fff}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,iframe, fieldset, legend, input, button,textarea, p, blockquote, th, td ,hr{ margin:0;   padding:0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup { font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
abbr, acronym {border: 0; font-variant: normal;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size:inherit; font-style: inherit; font-weight: inherit;}
input, button, textarea, select { *font-size: 100%;}/* for IE */
code, kbd, samp, tt {font-size: 100%;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th {text-align: left;}
sup, sub { font-size: 100%; vertical-align: baseline;}
a:link, a:visited , ins { text-decoration: none;}
a:active,a:focus { outline: 0;}
a:hover{color:#b2272f; text-decoration:underline}
a{noborder:expression(this.hideFocus=true)} 
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
hr{height:0; background:none; border:none;overflow:hidden;}

/* font color */
a{color:#000}
.c-fff{color: #fff;}
.c-000{color: #000;}
.c-ccc{color: #ccc;}
.c-999{color: #999;}
.c-666{color: #666;}
.c-333{color: #333;}
.c-f00{color:#f00}
.c-f30{color:#f30}
.c-f60{color:#f60}
.c-f90{color:#f90}
.c-FF0003{color:#FF0003}
.c-B02830{color:#B02830}
.c-D1D1D1{color:#D1D1D1}
.c-D9D9D9{color:#D9D9D9}
.c-757575{color:#757575}
.c-AE037B{color:#AE037B}
.c-DC6B00{color:#DC6B00}
.c-B42232{color:#B42232}
.c-B42232{color:#B42232}
.c-5B9400{color:#5B9400}
.c-DC6B00{color:#DC6B00}
.c-b02830{color:#b02830}
.c-b2272f{color:#b2272f}
.c-626262{color:#626262}
.c-b42232{color:#b42232}
.c-679800{color:#679800}
.c-737171{color:#737171}
.c-b0272f{color:#b0272f}
.c-8a8a8a{color:#8a8a8a}

/* position */
.p-a{ position:absolute}
.p-r{ position:relative}
.z-1{z-index:1}
.z-2{z-index:2}
.z-3{z-index:3}
.z-10{z-index:10}

/* float & clear */
.f-l {float: left;}
.f-r {float: right;}
.f-n {float: none;}
.f-l,.f-r {_display:inline} /* for IE6 */
.c-l {clear: left;}
.c-r {clear: right;}
.c-b {clear: both;}
.clear {clear: both;height: 0;font-size: 0;overflow: hidden;}

/*clear float*/
.clearfix:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* End hide from IE-mac */
*+html .clearfix {min-height:1% ;}

/* display & visible */
.d-i {display: inline;}
.d-b {display: block;}
.d-ib{display:inline-block}
.d-n {display: none;}
.o-h {overflow: hidden;}
.v-v {visibility: visible;}
.v-h {visibility: hidden;}
.notxt{text-indent:-9999px; overflow:hidden}

/* border & line */
.b-n{border:none}
.b-fff{border:1px solid #fff}
.b-ccc {border: 1px solid #ccc;}
.b-dadada{border:1px solid #dadada}
.u-l{ text-decoration:underline}
.line, .dashed,.dashed2{clear: both;height:1px;font-size: 0;}
.line { background: url(http://images.fangte.com/ftgame/divider-solid-bg.gif) repeat-x center;}
.dashed{background: url(http://images.fangte.com/ftgame/divider-bg.gif) repeat-x ;}
.dashed2{background:url(http://images.fangte.com/ftcartoon/dashed.gif) repeat-x ;}
.v-line{width:1px; font-size:0; overflow:hidden;background:#ccc}
.v-dashed{width:1px;font-size:0; overflow:hidden;background:url(http://images.fangte.com/ftcartoon/v-dashed.gif) repeat-y}
.blk5,.blk6,.blk8,.blk10,.blk11,.blk12,.blk13,.blk15{width:100%; overflow:hidden; clear:both}
.blk5{ height:5px;}
.blk6{ height:6px}
.blk8{ height:8px}
.blk10{height:10px;}
.blk11{height:11px;}
.blk12{ height:12px;}
.blk15{ height:15px;}
.blk13{height:13px}

/* background */
.bg-n{background:none}
.bg-333 {background-color: #333;}
.bg-666{background-color:#666}
.bg-fff{ background-color:#fff}
.bg-000{ background-color:#000}

/* width & height & line-height */
.w-100p {width:100%;}
.w-135{width:135px}
.w-241{width:241px;}
.w-476{width:476px}
.w-247{width:247px}

.h-100p {height:100%;}
.h-1p{height:1%;}
.h-14{ height:14px}
.h-16{ height:16px}
.h-18{ height:18px}
.h-20{height:20px}
.h-25{ height:25px}
.h-30{ height:30px}

.lh-14 {line-height: 14px;}
.lh-16 {line-height: 16px;}
.lh-18 {line-height: 18px;}
.lh-20 {line-height: 20px;}
.lh-22 {line-height: 22px;}
.lh-24 {line-height: 24px;}
.lh-25 {line-height: 25px;}
.lh-28 {line-height: 28px;}
.lh-30 {line-height: 30px;}

/* font weight & style */
.f-i {font-style: italic;}
.f-b {font-weight: bold;}
.f-nb {font-weight: normal;}

/* font size */
.f-0{font-size:0}
.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-15 {font-size: 15px;}
.f-16 {font-size: 16px;}
.f-17 {font-size: 17px;}
.f-18 {font-size: 18px;}

 /* letter & word spacing */
.ls-5 {letter-spacing: 5px;}
.ws-5 {word-spacing: 5px;}

/* text align */
.ta-c {text-align: center;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}
.va-m{ vertical-align:middle}
.ti-5{text-indent:5px}
.ti-10{text-indent:10px}
.ti-1e{text-indent:1em}
.ti-2e{text-indent:2em}

/* margin */
.m-c {margin-left: auto;margin-right: auto;}
.m-a{margin:auto}

.m-3 {margin: 3px;}
.m-5 {margin: 5px;}
.m-10 {margin: 10px;}
.m-15 {margin: 15px;}
.m-20 {margin: 20px;}

.ml-3 {margin: 3px;}
.ml-5{margin-left:5px}
.ml-6{margin-left:6px}
.ml-10{margin-left:5px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-40{margin-left:40px}

.mr-3{margin-right:3px}
.mr-5{margin-right:5px}
.mr-6{margin-right:6px}
.mr-9{margin-right:9px;}
.mr-10{margin-right:10px}
.mr-15{margin-right:15px}
.mr-20{margin-right:20px}

.mt-3{margin-top: 3px;}
.mt-5{margin-top: 5px;}
.mt-6{margin-top: 6px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top:20px;}

.mb-3 {margin-bottom:3px;}
.mb-5 {margin-bottom:5px;}
.mb-6 {margin-bottom:6px;}
.mb-10{margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}

/* padding */
.p-1 {padding: 1px;}
.p-2 {padding: 2px;}
.p-3 {padding: 3px;}
.p-5 {padding: 5px;}
.p-10 {padding: 10px;}
.p-15 {padding: 15px;}
.p-20 {padding: 20px;}

.pl-3 {padding-left: 3px;}
.pl-5 {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-15 {padding-left: 15px;}
.pl-20{padding-left:20px}

.pr-3 {padding-right: 3px;}
.pr-5 {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}

.pt-3 {padding-top: 3px;}
.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}

.pb-3 {padding-bottom: 3px;}
.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}