@charset "gb2312";

/* header */

.header_h1 {position:absolute; top:30px; left:1em; }

/* lnb */
.lnb { position:relative; z-index:1002}
.bookmark {
	position: absolute;
	top: 12px;
	left: 1em;
	color: #FFF;
	text-align: center;
}
.bookmarka{
	width: 200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 8.5em;
}
.bookmark a{
	color: #FFF;
	text-decoration: none;
}
.bookmark a:hover{
	color: #FFF;
	text-decoration: underline;
}

.lnb .linksys { position:absolute; top:0px; right:0;}

/*-------LOGIN STARTS HERE -------*/
#loginContainer {
    position:relative;
	display: block;
}
/* Login Button */
#loginButton { 
    display:inline-block;  
    position:relative;
    z-index:30;
    cursor:pointer;
}
a#loginButton:hover {
text-decoration: none;
}
#loginButton span{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #FFF;
	padding: 10px 25px;
	text-transform: uppercase;
	display: block;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	cursor: pointer;
	background: #536296;
}
#loginButton span:hover, #loginButton.active:hover{
	 background:#FFF;
	 color:#F94B4B;
}
#loginButton span i.search-icon{
	width: 25px;
	height: 25px;
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: -5px;
	background-image: url(imagesxitong-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#loginButton span:hover i.search-icon {
	background: url(imagesxitong-iconh.png) no-repeat 0px 1px;;
}
/* Login Box */
#loginBox {
    position:absolute;
    top:22px;
    right:0px;
    display:none;
    z-index:29;
}


/* GNB */

.gnb { height:95px; position:absolute; top:68px; right:0; z-index:1001; font-family:Georgia, 'Times New Roman', Constantia;  }
.gnb:after { content:""; display:block; clear:both; }
.gnb li {float:left;padding:0 15px 0 10px;}
.gnb>li>a {display:block; height:81px; margin:0; padding:14px 0 0 0; overflow: hidden; font-size:15px; color:#444;}

.gnb > li.m1 > a:hover,
.gnb > li.m2 > a:hover,
.gnb > li.m3 > a:hover,
.gnb > li.m4 > a:hover,
.gnb > li.m5 > a:hover,
.gnb > li.m6 > a:hover,
.gnb > li.m1 > a.on,
.gnb > li.m2 > a.on,
.gnb > li.m3 > a.on,
.gnb > li.m4 > a.on,
.gnb > li.m5 > a.on,
.gnb > li.m6 > a.on {font-size:15px; color:#ab173b; background:url(../images/gnb_arrow.gif) no-repeat center 5px;}

/* ??? ??? 1Depth ??*/

.gnb > li > a:hover ul {
	background:url(../images/bg_gnb_bar.gif) ;
    border:1px solid red
}

/* GNB 2Depth */
.gnb li ul {
    background:#2f3c68 ;
    display:none;
    height:30px;
    overflow: hidden;
    padding:0;
    position:absolute;
    top:67px;
	width:1000px;

}
.gnb li li {
    height: 30px;
    padding: 0;
	font-family:arial,Verdana,AppleGothic,sans-serif;
	font-size:0.9em;
}
.gnb > li li a {
    color: #b2b8d1;
    display: inline-block;
    height: 30px;
    line-height: 22px;
    padding: 4px 15px 5px;
    vertical-align: middle;
}
.gnb > li li a:hover,
.gnb > li li a:focus,
.gnb > li li a.on {
	color:#fff;
	text-decoration:underline;
}

.gnb .m1 ul,
.gnb .m2 ul,
.gnb .m3 ul,
.gnb .m4 ul,
.gnb .m5 ul,
.gnb .m6 ul {
	right:0
}


.gnb li.m1 li.m1 { margin-left:270px; }
.gnb li.m2 li.m1 { margin-left:385px; }
.gnb li.m3 li.m1 { margin-left:300px; }
.gnb li.m4 li.m1 { margin-left:420px; }
.gnb li.m5 li.m1 { margin-left:370px; }
.gnb li.m6 li.m1 { margin-left:640px; }

.gnb li li a span {white-space: nowrap;}



/* Menu 1 > 2Depth */
.m1 .m1 ul, .m2 .m2 ul, .m3 .m3 ul, .m4 .m4 ul, .m5 .m5 ul, .m6 .m6 ul, .m7 .m7 ul, .m8 .m8 ul, .m9 .m9 ul, .m10 .m10 ul, .m11 .m11 ul, .m12 .m12 ul, .m13 .m13 ul, .m14 .m14 ul, .m15 .m15 ul, .m16 .m16 ul, .m17 .m17 ul, .m18 .m18 ul, .m19 .m19 ul, .m20 .m20 ul {
    display: block;
}