@charset "utf-8";

/* ------------------------------------------------------------------
     header-top
------------------------------------------------------------------ */
header {
	width: 1200px;
	height: 400px;
	margin: 0 auto;
	position: relative;
}
header h1 {
	position: absolute;
	z-index: 2;
	top: 27px;
	left: 124px;
}
header > p {
	position: absolute;
	z-index: 3;
	top: 8px;
	left: 878px;
}
.bxslider {
	z-index: 1;
}
.bx-wrapper {
	position: relative;
	*zoom: 1;
}
.bxslider li {
	width: 1200px;
	height: 400px;
}
.bxslider li img {
	position: absolute;
	top: 0;
	left: 0;
}
#img2,#img3,#img4,#img5,#img6 {
	display: none;
}
.bx-wrapper .bx-prev {
	left: 9px;
	background: url(../images/top/icon_slide_left.png) no-repeat;
}
.bx-wrapper .bx-next {
	right: 22px;
	background: url(../images/top/icon_slide_right.png) no-repeat;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 248px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
#bx-pager {
	position: absolute;
	top: 449px;
	left: 124px;
	width: 960px;
	height: 66px;
	z-index: 10;
}
#bx-pager .txt {
	width: 960px;
	height: 66px;
}
#bx-pager a {
	top: 0;
	left: 0;
	position: absolute;
}
#bx-pager .active {
	display: block;
	width: 960px;
	height: 66px;
}
#bx-pager .color1.active { background: url(../images/top/bg_slide_title_01.png) no-repeat; }
#bx-pager .color2.active { background: url(../images/top/bg_slide_title_02.png) no-repeat; }
#bx-pager .color3.active { background: url(../images/top/bg_slide_title_03.png) no-repeat; }
#bx-pager .color4.active { background: url(../images/top/bg_slide_title_04.png) no-repeat; }
#bx-pager .color5.active { background: url(../images/top/bg_slide_title_05.png) no-repeat; }

/* ------------------------------------------------------------------
     mainArea-top
------------------------------------------------------------------ */
#companyBox {
	margin-bottom: 9px;
}
#companyBox ul li {
	float: left;
	width: 194px;
	margin: 0 0 10px 11px;
	border: 3px solid #dadada;
}
#companyBox ul li:nth-child(1),
#companyBox ul li:nth-child(4) {
	margin-left: 0;
}
#companyBox ul li:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

#mainArea section {
	background-color: #fff;
	behavior: url('PIE.htc');
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 10px;
}
#mainArea section h1 {
	padding: 13px 0 11px 16px;
    color: #003153;
    font-size: 182%;
    line-height: 30px;
}
#mainArea section ul li {
	border-top: 1px dotted #ababab;
}
#infoList li  a{
	display: block;
	width: 587px;
	padding: 11px 20px 14px 15px;
}
#infoList li img {
	float: left;
	width: 139px;
	margin-left:25px;
}
#infoList li dl {
	float: right;
	width: 384px;
}

#infoList_f li a{
	display: block;
	width: 592px;
	padding: 4px 20px 4px 10px;
}
#infoList_f li img {
	float: left;
	width: 139px;
	margin-left:25px;
}
#infoList_f li dl {
	float: right;
	width: 384px;
}




#eventList li a {
	display: block;
	width: 592px;
	padding: 11px 20px 14px 10px;
}
#eventList li img {
	float: left;
	width: 139px;
	margin-left:25px;
}
#eventList li dl {
	float: right;
	width: 382px;
}
#mainArea section ul li dl.noImge {
	float: none;
	width: 587px;
}
#mainArea section ul li dl dt {
	font-size: 108%;
	line-height: 20px;
	margin-bottom: 4px;
}
#mainArea section ul li dl dt.label {
	float: left;
	width: 200px;
	padding: 6px 6px 5px;
	text-align: center;
	color: #fff;
	font-size: 93%;
	font-weight: bold;
	background-color: #003153;
	behavior: url('PIE.htc');
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

#mainArea section ul li dl dt.label_featuerd {
	float: left;
	width: 100px;
	padding: 6px 6px 5px;
	text-align: center;
	color: #fff;
	font-size: 80%;
	background-color: #003153;
	behavior: url('PIE.htc');
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
#mainArea section ul li dl dd.day {
	float: left;
	width: 130px;
	padding: 6px 0 0 10px;
		font-size: 93%;
}

#mainArea section ul li dl dt.title {
	float: left;
	font-size:140%;
	font-weight:bold;
	width:100%;
	padding: 6px 2px 0 10px;
}

#mainArea section ul li dl dt.title_featuerd {
	float: left;
	width:460px;
	padding: 6px 2px 0 10px;
	margin:0;
}
#mainArea section ul li dl dd.cap  {
	float: left;
	width:100%;
	padding: 6px 2px 13px 10px;
	font-size: 93%;
}

#mainArea section ul li:last-child   {
	padding-bottom: 24px;
}
#mainArea section ul#infoList_f li:last-child   {
	padding-bottom: 0;
}
#mainArea section ul li a:hover {
	background-color: #fffbf4;
}
#mainArea section ul li a:hover dt {
	text-decoration: underline;
}
#mainArea section ul li a:hover dd {
	text-decoration: none !important;
}
.linkTxt {
	text-align: right;
	margin-bottom: 30px;
}

.linkTxt a {
	background: url(../images/common/icon_red.png) no-repeat;
	padding-left: 18px;
	font-weight: bold;
}

#gtranslate {
    left: 948px;
    position: absolute;
    top: 95px;
    z-index: 4;
}

#text-2 {
    left: 878px;
    position: absolute;
    top: 50px;
    z-index: 4;
}

#prep
{ position: absolute;
  color:#fff;
  top:300px;
  left:600px;
  width:500px;
  height: 200px;
  font-size:300%;
  z-index:100;
    /* for modern browser (firefox , chrome , safari )*/
  text-shadow: 0px -1px 0px #000,
               1px  0px 0px #000,
               0px  1px 0px #000,
              -1px  0px 0px #000;
 /* for IE */
 filter:dropshadow(color=#000000,offX= 0,offY=-1)
        dropshadow(color=#000000,offX= 1,offY= 0)
        dropshadow(color=#000000,offX= 0,offY= 1)
        dropshadow(color=#000000,offX=-1,offY= 0);
}

  }