@charset "utf-8";
/* CSS Document */

html {
	background:#FFF;
	overflow-y:scroll;
}
body {
	margin:0;
	font:12px/1.8 'lucida grande', tahoma, verdana, arial, sans-serif, "\5B8B\4F53";
	color:#333;
}
html:root body,
html:root input,
html:root button,
html:root textarea,
html:root select {
	font-family:Tahoma, Geneva, "\5fae\8f6f\96c5\9ed1", "\5B8B\4F53";
}
form,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
p {
	margin:0;
	padding:0;
	list-style:none;
}
a {
	text-decoration:none;
	color:#36C;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}
i,
em {
	font-style:normal;
}
b {
	color:#F00;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
/*img spr_x*/
.frame-top,
.frame-nav a {
	background-image:url(../images/main/spr_x.png);
	background-repeat:repeat-x;
}
/*img spr_img*/
.top-nav li,
.top-nav a,
.top-nav b,
.jobs-list dt i,
.jobs-box h3 i,
.get-pos,
.recommend-btn {
	background-image:url(../images/home/about/spr_img.png);
	background-repeat:no-repeat;
}
/*.frame-top*/
.frame-top {
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:2;
	height:40px;
	overflow:hidden;
	background-color:#242424;
	background-position:0 -1157px;
}
/**.logo**/
.logo {
	position:absolute;
	top:10px;
	left:10px;
	width:142px;
	height:21px;
}
.logo a {
	display:block;
	height:21px;
	line-height:10;
	overflow:hidden;
	font-size:12px;
	background:url(../images/main/logo.png) no-repeat 0 0;
}
.logo a:hover {
	background-position:0 -22px;
}
/**.frame-nav**/
.frame-nav {
	position:relative;
	width:380px;
	height:40px;
	margin:auto;
	text-align:center;
	overflow:hidden;
	cursor:default;
}
.frame-nav a {
	position:relative;
	display:inline-block;
	height:40px;
	padding:0 9px 0 32px;
	line-height:40px;
	overflow:hidden;
	font-size:14px;
	color:#999;
	background-position:100px 100px;
}
.frame-nav a:hover {
	text-decoration:none;
	color:#DDD;
}
.frame-nav a.focus,
.frame-nav a.focus:hover {
	color:#1EA9F7;
	background-position:0 -1198px;
	cursor:default;
	box-shadow:inset 1px 0 1px rgba(255, 255, 255, 0.2), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.frame-nav .nav-ico {
	position:absolute;
	top:8px;
	left:6px;
	width:24px;
	height:24px;
	overflow:hidden;
	background-image:url(../images/main/frame_top.png);
	background-repeat:no-repeat;
}
.frame-nav a:hover b {
	visibility:visible;
}
.nav-game {
	background-position:0 0;
}
a:hover .nav-game {
	background-position:-125px 0;
}
.focus .nav-game,
.focus:hover .nav-game {
	background-position:0 -25px;
}
.nav-disk {
	background-position:-25px 0;
}
a:hover .nav-disk {
	background-position:-150px 0;
}
.focus .nav-disk,
.focus:hover .nav-disk {
	background-position:-25px -25px;
}
.nav-circle {
	background-position:-50px 0;
}
a:hover .nav-circle {
	background-position:-175px 0;
}
.focus .nav-circle,
.focus:hover .nav-circle {
	background-position:-50px -25px;
}
.nav-app {
	background-position:-75px 0;
}
a:hover .nav-app {
	background-position:-200px 0;
}
.focus .nav-app,
.focus:hover .nav-app {
	background-position:-75px -25px;
}
.nav-user {
	background-position:-100px 0;
}
a:hover .nav-user {
	background-position:-225px 0;
}
.focus .nav-user,
.focus:hover .nav-user {
	background-position:-100px -25px;
}
/**.user-box**/
.user-box {
	position:absolute;
	top:0;
	right:0;
	height:20px;
	padding:10px 5px 5px 0;
	overflow:hidden;
	color:#CCC;
}
.user-box a {
	color:#CCC;
}
.user-box a:hover {
	text-decoration:none;
	color:#1298F4;
}
.user-box li {
	position:relative;
	left:-1px;
	float:left;
	height:20px;
	padding:0 8px 0 9px;
	line-height:20px;
	overflow:hidden;
	font-size:14px;
	background:url(../images/home/user_line.png) no-repeat 0 0;
}
.user-box .user-name {
	position:relative;
	padding-left:26px;
}
.user-box .user-name img {
	position:absolute;
	top:0;
	left:1px;
	width:20px;
	height:20px;
	border-radius:3px;
}
.user-box .get-vip,
.user-box .get-vip:hover,
.user-box .btn-link,
.user-box .btn-link:hover {
	float:left;
	width:52px;
	height:20px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
	color:#FFFDD5;
	background:url(../images/main/get_vip_bg.png) no-repeat 0 0;
}
/*.wrap-box*/
.wrap-box {
	padding-top:40px;
}
/*.footer*/
.footer {
	width:950px;
	margin:auto;
	padding:10px 5px;
	line-height:23px;
	text-align:right;
	color:#36C;
}
.footer span {
	float:left;
	color:#787878;
}
/*.main*/
.main {
	padding-top:20px;
	border-bottom:1px solid #DDD;
}
/**.container**/
.container {
	position:relative;
	width:958px;
	margin:auto;
	border:1px solid #DDD;
	border-bottom:0 none;
	background:url(../images/home/about/sub_nav_focus.png) repeat-y -218px 0;
}
/***.sub-nav***/
.sub-nav {
	position:absolute;
	top:0;
	left:0;
	width:216px;
	overflow:hidden;
}
.sub-nav ul {
	padding:39px 0 20px;
}
.sub-nav li {
	height:39px;
	padding-left:75px;
	line-height:37px;
	font-size:14px;
}
.sub-nav li.focus {
	font-weight:bold;
	background:url(../images/home/about/sub_nav_focus.png) no-repeat 0 0;
}
.sub-nav a {
	color:#818181;
}
.sub-nav a:hover {
	color:#000;
}
.sub-nav li.focus a,
.sub-nav li.focus a:hover {
	color:#000;
	text-decoration:none;
}
/***.contents***/
.contents {
	margin-left:216px;
	min-height:600px;
	_height:600px;
}
.contents h2 {
	position:relative;
	top:-10px;
	height:48px;
	margin:0 -1px;
	padding:0 20px;
	line-height:49px;
	overflow:hidden;
	font-size:14px;
	border:1px solid #DDD;
	background:#F4F6F9;
}
.contents h3 {
	height:27px;
	margin:0 10px 10px;
	padding:0 10px;
	line-height:25px;
	font-size:14px;
	border-bottom:1px solid #EEE;
}
/****.service-list****/
.service-list {
	padding:10px 0 10px 80px;
	overflow:hidden;
	_zoom:1;
}
.service-list li {
	position:relative;
	float:left;
	width:260px;
	height:80px;
	padding-left:40px;
}
.service-list strong {
	display:block;
	font-size:14px;
}
.service-list strong a {
	color:#555;
}
.service-list span {
	display:block;
}
.icon-ser {
	position:absolute;
	top:5px;
	left:0;
	width:32px;
	height:32px;
	background-image:url(../images/home/about/icon_service.gif);
	background-repeat:no-repeat;
}
.ser-account {
	background-position:0 0;
}
.ser-udisk {
	background-position:-40px 0;
}
.ser-continuance {
	background-position:-80px 0;
}
.ser-storage {
	background-position:-120px 0;
}
.ser-complaint {
	background-position:-160px 0;
}
.ser-level {
	background-position:0 -40px;
}
.ser-feedback {
	background-position:-40px -40px;
}
.ser-help {
	background-position:-80px -40px;
}
.ser-download {
	background-position:-120px -40px;
}
.ser-share {
	background-position:-160px -40px;
}
.ser-privacy {
	background-position:0 -80px;
}
.ser-udown {
	background-position:-40px -80px;
}
.ser-sync {
	background-position:-80px -80px;
}
.ser-browser {
	background-position:-120px -80px;
}
/****.service-text****/
.service-text {
	margin:0 10px;
	padding:10px;
	border-top:1px solid #EEE;
}
.service-text h4 {
	font-size:14px;
}
.service-text .con {
	padding:10px 0;
}
/****.agreement-text****/
.agreement-text {
	padding:10px 20px 20px;
}
.agreement-text h4 {
	padding:7px 0;
	font-size:12px;
	color:#36C;
}
.agreement-text h5 {
	font-size:12px;
	font-weight:normal;
}
.agreement-text .con {
	padding:5px 0;
}
.agreement-text p {
	text-indent:2em;
}
/***.top-nav***/
.top-nav {
	height:31px;
	margin:0 10px;
	padding:5px 0 9px;
	overflow:hidden;
	border-bottom:1px solid #DDD;
}
.top-nav li {
	float:left;
	height:31px;
	margin-left:-1px;
	padding:0 8px;
	font-size:14px;
	background-position:-352px -42px;
}
.top-nav a {
	position:relative;
	float:left;
	height:31px;
	padding:0 10px;
	line-height:25px;
	text-align:center;
	background-position:100px 100px;
}
.top-nav b {
	display:none;
	position:absolute;
	top:0;
	width:5px;
	height:31px;
	overflow:hidden;
	background-position:100px 100px;
}
.top-nav a.focus,
.top-nav a.focus:hover {
	font-weight:bold;
	text-decoration:none;
	color:#333;
	background-position:center -31px;
	cursor:default;
}
.top-nav a.focus b {
	display:block;
}
.top-nav a.focus .sl {
	left:0;
	background-position:-85px -31px;
}
.top-nav a.focus .sr {
	right:0;
	_right:-1px;
	background-position:-264px -31px;
}
/***.list-nav***/
.list-nav {
	margin:0 10px;
	padding:10px 11px;
	overflow:hidden;
	_zoom:1;
	border-bottom:1px dashed #DDD;
}
.list-nav dl {
	float:left;
	width:175px;
	line-height:29px;
}
.list-nav dt {
	font-weight:bold;
}
.list-nav i {
	color:#F00;
}
/***.jobs-box***/
.jobs-box {
	padding:0 10px;
}
.jobs-box h3 {
	position:relative;
	height:30px;
	margin:0;
	padding:5px 25px;
	line-height:31px;
	overflow:hidden;
	font-size:14px;
	border-color:#DDD;
	cursor:pointer;
}
.jobs-list dt i,
.jobs-box h3 i {
	position:absolute;
	top:13px;
	left:7px;
	width:14px;
	height:14px;
	overflow:hidden;
	background-position:0 -46px;
	cursor:pointer;
}
.jobs-list dt i.open,
.jobs-box h3 i.open {
	background-position:0 -31px;
}
/***.jobs-list***/
.jobs-list {
	color:#555;
	border-bottom:1px dashed #DDD;
}
.jobs-list:hover dt,
.jobs-list:hover dd {
	background:#F4F6F9;
}
.jobs-list dt {
	position:relative;
	height:30px;
	padding:5px 25px 5px 36px;
	line-height:31px;
	overflow:hidden;
	font-weight:bold;
	font-size:12px;
	border-top:1px solid #FFF;
	cursor:pointer;
}
.jobs-list dt i {
	left:18px;
}
.jobs-list dd {
	position:relative;
	padding:0 25px 15px;
	border-bottom:1px solid #FFF;
	zoom:1;
}
.jobs-list h4 {
	font-weight:normal;
	font-size:12px;
}
.get-pos,
.get-pos:hover,
.recommend-btn,
.recommend-btn:hover {
	position:absolute;
	top:-30px;
	right:145px;
	width:117px;
	height:30px;
	line-height:31px;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	text-shadow:0 1px #FFF;
	background-position:0 0;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}
.get-pos:hover,
.recommend-btn:hover {
	background-position:-118px 0;
}
.get-pos:active,
.recommend-btn:active {
	background-position:-236px 0;
}
.recommend-btn,
.recommend-btn:hover {
	right:18px;
}
.jobs-desc {
	padding:5px 12px;
}
/***.working-place***/
.working-place {
	position:relative;
	top:-10px;
	margin:20px 10px 0;
	padding:8px 15px;
	line-height:2em;
	background:#F4F6F9;
}
.working-place b {
	display:inline-block;
	margin:3px 0;
	padding:0 5px;
	font-weight:normal;
	color:#FFF;
	background:#D8544E;
}
#working_place:target {
	-webkit-animation:fadein 1s linear;
}
/***.about-box***/
.about-box {
	padding:10px;
	overflow:hidden;
	_zoom:1;
}
.about-box h3 {
	margin:0;
	border:0 none;
}
.about-text {
	overflow:hidden;
	_zoom:1;
	margin-bottom:10px;
	padding:2px 10px 7px;
	border-bottom:1px solid #EEE;
}
.about-text img {
	float:left;
	height:165px;
	margin:0 10px 5px 0;
	padding:1px;
	border:3px solid #CCC;
	background:#FFF;
}
.about-text h4 {
	font-weight:normal;
	font-size:12px;
	color:#999;
}
.about-text p {
	padding:3px 0;
	text-indent:2em;
}
.no-indent p {
	padding:0;
	text-indent:0;
}
.about-banner {
	width:722px;
	height:165px;
	margin-bottom:-20px;
	overflow:hidden;
	background:url(../images/home/about/banner.jpg) no-repeat 0 0;
}
.about-pic {
	margin-bottom:10px;
	padding:5px 0 10px;
	border-bottom:1px solid #EEE;
}
.about-pic h4 {
	margin-bottom:8px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
}
.about-pic img {
	display:block;
	margin:auto;
}
/***.welfare-box***/
.welfare-box {
	position:relative;
	width:720px;
	overflow:hidden;
	border:dashed #C0C0C0;
	border-width:1px 0 0 1px;
}
.welfare-box ul {
	overflow:hidden;
	_zoom:1;
}
.welfare-box li {
	float:left;
	width:329px;
	padding:5px 15px 10px;
	border:dashed #C0C0C0;
	border-width:0 1px 1px 0;
	background:#F4F6F9;
}
.welfare-box strong {
	position:relative;
	display:block;
	height:48px;
	padding-left:40px;
	line-height:49px;
	overflow:hidden;
	font-weight:normal;
	font-size:18px;
}
.welfare-box span {
	display:block;
	color:#999;
}
.welfare-box .icon-wel {
	position:absolute;
	top:8px;
	left:0;
	width:32px;
	height:32px;
	overflow:hidden;
	background-image:url(../images/home/about/icon_welfare.gif);
	background-repeat:no-repeat;
}
.wel-salary {
	background-position:0 0;
}
.wel-insurance {
	background-position:-40px 0;
}
.wel-recess {
	background-position:-80px 0;
}
.wel-cultivate {
	background-position:0 -40px;
}
.wel-life {
	background-position:-40px -40px;
}
.wel-other {
	background-position:-80px -40px;
}
.wel-honesty {
	background-position:-120px 0;
}
.wel-confidence {
	background-position:-160px 0;
}
.wel-simple {
	background-position:-120px -40px;
}
.wel-speed {
	background-position:-160px -40px;
}
.wel-passion {
	background-position:0 -80px;
}
/***.pic-show***/
.pic-show {
	width:722px;
	margin-bottom:10px;
	padding-bottom:10px;
	overflow:hidden;
	border-bottom:1px solid #EEE;
}
.pic-show ul {
	width:734px;
	padding-left:5px;
	overflow:hidden;
	_zoom:1;
}
.pic-show li {
	position:relative;
	float:left;
	width:345px;
	height:264px;
	margin-right:22px;
	overflow:hidden;
	background:url(../images/home/about/pic_show.png) no-repeat 0 0;
}
.pic-show img {
	position:absolute;
	top:11px;
	left:11px;
	width:323px;
	height:199px;
}
.pic-show span {
	position:absolute;
	top:221px;
	left:0;
	height:43px;
	padding:0 15px;
	line-height:43px;
}
/***.partner-list***/
.partner-list {
	padding:10px 1px 30px;
	overflow:hidden;
	_zoom:1;
}
.partner-list li {
	float:left;
	width:168px;
	height:64px;
	padding:10px 36px;
	overflow:hidden;
}
.partner-list a {
	display:block;
	width:168px;
	height:64px;
	line-height:20;
	overflow:hidden;
	background-image:url(../images/home/about/partner.png);
	background-repeat:no-repeat;
}
.china-unicom {
	background-position:0 0;
}
.china-telecom {
	background-position:-180px 0;
}
.dell {
	background-position:-360px 0;
}
/***.photo-box***/
.photo-box {
	width:720px;
	margin:auto;
	overflow:hidden;
}
.photo-show {
	position:relative;
	width:720px;
	height:480px;
	overflow:hidden;
	background:#F4F4F4 url(../images/main/loading.gif) no-repeat center center;
}
.photo-show img {
	position:absolute;
	top:0;
	left:0;
	width:720px;
	height:480px;
}
.photo-show .photo-title {
	position:absolute;
	top:450px;
	left:0;
	width:720px;
	height:30px;
}
.photo-show span,
.photo-show .bg {
	position:absolute;
	top:0;
	left:0;
	width:700px;
	height:30px;
	padding:0 10px;
	line-height:30px;
	overflow:hidden;
	font-size:14px;
}
.photo-show .bg {
	width:720px;
	background:#FFF;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.photo-list {
	position:relative;
	height:77px;
	padding:5px 0;
}
.photo-list .photo-btn {
	position:absolute;
	top:14px;
	z-index:11;
	width:19px;
	height:65px;
	line-height:20;
	overflow:hidden;
	background-image:url(../images/home/about/btn_photo_show.png);
	background-repeat:no-repeat;
	cursor:default;
}
.btn-left {
	left:0;
	background-position:0 -66px;
}
.btn-right {
	right:0;
	background-position:-20px -66px;
}
.photo-list ul {
	position:absolute;
	top:0;
	left:0;
	width:10000px;
}
.photo-list li {
	float:left;
	width:100px;
	height:65px;
	margin-right:6px;
	padding:9px 3px 3px;
	overflow:hidden;
	cursor:pointer;
}
.photo-list li.focus {
	background:url(../images/home/about/bg_photo_list.gif) no-repeat 0 0;
}
.photo-wrap {
	position:absolute;
	top:5px;
	left:27px;
	width:666px;
	height:77px;
	overflow:hidden;
}
/*.links-box*/
.links-box {
	position:relative;
	top:-20px;
	padding:10px;
	overflow:hidden;
	_zoom:1;
	border-bottom:1px solid #EEE;
}
.links-box dt {
	font-size:14px;
	font-weight:bold;
	height:32px;
	line-height:32px;
}
.links-box ul {
	overflow:hidden;
	_zoom:1;
}
.links-box li {
	float:left;
	margin-right:25px;
	line-height:27px;
	white-space:nowrap;
	min-height:27px;
	_height:27px;
}
/*.logo-standard, .logo-text*/
.logo-standard {
	position:relative;
	top:-10px;
	float:left;
	width:190px;
	padding-left:15px;
}
.logo-standard dt,
.logo-text dt {
	line-height:27px;
	font-size:14px;
	font-weight:bold;
}
.logo-standard dd {
	height:90px;
	line-height:21px;
}
.logo-standard img {
	display:block;
	margin-bottom:5px;
}
.logo-text {
	position:relative;
	top:-10px;
	float:left;
	width:460px;
	padding:0 15px;
	border-left:1px solid #EEE;
}
.logo-text dd {
	padding-bottom:30px;
}
.logo-text p{padding-left:19px;text-indent:-19px;}
/*animate*/
@-webkit-keyframes fadein {
 0% {
 background:#B6C6DE;
}
 100% {
 background:#F4F6F9;
}
}
/*for IE6*/
*html {
	padding-top:40px;
	overflow:hidden;
}
*html body {
	height:100%;
}
*html .frame-top {
	position:absolute;
}
*html .wrap-box {
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	overflow:auto;
}