img{border:0;}
.fix{width:100%;height:0;overflow:hidden;clear:both;float:none;}
#calc{ width:600px;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/df_bg.jpg) repeat-y;margin:0 auto;color:#000;font-size:12px;}
#calc_top{width:600px;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/df_top.jpg) no-repeat left top;}
#calc_btm{ width:600px;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/df_btm.jpg) no-repeat left bottom;padding-bottom:10px;}
#calc a{font-size:12px;}
.calc_nav{font-size:14px;font-weight:bold;padding:25px 0 0 65px;margin:0 0 50px 0;}
.calc_nav li{width:86px;height:30px;overflow:hidden;float:left;margin:0 10px 0 0;padding:0;}
.calc_nav li a{width:86px;height:30px;display:block;overflow:hidden;text-align:center;line-height:32px;}
.calc_nav li a:link,.calc_nav li a:visited{background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/btn01.jpg) no-repeat 0 0;text-decoration:none;color:#fff;}
.calc_nav li a:hover{background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/btn1.jpg) no-repeat;}
.calc_nav li a.nowhere:link,.calc_nav li a.nowhere:visited,.calc_nav li a.nowhere:hover{background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/btn1.jpg) no-repeat;}
#job_img{ margin:0 6px 0 10px; width:136px;text-align:center;float:left; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/pic_bg.jpg) no-repeat; width:128px; height:141px; padding-top:6px; display:inline;}
#job_info{width:448px;float:left;color:#fff;}
#job_info .level{font-size:13px;font-weight:bold;}
#job_info table{margin:0px;}
#job_info p{ width:431px;height:32px;padding:3px 0 0 15px;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/df_02.jpg) no-repeat;overflow:hidden;line-height:30px;margin:0;clear:both; color:#000;}
#job_info p span{font-weight:bold;margin-right:20px;}
#job_info .btn{ width:36px;height:22px;overflow:hidden;display:block;text-align:center;line-height:22px;font-weight:bold;}
#job_info .btn:link,#job_info .btn:visited{background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/btn_01.jpg) no-repeat;color:#000;text-decoration:none;}
#job_info .btn:hover{background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/btn_01.jpg) no-repeat;  color:#f00;}
#job_info .reset{ margin:0 0 0 10px; width:46px;height:23px;display:block;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/reset.jpg) no-repeat;overflow:hidden;text-align:center;line-height:23px;color:#fff;font-weight:bold;text-decoration:none;}
#job_info .reset03{ margin:0; width:46px;height:23px;display:block;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/reset.jpg) no-repeat;overflow:hidden;text-align:center;line-height:23px;color:#fff;font-weight:bold;text-decoration:none;}
#job_info .reset02{ margin:0; width:65px;height:23px;display:block;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/reset_02.jpg) no-repeat;overflow:hidden;text-align:center;line-height:23px;color:#fff;font-weight:bold;text-decoration:none;}
#job_info .change_job{width:230px;height:30px; padding-top:3px; padding-left:5px; margin:0;display:block;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/job_02.jpg) no-repeat;text-align:center;line-height:27px;overflow:hidden;}
#job_info .change_job a:link,#job_info .change_job a:visited{text-decoration:none;color:#fff; font-weight:bold;}
#job_info .change_job a:hover{color:#ff0000;}
#job_name{ font-size:16px;font-family:"宋体";line-height:34px; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/job_01.jpg) no-repeat 0 3px; width:90px; height:29px; text-align:center;}
.calc_box{margin:8px 0 0 3px; width:291px;overflow:hidden;float:left;display:inline;}
.calc_box ul{margin:0 0 0 6px;padding:0;width:280px;height:23px;overflow:hidden;list-style:none;}
.calc_box ul li{width:56px;height:23px;overflow:hidden;float:left;}
.calc_box ul li a:link,.calc_box ul li a:visited{width:56px;height:21px;margin-top:2px;display:block;text-align:center;line-height:27px;overflow:hidden;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/option_01.jpg) no-repeat;text-decoration:none;color:#d2c5b2;}
#calc .calc_box ul .here a,.calc_box ul li a:hover{width:56px;height:23px;margin:0;line-height:32px;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/option_02.jpg) no-repeat;color:#fff;}
.calc_top{ margin:0; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/calc_top.jpg) no-repeat; width:291px; height:10px; font-size:0;}
.calc_btm{ margin:0; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/calc_btm.jpg) no-repeat; width:291px; height:11px; font-size:0;}
.calc_box .box{width:291px;height:377px;overflow:hidden; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/bg_02.jpg) repeat-y; scrollbar-face-color:#191b15; scrollbar-highlieht-color:#10110d; SCROLLBAR-SHADOW-COLOR:#676762; SCROLLBAR-ARROW-COLOR:#fefffa;SCROLLBAR-BASE-COLOR:#a0a19d;SCROLLBAR-DARK-SHADOW-COLOR:#000;}
.calc_box .border{ margin:0 8px; width:275px;height:375px; overflow:hidden;}
.calc_box .box_cont{width:274px;height:375px;overflow:auto;overflow-x:hidden;scrollbar-base-color:#715738; display:none;}
.calc_box .short1{height:187px;}
.calc_box .short2{height:185px;}
.calc_box div.here{display:block;}
.calc_box .item{width:274px;height:62px;overflow:hidden; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/line_bg.jpg) repeat-x bottom center;}
.calc_box .color{}
.calc_box .item dl{width:38px;height:48px;overflow:hidden;margin:7px 12px 7px 7px;list-style:none;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/df_03.jpg) no-repeat;text-align:center;float:left;display:inline;}
.calc_box .item dt{padding:3px 0 0 0;margin:0 0 0 -2px;height:34px;overflow:hidden;}
.calc_box .item dt img{width:30px;height:30px;}
.calc_box .item dd{padding:0;margin:0;white-space:nowrap;font-size:10px;color:#ffce31;font-family:arial;line-height:10px;}
.calc_box .item_info{width:200px;float:left;}
.calc_box .item_info p{margin:0;clear:both;padding:10px 0 0 0;height:17px;color:#fff;}
.calc_box .item_info p strong{float:left;}
#calc .calc_box .item_info p strong a:link,#calc .calc_box .item_info p strong a:visited{ color:#fff;text-decoration:none;font-size:14px;}
#calc .calc_box .item_info p strong a:hover{color:#ff0000;}
.calc_box .item_info p a.max{float:right;width:64px;height:21px;display:block;overflow:hidden;line-height:22px;text-align:center;color:#fff;text-decoration:none;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/btn_03.jpg) no-repeat 0 -2px;margin-right:-2px;display:inline;}
.calc_box .item_info p em{font-style:normal;margin-right:10px;white-space:nowrap;}
.calc_box .item_info p span{margin-left:2px;color:#FF0000;}
.calc_box .item_info span.open{color:#ffff00;}
.calc_box .box_img{ margin:7px 0 0 3px; width:264px; height:361px; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/box_img.jpg) repeat-y 4px 0;}
/*.calc_box .box_img img{ margin:4px 1px 4px 7px; float:left;}*/
/*.icon_box{margin:5px 3px 0 4px;padding:0;list-style:none;width:38px;height:48px;overflow:hidden;text-align:center;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/df_03.jpg) no-repeat;display:inline;float:left;}*/
/*.icon_box{margin:0px;padding:0;list-style:none;width:38px;height:32px;text-align:center;float:left;}
.icon_box dt{padding:0;margin:0;height:32px;overflow:hidden;}
.icon_box dt img{width:30px;height:30px;}
.icon_box dd{padding:0;font-size:10px;color:#63d9a7;font-family:arial;}
*/
.icon_box{ margin:0;padding:0;list-style:none;width:37px;height:35px;overflow:hidden;overflow:hidden;text-align:center;display:inline;float:left;}
.icon_box dt{padding:0;margin:0px;height:34px;overflow:hidden;}
.icon_box dt img{width:30px;height:30px;margin:4px 1px 4px 7px;}
.icon_box dd{padding:0;margin:-32px 0 0 8px; white-space:nowrap;font-size:10px; color:#ffce31;font-family:arial; line-height:10px;}
#calc p.sp{clear:both;color:#fff;margin:0;padding:0;text-align:center;}
#title_sp{ margin-left:2px; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/title_01.jpg) no-repeat; font-size:14px; color:#fff; height:22px; padding:5px 0 0 5px;}
#title_sp em{ float:right; font-style:normal; margin:-16px 14px 0 0; font-size:12px;}
p.sp strong{float:left;font-size:14px;margin:10px 0 0 20px;}
p.sp em{float:right;font-style:normal;margin:12px 20px 0 0;}
p.sp a:link,p.sp a:visited{display:block;margin:10px 0 0 4px;width:86px;height:24px;overflow:hidden;line-height:24px;text-align:center;float:left;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/btn_04.jpg) no-repeat;color:#fff;text-decoration:none;font-weight:bold;display:inline;}
p.sp a:hover{background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/btn_05.jpg) no-repeat;color:#fff;}
#sp_cont{width:262px;height:114px;margin:7px auto 0 auto; color:#fff; background-color:#2e2f2b;border:1px solid #52534e; overflow:scroll ;overflow-x:hidden; clear:both;}
#sp_cont ul{width:100%;height:auto;}
#sp_cont li{float:none;width:100%;height:auto;margin:0;padding:0;white-space:nowrap; color:#fff;}
#sp_cont li a:link,#sp_cont li a:visited{color:#fff;display:inline;width:auto;height:auto;line-height:auto;text-align:left;float:none;background-image:url();}
#sp_cont li a:hover{color:#ff0000;text-decoration:underline;}
#select_change{width:72px;overflow:hidden;border:2px solid #bc8d03;text-align:center;display:none;position:absolute;}
#select_change ul{margin:0;padding:0;list-style:none;border:1px solid #000;width:70px;overflow:hidden;}
#select_change li{width:70px;height:20px;border-bottom:1px solid #000;overflow:hidden;overflow:hidden;}
#select_change a{width:70px;height:20px;display:block;line-height:22px;overflow:hidden;text-decoration:none;color:#fff;}
#select_change a:link,#select_change a:visited{background-color:#806442;}
#select_change a:hover{background-color:#49351e;}
#output_top{ margin:8px 0 0 7px; width:585px; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/output_top.jpg) no-repeat top; height:21px;}
#output{ margin:0 0 0 7px; width:585px;height:200px;overflow:auto; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/output_bg.jpg) repeat-y;}
#output_line{ height:178px; padding:0 20px; overflow:auto;overflow-x:hidden;scrollbar-base-color:#715738;}
#output_line p{margin:0;line-height:1.6em; color:#fff;}
#output_line a:link,#output_line a:visited{color:#b4ac2d;text-decoration:underline;}
#output_line a:hover{color:#c30000;}
#output_btm{ margin:0 0 0 7px; background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/output_btm.jpg) no-repeat; width:585px; height:17px; font-size:0;}
#button{ margin:6px 0 0 0; text-align:center; width:585px;}
#button img{ margin:0 10px 0 0;}
#dialog{width:276px;border:2px solid #bc8d03;background-color:#fff;position:absolute;top:0;left:0;overflow:hidden;display:none;}
#dialog_box{width:254px;border:1px solid #000;padding:10px;overflow:hidden;background:#fff url(img/dialog_bg.jpg) no-repeat;}
#dialog_box a:link,#dialog_box a:visited{color:#ff0000;text-decoration:underline;}
#dialog_box a:hover{color:#d80000;}
#dialog_box p{margin:0;line-height:1.5em;}
#job_level{width:47px;height:37px;}
#level_input{width:33px;height:24px;background:url(//images.17173cdn.com/2009/dnf/jiadianqi/i/level_01.jpg) no-repeat;display:block; text-align:center; border:none; color:#fff; font-size:18px;font-family:"times new roman",Arial,Tahoma;font-weight:bold;padding:5px 0 0 0;}