body {
	background: url(../images/bg_bricks.jpg) black;
}

.container {
	width: 948px; /* 24 + 900 + 24 */
	margin: 0 auto;
	padding-bottom: 60px;
}

.smain {
	width: 100%;
	background: url(../images/bg_smain.gif);
	/*
	background: url(../images/bg_smain.png);
	behavior: url(../images/iepngfix.htc);
	*/
}

.main {
	padding: 0 24px 0 24px;
}

/*----- Shadow -----*/
.stl, .str, .sbl, .sbr {
	width: 24px;
	height: 24px;
}

.st,.sb {
	width: 900px;
	height: 24px;
}

.stl {
	/*
	background: url(../images/bg_stl.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	*/
}

.str {
	/*
	background: url(../images/bg_str.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	*/
}

.st {
	/*
	background: url(../images/bg_st.png);
	behavior: url(../images/iepngfix.htc);
	*/
}

.sbl {
	/*
	background: url(../images/bg_sbl.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	*/
}

.sbr {
	/*
	background: url(../images/bg_sbr.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	*/
}

.sb {
	/*
	background: url(../images/bg_sb.png);
	behavior: url(../images/iepngfix.htc);
	*/
}
/*----- end: Shadow -----*/

#tb_index {
	width: 100%;
	height: 197px;
	background: url(../images/topbanner_index.gif) no-repeat;
}

#tb_page {
	width: 100%;
	height: 126px;
	background: url(../images/topbanner_page.gif) no-repeat;
}
#tb_page2009 {
	width: 100%;
	height: 126px;
	background: url(../images/topbanner2009_page.gif) no-repeat;
}

#signcount {
	width: 75px;
	height: 30px;
	margin: 25px 20px;
	text-align: center;
	font-size: 25px;
	font-family: arial;
	font-weight: bold;
	color: white;
}

#tb_sign {
	margin: 10px 15px 0 0;
}

#tb_poem {
	width: 100%;
	height: 70px;
	background: url(../images/topbanner2_index.gif) no-repeat;
}

#tb_poem1 {
	width: 90px;
	height: 30px;
}

#tb_poem2 {
	width: 720px;
	height: 30px;
}


#music {
	width: 90px;
	height: 30px;
	z-index: 10;
}



.topicleft {
	margin-right: 13px;
}

.topicbtn {
	width: 187px;
	text-align: right;
}
.topicbtn1 {
	width: 187px;
	text-align: right;
}

#title_newsign {
	margin: 20px 0 5px 50px;
	width: 95px;
	height: 28px;
	background: url(../images/title_newsign.gif) no-repeat;
}

#signlist {
	width: 187px;
	height: 335px;
	background: url(../images/bg_signbricks.jpg) no-repeat;
}

#signlist div {
	padding: 20px 10px 0 40px;
	line-height: 20px;
}

#signlist li {
	width: 65px;
	float: left;
}

#signlist a {
	color: #f30;
}

#searchsign {
	margin-left: 20px;
	line-height: 22px;
}

#searchsign input {
	margin-bottom: 5px;
}

#topic1 {
	margin-top: 15px;
}
#topic1 .topicbanner {
	width: 187px;
	height: 143px;
	background: url(../images/topic1_banner.gif) no-repeat;
	margin-bottom: 15px;
}

#topic1 .topictext {
	width: 681px;
	height: 85px;
	background: url(../images/topic1_text.gif) no-repeat;
	margin-bottom: 15px;
}

#topic6 {
	margin-top: 15px;
}
#topic6 .topicbanner {
	width: 187px;
	height: 173px;
	background: url(../images/topic6_banner.gif) no-repeat;
	margin-bottom: 15px;
}

#topic6 .topictext {
	width: 681px;
	height: 85px;
	background: url(../images/topic1_text.gif) no-repeat;
	margin-bottom: 15px;
}

#brandlogos {
	width: 683px;
}

#brandlogos li {
	float: left;
	display: inline;
}


#topic2 {
	margin-top: 15px;
}

#topic2 .topicbanner {
	width: 187px;
	height: 140px;
	background: url(../images/topic2_banner.gif) no-repeat;
	margin-bottom: 15px;
}

#topic2 .topictext {
	width: 681px;
	height: 71px;
	background: url(../images/topic2_text.gif) no-repeat;
}


#topic3 {
	margin-top: 15px;
}

#topic3 .topicbanner {
	width: 187px;
	height: 188px;
	background: url(../images/topic3_banner.gif) no-repeat;
	margin-bottom: 15px;
}

#topic3 .topictext {
	width: 681px;
	height: 103px;
	background: url(../images/topic3_text.gif) no-repeat;
}

#topic3 .topicbtn {
	text-align: center;
	margin: 15px auto;
}

#topic7 {
	margin-top: 15px;
}

