﻿/* CSS Document */

body { margin:0; padding:0; background:url(../img/bg2.jpg); line-height:180%; font-size:12px; }
* { margin:0; padding:0; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; }
img { border:0px; }
.c{ height:1%; }
.c:after { content: ".";display: block;height:0;clear: both;visibility:hidden; }

li { list-style:none; }
.dn { display:none; }

.l,.ll,.left { float:left; }
.r,.rr,.right { float:right; }

.ww { width:1020px; margin:0 auto; }
.dao { background:url(../img/bg1.jpg) top repeat-x; min-width:1020px; }
.menu .l { padding:50px 0 0 0; }
.menu .r { width:430px; padding:60px 0 0 0; }
.menu .r li { float:left; }
.menu .r li a { float:left; display:block; background:url(../img/menu.jpg) no-repeat; width:70px; height:118px; }
.menu .right { margin:65px 0 0 0; padding:0 120px 0 0; width:200px; } 
.input1 { border:1px solid #aaa; width:105px; line-height:16px; padding:3px; }
.td1 { width:50px; text-align:right; padding:8px 3px; }
.td2 { padding:3px 0 0 58px; }

#nn1 a { background-position:0 0; }
#nn2 a { background-position:-70px 0; }
#nn3 a { background-position:-144px 0; }
#nn4 a { background-position:-220px 0; }
#nn5 a { background-position:-300px 0; }
#nn6 a { background-position:-378px 0; }
#nn7 a { background-position:-453px 0; }
#nn8 a { background-position:-528px 0; }
#nn1 a:hover { background-position:0 -118px; }
#nn2 a:hover { background-position:-70px -118px; }
#nn3 a:hover { background-position:-144px -118px; }
#nn4 a:hover { background-position:-220px -118px; }
#nn5 a:hover { background-position:-300px -118px; }
#nn6 a:hover { background-position:-378px -118px; }
#nn7 a:hover { background-position:-453px -118px; }
#nn8 a:hover { background-position:-528px -118px; }
#mm1 #nn1 a { background-position:0 -118px; }
#mm2 #nn2 a { background-position:-70px -118px; }
#mm3 #nn3 a { background-position:-144px -118px; }
#mm4 #nn4 a { background-position:-220px -118px; }
#mm5 #nn5 a { background-position:-300px -118px; }
#mm6 #nn6 a { background-position:-378px -118px; }
#mm7 #nn7 a { background-position:-453px -118px; }
#mm8 #nn8 a { background-position:-528px -118px; }

.ads { padding:10px 0 0 0; min-width:1020px; }
.ads2 {padding:0 0 0 0px; text-align:center;}
.l_ads { padding:10px 0 0 0; }
.main { background:url(../img/bg.gif); }
.main .l { width:218px; padding:0 0 0 26px; }
.type1 { background:url(../img/a1.gif); height:28px; color:#fff; font-size:14px; font-weight:bolder; padding:9px 0 0 30px; } 
.type2 { padding:0 0 0px 0; }
.type2 li { background:url(../img/a2.gif); height:37px; line-height:37px; padding:0 0 0 24px; }
.type2 li a { text-decoration:none; color:#444; }
.type2 li a:hover { color:#3D1B07; text-decoration:underline; }
.type2 .now a { color:#3D1B07; font-weight:bolder;  }
.type2 .now a:hover { text-decoration:none; }

.bottom { text-align:center; padding:0 0 12px 0; color:#666; }
.bottom  a { color:#666; padding:0 3px; }

.main .r { width:741px; padding:0 26px 0 0; }
.your_position { border-top:5px solid #C89A7B; background:#F8F2E4; padding:7px 0 7px 16px; color:#B59174; }
.txt { font-size:14px; line-height:180%; padding:40px 30px 60px 40px; overflow:hidden; }
.txt img { max-width:660px;  }

.taohua { position:relative; }
.taohua img { position:absolute; top:0; right:-60px; }

.news_list { }
.news_list ul { padding:20px 15px 20px 20px; margin:0 auto; }
.news_list li { border-bottom:1px dashed #ddd; padding:15px 10px; }
.news_list li:hover { background:#FCF8EF; }
.news_list_left { float:left; width:560px; line-height:22px; }
.news_list_left a { font-size:14px; text-decoration:none; }
.news_list_left a:hover { text-decoration:underline; }
.news_list_right { float:right; color:#888; }


h1 { font:30px "Microsoft YaHei"; text-align:center; line-height:30px; padding:50px 0 35px 0; border-bottom:1px dashed #bbb; margin:0 30px; }

.pro { padding:20px 0 20px 0; }
.pro li { float:left; margin-bottom:15px; width:208px; height:235px; background:url(../img/2.gif) #fff; text-align:center; padding:8px 0 0 0; margin-left:24px; _margin-left:12px; }
.pro li:hover { background:url(../img/jiao.gif) no-repeat bottom right; }
.pro li .txt1 { width:196px; margin:0 auto; }
.pro li .txt1 a { display:block; width:196px; height:196px; }
.pro li .txt2 { padding:7px 0 3px 0; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:150px; margin:0 auto; }
.pro li .txt2 a { text-decoration:none; }
.pro li .txt2 a:hover { text-decoration:underline; }

.games li { width:300px; height:240px; background:#fff; border:1px solid #ddd; margin:45px 0 0 48px; _margin:45px 0 0 24px;}
.games li:hover { background:#f5f5f5; }
.games li .txt1 { width:286px; }
.games li .txt1 a { width:286px; margin:0; }

.pic { text-align:center; padding:40px 0 0 0; }

.videos { padding:20px 25px 20px 25px; }
.videos li { border-bottom:1px dashed #ddd; padding:10px 0; }
.videos .txt1 { float:left; width:160px; background:#fff; padding:5px; height:120px; border:1px solid #eee; }
.videos .txt1s { margin:0 auto; width:160px; height:120px; }
.videos .txt1 a { display:block; float:left;width:160px; height:120px; margin:0 auto;  }
.videos .txt2 { float:right; width:500px; }
.videos .txt3 { padding:2px 0; }
.videos .txt3 a { font-size:14px; line-height:30px; font-weight:bolder; }
.videos .txt4 { line-height:180%; font-size:14px; color:#888; }

.home { background:url(../img/bg_v.gif) repeat-y; padding:0 10px 10px 10px; width:1000px; }

.profile { float:left; padding:0 0 0 20px; width:263px; }
.profile .txt2 { text-align:center; padding:6px 0 0 0; }  
.profile .txt3 { color:#666; padding:6px 6px 0 12px; }
.profile .txt3 a { color:#B80000; padding:0 0 0 4px; }
.knows  { float:left; width:435px; padding:0 0 0 12px; }
.knows ul { padding:6px 10px 0 10px; }
.knows ul li { padding:6px 0 7px 0; }
.knows ul li .txt3 { float:left; width:280px; padding:0 0 0 10px; }
.knows ul li .txt3 a { text-decoration:none; }
.knows ul li .txt3 a:hover { text-decoration:underline; }
.knows ul li .txt4 { float:right; width:100px; text-align:right; font:11px Verdana, Arial, Helvetica, sans-serif; color:#888; }
.knows ul li .txt5 { width:420px; color:#aaa; }
.knows ul .bg { background:#f5f5f5;}
.video { float:left; padding:0 0 0 12px; width:235px; }
.video .txt2 { text-align:center; padding:6px 0 6px 0; }
.video ul li { background:url(../img/dot_line.gif) no-repeat bottom; line-height:30px; margin:0 5px; padding:0 0 0 20px; }
.video ul li a { text-decoration:none; }
.video ul li a:hover { text-decoration:underline; }

.shop { padding:5px 30px 0 22px; }
.shop ul { border:1px solid #ddd; margin:5px 0 0 0; padding:28px 20px 10px 0; }
.shop ul li { float:left; width:152px; height:195px; margin:0 0 0 31px; _margin:0 0 0 16px; }
.shop ul li:hover .txt2 { background:#f5f5f5; border:1px solid #888; }
.shop ul li .txt2 { border:1px solid #ccc; }
.shop ul li .txt2 a { display:block; width:140px; height:140px; margin:5px; }
.shop ul li .txt3 { text-align:center; padding:5px 0; }
.shop ul li .txt3 a { text-decoration:none; }
.shop ul li .txt3 a:hover { text-decoration:underline; }

.firends { border-bottom:1px dashed #bbb; margin-bottom:20px; }
.firends .txt1 { float:left; width:80px; text-align:right; }
.firends .txt2 { padding:0 0 20px 20px; float:left; }
.firends .txt2 li { float:left; padding:0 20px 0 0; }
.firends .txt2 li a { color:#666; }

.shop_pic { padding:30px; }
.shop_pic .l { width:240px; height:240px; border:1px solid #ccc; padding:9px; }
.shop_pic .l div { width:240px; height:240px; }
.shop_pic .r { width:370px; padding:0 30px 30px 0; }
.shop_pic .r td { padding:5px 2px; font-size:14px; }
.td3 { width:80px; text-align:right; color:#888; }



/**新加**/
td4{text-align:left;}
.shadow{ margin-left:10px; float:left; margin-right:20px; background-color:#EFEFEF;}
.shadow img{ padding:4px; border:1px solid #CDCDCD; background-color:#FFFFFF; position:relative; top:-5px;left:-5px;}
.pagelist { padding:15px 20px 40px 30px; text-align:center;width:710px; }
.pagelist2 { width:710px; margin:0 auto; padding-left:10px; }
.pagelist font { display:block; width:20px; height:18px; border:1px solid #ccc; float:left; margin:0 6px 0 0; }
.pagelist a { text-decoration:none; display:block; width:32px; height:18px; border:1px solid #7EB7F0; float:left; margin:0 4px 0 0; }
.pagelist a:hover { background:#DDCAA9; border:1px solid #06c; }
.pagelist span { float:left; padding:0 3px 0 0; }
.page1 { float:left; padding:0 100px 0 0; }
.page2 { float:right; }

.tblist
{
    border-top: 1px solid #C89A7B;
    border-left: 1px solid #C89A7B;
}
.tblist th, .tblist td
{ 
    border-right: 1px solid #C89A7B;
    border-bottom: 1px solid #C89A7B;
    color: #111;
}
.tblist th a, .tblist td a
{
    color: #06c;

}
.tblist tr:hover td
{
    background: #ffc;
}

.control
{
    background: url(/img/control.gif);
    height: 24px;
    padding: 0 2px;
    border: 1px solid #ccc;
    line-height: 22px;
    color: #333;
    cursor: pointer;
}

.key{margin:0 0px 0 10px;}


 .pn {FLOAT: left; WIDTH: 387px; LINE-HEIGHT: 30px;  padding-left:50px; HEIGHT: 70px}
 .pn .sx {FLOAT: left;FONT-SIZE: 14px; FLOAT: left; WIDTH: 460px; COLOR: #999999; LINE-HEIGHT: 30px; HEIGHT: 30px}
 .pn  A {FONT-SIZE: 14px; WIDTH: 430px; COLOR: #996600; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-DECORATION: none}
 .pn  A:hover {TEXT-DECORATION: underline}
 
 
 .limit-box {
	BORDER-RIGHT: #e6e6e6 1px solid; BORDER-TOP: #e6e6e6 1px solid; MARGIN:0px auto; OVERFLOW: hidden; BORDER-LEFT: #e6e6e6 1px solid; WIDTH: 220px; BORDER-BOTTOM: #e6e6e6 1px solid; POSITION: relative; HEIGHT: 260px
}
.limit-buy-hd {
	BACKGROUND: url(../img/title.gif) #f8f8f8 no-repeat 80px 0px; LINE-HEIGHT: 37px; BORDER-BOTTOM: #e6e6e6 1px solid; POSITION: relative; HEIGHT: 37px
}
.limit-buy-hd H2 {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 10px; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 85px; PADDING-TOP: 0px
}
.limit-buy-nav {
	FLOAT: right; MARGIN: 7px 10px 0px 0px; WIDTH: 60px
}
.limit-buy-nav SPAN {
	FONT-SIZE: 14px; FLOAT: left; WIDTH: 44px; LINE-HEIGHT: 21px; HEIGHT: 21px; TEXT-ALIGN: center
}
.limit-buy-nav EM {
	FONT-WEIGHT: 700; COLOR: #ea5501; MARGIN-RIGHT: 1px
}
.limit-buy-nav .prev {
	BACKGROUND: url(../img/arrowbg.png) no-repeat -59px -180px; FLOAT: left; MARGIN: 6px 0px 0px; OVERFLOW: hidden; WIDTH: 8px; HEIGHT: 9px
}
.limit-buy-nav .next {
	BACKGROUND: url(../img/arrowbg.png) no-repeat -59px -180px; FLOAT: left; MARGIN: 6px 0px 0px; OVERFLOW: hidden; WIDTH: 8px; HEIGHT: 9px
}
.limit-buy-nav .next {
	BACKGROUND-POSITION: -52px -180px
}
.limit-buy-bd {
	Z-INDEX: 1; LEFT: 0px; OVERFLOW: hidden; WIDTH: 9000px; POSITION: absolute; TOP: 38px
}
.btn-prev {
	DISPLAY: none; Z-INDEX: 10; BACKGROUND: url(../img/arrowbg.png) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 27px; POSITION: absolute; TOP: 93px; HEIGHT: 48px
}
.btn-next {
	DISPLAY: none; Z-INDEX: 10; BACKGROUND: url(../img/arrowbg.png) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 27px; POSITION: absolute; TOP: 93px; HEIGHT: 48px
}
.btn-prev {
	LEFT: 0px
}
.btn-next {
	BACKGROUND-POSITION: -40px 0px; RIGHT: 0px
}
.btn-prev:hover {
	BACKGROUND-POSITION: 0px -60px
}
.btn-prev:active {
	BACKGROUND-POSITION: 0px -120px
}
.btn-next:hover {
	BACKGROUND-POSITION: -40px -60px
}
.btn-next:active {
	BACKGROUND-POSITION: -40px -120px
}
.products {
	FLOAT: left; WIDTH: 220px; padding-top:0px; margin-top:0px;
}
.products LI {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FLOAT: left; padding-top:0px; PADDING-BOTTOM: 0px; WIDTH: 200px; POSITION: relative; HEIGHT: 280px
}
.products LI .pic {
	MARGIN: 0px auto 4px; OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 220px;
}
.products LI .pic IMG {
	WIDTH: 200px;  height:140px;
}

.products LI .name {
	MARGIN: 0px 0px 2px; OVERFLOW: hidden;border:1px solid #ff0; LINE-HEIGHT: 26px; HEIGHT: 26px; TEXT-ALIGN: center; color:#000;
}

.dclass{width:1024px; float:left; padding-left:10px;}
.classbox {padding:5px 0px 5px 10px;float:left;width:312px; }
.classbox .hd {
	BACKGROUND: url(../img/title.gif) #f8f8f8 no-repeat 80px 0px; LINE-HEIGHT: 37px; BORDER: #e6e6e6 1px solid;border-width:1px 1px 0px 1px; POSITION: relative; HEIGHT: 37px
}
.classbox .hd H2 {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 10px; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 145px; PADDING-TOP: 0px
}
.classmore a { text-decoration:none;FLOAT: right; WIDTH: 60px;color:#000; }
.classmore a:hover { text-decoration:underline; }
.listtxt  {border:1px solid #ddd; padding:5px 10px 10px 0; height:272px; }
.listtxt ul li{overflow:hidden;border-bottom:1px dashed #ccc; height:28px; line-height:28px;}
.listtxt ul li .t {float:left; width:250px; padding:0 0 0 10px;overflow:hidden; }
.listtxt ul li .t a { text-decoration:none; }
.listtxt ul li .t a:hover { text-decoration:underline; }
.listtxt ul li .d { float:right; width:40px; text-align:right; font:11px Verdana, Arial, Helvetica, sans-serif; color:#888; }

.infos{font-size:14px; border:1px dashed #f80;  color:#00A0E9;  height:28px; line-height:28px; width:950px; font-weight:bolder;}
.infos li {height:28px; line-height:28px;}