.comTitle,h3,h2,h4 {
	font-family: "Microsoft YaHei","SimHei";
}

.comTitle,h3 {
	font-size: 16px;
	line-height: 1.5em;
} /*定義通用標題*/
#header,#bodyer,#footer {
	position: absolute;
	width: 100%;
}

#header {
	overflow: visible;
	position: fixed;
}

h2 {
	font-size: 22px;
	color: #333;
	text-align: center;
	line-height: 2em;
}

.smText {
	font-size: 14px;
	color: #666;
}

.centerP {
	text-align: center;
}

.centerP p {
	font-size: 16px;
	padding-bottom: 20px;
	font-family: "Microsoft YaHei","SimHei";
}
/**************************pop up****************************/
.popBox {
	width: 400px;
	border: 1px solid #CCC;
	display: none;
	background: #FFF;
}

.popBox-title {
	background: #01b399;
	overflow: hidden;
}

.popBox .popBox-title h3 {
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	line-height: 2em;
	text-align: center;
	width: 360px;
	float: left;
}

.popBox .popBox-title .closeBtn {
	float: left;
	width: 35px;
	line-height: 35px;
	color: #FFF;
}

.popBox-content {
	padding: 15px;
}

.popBox-content p {
	font-size: 12px;
	line-height: 1.8em;
	text-align: center;
}

.popBox {
	display: none;
}

#waitVideo {
	color: #666;
	padding: 30px 0px;
}
/*****************header style**************************/
#header {
	background:#fff;
	top: 0px;
	left: 0px;
	z-index: 1000;
    
}
.unslider-arrow{ display:none;}
#header_content {
	width:960px;
	margin: 10px auto 0;
    height:80px;
}
.arrows{display:none;}
.logo {
	padding-left: 0;
	float: left;
	width: 205px;
	height: 100%;
}

.logo a {
	display: block;
	width: 205px;
	height: 100%;
}



#menu-nav {
	float: right;
	padding-right: 0;
	margin-top: 23px;
}

#menu-nav li {
	float: left; padding:0;
    list-style:none;
}
.condiv p{margin:8px 0;}

#menu-nav li a {
	display: block;
	padding: 0px 0;
	font-size: 16px;
	line-height: 1.5em;
	font-family: "Microsoft YaHei","SimHei";
	color: #666;
    text-decoration:none;
    font-weight:700;
}

#menu-nav li a:hover {
	color: #000;
}


#menu-nav li a#nav_index {
/*color:#F00; font-weight:bold;*/
}

#menu-nav li .sub-menu {
	margin-top: 27px;
	background: #3a3a3a;
	padding: 10px 0px 0px 0px;
	display: none;
}

#menu-nav li .sub-menu li {
	float: none;
	background: url(../image/icons.png) -8px -652px no-repeat;
	text-align: center;
}

#menu-nav li .sub-menu a {
	color: #EEE;
	font-size: 16px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
	padding-right: 18px;
}

#menu-nav li .sub-menu a#careIntro {
	padding: 0px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menu-nav li .sub-menu a:hover {
	background: #000;
	color: #EEE;
}

#menu-nav li:hover .sub-menu {
	display: block;
}


 #menu-nav li{width:100px; 	margin-right: 3px;
  text-align:center;}  
 
  #menu-nav li:hover{	background: url(../image/top_btn_bg.png) no-repeat;
	background-size: 100% 100%; color:#fff;}  
#menu-nav li.selected {
	background: url(../image/top_btn_bg.png) no-repeat;
	background-size: 100% 100%;

}
  #menu-nav li:hover a{	 color:#fff;}  
#menu-nav li.selected a {
	color: white;
}
/*****************bodyer style ************************/
body{font-family: Microsoft Yahei;}
#bodyer {
	top: 0px;
	left: 0px;
	height: 100%;
}

#bodyer-content {
	position: relative;
	width: 100%;
	height: 100%;
}

#bodyer  ul#ads {
	position: absolute;
	left: 7%;
	top: 28%;
	width: 25%;
	height: 24%;
	border: 0px solid #F00;
}

#bodyer  ul#ads  .ads_content h2,#bodyer  ul#ads  .ads_content p {
	text-indent: -10000px;
}

