@CHARSET "UTF-8";

#container  a {text-decoration:none;}

/** 總長877，間隔16 */
.spt01 {width:535px; float:left; display:inilne; *zoom:1; padding-left:26px;}
.spt02 {width:296px; float:right; display:inilne; *zoom:1;
			/*padding-left:15px; border-left:1px dotted #aaa;*/}

h4 {font-size:13px;}
.box {margin-bottom:16px;}
.border {border:1px solid #E1E1E1;}
.clear {clear:both;}
.block {background:#fff;}
.block .bd {padding:10px;}
.load {border:1px solid #e96400; cursor:pointer; color:#e96400; padding:12px;}
.more {text-align:right; font-size:12px;}
.spt {color:#bbb; padding:0 6px; font-weight:normal;}
.date {font-size:12px; color:#687;}
.tt {color:#07a;}
.none {padding:3px; color:#888;}
.status {background-image:url(/p/img/pro/status.gif); background-repeat: no-repeat;
			display:inline-block; width:45px; height:18px; line-height:18px; vertical-align:text-bottom;}
.status.s1 {background-position: 0 2px}
.status.s8 {background-position: 0 -28px}
.status.s9 {background-position: 0 -58px}
.pagination {margin-top:12px;}

.pic img {overflow:auto;}

#fbar {float:right;}

/** 固定button格式 **/
.wg_input {border:1px solid #888; display:inline-block; *zoom:1;
		padding:0px 3px; margin:0px 2px 0px 1px; line-height:2em; 
			background:#fff;}
.wg_input input {border:0; background:none; padding:1px;}
.wg_input select {border:0; background:none; padding:1px;}

.wg_input_div {border:1px solid #68371B; padding:0px 1px; margin:1px 2px 1px 1px;}
.wg_input_div textarea {border:0; background:none; width:100%;  overflow-y:auto;}

.wg_btn {width:90px; height:32px; line-height:32px; margin-top:3px; *zoom:1}

.wg_button {border:1px solid #333; background:#68371B; display:inline-block; *zoom:1; margin:1px; height:25px; line-height:25px; white-space:nowrap; _width:6px;
				vertical-align:bottom;}
.wg_button input {border:0; background:none; border-top:1px solid #9c803c; color:#fff; height:25px; line-height:25px; min-width:80px; cursor:pointer; font-size:0.92em; padding:0 10px;}
.wg_button a {border:0; background:none; border-top:1px solid #9c803c; color:#fff; height:25px; line-height:25px; cursor:pointer; display:block; padding:0 10px; font-size:0.92em}
.wg_button a:hover {color:#eef;}
.wg_button.green {background:#68a11e; border:1px solid #518809;}
.wg_button.green input {border-top:1px solid #8ad02f;}
.wg_button.green a {border-top:1px solid #8ad02f;}
.wg_button.blue {background:#1996d0; border:1px solid #096670;}
.wg_button.blue input {border-top:1px solid #59c6e0;}
.wg_button.blue a {border-top:1px solid #59c6e0;}
.wg_button.orange {background:#E96400; border:1px solid #c96200;}
.wg_button.orange input {border-top:1px solid #f99430;}
.wg_button.orange a {border-top:1px solid #f99430;}
.wg_button.red {background:#98000d; border:1px solid #680000;}
.wg_button.red input {border-top:1px solid #d8404d;}
.wg_button.red a {border-top:1px solid #d8404d;}
.wg_button.gray {background:#bbb; border:1px solid #aaaaaa;}
.wg_button.gray input {border-top:1px solid #ddd;}
.wg_button.gray a {border-top:1px solid #ddd;}
.wg_button.yellow {background:#FACC0F; border:1px solid #960; }
.wg_button.yellow input {border-top:1px solid #fe9; color:#b21}
.wg_button.yellow a {border-top:1px solid #fe9; color:#b21}
.wg_button.beige {background:#cca; border:1px solid #997; }
.wg_button.beige input {border-top:1px solid #eed; color:#664}
.wg_button.beige a {border-top:1px solid #eed; color:#664}

#logo {left:2px; top:12px;}
#online_status {left:186px;}
#hbanner {margin:0 16px 6px 21px; background:#d0e6ef; border-left:2px solid #ddd; border-bottom:2px solid #e2e3e6; position:relative; *zoom:1; height:52px; overflow:hidden;}
#hbanner .bg {position:absolute; width:100%; height:26px; background:#e3f0ff; z-index:1; }
#hbanner2 {padding:10px 20px; z-index:2; position:relative; border:1px solid #abb; *zoom:1; height:30px;}
#hbanner2 .home {}
#hbanner2 .home a {display:inlin-block; padding:12px;}

#search #k {padding:3px 6px; width:300px;}
.full #web_path {padding:6px; margin-bottom:6px; position:relative; left:0px; top:0px;}

.user_box {padding:3px 18px; background:#E3F0FF; line-height:18px; font-size:12px;}
.user_box .pic {float:left; padding:3px; margin-right:12px; width:60px; text-align:center;}
.user_box .pic img {max-width:60px; _width:expression(document.body.clientWidth > 60 ? "60px" : "auto");
			max-height:60px; 
			border:1px solid #999;}
.user_box .info {padding-left:86px;}

#profile .pic {float:left; padding:3px; width:240px; text-align:center;}
#profile .pic img {max-width:240px; _width:expression(document.body.clientWidth > 240 ? "240px" : "auto");
					max-height:240px; 
					border:1px solid #999;}
#profile .info {flot:left; padding-left:260px;}
#profile .level {color:#129; font-weight:bold; font-size:17px;}
#profile .other {clear:left; padding:8px 3px;}
#profile .date {color:#999; text-align:right;}

#profile_box {padding:5px; background:#E3F0FF; border:1px solid #bcc; border-width:1px 0; color:#555;}
#profile_box h2 {padding-top:1px; margin:0px; font-size:15px; font-weight:bold;}
#profile_box .level {}
#profile_box .pic {float:left; padding:3px; width:60px; text-align:center;}
#profile_box .pic img {max-width:60px; _width:expression(document.body.clientWidth > 60 ? "60px" : "auto");
					max-height:60px; 
				border:1px solid #999;}
#profile_box .info {flot:left; padding-left:70px;}
#profile_box .info b {color:#e60;}

#account_box .pic {float:left; padding:3px; width:120px; text-align:center;}
#account_box .pic img {max-width:120px; _width:expression(document.body.clientWidth > 120 ? "120px" : "auto");
				max-height:120px; 
				border:1px solid #999;}
#account_box .info {flot:left; padding-left:130px;}

#account_menu {text-align:right;}

#post {}
#post li {margin:3px 0;}
#post li .tt {display:inline-block; *zoom:1; width:80px;}
#post .quote { padding:16px;}
#post .ft {text-align:right; padding:6px;}

.quick_bar {padding:3px 8px; background:#f4f7f9; text-align:right;}

.article {border:1px solid #ccc; margin-bottom:20px; *zoom:1}
.article .title {padding:6px 18px; border-top:1px solid #99a; margin-top:1px; }
.article h1 {padding-left:6px; display:inline; line-height:23px;}
.article h1.status {}
.article .bd {padding:6px 18px; }
.article .ft {padding:5px; text-align:right;}
.article .content {marbin-bottom:12px;}
.article .category {color:#129; font-weight:bold;}
.article .reference {margin-top:12px; color:#888;}
.article .notes {margin-top:12px; padding-top:6px; border-top:1px dotted #ccc;}
.article .notes .note {margin-bottom:3px;}
.article .expire {color:red;}

.solution {margin-top:12px;}
.solution .bar {padding:1px 18px; margin:0 6px;  border-bottom:2px solid #07a;}
.solution .type {float:right; color:#666;}
.solution .article {border:0px; }

.spt02 .block h3 {font-size:13px; font-weight:normal; padding-left:12px;} 
.spt02 .block .hd {border-bottom:1px solid #07A;}
.spt02 .block .bd {background:#F4F7F9; border:1px solid #E1E1E1;}
.spt02 .block .more {margin-top:3px;}

#category {position:absolute; margin:36px 0 0 -6px; z-index:99;}
#category li {background:#fff; border-left:2px solid #D0E6EF; border-bottom:1px solid #D0E6EF; margin:2px 0;}
#category li a {padding:4px 1px 3px 5px; display:block; border:1px solid #abb; border-width:0px 0 1px 1px; border-top:1px solid #f0f1f4; color:#788; text-decoration:none; font-size:12px;}

#question_block {}
#question_block a {color:#07a} 
#question_block li {padding:2px 3px; border-bottom:1px solid #E2EBEE; line-height:20px;}
#question_block li .category {}
#question_block li .category a {color:#e60;}
#question_block li .date {float:right; padding:0px 0 0 5px;}
#question_block li .point {color:#888;}

.status_box {}
.status_box .active {font-weight:bold;}

.point_log {}
.point_log li {padding:3px; border-bottom:1px solid #E2EBEE;}
.point_log .date {float:right;}
.point_log .reward {color:#e70; font-weight:bold;}

.pro_box {}
.pro_box li {position:relative; zoom:1; margin:3px 0; padding:3px 0; border-bottom:1px dotted #d1d1d1;}
.pro_box .king_img {position:absolute; left:56px; margin-top:-5px;}
.pro_box .name {font-weight:bold; color:#777;}
.pro_box .level {font-weight:normal;}
.pro_box .pic {float:left; padding:3px; margin-right:12px; width:60px; text-align:center;}
.pro_box .pic img {max-width:60px; _width:expression(document.body.clientWidth > 60 ? "60px" : "auto");
			max-height:60px; 
			border:1px solid #999;}
.pro_box .info {padding-left:86px;}

.tb {margin:0 0 20px 0; background:#e1e1ef;} 
.tb td {padding:5px; background:#F4F7F9; }
.tb thead td {color:#08c; border-bottom:1px solid #19d; background:#fff;}
.tb b {color:#e60}

#knowledge {}
#knowledge .content {padding:5px; background:#dee;}
#knowledge .block {width:260px; float:left; background:#f0f6fa; border:1px solid #fff;}
#knowledge .block2 {padding:8px;}
#knowledge h4 {margin-bottom:5px;}
#knowledge ul {}
#knowledge li {border:1px solid #e1e1e1; margin:1px 0; background:#fff;}
#knowledge li a {color:#07a}