/* skip navigation */
#skip {position:relative; z-index:99999; width:100%;}
#skip a {position:absolute; left:0; right:0; top:-30px; width:auto; padding:0 10px; text-align:center; background:#005ba0; }
#skip a:active,
#skip a:focus {top:0; text-decoration:none; cursor:pointer; zoom:1; }
#skip span {display:inline-block; *display:inline; *zoom:1; padding:2px 6px 0 0; font-size:14px; letter-spacing:-1px; color:#fff; line-height:26px; font-weight:bold;}


/* mainSlides */
#slides {position:relative; display:none; height:560px;}
#slides .slidesjs-container {overflow:hidden; height:500px !important;}
#slides .slidesjs-control {overflow:hidden; height:500px !important;}
#slides .slidesjs-control:after {clear:both; display:block; content:"";}
#slides a.slidesjs-next,
#slides a.slidesjs-previous {
	z-index:100;
	overflow:hidden;
	position:absolute;
	top:40%; 
	display:block;
	width:40px;
	height:46px;
	background: url(../images/btns-next-prev.png) no-repeat;
	text-indent: -9999px;
}
#slides a.slidesjs-next {right:50%; margin-right:-550px; background-position:100% 0;}
#slides a:hover.slidesjs-next {background-position:100% 100%;}
#slides a.slidesjs-previous {left:50%; margin-left:-550px; background-position:0 0;}
#slides a:hover.slidesjs-previous {background-position:0 100%;}
#slides a.slidesjs-play,
#slides a.slidesjs-stop {
	overflow:hidden;
	position:absolute;
	left:50%;
	bottom:30px;
	display:block;
	width:20px;
	height:20px;
	margin:0 0 0 -60px;
	background:url(../images/btns-play.png) no-repeat;
	text-indent:-9999em;
}
#slides a.slidesjs-play {background-position:0 100%;}
#slides a:hover.slidesjs-play {background-position:0 100%;}
#slides a.slidesjs-stop {background-position: 0 0;}
#slides a:hover.slidesjs-stop {background-position: 0 0;}
#slides .slidesjs-pagination {
	padding:13px 0 0;
	text-align:center;
}
#slides .slidesjs-pagination li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:5px;
}
#slides .slidesjs-pagination li a {
	overflow:hidden;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:11px;
	height:0;
	padding-top:11px;
	background-image: url(../images/pagination.png);
	background-position:0 0;
}
#slides .slidesjs-pagination li a.active,
#slides .slidesjs-pagination li a:hover.active {background-position:0 -11px}
#slides .slidesjs-pagination li a:hover {background-position: 0 -22px}
#slides .slidesjs-pagination {height:11px;}
#slides .main-cont {height:505px;}
#slides .main-cont p {width:986px; margin:0 auto; text-align:center;}
#slides .main-cont.cont1 p {padding-top:60px;}
#slides .main-cont.cont2 p {padding-top:110px;}
#slides .main-cont.cont3 p {padding-top:140px;}
#slides .main-cont.cont4 p {padding-top:110px;}
#slides .main-cont.cont1 {background:url(../images/bg_main_visual.png) no-repeat 50% 100%;}
#slides .main-cont.cont2 {background:url(../images/bg_main_visual2.png) no-repeat 50% 100%;}
#slides .main-cont.cont3 {background:url(../images/bg_main_visual3.png) no-repeat 50% 100%;}
#slides .main-cont.cont4 {background:url(../images/bg_main_visual4.png) no-repeat 50% 100%;}
#slides .main-cont img {
	zoom:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE6 & 7 */      
}


/* //mainSlides */

