#header {
background : url(/banner_320kh903.jpg) 50% 0 no-repeat;
}
#header .wrapper {
position : relative;
}
#header .wrapper:before, #header .wrapper:after {
content : '';
background : url(/.s/t/1191/top.png) 0 0 repeat-x;
height : 7px;
width : 2000px;
display : block;
position : absolute;
z-index : -1;
top : 0;
}
#header .wrapper:before {
left : -1996px;
}
#header .wrapper:after {
right : -1996px;
}
#site-logo {
height : 333px;
line-height : 363px;
text-align : center;
padding : 0 200px;
overflow : hidden;
}
.site-l {
display : inline-block;
line-height : normal;
vertical-align : middle;
}
.site-n {
display : block;
}
.site-n, .site-n a {
font-size : 50px;
color : #7d7d7d;
font-family : 'Kaliakra';
}
.site-n a:hover {
text-decoration : none;
color : #008FD5;
}
.site-d {
display : block;
color : #008FD5;
}
.head-r {
position : absolute;
top : 24px;
right : 20px;
width : 30%;
text-align : right;
}
#soc-box a.soc-vi {
background-position : 0 0;
}
#soc-box a.soc-tw {
background-position : 0 -39px;
}
#soc-box a.soc-fc {
background-position : 0 -78px;
}
#soc-box a.soc-yo {
background-position : 0 -117px;
}
#soc-box a.soc-rs {
background-position : 0 -156px;
}
#head-nav {
background : #008FD5;
border-bottom : 2px solid #008FD4;
padding : 0 10px;
position : relative;
}
#head-nav:before {
content : "";
width : 0;
height : 0;
position : absolute;
left : 0;
top : 0;
border-left : 10px solid #fff;
border-top : 21px solid transparent;
border-bottom : 21px solid transparent;
}
#head-nav:after {
content : "";
width : 0;
height : 0;
position : absolute;
right : 0;
top : 0;
border-right : 10px solid #fff;
border-top : 21px solid transparent;
border-bottom : 21px solid transparent;
}