@charset "utf-8";
/*
	* CSS Reset & CSS Grids
	* By:Clement
	* E-Mail:F2Eest@163.COM
	* Time: 2013.02.10
*/
/* Star CSS Reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td, iframe, table, sub { margin: 0; padding: 0; }
fieldset, img { border: 0; }
:focus { outline: 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; }
code, kbd, samp, tt { font-size: 100%; }
input, button, textarea, select { *font-size:100%;
}
body { line-height: 1.5; }
ol, ul { list-style: none; }
img { border: 0 none; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
p { line-height: 1.5; }
sup, sub { font-size: 100%; vertical-align: baseline; }
q:before, q:after { content: ”; }
abbr, acronym { border: 0 }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none; color: #C00 }
a:focus { outline: none }
:link, :visited, ins { text-decoration: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block\9 }
.layout:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.layout { display: inline-block; }
* html .layout { height: 1% }
.layout { display: block }
.wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrap { display: inline-block; }
* html .wrap { height: 1% }
.wrap { display: block }

body { font-size: 62.5%; font-size: 63%\9; height: auto; min-height: 100% }
select, input { font-size: 1.2em; font-family: \65B0\5B8B\4F53, \5FAE\8F6F\96C5\9ED1, Arial, Helvetica }
html { zoom:expression(function(ele) {
ele.style.zoom = "1";
document.execCommand("BackgroundImageCache", false, true);
}
(this));
}
::-moz-focus-inner { border-color:transparent!important }

/* End CSS Reset */
/* Star CSS Grids */

.cl { clear: both }
.fl { float: left }
.fr { float: right }
.tc { text-align: center }
.tr { text-align: right }
.tl { text-align: left }
.ml { margin-left: 10px }
.mr { margin-right: 10px }
.mt { margin-top: 10px }
.mb { margin-bottom: 10px !important }
.mt_05 { margin-top: 5px }
.mt_20 { margin-top: 20px }
.mb_05 { margin-bottom: 5px }
.mb_20 { margin-bottom: 20px }
.ml_05 { margin-left: 5px }
.ml_20 { margin-left: 20px }
.mr_05 { margin-right: 5px }
.mr_20 { margin-right: 20px }
.w950 { width: 950px !important }
.w980 { width: 980px !important }
.w990 { width: 990px !important }
.w1000 { width: 1000px !important }
.w1210 { width: 1210px !important }
.hide { display: none }
.none { display: none }
.onn { display: block }
.off { display: none }

/* End CSS Reset */