@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{font-family:"Microsoft YaHei","Microsoft JhengHei","Arial"; font-size:12px; background:#F6F6F6;}

ul,li,ol{list-style:none;}
a{text-decoration:none; cursor:pointer;}
a img{border:0px;}
.clear{clear:both; font-size:0; line-height:0}
h1, h2, h3, h4, h5, h6, p, span{font-weight:normal;}
i{font-style:normal;}

.login_bodybg{ background:url(../images/login_bodybg.jpg) no-repeat center #DCDCDC;}
.login_box1{ width:580px; margin:220px auto 0 auto; height:215px; background:url(../images/login_bg1.png) no-repeat center}
.login_box1_left{ float:left; width:256px; margin-top:50px;}
.login_box1_right{ float:right; width:260px; margin-top:50px;}
.login_box1_right p{ margin:0; padding-bottom:5px; height:27px; line-height:27px;}
.login_box1_right p span{ display:block; float:left; width:50px;}
.login_box1_right p input{ border:0; width:174px; height:19px; padding:4px 0; float:left;}
.login_box1_right p input.u{ background:url(../images/input_bg.gif) no-repeat 0 0; padding-left:27px; }
.login_box1_right p input.p{ background:url(../images/input_bg.gif) no-repeat 0 -27px;  padding-left:27px; }
.login_box1_right p input.code_bg{ width:84px; background:url(../images/input_bg.gif) no-repeat 0 -54px; padding-left:8px;}
.login_box1_right p i{padding-left:10px; width:70px;}
.login_box1_right p a{ width:84px; height:24px; margin-top:5px; display:block; margin-right:5px; float:left}
.login_box1_right p a.btn_login{ background:url(../images/btn_login.png) no-repeat 0 0 ; }
.login_box1_right p a.btn_login:hover{ background:url(../images/btn_login.png) no-repeat 0 -24px ; }
.login_box1_right p a.find_pwd{ background:url(../images/btn_findpwd.png) no-repeat 0 0 ; }
.login_box1_right p a.find_pwd:hover{ background:url(../images/btn_findpwd.png) no-repeat 0 -24px ; }
.login_footer{ width:1000px; background:url(../images/login_line.png) no-repeat top; margin: 100px auto 0 auto; text-align:center; line-height:22px;padding-top:10px;color:#333;}
.login_footer a{ color:#333; text-decoration:none;}
.login_footer a:hover{ color:#000; text-decoration:underline;}

.top{ width:100%; height:53px; background:url(../images/topbg.png) repeat-x;}
.top .logo{ padding:4px 0 0 15px; float:left; width:305px; height:45px;}
.top .userinfo{ float:right; padding:10px 15px 0 0; text-align:right; color:#555;}
.top .userinfo a{ color:#333; text-decoration:none; margin:0 2px;}
.top .userinfo a:hover{ text-decoration:underline;}
.top .userinfo a.usericon{ background:url(../images/icon2.png) no-repeat left; padding-left:15px; color:#009900}
.top .userinfo a.usericon:hover{ color:#093;}
.top .userinfo a.xl{ width:9px; height:53px; display:block; background:url(../images/icon3.gif) no-repeat center; text-align:center;}
.top .userinfo a.xl:hover{  background:url(../images/icon3_2.gif) no-repeat center;}
.top .userinfo a.exit{ margin-left:10px; width:30px; display:block}
.top .userinfo a.exit:hover{ color:#06C; text-decoration:underline;}
.top a.help{ position:absolute; top:53px; right:15px; width:49px; height:23px; line-height:23px; display:block; text-align:center; color:#06C; text-decoration:none; background:url(../images/pelp_bg.png) no-repeat;}

#maincontent {margin:0; padding:0; width:100%;height:91%;}
#leftPage { width:145px; margin:0; padding:0}
#contentPageDiv { padding:0 0 15px 0; }

#leftPage .box1{ width:145px; margin-bottom:6px; padding-bottom:20px; background:url(../images/user_leftline.gif) no-repeat bottom;}
#leftPage .nobg{ background:none}
#leftPage .box1 .titlebox{ width:145px; height:30px; line-height:30px; background:url(../images/user_left_titlebg.gif) no-repeat 0 -60px;}
#leftPage .box1 .titlebox_open{ width:145px; height:30px; line-height:30px; background:url(../images/user_left_titlebg.gif) no-repeat 0 -30px;}
#leftPage .box1 .titlebox_close{ width:145px; height:30px; line-height:30px; background:url(../images/user_left_titlebg.gif) no-repeat 0 0px;}
#leftPage .box1 .titlebox b,#leftPage .box1 .titlebox_open b,#leftPage .box1 .titlebox_close b{ font-size:12px; color:#111; width:115px; padding-left:5px; float:left; display:block;}
#leftPage .box1 .titlebox b a,#leftPage .box1 .titlebox_open b a,#leftPage .box1 .titlebox_close b a{ color:#111; display:block; text-decoration:none; padding-left:22px;}
a.linkstyle1{ background:url(../images/nav_icon.png) no-repeat 0 0;}
a.linkstyle2{ background:url(../images/nav_icon.png) no-repeat 0 -30px;}
a.linkstyle3{ background:url(../images/nav_icon.png) no-repeat 0 -60px;}
a.linkstyle4{ background:url(../images/nav_icon.png) no-repeat 0 -90px;}
a.linkstyle5{ background:url(../images/nav_icon.png) no-repeat 0 -120px;}

#leftPage .box1 .titlebox_open a.click_more,#leftPage .box1 .titlebox_close a.click_more{ width:25px; height:30px; display:block; float:right;}
.subnav_box{ width:145px; background:url(../images/user_leftbg.gif) no-repeat bottom; padding:5px 0;}
.subnav_box ul{ list-style-type:none; padding:0 9px;}
.subnav_box li{ line-height:22px;}
.subnav_box li a{ color:#222; text-decoration:none; background:url(../images/icon1.png) no-repeat left; padding-left:10px;}
.subnav_box li a:hover{ color:#06C; background:url(../images/icon1_2.gif) no-repeat left;}
.subnav_box li a.active{ color:#06C; background:url(../images/icon1_3.gif) no-repeat left;}
.subnav_box li dl{padding-left:9px; padding-bottom:6px;}
.subnav_box li dd{ height:20px; line-height:20px;}
.subnav_box li dd a.active2{ color:#009900; background:url(../images/icon4.gif) no-repeat 0 -17px}
.subnav_box li dd a{ color:#666; background:url(../images/icon4.gif) no-repeat 0 5px;}
.subnav_box li dd a:hover{ color:#F90; background:url(../images/icon4.gif) no-repeat 0 -17px}}

.subnav_box2{ width:145px; background:url(../images/user_leftbg.gif) no-repeat bottom; padding:5px 0;}
.subnav_box2 ul{ list-style-type:none; padding:0 3px;}
.subnav_box2 li{ line-height:22px;}
.subnav_box2 li a{ color:#222; padding-left:3px;}
.subnav_box2 li a:hover{ color:#06C; }





.welcome{ background:#ECECEC; padding:16px 0; text-align:center; margin:40px 0;}
.right_tz_box{ margin-right:15px; margin-bottom:15px;}
.right_titlebox{ height:31px; line-height:31px; height:31px; background:url(../images/right_title_rightbg.png) no-repeat right;  }
.right_titlebox .leftbg{  width:100%;display:block; height:31px; float:left; background:url(../images/right_title_leftbg.png) no-repeat left;}
.right_titlebox .rightbg{ display:block;}
.right_titlebox .leftbg b{ font-size:14px; color:#333; padding-left:10px; float:left;display:block}
.right_titlebox .leftbg a{ float:right; width:50px; display:block;text-align:center; color:#0066CC}
.notice{ height:100%; background:#fff; }
.notice ul{ list-style-type:none; line-height:30px; }
.notice li{ border-bottom:#DEDEDE solid 1px;border-left:#DEDEDE solid 1px;border-right:#DEDEDE solid 1px; height:30px; padding-left:10px; }
.notice li.bgcol{ background:#f8f8f8;}
.notice li a{ color:#333; text-decoration:none; background:url(../images/news_icon.gif) no-repeat left; padding-left:12px;float:left; }
.notice li a:hover{ text-decoration:underline; color:#06C}
.notice li a.new{ color:#0066FF}
.notice li span{  padding-left:15px; color:#666;}

#desk_box{ width:auto; position:relative;}
#desk_box .subbox{ width:48%; float:left; height:auto; display:inline; margin:0 15px 15px 0; }
#desk_box .subbox .list_n{ background:#fff;border:#DEDEDE solid 1px; }
#desk_box .subbox .list_n ul{ list-style-type:none; line-height:30px; }
#desk_box .subbox .list_n li{  height:30px; padding-left:10px; }
#desk_box .subbox .list_n li.bgcol{ background:#f8f8f8;}
#desk_box .subbox .list_n li a{ color:#333; text-decoration:none; background:url(../images/news_icon.gif) no-repeat left; padding-left:12px;float:left; }
#desk_box .subbox .list_n li a.no{ color:#333; text-decoration:none; background:url(../images/news_icon111.gif) no-repeat left; padding-left:12px;float:left; }
#desk_box .subbox .list_n li a:hover{ text-decoration:underline; color:#06C}
#desk_box .subbox .list_n li a.new{ color:#0066FF}
#desk_box .subbox .list_n li span{  padding-left:15px; color:#666;}

.list_main_tilte{ border-bottom:#277FD5 solid 3px; height:30px; margin-right:15px; line-height:30px;}
.list_main_tilte b{ font-size:18px; color:#333; padding-left:5px;}
.list_main_tilte span{ font-size:14px; font-weight:bold; padding-left:15px; margin-left:10px; color:#2C6699; background:url(../images/icon5.gif) no-repeat left}
.list_form{ padding:15px 10px;}
.list_form td{ line-height:30px;}
.list_form td div{ font-size:12px;}
.list_form td input{ border-top:#6D6F70 solid 1px; border-left:#C9CBCC solid 1px;width:174px; border-right:#C9CBCC solid 1px; border-bottom:#D3D5D6 solid 1px; padding:2px 3px;}
.list_form td input.aa{ background:url(../images/input_bg3.gif) no-repeat; width:174px; padding:3px 7px; height:25px; border:0;}
.form_btn{padding:0px 0 35px 10px;}
.form_btn ul{ list-style-type:none;}
.form_btn li{ line-height:21px; text-align:center; float:left;}
.form_btn li a {float:left;background:url(../images/btn_bg_left.png) no-repeat left top;margin:0 3px;padding:0 0 0 10px;text-decoration:none;	}
.form_btn li a span {float:left;display:block;background:url(../images/btn_bg_right.png) no-repeat right top;padding:0 20px 0 10px;color:#eee;}
.form_btn li a:hover span {color: #fff;font-weight:bold;}

.page_top{ height:24px; line-height:24px; padding:10px 0 10px 10px;}
.page_top span.page_font_style1{ width:40px; display:block; float:left}
.page_select_style{ width:66px; float:left; height:24px; line-height:24px; position:relative;}
.page_select_style .l{ width:45px; padding-left:5px; float:left; color:#555; background:url(../images/select_bg.gif) no-repeat 0 0 ;}
.page_select_style .r{ float:right; width:16px; background:url(../images/select_bg.gif) no-repeat 0 -24px;}
.page_select_style .r a{width:16px; height:24px; display:block}
.page_select_style .drawlist{ position:absolute; width:64px; top:22px; background:#fff; border:#B9B9B9 solid 1px; }
.page_select_style .drawlist dl{width:64px; }
.page_select_style .drawlist dd{ line-height:20px; padding:0 5px; width:54px; cursor:pointer}
.page_select_style .drawlist dd:hover{ background:#efefef}
.show_txt{ color:#555;}
.page{ float:right;}
.page a{ float:left; margin-left:3px; color:#555; background:url(../images/pagebg.gif) no-repeat 0 -23px;display:block; width:23px; height:23px; text-align:center; line-height:23px;}
.page a:hover,.page a.current{ color:#000; background:url(../images/pagebg.gif) no-repeat 0 0;}
.maincontentbox{ margin-right:15px;height:100%; width:auto}
.maincontentbox table{ width:100%}
.maincontentbox tr.title{ height:31px; line-height:31px; font-weight:bold; background:url(../images/right_title_cbg.png) repeat-x right}
.maincontentbox tr.title a{ color:#222;  text-decoration:none;}
.maincontentbox tr.title a:hover{ color:#06c;}
.maincontentbox td div{ font-size:12px;white-space:nowrap}
.maincontentbox td { padding:0 2px;}
.maincontentbox td a.no{ color:#06C;  text-decoration:none;}
.maincontentbox td a:hover{ color:#F90;}
.maincontentbox td.leftbg{ background:url(../images/right_title_leftbg.png) no-repeat left; font-size:12px;}
.maincontentbox td.rightbg{ background:url(../images/right_title_rbg.png) no-repeat right;}
.maincontentbox tr.linebg1{ cursor:pointer; background:url(../images/line1.png) repeat-x bottom #f7f7f7; height:33px; line-height:33px; border:#d5d5d5 solid 1px;border-top:0;}
.maincontentbox tr.linebg2{cursor:pointer; background:url(../images/line1.png) repeat-x bottom #fff; height:33px; line-height:33px; border:#d5d5d5 solid 1px;border-top:0;}
.maincontentbox td.l_border{ border-left:#d5d5d5 solid 1px;}
.maincontentbox td.r_border{ border-right:#d5d5d5 solid 1px;}
.maincontentbox td span.fonts1{ color:#0066FF}
.maincontentbox td span.blue{ color:#0066FF}
.maincontentbox td span.gary{ color:#666}
.maincontentbox td span.green{ color:#009933;}
.maincontentbox td.list_bottom_content1{ margin: 0; padding: 0; width:auto; height:31px;}

.list_bottom_content{ height:31px; background:url(../images/bottom_rightbg.png) repeat left}
.list_bottom_content span.bg{ display:block; float:left; height:31px; width:10px; background:url(../images/bottom_leftbg.png) no-repeat left;}

.operating_btn{padding:5px 0 5px 0;float:left; width:auto }
.operating_btn ul{ list-style-type:none;}
.operating_btn li{ line-height:20px;height:20px; text-align:center; float:left;}
.operating_btn li a {float:left;background:url(../images/link_bg_hover_l.gif) no-repeat left top;margin:0 3px;padding:0 0 0 8px;text-decoration:none;	}
.operating_btn li a span {float:left;display:block;background:url(../images/link_bg_hover_r.gif) no-repeat right top;padding:0 15px 0 7px;color:#222;}
.operating_btn li a:hover span {color: #000;}
.operating_btn li a:hover {background-position:0% -20px; text-decoration:none;}
.operating_btn li a:hover span {background-position:100% -20px; text-decoration:none;}

.footer_padding{ padding-top:40px; z-index:10;}
#footer{ border-top:#ccc solid 1px; background:#fff; width:100%; line-height:26px; font-family:Verdana, Geneva, sans-serif; color:#666; font-size:11px; height:26px;  position:fixed;left:0px;bottom:0;_position:absolute;_top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);}
#footer .copy{ padding-left:15px; float:left;}
#footer .ie{ float:right; padding-right:15px; text-align:right; background:url(../images/ie.gif) no-repeat left; padding-left:20px;}

.order_title{ font-size:18px; text-align:center; font-weight:bold; padding:10px 0 20px 0;}
.order_post_info{ background:#eee; line-height:30px; padding:0 20px; height:30px;}
.order_post_info span.left{ float:left;}
.order_post_info span.right{ float:right}
.order_content{ line-height:26px; padding:20px;}

.open_window_box{ width:427px; margin:0 auto;}
.open_window_box .title{ width:427px; height:35px; padding-top:3px; line-height:35px; background:url(../images/open_window_bg.gif) no-repeat 0 0;}
.open_window_box .title b{ font-size:16px; padding-left:15px;}
.open_window_box .contentbox{ height:170px; width:397px; padding:10px 15px; background:url(../images/open_window_bg.gif) no-repeat bottom;}
.open_window_box .contentbox p.sty1{ text-align:center; font-size:14px; color:#06c; padding:50px 0 0 0 }
.open_window_box .contentbox p.sty2{ margin:7px 0 5px 0; background:url(../images/input_bg4.gif) no-repeat left; width:293px; height:23px;  padding:2px 0 0 24px;}
.open_window_box .contentbox p.sty2 input{ border:0;float:left; padding-top:2px;width:290px; }
.open_window_box .contentbox p.sty2 span{ float:left; padding-top:10px; display:block; width:60px;}
.open_window_box .contentbox div{ padding-left:158px; padding-top:17px;}
.open_window_box .contentbox a{ float:left;background:url(../images/btn_bg_left.png) no-repeat left top;margin:0 3px;padding:0 0 0 10px;text-decoration:none; line-height:21px;}
.open_window_box .contentbox a span {float:left;display:block;background:url(../images/btn_bg_right.png) no-repeat right top;padding:0 20px 0 10px;color:#ddd;}
.open_window_box .contentbox a:hover span {color: #fff;font-weight:bold;}

.open_window_box .contentbox2{height:260px; line-height:24px; width:397px; padding:10px 15px; background:url(../images/open_window_bg.gif) no-repeat bottom;}
.open_window_box .contentbox2 a{ float:left;background:url(../images/btn_bg_left.png) no-repeat left top;margin:0 3px;padding:0 0 0 10px;text-decoration:none; line-height:21px;}
.open_window_box .contentbox2 a span {float:left;display:block;background:url(../images/btn_bg_right.png) no-repeat right top;padding:0 20px 0 10px;color:#ddd;}
.open_window_box .contentbox2 a:hover span {color: #fff;font-weight:bold;}
.open_window_box .contentbox2 i a.a_d{ color:#06c; background:none;float:none; padding:0} 
.open_window_box .contentbox2 div{ padding-left:158px; padding-top:10px;}

#usertitle{margin:30px 50px 8px 50px;}
#usertitle b{ font-size:18px; float:left}
#usertitle  i{ float:right}
#usertitle  a{ float:left;background:url(../images/btn_bg_left.png) no-repeat left top;margin:0 3px;padding:0 0 0 10px;text-decoration:none; line-height:21px;}
#usertitle  a span {float:left;display:block;background:url(../images/btn_bg_right.png) no-repeat right top;padding:0 20px 0 10px;color:#ddd;}
#usertitle  a:hover span {color: #fff;font-weight:bold;}


#boxShadow{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border: solid 1px #ddd; border-top:#277FD5 solid 4px;padding:20px; margin:0 50px 30px 50px;-moz-box-shadow:0px 0px 1px #999; /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#999999")	alpha(opacity=80);-moz-opacity:0.8;
opacity:0.8;*/ background:#fff;}
#boxShadow p{ padding:3px 0; margin:0}
#boxShadow p.boldfont{ font-size:14px; font-weight:bold; padding:6px 0 6px 0}
#boxShadow p span{ width:100px; display:block;  float:left; color:#277FD5;}
#boxShadow p i{ float:left; width:260px; display:block;}
#boxShadow p i input.sty3{border-top:#6D6F70 solid 1px; border-left:#C9CBCC solid 1px; border-right:#C9CBCC solid 1px; border-bottom:#D3D5D6 solid 1px; padding:2px 3px;}
#boxShadow p i select{border-top:#6D6F70 solid 1px; border-left:#C9CBCC solid 1px; border-right:#C9CBCC solid 1px; border-bottom:#D3D5D6 solid 1px;}
.gary_txt{ color:#666;}

#err{ margin:120px auto 0 auto; border:#ddd solid 1px; padding:20px; text-align:center; width:600px; background:#FFF;}
#err img{ float:left; margin:20px;}
#err div { display:block; float:left; text-align:center; width:400px; line-height:26px; padding:20px 0; margin:20px 0;}
.view_btn  a{ float:left;background:url(../images/btn_bg_left.png) no-repeat left top;margin:0 3px;padding:0 0 0 10px;text-decoration:none; line-height:21px;}
.view_btn  a span {float:left;display:block;background:url(../images/btn_bg_right.png) no-repeat right top;padding:0 20px 0 10px;color:#ddd;}
.view_btn  a:hover span {color: #fff;font-weight:bold;}

.open_list_tab{position:absolute; width:600px;  border:#999 solid 1px; background:#fff; padding:0 6px;-moz-box-shadow:3px 3px 4px #999;    
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#999999")
	alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}
	.open_list_tab table td{ border-bottom:#ddd solid 1px;}

.dpDiv {
}
.dpTable {
	BORDER-RIGHT:#2075D1 1px solid;
	BORDER-TOP:#2075D1 1px solid; 
	BORDER-LEFT:#2075D1 1px solid; 
	BORDER-BOTTOM:#2075D1 1px solid; 

	BACKGROUND-COLOR: #FFFFFF; 
	COLOR:#2075D1; 

	TEXT-ALIGN: center;
}
.dpTR {	
}
.dpTitleTR {
}
.dpDayTR {
	
}
.dpTodayButtonTR {
	
}
.dpDayHighlightTD {
	BORDER-RIGHT:#2075D1 1px solid;  
	BORDER-TOP:#2075D1 1px solid; 
	BORDER-LEFT:#2075D1 1px solid; 
	BORDER-BOTTOM:#2075D1 1px solid;
	BACKGROUND-COLOR:#2075D1;
	CURSOR: pointer; 
}
.dpTitleTD {	
}
.dpButtonTD {	
}
.dpTodayButtonTD {
	
}
.dpDayTD {
	BORDER-RIGHT:#2075D1 1px solid; 
	BORDER-TOP:#2075D1 1px solid; 
	BORDER-LEFT:#2075D1 1px solid; 
	BORDER-BOTTOM:#2075D1 1px solid;
	COLOR: white;  
	BACKGROUND-COLOR:#2075D1;
}
.dpTitleText {
	FONT-WEIGHT: bold; 
	COLOR:#2075D1;
}
.dpDayHighlight {
	FONT-WEIGHT: bold; 
	COLOR: #FFFFFF;
}
.dpTodayButton, .dpButton {
	background-color: #ffffff;
	color:#2075D1; 
	border: 1px solid;
	text-align: center;

	padding-left: 3px;	padding-right: 3px;		font-size : 10pt; height: 80%; } 
	.dpTodayButton:hover, .dpButton:hover {  	color: #ffffff;   
	background-color: #000; 	  	text-align: center;	  	border: 1px solid; 
	cursor:pointer; } .dpTD{ CURSOR:pointer; } .dpTD_hover { CURSOR:pointer; 
	BACKGROUND-COLOR: #000; } .dpTD:hover { CURSOR:pointer; BACKGROUND-COLOR: 
	#000; } .datePickerImg { cursor: pointer; }

/*admin login*/
#leftPage_admin { width:145px; margin:0; padding:0}
#contentPageDiv_admin { padding:15px 0 15px 10px; }

#leftPage_admin .box1{ width:145px; margin-bottom:8px; }
#leftPage_admin .nobg{ background:none}
#leftPage_admin .box1 .titlebox{ width:145px; height:30px; line-height:30px; background:url(../images/user_left_titlebg.gif) no-repeat 0 -60px;}
#leftPage_admin .box1 .titlebox_open{ width:145px; height:30px; line-height:30px; background:url(../images/user_left_titlebg.gif) no-repeat 0 -30px;}
#leftPage_admin .box1 .titlebox_close{ width:145px; height:30px; line-height:30px; background:url(../images/user_left_titlebg.gif) no-repeat 0 0px;}
#leftPage_admin .box1 .titlebox b,#leftPage_admin .box1 .titlebox_open b,#leftPage_admin .box1 .titlebox_close b{ font-size:12px; color:#111; width:140px; padding-left:5px; float:left; display:block;}
#leftPage_admin .box1 .titlebox b a,#leftPage_admin .box1 .titlebox_open b a,#leftPage_admin .box1 .titlebox_close b a{ color:#111; display:block; text-decoration:none}