@charset "utf-8";





/*
	各單元倩境圖位置及圖片
*/
.career-pic{
	background-image:url(../../images/hrs/career-pic.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#titlepanel{
	width:920px;
	margin:120px auto 0px auto;
	}	
#titlepanel h4,h5{
	color:#008cda;
	font-weight:normal;
	line-height:25px;
	}	
#titlepanel h4{
	font-size:28px;
	left:50px;
	}	
#titlepanel h5{
	font-size:23px;
	left:120px;
	}	


#titlepanel h4{
  position: relative;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: right;
  animation-duration: 2s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes right {
  0%   { left:150px; }
  100% {left:50px; }
}

/* Standard syntax */
@keyframes right {
  0%   {left:150px; }
  100% {left:50px; }
}


#titlepanel h5 {
  position: relative;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: left;
  animation-duration: 2s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes left {
  0%   { left:50px; }
  100% {left:120px; }
}

/* Standard syntax */
@keyframes left {
  0%   {left:50px; }
  100% {left:120px; }
}



/*
	career ad Slideshow
*/

#careerslides {
	z-index:100;
}
#careerslides .slides_container {
	width:580px;
	overflow:hidden;
	position:relative;
	display:none;
}
#careerslides .slides_container div.slide {
	width:580px;
	height:354px;
	display:block;
}



#my-progress-bar {
	border:1px solid #2dacd4;
	height: 6px;
	width: 130px;
	padding: 0px;
	margin: 0px;
}
  

ol#mylist li{
	list-style-type: decimal;
}

ol#mylistt li{
  list-style-type: circle;
}

.button-disabled {
  background-color:#757575;
  border:1px solid #757575;
  box-shadow: 0px 0px 8px #757575;
}