#topic7 .topicbanner {
	width: 187px;
	height: 188px;
	background: url(../images/topic7_banner.gif) no-repeat;
	margin-bottom: 15px;
}

#topic7 .topictext {
	width: 681px;
	height: 103px;
	background: url(../images/topic7_text.gif) no-repeat;
}

#topic7 .topicbtn {
	text-align: center;
	margin: 15px auto;
}

#topic4 {
	margin-top: 15px;
}

#topic4 .topicbanner {
	width: 187px;
	height: 163px;
	background: url(../images/topic4_banner.gif) no-repeat;
	margin-bottom: 15px;
}

.brandtitle2 {
	width: 100%;
	height: 60px;
	background: url(../images/bg_brandtitle.gif) no-repeat center;
}

#brandname2 {
	margin: 12px 0 0 170px;
	font-size: 25px;
	font-weight: bold;
}

#brandname2 .tip {
	color: #f90;
}

.brandtitle {
	width: 681px;
	height: 60px;
	background: url(../images/bg_brandtitle.gif) no-repeat;
}

#brandname {
	margin: 12px 0 0 60px;
	font-size: 25px;
	font-weight: bold;
}

#brandname .tip {
	color: #f90;
}

#btn_back {
	margin: 15px 16px 0 0;
}


#brandlogo {
	margin: 70px 15px 30px 0;
	width: 540px;
	text-align: center;
}

#brandprod {
	margin: 15px 15px 30px 0;
	width: 550px;
	text-align: center;
}

#signing {
margin: 10px 30px 0 20px;float:left;
}

#signdesc {
	text-align: center;
	border-top: 1px #ddd solid;
	padding: 12px;
	margin: 15px 0 5px 0;
}

#signdesc p {
	font-size: 15px;
	font-weight: bold;
}

#signdesc .tip {
	color: red;
}

.win_desc_t {
	width: 659px;
	height: 26px;
	background: url(../images/win_desc_t.gif) no-repeat;
    margin-top:20px;
}

.win_desc_c {
	width: 659px;
	background: url(../images/win_desc_c.gif);
}

.win_desc_c .desc {
	padding: 1px 30px;
	font-size: 14px;
	line-height: 24px;
}

.win_desc_b {
	width: 659px;
	height: 26px;
	background: url(../images/win_desc_b.gif) no-repeat;
}

#signbtn {
	margin: 20px 0;
	text-align: center;
}

#signform {
	width: 630px;
	margin: 0 20px 0 0;
	padding: 15px;
    font-size:14px;
	background-color: #f7f7f7;
}

#signform .ac {
	text-align: center;
}

#signform .s {
	font-size:20px;
	font-weight: bold;
}

#signform li.title {
	margin: 10px 0 5px 0;
	font-weight: bold;
}

#signform .isay {
	color: #f30;
}

#signform .note {
	margin-top: 20px;
	color: #666;
}

#signform2 {
	width: 630px;
	margin: 0 auto;
	padding: 15px;
	background-color: #f7f7f7;
}

#signform2 .ac {
	text-align: center;
}

#signform2 .s {
	font-size:25px;
	font-weight: bold;
}

#signform2 li.title {
	margin: 10px 0 5px 0;
	font-weight: bold;
}

#signform2 .isay {
	color: #f30;
}

#signform2 .note {
	margin-top: 20px;
	color: #666;
}

#footer {
	margin: 50px 0 0 0;
	padding: 20px 0 30px 0;
	border-top: 1px #ccc solid;
	text-align: center;
}

#supportlist {
	font-size: 14px;
}

#supportlist .tip {
	color: #f60;
	font-weight: bold;
}

#supportlist2 {
	font-size: 14px;
	line-height: 24px;
	width: 680px;
}

#supportlist2 .from {
	color: #999;
}

#supportlist2 li {
	width: 130px;
	float: left;
}

#nomform {
	width: 350px;
	margin: 0 auto;
	padding: 15px;
	background-color: #f7f7f7;
}

#nomform li.title {
	margin: 10px 0 5px 0;
	font-weight: bold;
}

#nomform .isay {
	color: #f30;
}

#nomform .note {
	margin-top: 20px;
	color: #666;
}

.prevnext {
	margin: 20px 60px 0 0;
	font-size: 12px;
}

#subbrand {
	text-align: center;
	margin: 25px 0;
}

#subbrand li {
	margin-bottom: 15px;
}

#discuss {
	text-align: right;
	margin-bottom: 20px;
	font-weight: bold;
}

