﻿/* 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; max-height:400px; }

.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: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:18px 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 30px 40px 35px; text-align:center; }
.pagelist2 { width:710px; margin:0 auto; padding-left:10px; }
.pagelist font { display:block; width:30px; height:18px; border:1px solid #ccc; float:left; margin:0 6px 0 0; }
.pagelist a { text-decoration:none; display:block; width:40px; height:18px; border:1px solid #7EB7F0; float:left; margin:0 6px 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;
}

