.main-wrap {
	width: 1004px;
	margin: 0 auto;
	background-color: #fff
}

.main-nav {
	height: 84px;
	padding-left: 26px
}

.main-nav .right-info {
	margin-top: 20px;
	font-size: 18px;
	color: #343434
}

.main-nav a:hover p {
	color: #00938b;
	*text-decoration: none
}

.main-nav .nav-box {
	position: relative;
	min-width: 130px;
	*width: 130px;
	height: 84px;
	margin-right: 4px
}

.main-nav .nav-box:hover {
	*cursor: pointer
}

.main-nav .nav-box .nav-icon {
	position: absolute;
	left: 0px;
	width: 59px;
	height: 84px
}

.main-nav .nav-box .icon-logo {
	background: url(/nav/nav1.png) center no-repeat
}

.main-nav .nav-box .icon-internship {
	background: url(/nav/nav2.png) center no-repeat
}

.main-nav .nav-box .icon-fulltime {
	background: url(/nav/nav4.png) center no-repeat
}

.main-nav .nav-box p {
	position: absolute;
	white-space: nowrap;
	top: 19px;
	min-width: 64px;
	*width: 64px;
	left: 64px;
	font-size: 16px;
	color: #7f7f7f;
	border-bottom: 1px solid #00938b
}

.main-nav .nav-box p:hover {
	*cursor: pointer
}

.main-nav .nav-box .current {
	color: #00938b
}

.main-nav .nav-box2 {
	width: 200px;
	*width: 200px
}

.main-nav .nav-box2 p {
	*width: 128px
}

.main-nav .nav-point {
	margin-top: 38px;
	width: 10px;
	height: 10px;
	background: url(/nav/nav_point.png) center no-repeat
}

.company-planning {
	padding: 25px 70px 45px 90px
}

.company-planning .info {
	overflow: hidden;
	width: 630px;
	color: #343434
}

.company-planning .info .title {
	font-size: 18px;
	margin-bottom: 30px
}

.company-planning .info .text {
	font-size: 14px
}

.works-branch-block {
	margin-left: 26px;
	margin-right: 26px;
	padding: 10px 15px 25px 15px;
	border-bottom: 1px solid #00938b;
	margin-bottom: 16px
}

.works-branch-block .block {
	position: relative;
	text-align: center;
	line-height: 37px;
	font-size: 18px;
	margin: 0 auto;
	width: 270px;
	white-space: nowrap
}

.works-branch-block .block .box {
	font-size: 18px;
	color: #343434;
	text-indent: 30px
}

.works-branch-block .block .box:hover {
	cursor: pointer
}

.works-branch-block .block .shanghai {
	background: url(/nav/shanghai.png) no-repeat
}

.works-branch-block .block .shanghai.current {
	cursor: pointer
}

.works-branch-block .block .beijing {
	background: url(/nav/beijing.png) no-repeat
}

.works-branch-block .block .beijing.current {
	cursor: pointer
}

.works-branch-block .block .selected {
	position: absolute;
	width: 21px;
	height: 11px;
	background: url(/nav/selected.png) center no-repeat;
	bottom: -26px
}

.works-branch-block .block .selected-left {
	left: 22px
}

.works-branch-block .block .selected-right {
	right: 22px
}

.tags {
	margin: 0 auto;
	width: 910px
}

.tags p {
	color: #444444;
	font-size: 18px;
	text-indent: 27px;
	margin-right: 40px;
	margin-left: 40px;
	height: 29px;
	line-height: 29px
}

.tags p:hover {
	cursor: pointer;
	border-bottom: 2px solid;
	height: 27px
}

.tags p.current {
	cursor: pointer;
	border-bottom: 2px solid;
	height: 27px
}

.tags .dev {
	background: url(/fixedicon/dev.png) no-repeat
}

.tags .dev:hover {
	color: #0085a9;
	background: url(/fixedicon/dev_on.png) no-repeat
}

.tags .dev.current {
	color: #0085a9;
	background: url(/fixedicon/dev_on.png) no-repeat
}

.tags .tech {
	background: url(/fixedicon/tech.png) no-repeat
}

.tags .tech:hover {
	color: #cf6a32;
	background: url(/fixedicon/tech_on.png) no-repeat
}

.tags .tech.current {
	color: #cf6a32;
	background: url(/fixedicon/tech_on.png) no-repeat
}

.tags .media {
	background: url(/fixedicon/media.png) no-repeat
}

.tags .media:hover {
	color: #00938b;
	background: url(/fixedicon/media_on.png) no-repeat
}

.tags .media.current {
	color: #00938b;
	background: url(/fixedicon/media_on.png) no-repeat
}

.tags .movie {
	background: url(/fixedicon/movie.png) no-repeat
}

.tags .movie:hover {
	color: #7c9c3e;
	background: url(/fixedicon/movie_on.png) no-repeat
}

.tags .movie.current {
	color: #7c9c3e;
	background: url(/fixedicon/movie_on.png) no-repeat
}

.tags .design {
	background: url(/fixedicon/design.png) no-repeat
}

.tags .design:hover {
	color: #eb8706;
	background: url(/fixedicon/design_on.png) no-repeat
}

.tags .design.current {
	color: #eb8706;
	background: url(/fixedicon/design_on.png) no-repeat
}

.tags .med {
	background: url(/fixedicon/med.png) no-repeat
}

.tags .med:hover {
	color: #5cb758;
	background: url(/fixedicon/med_on.png) no-repeat
}

.tags .med.current {
	color: #5cb758;
	background: url(/fixedicon/med_on.png) no-repeat
}

.tags .account {
	background: url(/fixedicon/account.png) no-repeat
}

.tags .account:hover {
	color: #3f58a0;
	background: url(/fixedicon/account_on.png) no-repeat
}

.tags .account.current {
	color: #3f58a0;
	background: url(/fixedicon/account_on.png) no-repeat
}

.tags .administrations {
	background: url(/fixedicon/administrations.png) no-repeat
}

.tags .administrations:hover {
	color: #7e5e9c;
	background: url(/fixedicon/administrations_on.png) no-repeat
}

.tags .administrations.current {
	color: #7e5e9c;
	background: url(/fixedicon/administrations_on.png) no-repeat
}

.works-block {
	padding: 30px 60px 60px 88px
}

.works-block .content {
	position: relative;
	margin-bottom: 90px
}

.works-block .content .box {
	color: #343434;
	padding-bottom: 26px
}

.works-block .content .box .title {
	font-size: 18px
}

.works-block .content .box .text {
	font-size: 14px
}

.works-block .content .box .jobname {
	font-size: 18px
}

.works-block #account .jobname {
	color: #3f58a0
}

.works-block #med .jobname {
	color: #5cb758
}

.works-block #media .jobname {
	color: #00938b
}

.works-block #dev .jobname {
	color: #0085a9
}

.works-block #administrations .jobname {
	color: #7e5e9c
}

.right-nav {
	position: fixed;
	padding: 15px 40px 15px 40px;
	border: 1px solid #cbcbcb;
	border-radius: 6px;
	background: #f6f9ed;
	right: 26px;
	top: 212px;
	z-index: 100
}

.right-nav .info {
	text-indent: 18px;
	background: url(/fixedicon/mail.png) 5px center no-repeat
}

.right-nav p {
	font-size: 12px;
	text-align: center;
	color: #568f5b
}