#bodyer  ul#ads  .ads_content a.showMore {
	display: block;
	width: 100%;
	height: 200px;
	text-indent: -10000px;
}

#bodyer  ul #ads1 {
}

#sideBar {
	position: absolute;
	width: 220px;
	right: 0px;
	top: 12%;
}

#sider_job_title a {
	display: block;
	width: 100%;
	height: 80px;
	text-indent: -10000px;
	background: url(../image/icons.png) -40px -25px;
}

#sideBar #jobList {
	background: url(https://campus.deren.com/imgs/siderbar-bg.png) repeat-y;
	height: 0px;
	overflow: hidden;
}

#sideBar #jobList .joblistItem {
	width: 100%;
	border-bottom: 1px dotted #BBB;
	padding: 20px 0px;
	padding-left: 50px;
}

#sideBar #jobList .joblistItem h3 {
	padding-left: 85px;
	color: #FFF;
	font-size: 22px;
	font-weight: normal;
	line-height: 55px;
	background: url(../image/icons.png) -8px -500px;
	width: 100px;
	cursor: pointer;
}

#sideBar #jobList #jobGategory4 {
	border: none;
}

#sideBar #jobList #jobGategory2 h3 {
	background: url(../image/icons.png) -240px -500px;
}

#sideBar #jobList #jobGategory3 h3 {
	background: url(../image/icons.png) -490px -500px;
}

#sideBar #jobList #jobGategory4 h3 {
	background: url(../image/icons.png) -710px -500px;
}

#sideBar #jobList .joblistItem dl {
	padding-left: 85px;
}

#sideBar #jobList .joblistItem dd {
}

#sideBar #jobList .joblistItem dd a {
	font-family: "Microsoft YaHei","SimHei";
	font-size: 14px;
	color: #DDD;
	line-height: 2em;
}

#sideBar #jobList .joblistItem dd a:hover {
	color: #FFF;
	font-weight: bold;
}

#hrplanIframe , #walkinIframe {
	width: 100%;
	height: 100%;
	border: none;
	position: absolute;
	top: 0px;
	z-index: -100;
	display: none;
}
/*****************footer style************************/
#footer {
	bottom: 0px;
}

#footerMenu {
	margin-left: 5%;
	position: relative;
	width: 1050px;
	height: 128px;
	overflow: hidden;
}

#footerMenu ul {
	width: 100%;
}

#footerMenu ul li {
	float: left;
}

#footerMenu #foot_right {
	float: left;
	width: 299px;
	overflow: hidden;
}

#footerMenu #video-cap {
	display: block;
	width: 320px;
	height: 152px;
}

#footerMenu #foot_right dl {
	background: #f39c12;
	height: 170px;
	padding: 10px;
}

#footerMenu #foot_right dl  a, #footerMenu #foot_right dl  span {
	color: #EEE;
}

#footerMenu #foot_right dl dt {
	font-size: 18px;
	font-family: "Microsoft YaHei","SimHei";
	font-weight: bold;
	line-height: 2em;
}

#footerMenu #foot_right dl dd {
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
}

#footerMenu #foot_right dl dd a {
	float: left;
	line-height: 1.5em;
	color: #333;
	font-family: "Microsoft YaHei","SimHei";
}

#footerMenu #foot_right dl dd a:hover {
	color: #000;
}

#footerMenu #foot_right dl dd span {
	float: right;
	line-height: 1.8em;
	color: #000;
}

#footerMenu li {
	width: 192px;
	text-align: center;
}

#footerMenu #news-show {
	background: url(https://campus.deren.com/imgs/index-menu.png) -591px 0px;
	height: 64px;
	overflow: hidden;
	width: 500px;
	padding-left: 76px;
}

#footerMenu #news-show .news-item {
	display: none;
}

#footerMenu #news-show a {
	font-size: 14px;
	font-family: "Microsoft YaHei",SimSun;
	display: block;
	line-height: 64px;
	color: #FFF;
	font-weight: bold;
}

#footerMenu li#welfareBtn a {
	display: block;
	text-indent: -10000px;
	background: url(https://campus.deren.com/imgs/index-menu.png) 0px 0px;
	height: 64px;
}

#footerMenu li#aboutUsBtn a {
	display: block;
	text-indent: -10000px;
	background: url(https://campus.deren.com/imgs/index-menu.png) -194px 0px;
	height: 64px;
}

