@charset "utf-8";

#main{width:1000px; height: 710px;margin: 30px auto; zoom: 1;position: relative}
#main:after { clear: both; display: block; visibility: hidden; content: ' '}

.left { float: left; width: 190px;padding-top:10px }
.left .h_m01 { margin-bottom:30px}
.left ul{margin-bottom:30px}
.left ul.m_icon {margin-top:25px}

#notece{float: left; width: 190px}
.tab_list{position:relative;height:180px;background: url('/groups/ao/images/main/tab_bg.gif') repeat-x 0 2px}
.tab_list ul{*zoom:1 }
.tab_list ul:after{display:block;clear:both;content:"" }
.tab_list li{float:left}
.tab_list li a{float:left}
.tab_list li ul{display:none;position:absolute;top:37px;left:0;width:100%;*zoom:1}
.tab_list li ul:after{display:block;clear:both;content:""}
.tab_list li li{overflow:hidden;width:100%;line-height:22px}
.tab_list li li a{overflow:hidden;max-width:190px;font-size: 12px; color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab_list li li a:hover,.tab_list li li a:active,.tab_list li li a:focus{display:block;overflow:hidden;font-weight:bold;color:#6d746d;text-decoration:none;white-space:nowrap}
.tab_list li li span{ position:absolute; font-family: "Tahoma", "gulim"; font-size: 9px; text-decoration:none; color:#575757; top:-2px; right:0}
.tab_list .more{position:absolute;top:119px; left:0}
.tab_list.tm1 .tm1 ul,.tab_list.tm2 .tm2 ul,.tab_list.tm3 .tm3 ul{display:block}

.tab_list.js_off{height:auto}
.tab_list.js_off ul{border:0}
.tab_list.js_off li{float:none;position:relative}
.tab_list.js_off li a{display:block;float:none;font-weight:bold;color:#333}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list.js_off li li a{display:inline;border:0; background:none; font-weight:normal}
.tab_list.js_off .more{position:absolute;top:155px; left:0}

.center { overflow: hidden; float: left; width: 590px; height: 710px; position: absolute; left: 206px}
.center .m_banner { overflow: hidden; position: relative}
.center .m_banner ul { width: 2645px; zoom: 1}
.center .m_banner ul:after { clear: both; display: block; visibility: hidden; content: ' '}
.center .m_banner ul li { float: left; width: 590px}
.center .m_banner ul li img { width: 590px; height: 710px}
.center .rolling { position: absolute; top: 30px; right: 30px; z-index: 1}
.center .rolling span { display: inline-block; vertical-align: top}
.center .rolling span a { display: block; width: 17px; height: 17px; font-size: 0; line-height: 0; background: url('/groups/ao/images/main/bg_number.png') no-repeat}
.center .rolling .num01 a { background-position: 0 0}
.center .rolling .num02 a { background-position: -20px 0}
.center .rolling .num03 a { background-position: -40px 0}
.center .rolling .num04 a { background-position: -60px 0}
.center .rolling .num05 a { background-position: -80px 0}
.center .rolling span a.on { height: 20px}
.center .rolling .num01 a.on { background-position: 0 -27px}
.center .rolling .num02 a.on { background-position: -20px -27px}
.center .rolling .num03 a.on { background-position: -40px -27px}
.center .rolling .num04 a.on { background-position: -60px -27px}
.center .rolling .num05 a.on { background-position: -80px -27px}
.center .rolling .play a { background-position: -120px -27px}
.center .rolling .stop a { background-position: -100px -27px}
.center .l_btn { position: absolute; top: 50%; left: 20px; margin-top: -26px}
.center .r_btn { position: absolute; top: 50%; right: 20px; margin-top: -26px}

.right2 { overflow: hidden; float: right; width: 190px}
.right2 .mbanner {position: relative}
.right2 .mbanner h2{}
.right2 .mbanner .banner_list { overflow: hidden; zoom: 1}
.right2 .mbanner .banner_list ul { width: 744px; height:230px }
.right2 .mbanner .banner_list ul:after { clear: both; display: block; visibility: hidden; content: ' '}
.right2 .mbanner .banner_list li { float: left}
.right2 .mbanner .banner_list li img{width: 190px; height:215px}
.right2 .mbanner .rolling_btn {position:absolute; top:1px;right:0}