body {color:#191919;}
ul {list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
    padding-left:0;
}
.annotation {font-size: 12px;}
#main header h1 br {display: none;}
#internship #main header p {float:left; width: 1000px; display: block;}

#internship #main #intro {
    background: url("/job/recruit/img/internship/mainimg_internship.jpg") no-repeat scroll center center / cover ;
    bottom: 0;
    height: 1000px;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width:auto;
}
#internship #main #intro .introBody {
    background-color:#fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding:30px 60px;
    opacity:0.8;
    width:820px;
    height: 870px;
}
#internship #main #intro .introBody h1 {
    font-size: 28px;
    width: 350px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 30px auto 50px;
}
#internship #main #intro .introBody {font-size: 17px;}
#internship #main #intro .introBody .info {padding-top: 40px; font-size: 15px;}
#internship #main #intro .introBody h2 {font-size: 26px; text-align: center;}
#internship #main #intro .introBody .info h2 {font-size: 18px;}
#internship #main #intro .introBody .info dt {font-weight: bold; width:18%; display:inline-block; vertical-align:top; margin-bottom:25px;}
#internship #main #intro .introBody .info dd {width:75%; display:inline-block; vertical-align:top; margin-bottom:25px;}
#internship #main #intro .introBody .info dd .annotation {display:inline-block; margin-left:10px;}
#internship #main #intro .introBody .info .date {font-size:18px; font-weight:bold;}
#internship #main #intro .introBody .info dt.date {width:20%;}
#internship #main #intro .introBody .info dd.date {width:60%;}
#internship #main #activity {width:930px;}
#internship #main #activity .contentBody ul li img {width:290px;}
#internship #main #activity .contentBody ul li {width:290px; display:inline-block; margin:10px 20px 10px 0;}
#internship #main #activity .contentBody ul li:nth-child(3n) {margin-right:0;}
#internship #main .entry {width:auto;}
#internship #main .entry .entryBtn {width:340px; margin:30px auto;}
#internship #main .entry .entryBtn a {
    cursor: normal;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
	border-radius:5px;
	border:1px solid #dcdcdc;
	padding:20px 40px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(10%, #ffffff), color-stop(100%, #ececec) );
	background:-moz-linear-gradient( center top, #ffffff 10%, #ececec 100% );
	background:-ms-linear-gradient( top, #ffffff 10%, #ececec 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec');
	background-color:#ececec;
	color:#333;
	display:inline-block;
	text-shadow:2px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 0px 1px 18px -11px #ffffff;
 	-moz-box-shadow:inset 0px 1px 18px -11px #ffffff;
 	box-shadow:inset 0px 1px 18px -11px #ffffff;
    line-height:1.8;
}
#internship #main .entry .entryBtn a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fefefe), color-stop(100%, #e1e1e1) );
	background:-moz-linear-gradient( center top, #fefefe 5%, #e1e1e1 100% );
	background:-ms-linear-gradient( top, #fefefe 5%, #e1e1e1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e1e1e1');
	background-color:#ffffff;
	color:#7f0019;
	text-shadow:2px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 0px 1px 18px -11px #ffffff;
 	-moz-box-shadow:inset 0px 1px 18px -11px #ffffff;
 	box-shadow:inset 0px 1px 18px -11px #ffffff;
}
#internship #main .entry .entryBtn a:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f8f8f8) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f8f8f8 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f8f8f8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f8f8f8');
	background-color:#e9e9e9;
    color:#191919;
}
#internship #main #intro .info .entry {display:none;}
#internship #main .entry .entryFinished {width:50%; margin:0 auto 60px; text-align:center; font-size:20px; font-weight:bold;}
@media only screen and (max-device-width: 767px){
#main header h1 br {display: block;}
#internship #main header p {margin:15px; width: auto;}
#internship #main {padding:0;}
#internship #main #intro .introBody,
#internship #main #activity,
#internship #main .entry {width:auto;}
#internship #main #activity .contentBody ul li img {width:100%; margin-bottom:15px;}
#internship #main #activity .contentBody ul li {width:auto; display:block; margin:0;}
#internship #main #activity {padding-bottom:0;}
#internship #main .entry {padding-top:10px;}
#internship #main #intro .introBody h1 {font-size: 28px;top: 0;bottom: 0;left: 0;right: 0; width:auto; margin:0;}
#internship #main #intro .introBody h2 {
    font-size: 21px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    margin: 0 0 30px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    color: #191919;
    padding: 300px 0 10px;
    text-align: left;
}
#internship #main #intro .introBody .info h2 {font-size: 18px; padding: 0;margin-bottom: 16px;}
#internship #main #intro {height: 300px;overflow: visible;  margin-bottom: 1250px;}
#internship #main #intro .introBody {
    background: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 30px 15px;
    opacity: 1;
    width: auto;
    height: auto;}
#internship #main #intro .introBody .info {background-color: #f9f9f9; margin: 0 -20px; padding: 20px;}
#internship #main #intro .info .entry {padding: 0; margin:0 auto; display:block;}
#internship #main #intro .introBody h1 {text-shadow: 1px 1px 8px #fff; margin-bottom:250px;}
#internship #main #intro .introBody .info dt {width: auto; display: block; margin-bottom: 5px;}
#internship #main #intro .introBody .info dd {width: auto; display: block;}
#internship #main #intro .introBody .info dt.date,
#internship #main #intro .introBody .info dd.date {width: auto;}
#internship #main .entry .entryBtn {width: auto;}
#internship #main .entry .entryBtn a {display:block; font-size: 16px; padding: 12px;}
}
@media only screen and (max-device-width: 320px){
#main header h1 {font-size: 20px;}
}