#footerMenu li#jobBtn a {
	display: block;
	text-indent: -10000px;
	background: url(https://campus.deren.com/imgs/index-menu.png) -394px 0px;
	height: 64px;
}



/*****************sub common**************************************/
.sub_body {
	background: #febb54;
	margin-top: 73px;
}

.sub-header {
	width: 100%;
	overflow: hidden;
}

.sub-header .topMenu {
	width: 1228px;
	margin: auto;
}

.topMenu ul {
	overflow: hidden;
	text-align: center;
}

.topMenu li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0px 25px 0px 25px;
	line-height: 60px;
	font-size: 20px;
	font-family: "Microsoft YaHei","SimHei";
}

.topMenu  a.hoverItem {
	color: #fbd97c;
	border-bottom: 2px solid #7cc1e1;
}

.topMenu .current-page-ancestor a, .topMenu .current-menu-item a {
	color: #fbd97c;
	border-bottom: 2px solid #7cc1e1;
}

.topMenu .endItem {
}

.topMenu li a {
	color: #FFF;
}

.topMenu li a:hover {
	color: #DDD;
}

.topMenu a.hoverItem:hover {
	color: #eccd3c;
}

.sub-bodyer {
	width: 1160px;
	padding: 40px 20px 30px 20px;
	background: #FFF;
	margin: auto;
	overflow: hidden;
	border-radius: 5px;
}

.sub_footer p {
	text-align: center;
	line-height: 40px;
	color: #fff;
}

#subtop-header {
	overflow: hidden;
	background: url(../image/top-bg.png) repeat-x;
	height: 80px;
}

#subtop-header #nav {
	margin-top: 30px;
}
/***********************hrplan*********************************/
#hr_city_step_title {
	padding: 15px 10px;
	font-size: 18px;
	font-weight: bold;
}

#hr_city_step_title {
	padding: 10px 15px;
}
/*****************hr city********************/
#hrpcity h2 span {
	font-size: 18px;
	font-weight: normal;
}

#hrprovince {
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.5em;
}

#hrprovince a {
	font-size: 18px;
	padding: 0 10px;
	line-height: 30px;
	font-family: "Microsoft YaHei","SimHei";
}

#hrprovince a:hover {
	color: #489cc2;
}

#mapMsg {
	padding: 0px;
	overflow: hidden;
	color: #666;
}

.msgBox {
	background: #EEE;
	float: left;
	margin-left: 60px;
	margin-top: 20px;
	width: 280px;
	border-radius: 3px;
	border: 1px solid #CCC;
}

.msgBox h4 {
	font-size: 16px;
	padding-left: 10px;
	line-height: 40px;
	text-indent: 0px;
	border-bottom: 1px solid #CCC;
}

.msgBox h4 span {
	font-size: 12px;
	margin-left: 5px;
	font-weight: normal;
}

.msgBox ul {
	padding: 10px 0px;
}

.msgBox li {
	line-height: 25px;
	padding: 0px 10px;
	font-size: 14px;
}

#map {
	width: 720px;
	height: 570px;
	background: url(https://campus.deren.com/imgs/sub-icons.png) no-repeat;
	position: relative;
}

#map a {
	display: block;
	position: absolute;
	width: 30px;
	height: 45px;
	text-indent: -1000px;
}

#map a:hover {
}

#guangzhou {
	left: 488px;
	top: 450px;
}

#hrstep h3 {
	display: none;
}

#hrstep ul li {
	float: left;
	height: 260px;
	padding-top: 50px;
	padding-left: 60px;
	width: 300px;
	font-family: "Microsoft YaHei","SimHei";
	font-size: 16px;
	font-weight: bold;
	color: #555;
}

#hrstep ul li#hrstep1 {
	padding-left: 130px
}

#hrstep ul li#hrstep1 a {
	color: #1d81c0;
}

#hrstep ul li#hrstep2 {
	padding-left: 0px
}

#hrstep ul li#hrstep3 {
	padding-left: 40px
}

#hrstep ul li#hrstep4 {
	padding-left: 140px
}

#hrstep ul li#hrstep5 {
	padding-left: 0px
}

#hrstep ul li#hrstep6 {
	padding-left: 40px
}

