/*--- css ---*/
* {list-style:none; }
body { margin: 0; padding: 0;font: 12px sans-serif, Arial;background-color:#FEE8D1; }
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}

/*--- link ---*/
a:link {color: #333333;text-decoration:none;}
a:visited {color: #333333;text-decoration:none;}
a:hover {color: #bc2931;text-decoration:underline;}
a:active {color: #bc2931;}

/*--- set ---*/
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f14b{ font-size:14px;font-weight:bold;}
.fh16{ font-family:ºÚÌå; font-size:16px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.price1{font-size: 10px;color: #333333;font-family: Tahoma;}
.price2{font-size: 18px;color: #FF6600;font-family: Tahoma;}
.price3{font-size: 30px;color: #FF6600;font-family: Tahoma;}
.clear{ clear: both; }
.copy{font-size: 10px;color: #999999;font-family: Verdana;}

/*--- header ---*/
#page{width:1024px;margin:0 auto;background:url(../images/inbg.png) repeat-y;}
#header, #main, #footer { width:940px; margin:0 auto;background-color:#FFFFFF; }
#header {clear:both;}
#header .menu{padding:5px 5px 5px 0;text-align:right;}
#header .logo{position:absolute;margin:0;padding:0;height:92px;}
#header .tel{padding:8px 8px 0 0;font-size:14px;font-weight: bolder;color:#FFFFCC;text-align:right;height:92px;background:url(../images/header.gif) repeat-x;}
#header .nav{height:31px;border:1px solid #f8a616;background:url(../images/nav1.gif) repeat-x;text-align:center;}
#header .nav li{width:115px;background: url(../images/nav.png) 10px no-repeat;float:left;padding:7px 0 5px 0;font-size:14px; font-weight:bold;}
#header .nav span{color:#FFFFFF;}
#header .search{margin:0;padding:6px;background-color:#FFFFFF;}
/*--- body ---*/
#left { float: left; width: 225px; }
#right { float: right; width: 705px; }
#index_left { float: left; width: 200px; margin-right:10px;}
#index_center { float: left; width: 520px; margin-right:10px; }
#index_right { float: right; width: 200px; }

.tab { height:100%; border:1px solid #f8a616; margin-bottom: 5px; }
.tab h1 { background: url(../images/tab.png) repeat-x; font-size: 14px; color:#FFFFFF;padding: 5px 0 5px 8px;}
.tab h2 { background: url(../images/title_bg.gif) repeat-x; font-size: 14px;padding: 5px 5px 5px 8px; color: #FF6600;}
.tab h3 { font-size:14px;padding:3px 0 3px 28px;background: url(../images/lei.png) no-repeat;}
.tab h1 .selected { padding: 1px 5px; background: #FF9900; margin: 0 2px; cursor: pointer; color: #FFF; font-weight:normal; }
.tab h1 .unselected { padding: 1px 5px; margin: 0 2px; cursor: hand; font-weight:normal; }
.tab em { float:right; margin:5px 2px; font-style:normal;}
.tab .list { margin: 5px 8px; line-height: 18px; }

.bar { height:100%; border:1px solid #f8a616; margin-bottom: 5px; }
.bar h1 { background: url(../images/barbg.png) repeat-x;font-size:14px;padding:5px 0 5px 8px;}
.bar em { float:right;margin:5px 2px;font-style:normal;}
.bar .list { margin:5px 8px;line-height:20px;}

.tab2 { height:100%; border: 1px solid #f8a616; margin-bottom: 5px; }
.tab2 h1 { background: url(../images/tab2.gif) repeat-x; font-size:14px; padding: 5px 0 5px 8px;}
.tab2 h2 { background: url(../images/title_bg2.gif) repeat-x; font-size:14px; font-weight:normal; padding: 5px 0 5px 10px; color: #CC0000; }
.tab2 em { float:right; margin:5px 2px; font-style:normal;}
.tab2 .list { margin: 5px 8px; line-height: 20px; }

/*-- shop ---*/
.shop{ height:100%;border:1px solid #f8a616; margin-bottom: 5px;}
.shop h1{background: url(../images/menubg.png) repeat-x;font-size:14px;padding:5px 0 5px 8px;color: #FFF;}
.shop .bt{font-size: 14px;font-weight: bold;padding:8px 0 8px 18px;background: url(../img/i3.gif) no-repeat 8px;}
.shop .list {padding: 5px;overflow: hidden; margin: 0;}
.inad { border:1px solid #f8a616; padding: 5px; margin-bottom: 5px; }

/*--- list ---*/
.toplist { margin-bottom:5px; }
.toplist li { padding:3px 0 3px 10px; }

.subclass { margin-bottom:5px; }
.subclass li { padding:3px 0 3px 30px;}

.conbt { padding:5px;font-size:18px;font-family:ºÚÌå;text-align:center;}
.consm { padding:5px;text-align:center;border-bottom:1px solid #E7E7E7;}
.conlist {padding:5px;}
.conend { padding:5px;text-align:center;}

.classlist { margin:5px;padding:3px;border-bottom:1px dotted #E7E7E7;}
.sortlist { padding:5px;border-bottom:1px dotted #E7E7E7;}
.newslist li{ padding:5px;font-size:14px;border-bottom:1px dotted #E7E7E7;}
.userlist { font-size:14px;font-weight:bold;}
.userlist li{ padding:5px;border-bottom:1px dotted #E7E7E7;}
.helplist li{padding:8px 0 8px 12px;font-size:14px;border-bottom:1px dotted #E7E7E7;}
.linklist { padding:5px;}
.listbox {float:left;margin-right:30px;}
.listbox li{padding:8px 0 8px 0;border-bottom:1px dotted #E7E7E7;}
.pagelist { padding:8px;text-align:center; }

.allbox {width:100%;}
.inbox {width:131px;float:left;text-align:center;}
.inbox li{padding:3px 0 3px 0;}
.box {width:24%;float:left;text-align:center;}
.box li{padding:3px 0 3px 0;}

#shop_left { float: left; width: 670px; border-right: 1px solid #eee; padding: 5px; }
#shop_right { float: right; width: 260px; }

/*-- other ---*/
.kefu{width:220px;float:right;border:1px solid #E7E7E7;margin:5px;}
.kefu .lx{
font-size: 14px;
padding:8px 0 8px 16px;
font-weight: bold;
background: url(../images/i3.gif) no-repeat 7px;
}
.kefu .list {padding: 0 0 3px 12px;}
.qt{width:500px; height:100%; border:1px solid #FFDDEF; padding: 1px; margin-bottom: 5px; }
.qt h1{background: url(../images/title_bg2.gif) repeat-x; font-size: 14px; padding: 5px 0 5px 8px; color: #B738C3;}
.qt .list {margin: 5px 8px; line-height: 20px;}
/*-- footer ---*/
#footer { clear:both;margin-top:0px;background:#EA9E00; }
#footer .links { background: #FFF; line-height:25px;height:25px; margin-bottom: 5px;}
#footer .links a{ margin:0 10px; }
#footer .bottom { font-size: 13px; }
#footer .bottom a{ margin:0 5px; color: #666666; }
#footer div { color: #717171; text-align:center; line-height: 18px;}
#footer .version { color: #FF6600; }
#footer .product a { color: #0066FF; font-weight: bold; }
/* CSS class for zoomed area */
.MagicZoomBigImageCont{border:1px solid #999;}
.MagicZoomMain{text-align:center !important;width:88px;}
.MagicZoomMain div{padding:0px !important;}
.MagicZoomHeader{font:10px Arial,sans-serif;color:#fff;background:#999;text-align:center !important;}
.MagicZoomPup{border:1px solid #aaa;background:#ffffff;}
.MagicZoomLoading{text-align:center;background:#ffffff;color:#444;border:1px solid #999;opacity:0.8;padding:3px 3px 3px 3px !important;display:none;}
.MagicZoomLoading img {padding-top:	3px !important;}

.tips{color:#f00;text-align:center;border:1px solid #E7E7E7;line-height:50px;margin-top:10px;}
.note{border:1px solid #E7E7E7;width:680px;margin-top:5px;float:left;}
.sexName{width:150px;height:150px;float:left;text-align:center;border-right:1px solid #E7E7E7;}
.sex{border:1px solid #E7E7E7;margin:10px auto;font-family:Arial Black;font-size:25px;width:100px;line-height:100px;text-align:center;}
.userInfo{float:left;clear:right;width:529px;height:30px;line-height:30px;border-bottom:1px solid #E7E7E7;}
.userInfo strong{margin-left:10px;}
.content{float:right;width:529px;overflow:auto;height:100px;padding-top:10px;}
.content strong{display:block;margin-left:12px;}
.content p{margin:3px 12px;}
.content .reply{padding:3px;background:#FEFBE7;border:1px dotted #E7E7E7;}
#pageList{border:1px solid #E7E7E7;height:30px;margin-top:5px;width:680px;float:left;}
#pageList div{float:right;margin:5px 10px;}
#pageList #loadPage{color:#f00;}
#pageList .num{color:#f00;margin:0px 2px;}