@charset "UTF-8";

html, body{ 
overflow-x: hidden;
}

body{
-webkit-text-size-adjust:none;
}

#wrapper{
position:relative;
width: 100%;
}

#gnav{
position:fixed;
right:30px;
top:50%;
margin-top: -143px;
z-index:100;
}

#gnav li{ margin-bottom:10px; }

/*--------------------------------------------------------------------------------------------------------------home----------*/

#home{
position: absolute; 
width: 100%; 
height: 700px; 
min-width: 100%;
min-height: 700px;
overflow: hidden;
background-color:#fff;
z-index:0;
}

#home hgroup{
position:relative;
padding-top:115px;
text-align:center;
z-index:20;
}

#imgContainer img {
display: none;
position: absolute;
}

#loading {
position: absolute; 
left: 50%;
top: 50%;
margin-left: -12px; 
margin-top: -12px;
z-index:10;
}

/*--------------------------------------------------------------------------------------------------------------president----------*/

#empty{ padding-top:700px; }

#president{
background:url(../images/bg_paper.jpg) repeat 0 0;
}

#president .inner{
width:940px;
margin:0 auto;
position:relative;
}

#president .ribon{
position:absolute;
top:0px;
left:880px;
}

#president h3{
position:absolute;
top:46px;
left:346px;
}

#cont_box01 .picture{
float:left;
}

#cont_box01 .text{
float:right;
width:510px;
margin-top:170px;
}

#cont_box01 .text p{
margin-top:25px;
}

/*--------------------------------------------------------------------------------------------------------------about----------*/

#about{
background:url(../images/bg_note.gif) repeat 0 0;
}

#about .inner{
width:940px;
margin:0 auto;
position:relative;
background:url(../images/pic_about.png) no-repeat right top;
}

#about .ribon{
position:absolute;
top:0px;
left:880px;
}

#about h3{ padding:40px 0 28px; }

.table_area{
margin-top:25px;
padding-bottom:30px;
}

.table_area table{
width:450px;
border-top:1px dotted #000;
}

table#left{ float:left; }

table#right{ float:right; }

.table_area td{
padding:15px 0 15px;
border-bottom:1px dotted #000;
letter-spacing:0;
vertical-align:top;
}

table .left_cell{
width:70px;
color:#26a3d5;
font-weight:bold;
}

.movies{
  overflow: hidden;
}

.font{
  width:70px;
  color:#26a3d5;
  font-weight:bold;
  padding-bottom:10px;
}

.movies-left{
  float: left;
  margin-bottom: 30px;
}

.movies-right{
  float: right;
  margin-bottom: 30px;
}

td p.m_t{ margin-top:10px; }

tr.policy{ height:105px; }

tr.field{ height:158px; }

/*--------------------------------------------------------------------------------------------------------------message----------*/

#message{
background:url(../images/bg_message.jpg) no-repeat center top;
height:553px;
}

#message .inner{
width:940px;
margin:0 auto;
position:relative;
}

#message .ribon{
position:absolute;
top:0px;
left:880px;
}

#message h3{ padding:46px 0 0 346px; }

#message h4{ padding:25px 0 0 430px; }

#message p{
padding:15px 0 0 430px;
color:#fff;
}

/*--------------------------------------------------------------------------------------------------------------interview----------*/

#interview{
background:url(../images/bg_note.gif) repeat 0 0;
}

#interview .inner{
width:940px;
margin:0 auto;
position:relative;
}

#interview .ribon{
position:absolute;
top:0px;
left:880px;
}

#interview h3{ padding:46px 0 30px 0; }

#interview ul{
margin-left:85px;
padding-bottom:75px;
}

#interview li{
float:left;
width:170px;
margin-right:25px;
box-shadow:3px 3px 5px rgba(0,0,0,0.1);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=145, Strength=2);
background-color:#fff;
}


/*--------------------------------------------------------------------------------------------------------------graduate----------*/

#info{
width:100%;
position:relative;
}

#graduate{
width:50%;
height:464px;
position: absolute;
left:0px;
top:0px;
overflow:hidden;
float:left;
}

#graduate img.bg {
width: 100%;
height:auto;
min-width: 600px;
min-height: 464px;
position: absolute;
top: 0;
left: 0
}

#graduate .ribon{
position:absolute;
top:0px;
left:80%;
}

#graduate h3 {
position: relative;
text-align:center;
padding-top:85px;
padding-bottom:30px;
}

#graduate p {
position: relative;
text-align:center;
}


/*--------------------------------------------------------------------------------------------------------------carrier----------*/

#carrier{
width:50%;
height:464px;
position: absolute;
left:50%;
top:0px;
overflow:hidden;
float:left;
}

#carrier img.bg {
width: 100%;
height:auto;
min-width: 600px;
min-height: 464px;
position: absolute;
top: 0;
left: 0
}

#carrier .ribon{
position:absolute;
top:0px;
left:80%;
}

#carrier h3 {
position: relative;
text-align:center;
padding-top:85px;
padding-bottom:30px;
}

#carrier p {
position: relative;
text-align:center;
}

/*--------------------------------------------------------------------------------------------------------------footer----------*/

#footer{
padding:30px 0 40px;
position: relative;
margin-top:464px;
}

#footer p{
text-align:center;
line-height:100%;
}

.footer_btn{ margin:20px 0 25px; }

/*--------------------------------------------------------------------------------------------------------------fancybox----------*/

#fancybox-overlay{
width: 100% !important;
}