@charset "utf-8";

#skipnavigation {position:absolute;z-index:99999;}
#skipnavigation h1 {text-indent: -2000px;}
.sknavi{	position:absolute;	top:-500px;}

.sknavi:focus, .sknavi:active{
	top:0px;left:0;
	display:block;
	border:solid 10px #ccc; 
	width:200px;
	height:18px;
	padding:3px;
	margin-left:5px;
	text-align:center;
	font-size:100%; 
	font-weight:bold;
	background-color:#eee;
	border: 1px solid #135;
	text-decoration:none;
}

body {}
#container { margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%; }
#wrap {margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%;}

#body_wrap { position:relative; overflow: hidden; height:auto; top:-10px; width:100%; margin:auto; background:url(../../img/layout/wrapbg.html) repeat-y ;}	
	#body_content { float: left; width: 100%; min-height:850px; padding:0 0 0 0; }
	* html #body_content{ display:inline;}
		#content_text {color:#676767; line-height:180%; padding:0;}
		#content_text h2 {display:none;}
#foot_wrap {position:relative; display:block; margin:-10px 0 0 0; padding:0;}
#foot_wrap h2, #foot_wrap h3  {display:none;}
.footmenu {padding:0; width:100%; height:55px; background:#333;}
#foot_box {width:100%; border-top:1px solid #666; vertical-align:middle; height:85px; background:#333;}
.footbox {width:960px; margin:0 auto; position:relative;}
.footlink {position:absolute; left:0; top:18px; padding:5px 0 0 30px; margin:0; height:21px; background-image:url(../../img/layout/newlink.png); background-position:0 0; background-repeat:no-repeat;}
.family {margin:0; position:absolute; right:0; top:14px;}
.family a {padding:6px 30px 6px 10px; color:#999; border:1px solid #666; margin:0; display: block; background-image:url(../../img/layout/arrow_top.png); background-position:120px center; background-repeat:no-repeat; width:100px;}
#family > ul {border-left:1px solid #666; border-right:1px solid #666;}
#family > ul > li {background:#333; border-bottom:1px solid #666; padding:6px 30px 6px 10px; width:100px;}
.foot_logo {position:absolute; top:20px; left:0;}
.copyright {position:absolute; top:30px; left:233px; font-size:12px; color:#aaa; line-height:1.5em;}

.slideImg {overflow: hidden; position: relative; min-width: 800px; padding:0; margin:0;}
.slideImg img {left: 50%; top: 50%; margin-left: -1000px; position: absolute;}
.slide_down {background: none; width: 100%; height: 0px; z-index: 100;}
.slide_down .more {margin: 0px auto; width: 960px; position: relative;}
.slide_down .more .btn {left: 44%; top:-170px; text-align: center; color: #000; display: block; position: absolute; z-index:9;}
.slideImg .slide_txt {left: 0px; top: 32%; width: 100%; text-align: left; position: absolute; z-index: 5; margin-left:15%;}
.slideImg .slide_txt .txt {color: #000; line-height: 75px; font-size: 60px;}
.slideImg .slide_txt .txt2 {color: #000; line-height:52px; font-size: 35px;}
.slideImg .slide_txt .txt2 .logo {background-image:url(../../img/00_main/eusulogo.png); background-position:0 0; background-repeat:no-repeat; width:330px; height:28px; display:inline-block; text-indent:-99999px; font-size:1px; padding:0;}
.slideImg .slide_txt .txt3 {margin-top:20px; color: #000; line-height: 30px; font-size: 20px;}
.slideImg .slide_txt .txt4 {margin-top:40px; line-height: 40px; font-size: 14px;}
/*.slideImg .slide_txt .txt4 a {color:#fff; padding:5px 20px 5px 50px; border:1px solid #fff;}*/
.slideImg .slide_txt .txt4 a {color: #fff;
    padding: 10px 20px 10px 50px;
    border: 1px solid #103D75;
    background: #103D75;}
.slideImg .slide_txt .txt4 a span {padding-left:40px;}

.searchfrmmain {width:100%; padding:10px 0; margin-top:0px; text-align:left;}
.searchfrmmain .select {padding:4px 5px 4px 5px; border:1px solid #000;}
.searchfrmmain input.text {padding:5px 5px 4px 5px; border:1px solid #000; width:200px;}
.searchfrmmain input.submit {padding:6px 20px 3px 20px;background-color:#666;border: 1px solid #555;color:#fff;cursor:pointer;}

.Content {width:960px; margin:0 auto; padding:0;}
#ship {float:left; width:278px; padding:10px 15px 15px 27px; background:#ddd; height:193px;}
#education {width:270px; padding:10px 25px 15px 25px; height:193px; float:left; background:url(../../img/00_main/bg_edu.png); background-position:right 0;}
#news {width:50%; padding:10px 0px 8px 0px; height:auto; float:left; border:1px solid #ddd; border-right:none; border-left:none;border-bottom: none;}
#brochure {width:48%;  height:297px; float:right;}

#sub_wrap {width:100%; /*background:#eee;*/ background:#103D5B}
	#sub_wrap #sub {width:100%; height: auto; margin:0 auto; padding: 50px 0 70px 0;}
		#sub_wrap #sub .search_box{ display: flex;margin-right: 100px; margin-left: 130px; overflow-x: hidden; }
		#sub_wrap #sub ul {width:400px; float:left; text-align:left; position:relative; margin:0 20px 0 0;}
		#sub_wrap #sub ul.last {width:400px; float:left; text-align:left; position:relative; margin:0;}
			#sub_wrap #sub ul img {width:100%;}
			#sub_wrap #sub ul .link_btn {margin-top:15px; position:absolute; right:0; z-index:1;}
				#sub_wrap #sub ul .link_btn a {background:#333; letter-spacing:-1px; padding:5px 10px; color:#fff; display:block;}
				#sub_wrap #sub ul ul {margin:0; padding:0;}
				#sub_wrap #sub ul .title {margin:17px 0 20px 0; padding:0px;}
					#sub_wrap #sub ul .title a {font-size:18px; letter-spacing:-1px; /*color:#1d78cb;*/ color:#fff; display: flex;}
				#sub_wrap #sub ul .title a img{width:20px; margin-left:10px;}
				#sub_wrap #sub ul .txt {margin:0; padding:0px; font-size:13px; /*color:#666;*/color:#fff; word-break:keep-all; letter-spacing:-1px;}