#hrstep {
	clear: both;
	width: 1200px;
	height: 700px;
	background: url(https://campus.deren.com/imgs/hrstep.jpg) -100px 0px no-repeat;
}

#hrpstep {
	display: none;
}
/******************hr job********************/
#hrjob #jobCat {
	float: left;
	width: 200px;
}

#hrjob #jobCat li {
	padding: 1px 0px;
}

#hrjob #jobCat li a {
	display: block;
	width: 180px;
	line-height: 80px;
	font-size: 20px;
	font-family: "Microsoft YaHei","SimHei";
	font-weight: normal;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.1em;
	background: #EEE;
}

#hrjob #jobCat li.hr-plan-software a {
	background: #2fbfbf;
}

#hrjob #jobCat li.hr-plan-hardware a {
	background: #3598db;
}

#hrjob #jobCat li.hr-plan-business a {
	background: #01799e;
}

#hrjob #jobCat li.hr-plan-manage a {
	background: #e84c3d;
}

#hrjob #jobCat li.hr-plan-design a {
	background: #f1c40f;
}

#hrjob #jobCat li.hr-plan-edu a {
	background: #46ac63;
}

#hrjob #jobCat li.hr-plan-software a:hover {
	background: #29a6a6;
}

#hrjob #jobCat li.hr-plan-hardware a:hover {
	background: #2c7eb6;
}

#hrjob #jobCat li.hr-plan-business a:hover {
	background: #015c78;
}

#hrjob #jobCat li.hr-plan-manage a:hover {
	background: #b53b30;
}

#hrjob #jobCat li.hr-plan-design a:hover {
	background: #cfa80d;
}

#hrjob #jobCat li.hr-plan-edu a:hover {
	background: #268541;
}

#hrjob #jobCat li.current-menu-item a {
	background-image: url(https://campus.deren.com/imgs/pointer.png);
	background-position: 140px -30px;
	background-repeat: no-repeat;
}

#hrjob #jobCat li.current-menu-item a:hover {
	background-image: url(https://campus.deren.com/imgs/pointer.png);
	background-position: 140px -30px;
	background-repeat: no-repeat;
}

#hrjob .jobRightBox {
	float: right;
	width: 950px;
}

#hrjob .jobDetailBox {
	width: 450px;
	float: left;
	margin-left: 20px;
	padding: 10px 0px;
}

#hrjob .jobDetailBox h3 {
	color: #2fbfbf;
	font-size: 18px;
	font-weight: normal;
}

#hrjob #softwareBox h3 {
	color: #2fbfbf;
}

#hrjob #hardwareBox h3 {
	color: #3598db;
}

#hrjob #businessBox h3 {
	color: #01799e;
}

#hrjob #manageBox h3 {
	color: #e84c3d;
}

#hrjob #designBox h3 {
	color: #f1c40f;
}

#hrjob .jobRightBox {
	display: none;
}

#hrjob #softwareBox {
	display: block;
}

#hrjob .jobDetailBox dl {
	padding: 5px;
}

#hrjob .jobDetailBox dt {
	font-size: 16px;
	line-height: 2em;
	color: #888;
	font-family: "Microsoft YaHei","SimHei";
}

#hrjob .jobDetailBox dd {
	font-size: 14px;
	color: #444;
	line-height: 1.8em;
	padding-left: 10px;
	background: url(https://campus.deren.com/imgs/drop-arrow-sub.png) 0px 9px no-repeat;
	font-family: "Microsoft YaHei","SimHei"
}

/***************welfare****************/
.welfareBox {
	padding-bottom: 40px;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
	padding-top: 40px;
}

.welfareBox li {
	font-family: "Microsoft YaHei"
}

.subIntro {
	float: left;
	width: 400px;
}

.subIntro .subTitle {
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 15px;
}

.subIntro ul li {
	font-size: 14px;
	color: #333;
	line-height: 1.5em;
	padding: 2px 0px 2px 10px;
	background: url(https://campus.deren.com/imgs/sub-icons.png) -1265px -161px no-repeat;
}

.subIntro .subTitle span {
	font-size: 60px;
	color: #699abd;
	padding: 0px 5px;
}

.subContent {
	float: right;
	width: 650px;
}

#pay {
	padding-top: 0px;
}

#pay ul {
	padding-left: 70px;
	padding-top: 10px;
}

