@charset "utf-8";
/* CSS Document 
Use for:	dc.gamedp.com
Version:	1.01
Date:		2009/11/18
Author:		Rachel
Update:		
*/

/* CSS Reset */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,img,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td{ padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
input,select,textarea{ font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif}
ol, ul { list-style: none;padding-top:4px }
h1, h2, h3, h4, h5, h6 {font-size: 100%; }

/* bass css */
body{ margin:0 auto; text-align:center;font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #000000; }
.full_bg{ width:100%; background: url(http://images.gamedp.com/dc/images/homepage_cb/full_bg.jpg) no-repeat center top; }
.wrapper{ margin:0 auto; width:1002px; text-align:left  }
td {font-size:12px; line-height:160%;}
.left, .center{ float:left }
.right { float:right }

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear {+display:none; clear:both }
.clearfix { clear:both;}

/* link css */
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.color_1,.color_1 a { color: #88765f;}

/****************************************** 
 *index
 ******************************************/

/* -----------header---------- */
.header{ position: relative;}
	.flash { position: absolute; width: 1002px; height: 290px;}
	.botnbox { position: absolute; width: 232px; height: 149px; z-index:1; left: 724px; top: 199px; }



	.bg1 { background: url(http://images.gamedp.com/dc/images/homepage_ob/homepage0226/DCbg_02_0226_1.jpg) no-repeat; height: 120px;}
	.bg2 { background: url(http://images.gamedp.com/dc/images/homepage_ob/homepage0226/DCbg_04_0226.jpg) no-repeat; height: 90px;}
	.bg3 { background: url(http://images.gamedp.com/dc/images/homepage_ob/homepage0226/DCbg_05_0226.jpg) no-repeat; height: 88px;}



	




    .flash02{ position: absolute; width: 232px; height: 149px; z-index:1; left: 724px; top: 199px; }
    .logo { display:block; height:60px; left:79px; position:absolute; top:45px; width:200px; z-index:100 }
	.advertise { display:block; height:118px; left:165px; position:absolute; top:172px; width:450px; z-index:100 }
                .bbg_award { display:block; height:75px; left:790px; position:absolute; top:602px; width:80px; z-index:100 }
	a:hover {cursor:pointer}


/* -----------main------------ */
.main{}
	.cont { width: 656px;}
	/* nav */
	.nav{ background: url(http://images.gamedp.com/dc/images/homepage_ob/homepage0226/DCbg_06_0226.jpg) no-repeat; height: 39px; line-height: 39px;}
		.nav li { float: left; font-weight: 700; background: url(http://images.gamedp.com/dc/images/homepage_cb/sprite.gif) no-repeat 0 12px; padding-left: 15px; color: #a8924a; margin: 0 18px; display: inline;}
		.nav li a { color: #a8924a;}
		.nav li a:hover { color: #f6e19e; text-decoration: none;}
	.contbox { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_13.jpg) repeat-y;}
	.contbox_t { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_08.jpg) no-repeat center top; padding: 6px 0 0;}
	.contbox_b { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_24.jpg) no-repeat center bottom; padding: 0 0 20px;}
		.flashimg { background: url(http://images.gamedp.com/dc/images/homepage_cb/flashbg.jpg) no-repeat; width: 629px; height: 292px; margin: 0 auto; padding: 9px 9px 0;}
		.contbox_b h3 { height: 32px; width: 631px; line-height: 32px;}
			.contbox_b h3 span { float: right; font-weight: 400; color: #c5b07f; padding-right: 15px;}
			.contbox_b h3 span a { color: #c5b07f;}
		/*Announcement*/
		.announce,.event,.wall { width: 631px; margin: 0 auto 10px; height: 100%; overflow: hidden;}
			h3.antit { background:url(http://images.gamedp.com/dc/images/homepage_cb/sub_nav_news.jpg) no-repeat;}
			.ancont { background: url(http://images.gamedp.com/dc/images/homepage_cb/textbg_edit.jpg) no-repeat; width: 621px; max-height: 96px; padding: 15px; overflow: hidden;}
			.text_box { width: 580px;}
				.text_box h4 { color: #710500; padding-bottom: 5px;font-size:16px}
				.text_box h4 a { color: #710500;}
				.info { line-height: 18px; color:#423512; width: 580px; max-height: 60px; overflow: hidden;}
				.info a { color: #423512;}
				.info a:hover { color: #8c2e18;}
				.date { color: #59554a; font-size: 11px; padding-top: 3px;}
			.picbox { width: 122px; height: 92px;}
			.picbox img,.scrollpic li img { width: 120px; height: 90px; border: 1px solid #cab57d;}
			.picbox a:hover img,.scrollpic li a:hover img { border: 1px solid #8c2e18;}
		/*Event*/
		h3.eventtit { background: url(http://images.gamedp.com/dc/images/homepage_cb/sub_nav_events.jpg) no-repeat;}
		.event .ancont { padding-top: 15px; height: 140px;}
		ul.event_list { line-height: 27px; font-weight: 700; color: #710500;}
		ul.event_list a { color: #710500;font-size:14px}
		ul.event_list a:hover { color: #584a25;}
		.time { float: right; padding-right: 20px; font-size: 11px; font-weight: 400; color: #4b3c20;}
		/*Wallpaper&Concept Arts*/
		.wall { position: relative;}
		h3.walltit { background: url(http://images.gamedp.com/dc/images/homepage_cb/subbg_03.jpg) no-repeat;}
		.scrollpic { width: 531px; height: 96px; margin: 0 auto; overflow: hidden;}
		.scrollpic li { float: left; padding: 0 5px;}
		a.lico { display: block; position: absolute; background: url(http://images.gamedp.com/dc/images/homepage_cb/sprite.gif) no-repeat 0 -206px; width: 26px; height: 22px; left: 12px; top: 80px; }
		a:hover.lico { background: url(http://images.gamedp.com/dc/images/homepage_cb/sprite.gif) no-repeat -30px -206px;}
		a.rico { display: block; position: absolute; background: url(http://images.gamedp.com/dc/images/homepage_cb/sprite.gif) no-repeat 0 -231px; width: 26px; height: 22px; left: 593px; top: 80px; }
		a:hover.rico { background: url(http://images.gamedp.com/dc/images/homepage_cb/sprite.gif) no-repeat -29px -231px;}
	.sidebar { width: 346px;}
	.sidebarbg { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_21.jpg) repeat-y;}
	.sidebarbot { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_23.jpg) no-repeat; height: 170px;}
		.bg4 { background: url(http://images.gamedp.com/dc/images/homepage_ob/homepage0226/DCbg_07_0226.jpg) no-repeat; height: 65px;}
		.bg5 { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_09.jpg) no-repeat; height: 59px;}
		.sidebar h3 { text-align: center; color: #efd587; font-size: 14px;}
		/*Beta Test Key*/
		h3.key { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_10.jpg) no-repeat; height: 26px; line-height: 28px; overflow: hidden;}
		.beta { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_11.jpg) repeat-y;}
		.beta_b { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_14.jpg) no-repeat center bottom; padding: 0 30px 80px 35px; position: relative;}
			.beta_b td { padding: 3px 0; font-weight: 700; color: #afad73;}
			.inputbg1 input,.inputbg2 input { background: none; border:none; color: #fff;}
			.inputbg1 { background: url(http://images.gamedp.com/dc/images/homepage_cb/sprite.gif) no-repeat right -244px; width: 171px; height: 24px; padding: 4px 0 0 2px;}
			.inputbg1 input { width: 165px;}
			.inputbg2 { background: url(http://images.gamedp.com/dc/images/homepage_cb/sprite.gif) no-repeat right bottom; width: 112px; height: 24px; padding: 4px 0 0 2px;}
			.inputbg2 input { width: 105px;}
			.btn_submit {background: url(http://images.gamedp.com/dc/images/homepage_cb/sprite.gif) no-repeat left -48px; border: none; cursor: pointer; width: 58px; height: 57px; position: absolute; right: 50px; top: 10px;}
			.textbox { color: #866a69; line-height: 18px;}
			.inp_area { padding: 10px 0;}
			.inp_area div { padding-top: 10px;}
			#verifypic img {vertical-align: middle;}
		/*Tips for beginners*/
		h3.tips { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_16.jpg) no-repeat; height: 24px; line-height: 24px;}
		.beginner { padding: 20px 0 5px; }		        
		.blo { background: url(http://images.gamedp.com/dc/images/homepage_cb/blockbg.jpg) repeat-y; width: 309px; margin: 0 auto 15px; position: relative;}
		.blo_t { background: url(http://images.gamedp.com/dc/images/homepage_cb/blockbg.jpg) no-repeat -309px top; padding: 15px 0 0;}
		.blo_b { background: url(http://images.gamedp.com/dc/images/homepage_cb/blockbg.jpg) no-repeat right bottom; padding: 0 0 15px; height: 100%; overflow: hidden;}
			span.tit { background: #260101 url(http://images.gamedp.com/dc/images/homepage_cb/titbg.jpg) repeat-y; display: block; position: absolute; color: #f9f588; padding: 2px 5px; left: 16px; top: -9px; }
			.blo_b ul { color: #787642; line-height: 20px; width: 276px; margin: 0 auto;}
			.blo_b ul a { color: #787642;}
			.blo_b ul a:hover { color: #5f2828;}
			.blo_b li { float: left; background: url(http://images.gamedp.com/dc/images/homepage_cb/sprite.gif) no-repeat 0 -138px; padding-left: 10px; width: 125px; overflow: hidden;}
		/*Game Items*/
		h3.gametit { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_19.jpg) no-repeat; height: 24px; line-height: 24px;}
		.game table { width: 330px; margin: 10px auto 0;}
		.game td { padding: 2px 0; cursor: pointer;}
		.itembg { display:block; background: url(http://images.gamedp.com/dc/images/homepage_cb/tipbg.jpg) no-repeat; width: 163px; height: 44px; margin-left: 3px;}
		.itembg:hover { background: url(http://images.gamedp.com/dc/images/homepage_cb/tipbg.jpg) no-repeat 0 -44px; text-decoration:none;}
		.jTipContent{display:none;}
		.jTipBox{ background: #c7b27b; border: 1px solid #d8d42a; padding: 2px;}
		.pic { float: left; width: 40px; height: 40px; padding: 2px 0 0 6px;}
		.pic img { width: 39px; height: 39px;}
		.text { float: right; width: 110px; line-height: 16px; padding: 3px 5px 0 0; overflow: hidden; color: #caa575;}
		.text a { color: #caa575;}
		/*Login Tools Down*/
		a.login { display: block; width: 313px; height: 75px; background: url(http://images.gamedp.com/dc/images/homepage_cb/launcher_edit_2.jpg) no-repeat; margin: 15px auto 0;}
		a:hover.login { background: url(http://images.gamedp.com/dc/images/homepage_cb/launcher_edit_2.jpg) no-repeat 0 -75px;}
		/*Feature Systems*/
		a.feature { display: block; width: 313px; height: 75px; background: url(http://images.gamedp.com/dc/images/homepage/customer_support_button_edit.jpg) no-repeat; margin: 5px auto 0;}
		a:hover.feature { background: url(http://images.gamedp.com/dc/images/homepage/customer_support_button_edit.jpg) no-repeat 0 -75px;}
		/*promotional_trailer*/
		a.promotional_trailer { display: block; width: 313px; height: 75px; background: url(http://images.gamedp.com/dc/images/homepage_ob/promotional_tr3.gif) no-repeat; margin: 5px auto 0;}
		a:hover.promotional_trailer { background: url(http://images.gamedp.com/dc/images/homepage_ob/promotional_tr3.gif) no-repeat 0 -75px;}
		


/*-------------Timer------------*/
		 #cdlab {font-size:13px;color:#FFFF66;margin-left:3px}
		 #time {font-size:13px;color:#FFFF66;font-weight:bold;padding:5px}
		 #clock {font-size:13px;color:#FFFF66}



/*Reviws*/
       .review{ width: 631px; margin: 0 auto 10px; height: 100%; overflow: hidden;}
		h3.reviewtit { background: url(http://images.gamedp.com/dc/images/homepage_cb/sub_nav_reviews.jpg) no-repeat;}
		.review .ancont { padding-top: 15px; height: 135px;paddin-left:20px}
		ul.review_list { line-height: 27px; font-weight: 700; color: #710500;}
		ul.review_list a { color: #710500;font-size:14px}
		ul.review_list a:hover { color: #584a25;}
		.time { float: right; padding-right: 20px; font-size: 11px; font-weight: 400; color: #4b3c20;}

/*Player Pic Display*/

      .playerpic {margin:25px 0 190px 0}
		h3.avatartit { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_19.jpg) no-repeat; height: 24px; line-height: 24px}
		.pic_block {background: url(http://images.gamedp.com/dc/images/homepage_ob/avatar_back.gif) no-repeat; height: 180px;width:306px;margin:11px 34px;position:absolute}
		
		.avatarList {position:relative}
		.avatarContainer {border:1px solid; border-color:#EFD587; height:73px; width:50px; margin:10px 9px 2px 10px; float:left;}

        .avatarLink {color:#FFCC00; float:right;p}

.join {background:transparent url(http://images.gamedp.com/dc/images/cb_key_page//more.gif) no-repeat scroll 0 3px;color:#CC9900;padding-left:15px;text-decoration:underline}


/*--------Community--------*/
		h3.comtit { background: url(http://images.gamedp.com/dc/images/homepage_cb/DCbg_19.jpg) no-repeat; height: 24px; line-height: 24px;}
		.com table { width: 330px; margin: 10px auto 0;}
		.com td { padding: 2px 0; cursor: pointer;}
		.combg { display:block; background: url(http://images.gamedp.com/dc/images/homepage_cb/tipbg_community.jpg) no-repeat; width: 163px; height: 44px; margin-left: 3px;}
		.combg:hover { background: url(http://images.gamedp.com/dc/images/homepage_cb/tipbg_community.jpg) no-repeat 0 -44px; text-decoration:none;}
		.jComContent{display:none;}
		.jComBox{ background: #c7b27b; border: 1px solid #d8d42a; padding: 2px;}
		.pic { float: left; width: 40px; height: 40px; padding: 2px 0 0 6px;}
		.pic img { width: 39px; height: 39px;}
		.text { float: right; width: 110px; line-height: 16px; padding: 3px 5px 0 0; overflow: hidden; color: #caa575;}
		.text a { color: #caa575;}


		
/* -----------footer---------- */

.footer{height:98px;overflow:hidden;zoom:1; font-size:11px; text-align:center;padding:0 10px;color:#4d3b08;}
	.footer .btm_logo{display:inline-block;background:url(http://images.gamedp.com/dc/images/homepage_cb/logo_black_edit.jpg) no-repeat;width:148px;height:62px; margin:10px 0 0 130px;float:left;}
	.footer .link{float:right;margin:24px 250px 0 0;line-height:21px;text-align:center;width:450px;display:inline;}
	.footer .link a{color:#4d3b08;}
	.footer a{color:#a5a4a2;}
/*ico*/
.ico_fb,.ico_tw,.ico_wiki,.ico_luckygem,.ico_dragonshard,.ico_vip,.ico_pro,.ico_gold,.ico_exp{ background:url(http://images.gamedp.com/dc/images/homepage_ob/ico2.png) no-repeat 0 0; display:block; text-indent:-500em; width:35px; height:35px; outline:none;}
.ico_fb{background-position:0 -117px;}
.ico_tw{background-position:0 -152px;}
.ico_wiki{background-position:0 -187px;}
.ico_luckygem{background-position:0 0; width:39px; height:39px;}
.ico_dragonshard{background-position:-39px 0; width:39px; height:39px;}
.ico_vip{background-position:0 -39px; width:39px; height:39px;}
.ico_pro{background-position:-39px -39px; width:39px; height:39px;}
.ico_gold{background-position:0 -78px; width:39px; height:39px;}
.ico_exp{background-position:-39px -78px; width:39px; height:39px;}