/* mainSlides2 #Begin sub page */
#slides2 {position:relative; display:none; height:390px; border:0px solid black;}
#slides2 .slidesjs-container {overflow:hidden; height:350px !important; border:0px solid red;}
#slides2 .slidesjs-control {overflow:hidden; height:350px !important; border:0px solid blue;}
#slides2 .slidesjs-control:after {clear:both; display:block; content:"";}
#slides2 a.slidesjs-next,
#slides2 a.slidesjs-previous {
	z-index:100;
	overflow:hidden;
	position:absolute;
	top:40%; 
	display:block;
	width:40px;
	height:46px;
	background: url(../images/btns-next-prev.png) no-repeat;
	text-indent: -9999px;
}
#slides2 a.slidesjs-next {right:50%; margin-right:-550px; background-position:100% 0;}
#slides2 a:hover.slidesjs-next {background-position:100% 100%;}
#slides2 a.slidesjs-previous {left:50%; margin-left:-550px; background-position:0 0;}
#slides2 a:hover.slidesjs-previous {background-position:0 100%;}
#slides2 a.slidesjs-play,
#slides2 a.slidesjs-stop {
	overflow:hidden;
	position:absolute;
	left:50%;
	bottom:10px;
	display:block;
	width:20px;
	height:20px;
	margin:0 0 0 -60px;
	background:url(../images/btns-play.png) no-repeat;
	text-indent:-9999em;
}
#slides2 a.slidesjs-play {background-position:0 100%;}
#slides2 a:hover.slidesjs-play {background-position:0 100%;}
#slides2 a.slidesjs-stop {background-position: 0 0;}
#slides2 a:hover.slidesjs-stop {background-position: 0 0;}
#slides2 .slidesjs-pagination {
	padding:13px 0 0;
	text-align:center;
}
#slides2 .slidesjs-pagination li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:5px;
}
#slides2 .slidesjs-pagination li a {
	overflow:hidden;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:11px;
	height:0;
	padding-top:11px;
	background-image: url(../images/pagination.png);
	background-position:0 0;
}
#slides2 .slidesjs-pagination li a.active,
#slides2 .slidesjs-pagination li a:hover.active {background-position:0 -11px}
#slides2 .slidesjs-pagination li a:hover {background-position: 0 -22px}
#slides2 .slidesjs-pagination {height:11px;}
#slides2 .main-cont {height:410px;}
#slides2 .main-cont p {width:986px; margin:0 auto; text-align:center;}
#slides2 .main-cont.cont1 p {padding-top:60px;}
#slides2 .main-cont.cont2 p {padding-top:60px;}
#slides2 .main-cont.cont3 p {padding-top:100px;}
#slides2 .main-cont.cont4 p {padding-top:80px;}
#slides2 .main-cont.cont1 {background:url(../images/sub_bg_main_visual1.png) no-repeat 50% 100%;}
#slides2 .main-cont.cont2 {background:url(../images/sub_bg_main_visual2.png) no-repeat 50% 100%;}
#slides2 .main-cont.cont3 {background:url(../images/sub_bg_main_visual3.png) no-repeat 50% 100%;}
#slides2 .main-cont.cont4 {background:url(../images/sub_bg_main_visual4.png) no-repeat 50% 100%;}
#slides2 .main-cont img {
	zoom:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE6 & 7 */      
}


/* //mainSlides2  #End sub page*/
#headerWrap {
	position:absolute;
	top:0; right:0; left:0;
	z-index:200;
	background:url(../images/bg_header.png) repeat-x 0 0;
}
#header {
	position:relative;
	width:986px;
	margin:0 auto;
}
.logo {position:absolute; top:45px; left:0; }
.logo a {display:inline-block; *display:inline; *zoom:1;}
.topmenu {position:absolute; right:0; top:35px; *zoom:1; height:12px;}
.topmenu:after {clear:both; display:block; content:"";}
.topmenu span {float:left; display:block; margin-right:15px;}
.topmenu span a {float:left; display:block;}
.topmenu span.last {margin-right:0;}


.hgroup {margin-top:60px; float:right; width:700px; border:0px solid red;}
.gnb:after {clear:both; display:block; content:"";}
.gnb a {display:inline-block; *display:inline; *zoom:1; margin:0 0 28px;}
.gnb li {float:left; position:relative; margin-right:5px; line-height:0; font-size:0; text-align:right; background:url(../images/line_gnb.gif) no-repeat 0 2px;}
.gnb li ul {display:none; position:relative; top:12px; height:190px; }
.gnb li ul li {float:none; margin:0 0 8px 0; background:none;}
.gnb li ul a {margin:0;}
.gnb li.lst {margin-right:0;}
.gnb li.m1 {width:90px; background:none; border:0px solid red;}
.gnb li.m2 {width:90px; border:0px solid red;}
.gnb li.m3 {width:90px; border:0px solid red;}
.gnb li.m4 {width:90px; border:0px solid red;}
.gnb li.m5 {width:90px; border:0px solid red;}
.gnb li.m6 {width:120px; border:0px solid red;}
.gnb li.m7 {width:90px; border:0px solid red;}
.gnb li .edge {position:absolute; display:block; top:0; left:51%; width:13px; height:7px;}

.hgroup .ab1 {display:none; position:absolute; left:0; top:130px;}
.ab1 .menu_txt {height:80px;}
.ab1 a {width:100px; height:40px;}


#container {
	*zoom:1;
	width:996px;
	margin:0 auto;
	padding-bottom:20px;
}
#container:after {content:""; display:block; clear:both;}

#slid_banner {
	*zoom:1;
	width:996px;
	margin:0 auto;
	padding-bottom:20px;
}
#slid_banner:after {content:""; display:block; clear:both;}

/* mainbox 1 */
.mainbox_1 {
	float:left;
	width:290px;
	margin-left:5px;
	margin-right:20px;
}

/* mainbox 2 */
.mainbox_2 {
	float:left;
	width:350px;
	margin-right:20px;
}

