@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding: 0; }
fieldset, img { border: 0; }
:focus { outline: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 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%;}
textarea { overflow:auto; }
:link, :visited, ins { text-decoration: none; }
body { font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif; background:#FFF; }
select, input, button, textarea, button { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; font:100%; border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
#gridContainer { overflow:hidden; position:relative; clear:both; }
.gridContainer { overflow:hidden; position:relative; clear:both; }
.grid, .gutter { float:left; font-size:12px; height:100%; overflow:hidden; }
.reversegrid { float:right; font-size:12px; height:100%; overflow:hidden; }
.show { display:block;}
.hide { display:none; }
.head { width:910px; margin:0 auto;}
.wrapper { width:960px; margin:0 auto;}
.left_side { clear:both; width:960px; padding-top:0px; }
.actives { position:relative; width:960px; height:270px; overflow:hidden;}
.actives .tab  { width:960px; height:260px; overflow:hidden; }
.actives .tab img { width:960px; height:270px;}
.actives .tab .tab1_box { position:absolute; z-index:2; left:32px; top:80px; width:160px; height:80px;}
.actives .tab .tab1_box h3 { font-weight:bold;}
.actives .tab .tab1_box a  { margin:8px 0 0 -4px; text-indent:-999em; display:inline-block; width:128px; height:33px;  *background-image: url(transparent.gif); _background:none;}
.actives .tab .tab1_box a  { *display:inline; }
.actives .tab .tab2_box {  position:absolute; z-index:2; left:46px; top:133px; width:128px; height:33px;}
.actives .tab .tab2_box a  { display:inline-block; width:128px; height:33px;  *background-image: url(); _background:none;}
.actives .tab .tab2_box a  { *display:inline; }
.actives .tab_btns { position:absolute; right:10px; bottom:10px; z-index:1;}
.actives .tab_btns a { float:left; width:20px; height:28px; color:#7A560A; text-align:center; line-height:28px; background:url(http://fateli.com/docc/fla/icon_s.png) -110px 0  no-repeat; }
.actives .tab_btns a.on { background-position:-90px 0; color:#FFF;}