#salTable, #salAll {
	float: none;
}

#salTable {
}

#salAll {
	width: 950px;
	margin-left: 60px;
}

#salTab {
	border: 1px solid #CCC;
	width: 900px;
	margin-left: 80px;
	font-size: 16px;
	text-align: center;
}

#salTab caption {
	font-size: 18px;
	font-family: "Microsoft YaHei","SimHei";
	font-weight: normal;
	line-height: 2em;
}

#salTab th {
	border: 1px solid #CCC;
	padding: 8px 10px;
	font-family: "Microsoft YaHei","SimHei";
	font-weight: normal;
	color: #FFF;
	background: #699abd;
}

#salTab td {
	border: 1px solid #CCC;
	padding: 8px 2px;
}

#salTab tr.odd {
	background: #EEE;
}

#BasicSecurity {
	padding-top: 30px;
}

.introOdd {
	float: right;
	width: 750px;
}

.introOdd .subTitle {
	float: right;
	width: 200px;
	margin-right: 100px;
}

.introOdd ul {
	float: left;
	width: 400px;
}

.introEven {
	float: left;
	width: 790px;
}

.introEven .subTitle {
	float: left;
	width: 200px;
	margin-left: 100px;
}

.introEven ul {
	float: right;
	width: 400px;
}

#BasicSecurity ul {
	padding-right: 40px;
	padding-top: 10px;
}

.contentOdd {
	width: 295px;
	float: left;
	margin-left: 70px;
}

.contentEven {
	width: 295px;
	float: right;
	margin-right: 70px;
}

#health ul {
	padding-right: 40px;
	padding-top: 10px;
}

#health .subTitle {
	margin-top: 50px;
}

#health .subContent {
	margin-top: 50px;
}

#holiday ul {
	padding-top: 10px;
}

#sparetime .subTitle {
	margin-top: 50px;
}

#sparetime .subContent {
	margin-top: 50px;
}

#sparetime ul {
	margin-right: 40px;
}

#allowance ul {
	padding-top: 30px;
}

#outrisk {
	border: none;
}

#outrisk ul {
	margin-right: 40px;
	margin-top: 20px;
}

/************************work in********************************************/
#walkin {
	margin-top: 35px;
}

#walkin,#workIn_header {
	background: #41413e;
}

#workIn_header .longItem {
	background: url(https://campus.deren.com/imgs/sub-icons.png) -1080px -18px no-repeat;
}

#my-grid-gallery {
	width: 100%;
	background: #41413e;
}

#grid-gallery-Iframe {
	border: none;
	width: 100%;
	background: #41413e;
}

#trainMenu {
	width: 200px;
	border: 0px solid #CCC;
	padding: 0px 10px;
	float: left;
}

#trainMenu h3 {
	background: url(https://campus.deren.com/imgs/sub-icons.png) -1095px -220px no-repeat;
	color: #666;
	font-weight: normal;
	line-height: 50px;
}

#trainMenu li a {
	display: block;
	line-height: 30px;
	font-size: 14px;
	padding-left: 20px;
	color: #333;
}

#trainMenu li.current-menu-item a {
	background: #EEE;
}

#trainMenu li {
	background: url(https://campus.deren.com/imgs/sub-icons.png) -1090px -273px no-repeat;
	border-bottom: 1px solid #DDD;
}

.trainContent-common {
	float: left;
	border: 0px solid #CCC;
	width: 890px;
	padding: 0 20px;
}

.trainContent-common h3 {
	background: url(https://campus.deren.com/imgs/sub-icons.png) -10px -812px no-repeat;
	color: #666;
	font-weight: normal;
	line-height: 43px;
	font-size: 20px;
	color: #333;
	padding-left: 10px;
	font-family: "Microsoft YaHei","SimHei";
}

.trainContent-common h4 {
	font-size: 16px;
	color: #000;
	font-weight: normal;
	line-height: 1.8em;
	padding-left: 10px;
	margin-top: 10px;
	font-family: "Microsoft YaHei","SimHei";
}

.trainContent-common p {
	font-size: 14px;
	line-height: 1.5em;
	padding: 5px 10px;
}

.trainContent-common ol li {
	list-style: decimal;
	font-size: 14px;
	line-height: 1.5em;
	padding: 2px 0px;
	margin-left: 30px;
}

.trainContent-common ul li {
	font-size: 14px;
	line-height: 1.5em;
	padding: 2px 10px;
}

#Iamhere ul {
	padding: 0px 50px;
}