#thanks {
	text-align: center;
}
#signed_bg{display:none;width:100%;height:200%;background: url(../images/bg_bricks.jpg) black;position:absolute;top:0;left:0;-moz-opacity:0.5; filter:alpha(opacity=50);}
#signed_box{border:#666 1px solid;width:660px;height:367px;*height:472px;position:absolute;top:50px;left:30%;display:none}
#signed_box .title{height:15px;padding:2px 5px 0;background:#333;color:#fff;}
#signed_box .title h4{float:left;padding:0;margin:0;font-size:10px;line-height:12px;}
#signed_box .title span{float:right;cursor:pointer;font-size:10px;line-height:12px;}
#signed_box .content{background:#fff;height:350px;*height:455px;font-size:10px} 
.error{color:#ff0000;font-size: 10px;}

/*----- add -----*/

.adbanner {
	width: 100%;
	margin-top:15px;
	margin-bottom:10px;
    padding-left:12px;
}

#topicnews{background:url(../images/topicnews.gif) no-repeat; margin:15px 0 0 25px;padding:2px 0 0 10px;width:155px;height:270px;font-size:12px;line-height:35px}
#top_nav{
 padding:10px 0px 0px 240px;
 margin-top:25px;
 border-bottom:1px solid #cccccc;
}
/* #topicnews li{background:url(../images/navigationdot.png) no-repeat;background-position:3px 10px;padding-left:18px} */
#topicnews li{padding-left:18px}
#top_nav div{ float:left;margin:0px;margin-top:-25px;}


#picbanner{ width:900px; height:94px;overflow:hidden; display:inline-block; margin-top:10px;
}
#pic_div{ width:3200px; height:94px;overflow:hidden; display:inline-block; margin-top:10px;
}
#picbanner div{ float:left;margin:0 5px 0px 0px}
#prize{
	margin: 20px 0 5px 50px;
	width: 132px;
	height: 37px;
}

#prizebanner{
	width: 869px;
	height: 370px;
    padding:0 0 0 3px;
}
.prize_content{ width:250px; padding:10px 20px 10px 17px;float:left}
.prize_content img{float:left; padding:10px 5px 5px 0px}
.prize_content h1{ padding:3px 0px 10px 1px; float:left; font-size:16px; color:#ff8402; font-weight:bolder; width:106px}
.prize_content h1 a{color:#ff8402;}
.prize_content h2{ float:left}
.member {display:inline-block;width:36px;height:15px;overflow:hidden;}

/* product */
#product_nav{padding:0px 0px 0px 240px; background:url(../images/topbanner2_page.gif) no-repeat; height:40px;border-bottom:1px solid #cccccc}

#product_nav div{ float:left;margin:0px; margin-top:15px;}

#gai_signdesc{ }
.product_index{width:260px;float:left; padding-left:15px; padding-right:15px; height:1px}
#gai_productpic{ text-align:center}
#gai_signdesc{ text-align:center; line-height:24px; margin-top:10px}
#gai_signdesc .tip {color: red;}
#gan_signbtn{ text-align:center; line-height:24px;}
#gai_introductiontext{float:left; /*width:340px; height:520px; padding-left:290px;*/}
#gai_productcontent{width:360px; height:520px; overflow:auto}
.topic5banner {
	width: 187px;
	height: 173px;
	background: url(../images/topic5_banner.gif) no-repeat;	margin-bottom: 15px;
}

.topic5text {
	margin-bottom: 15px;
}
.product{ width:610px; padding-bottom:20px;line-height:16px}
.product .product_img{ float:left; margin-right:20px}
.product .people{ float:left; margin:5px 0px 10px 0px; width:200px}
.product .people_img{ float:left; margin-right:15px}
.product .people_title{ width:110px; float:left;font-weight:bold;font-size:12px;margin-bottom:5px}
.product .people_title a{color:#666666}
.product .people_content{ width:110px; height:50px; overflow:hidden; font-size:12px; color:#666666}

.brand{ width:610px; padding-bottom:20px;line-height:18px}
.brand .product_img{ float:left; margin-right:20px}
.brand .product_img img{ float:left; width:120px}
.brand .people{ float:left; margin:5px 5px 15px 0px; width:230px}
.brand .people_img{ float:left; margin-right:15px}
.brand .people_title{ width:140px; float:left;font-weight:bold;font-size:12px;margin-bottom:5px}
.brand .people_title a{color:#666666}
.brand .people_content{ width:140px; height:50px; overflow:hidden; font-size:12px; color:#666666}
.div_line{background:url(../images/dash.jpg) no-repeat;}

#supportlist3 {
    background:url(../images/bg_signbricks.jpg) repeat-x;
	font-size: 14px;
	line-height: 24px;
	width: 680px;
	margin-left:50px;
}

#supportlist3 .from {
	color: #999;
}

#supportlist3 li {
	width: 130px;
	float: left;
}
#supportlist3 a{ color:#FF0000}
.nav_account {width: 190px;margin:10px 0 0 20px; float:left;position:absolute;}
.nav_account a{color:#FFFFFF}
.loginName a{color:#000000}
.login_thumb { float: left; margin: 0px 13px 0 0; padding: 3px 0 0 3px; width: 24px; height: 24px;display: block; }