@import url(global.css);
@import url(comm.css);
/* flash user*/
#wrapOne {width:944px;height:292px;margin:0 auto;overflow:hidden;}
#wrapOne .flash {float:left;width:617px;height:274px;padding:8px 8px}
#wrapOne .right {float:right;width:300px;}
#wrapOne .user {height:145px;overflow:hidden}
#wrapOne .user h2 {background:url(../images/index/user.gif) no-repeat 10px}
#wrapOne .user p {padding-top:3px;color:#666;clear:both;height:22px;}
#wrapOne .user p a {color:#31A39C;line-height:26px}
#wrapOne .user p label {float:left;width:110px;padding-right:5px;text-align:right;line-height:22px}
#wrapOne .user p label a {color:#f60}
#wrapOne .user p .txt {float:left;border:1px solid #ccc;background:#f5f5f5;padding:2px 4px;color:#666}
#wrapOne .user p .button {float:left;width:76px;height:26px;background:url(../images/index/user_button.gif) no-repeat;border:none;font-size:14px;color:#fff;letter-spacing:10px;vertical-align:middle}
#wrapOne .user ul {height:125px;background:url(../images/index/userbg.gif) no-repeat 20px 5px}
#wrapOne .user ul li{float:left;width:80px;line-height:28px;text-align:left;padding-left:45px;}
#wrapOne .notice {height:137px;margin-top:6px}
#wrapOne .notice h2 {background:url(../images/index/notice.gif) no-repeat 10px}
#wrapOne .notice li {line-height:27px;text-align:left;padding-left:20px;background:url(../images/comm/li.gif) no-repeat 10px}
#wrapOne .notice li span {color:#ccc}
/* wingsbook */
#wingsbook {width:942px;height:195px;border:1px solid #ccc;margin:6px auto;background:#fff}
#wingsbook .head {height:33px;background:url(../images/index/wingsbooktitle.jpg) no-repeat;border-bottom:1px solid #ccc;text-align:left;padding-left:10px;line-height:38px;overflow:hidden;color:#ff6600;font-size:14px}
#wingsbook .main {height:160px;}
#wingsbook .welcome {float:left;width:250px;height:151px;margin:4px;display:inline}
#wingsbook .content {float:left;width:370px;height:151px;margin:3px 4px;display:inline}
#wingsbook .content ul.menu {float:left;text-align:left;}
#wingsbook .content ul.menu li {padding-left:4px;padding-top:2px;width:19px;height:73px;background:url(../images/index/lioff.jpg) no-repeat left;margin-top:1px}
#wingsbook .content ul.menu li.hover {color:#fff;background:url(../images/index/hover.jpg) no-repeat left;}
#wingsbook .content .cmain {float:left;width:340px;height:150px;margin-left:3px;display:inline;position:relative;}
#wingsbook .content .cmain .dl1 {float:left;width:160px;text-align:left;padding-left:10px;}
#wingsbook .content .cmain .dl1 dt {font:bold 12px/30px Arial, Helvetica, sans-serif;color:#31A39C}
#wingsbook .content .cmain .dl1 dd {line-height:21px;}
#wingsbook .content .cmain .dl2 {float:left;width:90px;text-align:left;padding-left:10px;}
#wingsbook .content .cmain .dl2 dt {font:bold 12px/30px Arial, Helvetica, sans-serif;color:#31A39C}
#wingsbook .content .cmain .dl2 dd {line-height:18px;}
#wingsbook .content .cmain span.more {position:absolute;right:10px;top:5px}
#wingsbook .list {float:right;width:292px;height:151px;margin:4px;border:1px solid #e7e7e7;display:inline}
#wingsbook .list .title {background:none;border-bottom:1px solid #e7e7e7;margin:0 5px}
#wingsbook .list li {line-height:24px;text-align:left;padding-left:20px;background:url(../images/comm/li.gif) no-repeat 10px}
/* Center*/
#wrapTwo {width:944px;margin:6px auto 0 auto;overflow:hidden}
#wrapTwo .left {float:left;width:257px;}
#categories {height:135px;}
#categories li {float:left;width:100px;line-height:26px;text-align:left;padding-left:20px;background:url(../images/index/li.gif) no-repeat 12px}
#quarter {margin-top:6px}
#quarter li {line-height:26px;text-align:left;padding-left:20px;background:url(../images/index/li.gif) no-repeat 12px}
#recommended {height:140px;margin-top:6px;position:relative;overflow:hidden}
#recommended .icoLeft {position:absolute;left:5px;top:65px;cursor:pointer}
#recommended .icoRight {position:absolute;right:5px;top:65px;cursor:pointer}
#recommended dl {float:left;width:206px;margin-left:24px;display:inline;margin-top:10px}
#recommended dl dt {float:left;}
#recommended dl dt img {padding:2px;border:1px solid #ccc}
#recommended dl dd {float:left;text-align:left;padding-left:10px;width:128px;overflow:hidden;}
#recommended dl dd.name a {color:#333}
#recommended dl dd.info {color:#999}
#recommended dl dd.details a {color:#f60}
#top {height:349px;margin-top:6px;overflow:hidden}
#top .list {width:223px;height:28px;text-align:left;padding-left:30px;line-height:28px;margin-top:1px;margin:1px 1px;color:#666;overflow:hidden}
#top .on {background:url(../images/index/on.jpg) no-repeat;font-weight:bold}
#top .off {background:url(../images/index/off.jpg) no-repeat;}
#top ul {background:url(../images/index/ul.jpg) no-repeat 10px 10px;}
#top li {line-height:29px;text-align:left;padding-left:30px}
#top li a {color:#31A39C}
#message {height:92px;margin-top:6px;background:#fff url(../images/index/message.jpg) no-repeat 5px;overflow:hidden}
#message .textarea {float:right;width:170px;border:1px solid #ccc;background:#dfdfdf;height:36px;margin-right:5px;margin-top:10px;line-height:16px;font-size:12px;text-indent:24px;color:#333;padding:5px;}
#message .button {float:right;margin:5px}
#wrapTwo .right {float:right;width:675px;}
#wrapTwo .right .menu {width:640px;border-bottom:1px solid #ccc;padding-left:20px;height:27px;margin:10px auto 0 auto}
#wrapTwo .right .menu ul {float:left;border-right:1px solid #ccc;height:27px;*overflow:hidden}
#wrapTwo .right .menu li {float:left;width:90px;line-height:26px;border:1px solid #ccc;border-bottom:none;background:url(../images/comm/title_bg.gif);display:block;cursor:pointer;border-right:none;overflow:hidden}
#wrapTwo .right .menu li.hover {background:#fff;position:relative;height:27px;}
#wrapTwo .main {width:660px;margin:10px auto}
#wrapTwo .main .mainTop {height:200px;background:url(../images/index/main_line.jpg) bottom repeat-x;overflow:hidden}
#wrapTwo .main .mainTop dl {float:left;width:320px}
#wrapTwo .main .mainTop dl.dlRight {float:right}
#wrapTwo .main .mainTop dt {float:left;width:103px;height:160px}
#wrapTwo .main .mainTop dt img {height:114px}
#wrapTwo .main .mainTop dt span img {height:24px}
#wrapTwo .main .mainTop dt a.book {width:103px;height:123px;background:url(../images/comm/book_bg.jpg) no-repeat 1px 0px;display:block;padding-top:3px}
#wrapTwo .main .mainTop dt span {display:block;padding-top:20px}
#wrapTwo .main .mainTop dd {float:left;width:190px;text-align:left;padding-left:10px;padding:4px 0 4px 10px;color:#666}
#wrapTwo .main .mainTop dd span {width:70px;float:left;text-align:right;color:#333}
#wrapTwo .main .mainTop dd em {color:#31A39C;font-weight:bold}
#wrapTwo .main .mainTop dd a {color:#333}
#wrapTwo .main .mainTop dd img {vertical-align:middle}
#wrapTwo .main .mainTop img.img {width:71px;height:24px}
#wrapTwo .main .mainBottom {height:470px;margin-top:10px}
#wrapTwo .main .mainBottom dl {float:left;width:163px;background:url(../images/index/dl_line.jpg) right no-repeat;}
#wrapTwo .main .mainBottom dt img {border:1px solid #ccc;padding:1px;height:125px}
#wrapTwo .main .mainBottom dd {width:150px;overflow:hidden;padding:3px 0}
#wrapTwo .main .mainBottom dd span {color:#f60}
#wrapTwo .main .mainBottom .line {width:660px;height:10px;background:url(../images/index/line.jpg) repeat-x 0 10px;padding:5px 0;overflow:hidden}
#wrapTwo .main .mainBottom span.button {display:block;width:50px;height:22px;background:url(../images/comm/button_bg.jpg) no-repeat;line-height:22px;}
/* links */
#links {width:944px;height:81px;margin:10px auto 0 auto;overflow:hidden;}
#links #links_left {float:left;width:22px;height:81px;background:url(../images/index/link_left.jpg) no-repeat left -1px;cursor:pointer}
#links #links_main {float:left;width:900px;height:78px;border:1px solid #ccc;border-left:none;border-right:none;background:#fff}
#links #links_right {float:right;width:22px;height:81px;background:url(../images/index/link_right.jpg) no-repeat;cursor:pointer}
#links dd {float:left;margin:22px 10px 0 10px;display:inline;border:1px solid #ccc;padding:1px}