@charset "utf-8";
@import url(/logo/ldj_logo.css);
#sidebar .download,
#roll .btn-wrapper a,
#tab,
#tab .btn,
.join,
#pop-reg .outer .inner .list #reg,
#submit,
.copy-wrapper .copy-link  {background:url(http://i3.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_3.gif) no-repeat;}
body {font-family:tahoma,arial,宋体,sans-serif; font-size:12px;}
/* global */
#page {width:100%; background:#e5faff url(http://i0.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_9.jpg) no-repeat center top;}
#page .inner {margin:0 auto; width:980px; min-height:1300px; height:auto !important; height:1300px;}

/* header */
#header {position:relative; width:980px; height:321px; background:url(http://i1.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_2.jpg) no-repeat;}
#header h1 {display:none;}
.ldj_logo_lk a, .ldj_logo_bg {top:10px; left:4px;}
.ldj_logo_lk a {height: 140px; position:absolute; width:245px; z-index:99999;}
#header .links {position:absolute; top:0; right:37px; height:29px; overflow:hidden;}
#header .links li {padding:0 5px; float:left; height:29px; line-height:29px; font-weight:bold; color:#972700; background:url(http://i1.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_7.jpg) no-repeat right center;}
#header .links li.no {background:none;}
#header .links li a {height:29px; line-height:29px; color:#972700;}
#header .links li a:hover {color:#972700; text-decoration:underline;}


/* main */
#main {width:980px; padding-bottom:48px; min-height:700px; height:auto !important; height:700px; background:#e5faff url(http://i3.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_14.jpg) no-repeat center top;}
.wrapper {width:980px; overflow:hidden;}
#roll {position:relative; margin-top:135px; width:703px; height:174px; background:url(http://i1.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_3.jpg) no-repeat; overflow:hidden;}
#roll .btn-reg {margin-left:25px; display:block; width:180px; height:48px; text-indent:-9999em;}
#roll .btn-wrapper {margin-top:5px; width:100%; overflow:hidden;}
#roll .btn-wrapper a {display:block; float:left; text-indent:-9999em;}
#roll .btn-wrapper .build-team {margin-top:5px; margin-left:20px; width:218px; height:102px; _display:inline; background-position:0 -112px;}
#roll .btn-wrapper .join-team {margin-top:5px; margin-left:16px; width:199px; height:102px; _display:inline; background-position:0 -224px;}
#roll .btn-wrapper .my-team {margin-left:16px; width:197px; height:107px; _display:inline; background-position:0 -338px;}
#roll-in-out {position:absolute; padding-right:15px; top:30px; right:200px; height:22px; width:210px; line-height:22px; color:#850004; text-align:right; background:url(https://i2.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_8.jpg) no-repeat right center;}
#roll-in-out a {margin-left:10px; color:#850004; text-decoration:underline;}
#roll-in-out a:hover {text-decoration:none;}
#num {position:absolute; top:30px; line-height:22px; right:27px; color:#850004; line-height:22px;}
.packer {width:703px; background:url(http://i0.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_16.jpg) repeat-y;}
.packer .outer {width:703px; background:url(https://i2.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_4.jpg) no-repeat center top;}
.packer .outer2 {background:url(http://i1.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_6.jpg) no-repeat center top}
.packer .outer .container {padding-top:24px; width:703px; background:url(http://i3.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_5.jpg) no-repeat center bottom;}
.packer .outer .container .title {position:relative; margin-left:102px; width:569px; height:30px; background:url(http://i0.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_15.jpg) no-repeat center bottom;}
.packer .outer .container2 .title{ margin-bottom:10px;}
.packer .outer .container .title-ul {overflow:hidden; margin:0 0 5px 25px;}
.packer .outer .container .title-ul .server-title {margin-right:12px; float:left; width:85px; line-height:22px; color:#850004; font-weight:bold;}
.packer .outer .container .title-ul .title-ul-add{ margin-left:97px; display:inline;}
.packer .outer .container .title-ul ul {float:left; width:550px;  height:22px; color:#850004; line-height:22px; overflow:hidden;}
.packer .outer .container .title-ul ul li {float:left; text-decoration:underline; cursor:pointer;}
.packer .outer .container .title-ul ul li.right {float:right}
.packer .outer .container .title h3 {color:#850004; font-size:17px; font-weight:bold; line-height:30px; font-family:'微软雅黑', '黑体', '宋体';}
.packer .outer .container .title .bread {position:absolute; top:4px; left:135px; height:28px; line-height:28px;}
.packer .outer .container .title .bread li {margin-right:3px; float:left; color:#850004; font-weight:bold;}
.packer .outer .container .title .bread li a {color:#850004;}
.packer .outer .container .title .bread li a:hover {color:#850004;}
.packer .outer .container2 {padding-bottom:10px; min-height:232px; height:auto !important; height:232px;}
.award {padding-left:15px; overflow:hidden;}
.award li {margin-top:6px; float:left; margin-left:27px; width:189px; height:95px; _display:inline;}
.award li.last {height:108px; position:relative; top:-13px;}
#ways {padding-left:10px; margin-top:23px; overflow:hidden;}
#ways li {margin-left:21px; float:left; width:311px; height:341px; _display:inline;}
#tab {margin:22px auto 0 auto; padding-top:8px; width:640px; height:34px; background-position:0 -451px;}
#tab .guide {width:76px; float:left; height:26px; line-height:26px; color:#850004; font-size:14px; font-weight:bold; text-align:right;}
#tab select {margin-top:3px; float:left; width:110px; margin-left:10px; _display:inline; font-size:12px;}
#tab .btn {display:block; margin-left:10px; float:left; width:89px; height:27px; color:#ffffff; font-size:12px; line-height:27px; text-align:center; font-weight:bold; _display:inline; background-position:0 -499px;}
.table {margin:12px auto 0 auto;}
.table td, 
.table th {text-align:center;}
.table th {padding:3px 0; color:#850004; font-weight:bold; line-height:22px;}
.table td {padding:3px 0; color:#850004; line-height:22px;}
.table td a {color:#850004; text-decoration:underline;}
.table td a:hover {text-decoration:none;}
.page {margin:15px 0 0 0; padding-bottom:15px; text-align:center;}
.page ul {margin:0 auto; display:inline-block; *display:inline; zoom:1;}
.page ul li {float:left; margin-right:12px; color:#5d0003; line-height:22px;}
.page ul li a {color:#5d0003;}
.page ul li a:hover {color:#5d0003; text-decoration:underline;}

/* sidebar */
#sidebar {float:left; margin-right:9px; width:261px;}
#sidebar .reg,
.pop-reg-two {position:relative; margin-left:7px; width:254px; height:310px; background:url(http://i1.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_8.gif) no-repeat;}
.pop-reg-two {display:none;}
#sidebar .reg iframe,
.pop-reg-two iframe {position:absolute; top:45px; left:30px;}
#sidebar .download {margin:9px 0 0 7px; display:block; width:254px; height:100px; background-position:0 0; text-indent:-9999em;}
#sidebar .steps {margin-left:7px; width:254px; height:349px; background:url(https://i2.itc.cn/20110823/2b3b_6e37177f_6fc9_bf24_ba85_adaf6d9ff6aa_1.jpg) no-repeat;}
#sidebar .steps .title {height:56px; text-indent:-99999em;}
#sidebar .steps .note {height:40px; padding:7px 0; line-height:20px;}
#sidebar .steps .note p {text-align:center; color:#850004;}
#sidebar .steps .step {margin-left:23px; width:201px;}
#sidebar .steps .step li {width:100%; margin-bottom:13px; height:42px; float:left; cursor:pointer;}
#sidebar .steps .step li.last-two {margin-bottom:10px;}
#sidebar .steps .step li.last {margin:0; height:45px;}

/* packer-list */
.packer-list {width:100%; overflow:hidden;}
.packer-list li {margin-top:7px; width:100%; float:left;}
.packer-list li label {display:block; margin-right:18px; float:left; width:230px; color:#850004; line-height:22px; text-align:right;}
.packer-list li .contents {float:left; width:400px; color:#850004; line-height:22px;}
.packer-list li .input {display:block; float:left; padding:0 3px; width:144px; height:26px; color:#8d1113; line-height:26px; border-left:#e9d8a4 solid 1px; border-top:#bdaf85 solid 1px; background:#ffedb4;}
.packer-list li .note {margin-left:6px; float:left; color:#f00004; line-height:26px; _display:inline;}
.packer-list li .note a {color:#f00004;}
.packer-list li .note a:hover {text-decoration:none;}
.join {margin-left:193px; float:left; display:block; width:122px; height:36px; color:#ffffff; font-size:14px; font-weight:bold; text-align:center; line-height:36px; _display:inline; background-position:-96px -499px;}
.look-other {margin-left:41px;}
.info {margin:10px auto 7px; width:535px; color:#f00004; line-height:22px;}

/* video ads */
.video-ads {margin:7px auto 0 auto; width:966px; background:url(http://i0.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_17.jpg) repeat-y;}
.video-ads .outer {width:966px; background:url(http://i3.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_5.jpg) no-repeat center top;}
.video-ads .container {padding:20px 0; width:966px; background:url(https://i2.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_6.jpg) no-repeat center bottom; overflow:hidden;}
.video-ads .container .title {position:relative; margin-left:102px; height:30px;}
.video-ads .container .title h3 {color:#850004; font-size:17px; font-weight:bold; line-height:30px; font-family:'微软雅黑', '黑体', '宋体';}
.video-ads .container .wrappers {margin-top:20px; height:258px; overflow:hidden;}
.video-ads .container .wrappers .video {margin-left:26px; margin-right:6px; padding:3px; float:left; width:571px; height:252px; _display:inline; background:url(http://i3.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_2.jpg) no-repeat;}
.video-ads .container .wrappers .ads {float:left; width:331px;}
.video-ads .container .wrappers .ads li {margin-bottom:1px; float:left; padding:3px; width:325px; height:80px; /*background:url(http://i3.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_13.jpg) no-repeat;*/}
.video-ads .container .wrappers .ads li.no {margin:0;}
.video-ads .container .wrappers .ads li img {display:block; width:325px; height:80px;}


/* content */
.content {float:left; width:710px;}

/* pop reg */
#pop-reg {width:368px; background:url(http://i1.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_11.jpg) repeat-y; display:none;}
#pop-reg .outer {width:368px; background:url(https://i2.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_10.jpg) no-repeat center top;}
#pop-reg .outer .inner {position:relative; padding-top:40px; padding-bottom:20px; width:368px; background:url(http://i0.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_12.jpg) no-repeat center bottom;}
#pop-reg .outer .inner .list {margin-left:6px; width:355px; overflow:hidden;}
#pop-reg .outer .inner .list li {width:100%; float:left; margin-bottom:10px;}
#pop-reg .outer .inner .list li .wrong {margin-left:105px; color:#d70014;}
#pop-reg .outer .inner .list label {margin-right:8px; float:left; display:block; width:96px; line-height:18px; color:#6a000a; text-align:right;}
#pop-reg .outer .inner .list .wrap {margin-right:6px; float:left; width:158px; height:18px;}
#pop-reg .outer .inner .list .wrap .input {display:block; width:155px; height:17px; border-left:#bdaf85 solid 1px; border-top:#bdaf85 solid 1px; background:#ffedb4;}
#pop-reg .outer .inner .list .infos {float:left; color:#d70014; line-height:18px;} 
#pop-reg .outer .inner .list .infos a {color:#d70014; line-height:18px; text-decoration:underline;}
#pop-reg .outer .inner .list .infos a:hover {text-decoration:none;}
#pop-reg .outer .inner .list img {margin-left:103px; margin-right:12px;  display:block; float:left; width:91px; height:23px; cursor:pointer; _display:inline;}
#pop-reg .outer .inner .list .change-img {float:left; height:23px; line-height:23px;}
#pop-reg .outer .inner .list .change-img a {color:#d70014; text-decoration:underline;}
#pop-reg .outer .inner .list .change-img a:hover {color:#d70014; text-decoration:none;}
#pop-reg .outer .inner .list #reg {margin:0 auto; display:block; width:105px; height:29px; border:0 none; text-indent:-9999em; background-position:0 -541px;}
#pop-reg .outer .inner .close,
.pop-reg-two .close,
.pop .close {position:absolute; right:-12px; top:-12px; display:block; width:30px; height:30px; cursor:pointer; background:url(http://i3.itc.cn/20110823/9c8_e67c5945_5bbd_5a90_0e67_0b1c91d242ec_4.gif) no-repeat;} 
.pop {position:relative; width:688px; background:url(http://i1.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_13.jpg) repeat-y; display:none;}
.pop .outer {width:688px; background:url(http://i1.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_9.jpg) no-repeat center top;}
.pop .outer .inner {padding-top:12px; padding-bottom:20px; width:688px; background:url(https://i2.itc.cn/20110823/9c8_c34f738e_6eaa_2e79_353a_a3ab94101770_14.jpg) no-repeat center bottom;}
.pop .outer .inner .title {margin:0 auto; padding-bottom:7px;  width:650px; border-bottom:#972700 dotted 1px; overflow:hidden;}
.pop .outer .inner .title h3 {height:26px; text-align:center; color:#850004; font-size:17px; font-weight:bold;  font-family:'微软雅黑', '黑体', '宋体';}
.pop .outer .inner .title h3.left {text-align:left;}
.pop .outer .inner .title-ul {overflow:hidden;}
.pop .outer .inner .title-ul .server-title {margin-right:12px; float:left; width:85px; line-height:22px; color:#850004; font-weight:bold;}
.pop .outer .inner .title-ul .title-ul-add{ margin-left:97px; display:inline;}
.pop .outer .inner .title-ul ul {float:left; width:550px;  height:22px; color:#850004; line-height:22px; overflow:hidden;}
.pop .outer .inner .title-ul ul li {float:left; text-decoration:underline; cursor:pointer;}
.pop .outer .inner .title-ul ul li.right {float:right}
.pop .outer .inner .select-wrapper {margin-top:14px; text-align:center;}
.pop .outer .inner .select-wrapper ul {margin:0 auto; display:inline-block; *display:inline; zoom:1;}
.pop .outer .inner .select-wrapper ul li {margin-right:12px; float:left;}
.pop .outer .inner .select-wrapper ul li select {width:110px; font-size:12px;}
.center {margin-top:12px; color:#850004; text-align:center;}
.center span {color:#f90008;}
.color {clear:both; margin-top:20px; color:#f70007; font-size:14px;}
.color2 {clear:both; margin-top:20px; color:#f70007; font-size:12px;}
.pop .outer .inner .input-list-wrapper {margin:25px 0 0 35px; overflow:hidden;}
.pop .outer .inner .input-list {width:280px; float:left;}
.pop .outer .inner .input-list li {margin-bottom:8px; width:100%; float:left;}
.pop .outer .inner .input-list li label {margin-right:12px; float:left; color:#850004; width:95px; display:block; line-height:18px; text-align:right;}
.pop .outer .inner .input-list li .wrap {float:left; width:100px; height:18px;}
.pop .outer .inner .input-list li .wrap .input {display:block; padding:0 3px; width:153px; height:17px; /*color:#dbc378;*/ border-left:#bdaf85 solid 1px; border-top:#bdaf85 solid 1px; font-size:12px;  line-height:17px; background:#ffedb4;}
.pop .outer .inner .input-list li .note {margin-left:105px; color:#d70014;}
.pop .outer .inner .input-list2 {width:355px;}
.pop .outer .inner .input-list2 li label {width:90px;}
.pop .outer .inner .input-list2 li textarea {width:236px; float:left; display:block; padding:0 3px; height:94px; font-size:12px; /*color:#dbc378;*/ border-left:#bdaf85 solid 1px; border-top:#bdaf85 solid 1px; line-height:17px; background:#ffedb4; resize:none;} 
#submit {margin:30px auto 0 auto; display:block; width:183px; height:51px; color:#ffffff; font-size:18px; text-align:center; line-height:51px; font-weight:bold; background-position:-281px 0;}
.copy-wrapper {margin-top:36px; width:100%; overflow:hidden;}
.copy-wrapper .invite {float:left; margin-right:7px; width:160px; color:#8d1113; font-weight:bold; line-height:36px; text-align:right;}
.copy-wrapper .input {display:block; margin-right:7px; float:left; padding:0 3px; width:309px; height:30px; line-height:30px; color:#8d1113; border:0 none; border-top:#bdaf85 solid 1px; border-left:#e9d8a4 solid 1px; background:#ffedb4;}
.copy-wrapper .copy-link {display:block; float:left; width:122px; height:36px; color:#ffffff; font-size:12px; font-weight:bold; text-align:center; line-height:36px; background-position:-96px -499px;}

.tips {width:200px; padding:3px; border:#c53502 solid 1px; border-radius:3px; -moz-border-radius:3px; color:#850004; line-height:20px; background:#fffee1; display:none;}

#CYouShare,
#CYouShare li {line-height:16px; color:#e88800; font-size:12px; font-weight:bold; }
#CYouShareCopy .copyBody input { width:230px; }