/* mainbox 3*/
.mainbox_3 {
	float:left;
	width:290px;
	border:0px solid red;
	margin-right:0px;
}



/*subpage Layout*/
.sub_Left {
	float:left;
	width:200px;
	border-right:1px solid #ddd;
	margin-right:5px;
}
.sub_Right {
	float:left;
	width:785px;
	border:0px solid #ddd;
	margin-right:0px;
}


.global .pagination {display:none;}

.boxRolling .menuThumbs {position:absolute; top:0; left:0;}
.boxRolling .menuThumbs img {border:1px solid #b9b9b9;}
.boxRolling strong {position:absolute; top:0; left:116px;}
.boxRolling p {position:absolute; top:24px; left:95px;}
.boxRolling .bizMore {position:absolute; top:0; left:270px;}

.society {
	position:relative;
	background:url(../images/society.jpg) no-repeat right 60%;
	height:100px;
	margin-bottom:20px;
}
.society h2 {margin-bottom:20px;}
/*.society a {position:absolute; top:31px; left:90px; display:block;}*/

.incruit {
	background:url(../images/incruit_bg.jpg) no-repeat right 30%;
	height:100px;
}
.incruit h2 {margin-bottom:20px;}
.incruit strong {display:block; margin-bottom:10px;}
.incruit p {
	color:#666; 
	line-height:120%;
	font-size:0.9em;
	width:180px;
}
.incruit p a {
	color:#959595;
	line-height:120%;
}



/* footer */
#footer {
	border-top:1px solid #e5e5e5;
	padding-top:10px;
	padding-bottom:20px;
}
.footbox {
	*zoom:1;
	width:996px;
	margin:0 auto;
	position:relative;
}
.footbox:after {content:""; display:block; clear:both;}

.contact {float:left; width:680px; margin-left:5px;}
.contact p {font-size:0; margin-bottom:8px;}
.contact img {margin-right:5px;}
.familySite {float:right; cursor:pointer; margin-right:5px;}

.familyWebSite {
	z-index:200;
	background:url(../images/family_top_bg.png) no-repeat 0 0;
	width:300px;
	padding-top:12px;
	position:absolute;
	top:-168px;
	right:0;
	display:none;
}
.fw_1 {
	background:url(../images/family_btm_bg.gif) no-repeat 0 bottom;
	padding-bottom:15px;
}
.fw_2 {
	position:relative;
	width:272px;
	margin:0 auto;
}
.fw_2 span.clse {
	position:absolute;
	top:0; right:0;
	cursor:pointer;
}
.related {
	*zoom:1;
	background:url(../images/family_tit_bg.gif) no-repeat 0 0;
	width:272px;
	height:21px;
	margin-bottom:12px;
}
.related:after {content:""; display:block; clear:both;}
.related em {float:left; padding-left:10px;}
.fw_2 span.clse {
	position:absolute;
	top:0; right:0;
	cursor:pointer;
}


.fw_2 ul {
	width:258px;
	margin:0 auto;
}
.fw_2 ul li {
	*zoom:1;
	border-bottom:1px solid #eaeaea;
	padding-bottom:6px;
	margin-bottom:6px;
	font-size:0;
}
.fw_2 ul li:after {content:""; display:block; clear:both;}
.fw_2 ul li.lst {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}
.link_tit {float:left; width:68px;}
.links {
	*zoom:1;
	float:left;
	width:187px;
}
.links:after {content:""; display:block; clear:both;}
.links a {
	background:url(../images/family_bar.gif) no-repeat right;
	padding:0 5px 0 0;
	margin-right:6px;
	font-size:0;
	float:left;
	height:10px;
}
.links a.lst {
	background:none;
	padding-right:0;
	margin-right:0;
}
.links a.pad10{margin-top:5px;}


/* Main Background Image Fade in/out */
.flexslider {
	position:absolute;
	top:0;
	text-align:center;
	width:100%;
	z-index:5;
	*left:0;
	overflow:hidden;
}
.flexslider .slides {margin-bottom:20px;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {max-width:100%; display:block;}*/

.flexslider .slides  li {position:relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */


/* Direction Nav */
.flex-direction-nav {display:none;}

/* Control Nav */
.flex-control-nav {
	*zoom:1;
	width:80px;
	margin:0 auto;
}
.flex-control-nav:after {content:""; display:block; clear:both;}
.flex-control-nav li {margin: 0 0 0 5px; float: left;}

.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	width:13px; 
	height:13px; 
	display:block;
	background:url(../images/bg_control_nav.png) no-repeat 0 0; 
	cursor:pointer; 
	text-indent:-9999px;
}
* html .flex-control-nav li a {overflow:hidden;}
.flex-control-nav li a:hover {background-position:0 -13px;}
.flex-control-nav li a.active {background-position:0 -26px; cursor:default;}