.list_box li {
	border-bottom: 1px solid #CCC;
	padding: 20px 0px;
	overflow: hidden;
}

.list_box li.odd img {
	display: block;
	float: left;
	width: 260px;
}

.list_box li.odd .peopleIntro {
	width: 730px;
	float: right;
}

.list_box li.even img {
	display: block;
	float: right;
	width: 260px;
}

.list_box li.even .peopleIntro {
	width: 700px;
	float: left;
	padding-left: 40px;
}

.list_box .peopleIntro {
	padding-top: 25px;
	font-family: "Microsoft YaHei","SimHei";
}

.list_box .peopleIntro h3 {
	line-height: 50px;
}

.list_box .peopleIntro h3 span {
	font-size: 28px;
	padding-right: 10px;
	color: #b12923;
}

.list_box .peopleIntro p {
	font-size: 14px;
	line-height: 1.8em;
	text-indent: 2em;
}

#wangfei .peopleIntro,#wangyang .peopleIntro,#Antonio .peopleIntro {
	padding-top: 0px;
}

.train-list {
	padding: 10px;
	overflow: hidden;
}

.train-list li {
	width: 409px;
	float: left;
	margin: 0;
	padding: 0 !important;
	height: 630px;
}

.train-list p {
	color: #FFF;
	line-height: 2em;
	font-family: "Microsoft YaHei","SimHei";
	padding: 10px 20px 20px 20px;
}

.train-list li img {
	margin: 0;
	padding: 0;
}

#base-train li {
	background: #80a784;
}

#pro-train li {
	background: #677f9e;
}

#man-train li {
	background: #3fa0c9;
	height: 680px;
}

#fav-train li {
	background: #c97d49;
	height: 550px;
}

.train-list li.fR {
	float: right;
	margin-right: 30px;
}
.curl li a{color:#333;}

/*************************faq***********************************/
.faq_left {
	width: 300px;
	float: left;
}

.faq_content {
	

}

.faq_content h3 {
	font-weight: normal;
	line-height: 40px;
	background: #EEE;
	border-left: 3px solid #b02923;
	padding-left: 20px;
	margin-top: 10px;
}

.faq_content p {
	font-size: 14px;
	font-family: "Microsoft YaHei","SimHei";
	line-height: 30px;
	padding-left: 23px;
	color: #555;
	padding-right: 20px;
}

.faq_content p.spNote {
	padding: 20px 27px;
	background: url(https://campus.deren.com/imgs/arrow3.png) 10px 28px no-repeat;
}

.faq_content p.spNote a {
	color: #1a77b1;
}

#faq2 {
	display: none;
}

/**************************************join**********************************/
#about得潤電子 {
	font-family: "Microsoft YaHei","SimHei";
	line-height: 1.8em;
}

#about得潤電子 ul {
	padding: 0 40px;
}

#about得潤電子 ul .aboutIntro {
	width: 600px;
}

#about得潤電子 ul .aboutIntro p {
	font-size: 14px;
	line-height: 1.5em;
	text-indent: 2em;
	padding: 4px 0px;
}

#about得潤電子 ul li {
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
	padding-top: 30px;
}

#lab div.aboutIntro {
	width: 250px;
	margin-top: 40px;
}

#about得潤電子 #overview {
	border: none;
}

#about得潤電子 #overview .aboutIntro {
	width: 100%;
}

#about得潤電子 #overview  img {
	display: block;
	margin: auto;
	margin-top: 20px;
}

#products img {
	width: 460px;
}

#products .list_box {
	padding: 0 40px;
}

#products .list_box li {
	border-bottom: 1px dotted #CCC;
}

#products .peopleIntro {
	width: 600px;
}

#products .even .peopleIntro {
	width: 570px;
}

#products .peopleIntro h3 {
	text-align: center;
}

#tv h3 {
	line-height: 30px;
}

#tv dd {
	font-size: 14px;
	line-height: 24px;
	list-style-type: square;
	padding-left: 20px;
	background: url(https://campus.deren.com/imgs/sub-icons.png) -1255px -160px no-repeat;
}

#touch,#games {
	margin-top: 20px;
}

#topLoader {
	position: absolute;
}
/**********************fixed*******/
#main-container {
	position: absolute !important;
	top: 78px;
}

#walkin {
	margin-top: 0px;
	padding: 0px;
}

#topLoader {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	background: url(https://campus.deren.com/imgs/loading.gif) no-repeat;
}

#photoBigBox {
	position: absolute;
}

#walkin #header {
}
/********add new deadline**************************/
.com-table {
	width: 70%;
	margin-top: 20px;
	margin-left: 40px;
}

.com-table td, .com-table th {
	border: 1px solid #DDD;
	padding: 10px 10px;
	font-size: 14px;
	text-align: center;
}

.com-table th {
	background: #EEE;
}

.com-table tr:nth-child(even) {
	background: #f5f5f5;
}

#campus_得潤電子r {
	position: fixed;
	z-index: 1000;
	bottom: 130px;
	left: 10%;
	bottom: 64px;
}

#showNoteBtn {
	position: fixed;
	z-index: 1100;
	top: 100px;
	right: 2%;
}

#popup-note {
	width: 600px;
}

#popup-note .closeBtn {
	float: right;
}

#popup-note .popBox-content p {
	text-align: left;
	text-indent: 2em;
}

#popup-note .popBox-content p a {
	color: #3498db;
}

 /***
 * table***********************************/
.table-base {
	width: 100%;
	font-size: 14px;
}

.table-left th, .table-left td {
	text-align: left;
}

.table-base th, .table-base td {
	padding: 8px 5px;
	border: 1px solid #EEE;
}

.table-base .check-column {
	width: 20px;
}

.table-base .table-col td {
	padding: 0px;
	border: 0px;
	height: 0px;
}

.table-list td,.table-list th {
	border: 0px;
	border-bottom: 1px solid #eee;
	padding: 15px 5px 8px 5px;
}

.table-list th {
	border-bottom: 2px solid #CCC;
}

.table-list .actions {
	text-align: center;
}

.table-base .td-center {
	text-align: center;
}

.table-list .list-item-title a {
	font-size: 14px;
	color: #333;
}

.table-list .list-item-action {
	margin-top: 10px;
	visibility: hidden;
}

.table-list .list-item-action .action {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 5px;
}

.table-list .list-checkbox {
	vertical-align: text-top;
}

#hrpcity {
	width: 900px;
	margin: auto;
}
 
 /**********************campus_ambassadors***************************/
#campus_ambassadors {
}

#campus_ambassadors-top {
	background: url(https://campus.deren.com/imgs/campus_ambassadors_top.png) no-repeat center;
	background-color: #d2edf6;
	display: block;
	height: 475px;
}

#campus_ambassadors-bottom {
	background: url(https://campus.deren.com/imgs/campus_ambassadors_bottom.png) no-repeat center;
	background-color: #898989;
	display: block;
	height: 605px;
	margin-bottom: 18px;
}

#campus_ambassadors-bottom a#join {
	display: block;
	width: 280px;
	height: 45px;
	position: absolute;
	left: 750px;
	top: 194px;
}

@media screen and (max-width: 1366px) {
 /*當屏幕尺寸小于1366px時，應用下面的CSS樣式*/
	#campus_得潤電子r img {
		width: 196px;
	}
}

/***************************welfare**********************************/
#welfare .nav li a {
	opacity: 0.94;
}

#welfare .nav .salary a {
	background: #f19c14;
	border-radius: 5px 0 0 5px;
}
#welfare .nav .money a {
	background: #ff563e;
}

#welfare .nav .health a {
	background: #49bbf8;
}

#welfare .nav .life a {
	background: #71d36b;
}

#welfare .nav .entertainment a {
	background: #fa9245;
	border-radius: 0 5px 5px 0;
}

#welfare .nav,#welfare .panel {
	width: 90%;
	margin: auto
}

#welfare .nav li {
	width: 14%;
	display: inline-block;
	position: relative;
	margin-right: 1px;
}

#welfare .nav li a {
	text-align: center;
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	font-size: 1.5em;
	color: white;
	background-size: 100% 100%
}

#welfare .nav li .downarrow {
	display: none;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	opacity: 0.94;
}

#welfare .nav li.active .downarrow,#welfare .nav li:hover .downarrow {
	display: inline;
}

#welfare .nav li.salary .downarrow {
	border-top-color: #f19c14;
}
#welfare .nav li.money .downarrow {
	border-top-color: #ff563e;
}

#welfare .nav li.health .downarrow {
	border-top-color: #49bbf8;
}

#welfare .nav li.life .downarrow {
	border-top-color: #71d36b;
}

#welfare .nav li.entertainment .downarrow {
	border-top-color: #fa9245;
}

#welfare .panel .part {
	display: none
}

#welfare .panel .part.active {
	display: block
}

#welfare .panel .part .item {
	width: 27%;
	float: left;
	height: 130px;
	margin-right: 3%;
	margin-left: 2%;
	margin-top: 50px;
	position: relative;
	overflow: hidden;
	border-radius: 25px;
	opacity: 0.94;
}

#welfare .panel .part .item .title {
	height: 100%
}

#welfare .panel .part .item .title img {
	height: 100px;
	width: 100px;
	margin: 15px;
	border-radius: 50px;
	border: 1px solid #ddd;
	vertical-align: top
}

#welfare .panel .part .item .title span {
	display: inline-block;
	line-height: 130px;
	font-size: 21px;
	max-width: 130px;
	color: white;
}

#welfare .panel .part .item .title span.special {
	padding: 35px 0;
	line-height: 1em
}

#welfare .panel .part .item .text {
	position: absolute;
	bottom: -130px;
	height: 110px;
	padding: 10px 5%;
	font-size: 1.2em;
	line-height: 1.3em;
	text-indent: 2em;
	transition: .3s;
	color: white;
	
}

#welfare .panel .part .item .text p {
	display: table-cell;
	vertical-align: middle;
	color: white;
}
#welfare .panel .part .item .text .s-title {
	position: absolute;
	left: -10px;
	top: 10px;
	font-weight: bold;
}


#welfare .panel .part .item:hover .text {
	bottom: 0
}

#welfare .panel .part#money .item {
	background: url(https://campus.deren.com/imgs/pink.png) no-repeat;
}

#welfare .panel .part#money .item .text {
	background: #ff563e;
}

#welfare .panel .part#health .item {
	background: url(https://campus.deren.com/imgs/blue.png) no-repeat;
}

#welfare .panel .part#health .item .text {
	background: #49bbf8;
}

#welfare .panel .part#life .item {
	background: url(https://campus.deren.com/imgs/green.png) no-repeat;
}

#welfare .panel .part#life .item .text {
	background: #71d36b;
}

#welfare .panel .part#entertainment .item {
	background: url(https://campus.deren.com/imgs/orange.png) no-repeat;
}

#welfare .panel .part#entertainment .item .text {
	background: #fa9245;
}

.bxslider li, .bxslider img{
	width: 100%;
	height: 100%;
}
.bx-wrapper{
	margin-bottom: 0;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom: 50px;
}
#hrjob{margin-left: 16px;}
#jobCat{
	position: absolute;
	top: 383px;
}
.jobRightBox{
	min-height: 700px;
}

.some_text{
	float: left;
	width: 148px;
	font-size: 14px;
	line-height: 1.2em;
	background: #ff563e;
	color: white;
	padding: 16px;
	border-radius: 10px;
	position: absolute;
	top: 188px;
}
.some_text .title{
	text-align:center;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	font-family: Microsoft Yahei;
}
.some_text p:not(.title){
	line-height: 1.3em;
	font-family: Microsoft Yahei;
}
#welfare .panel .part#salary img{
	display: block;
	margin: auto;
}
.salary-table{
	width: 95%;
	margin: auto;
	margin-top: 30px;
}
.salary-table td, .salary-table th, .salary-table caption{
	border: solid 1px #dcdcdc;
	color: #333;
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
	padding: 15px 0;
}
.salary-table caption{
	font-size: 20px;
	padding: 20px 0;
	font-weight: bold;
	color: white;
}
.salary-table th[rowspan]{
	width: 27%;
}
.salary-table p{
	line-height: 1.5em;
}
.salary-table ol li{
	list-style: decimal;
}

.得潤電子_center{
	width: 100%;
	position: absolute;
	left: 0;
	top: 77px;
}