@charset "UTF-8";


/*
	-------------------- Page Layouts --------------------

	Page Layouts.

	-------------------- Page Layouts --------------------
*/

/** basic */
/**************************************/

body {
	width:           100%;
}

a         { color: #fff; }
a:visited { color: #fff; }
a:hover   { color: #fff; text-decoration: underline; }
a:active  { color: #fff; text-decoration: underline; }

/** #header */
/**************************************/
#header {
	width:           100%;
	height:          230px;
	background:      url('../img/common/header_bg.png') center top repeat-x;
	overflow:        hidden;
	position:        relative;
}

#header > div {
	width:           980px;
	margin:          0 auto;
	padding:         50px 0 30px 0;
	position:        relative;
	overflow:        hidden;
}

#header .basic {
	float:           left;
}

#header .logo {
	margin:          0 0 20px;
}

#header h1 {
	margin:          0 0 20px;
	font-size:       11px;
}

#header h1 a {
	color:           #fff;
}

#header .bn {
	margin:          0 0 0 -5px;
}

#header .gnav {
	position:        absolute;
	right:           0;
}

#header .gnav p {
	position:        absolute;
	right:           0;
	top:             -51px;
}

#header .gnav ul li {
	float:           left;
	margin-left:     45px;
}

#header .gnav ul li a:hover {
	opacity:         0.55;
}

#header a {
	-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;
	transition: all 0.2s ease-out;
	opacity:         1;
}

#header a:hover {
	opacity:         0.75;
}

/** #container */
/**************************************/

#container {
	clear:           both;
	width:           980px;
	margin:          0px auto 60px;
}

#container:after {
	content:         ".";
	height:          0;
	clear:           both;
	visibility:      hidden;
	display:         block;
}

#container { display: inline-block; }

/*\*/
* html #container {  height: 1%;}
#container        {  display: block; }

/** #footer */
/**************************************/

#footer {
	clear:           both;
	width:           980px;
	margin:          0 auto 40px;
}



/*#footer .line {
	width:           980px;
	height:          356px;
	background:      url('../img/common/line_bg.png') left center no-repeat;
	margin:          0 0 30px;
	overflow:        hidden;
}

#footer .line .line-box {
	display:         block;
	width:           500px;
	margin:          30px;
	float:           right;
}*/


#footer .likebox {
	width:           980px;
	height:          420px;
	background:      url('../img/common/likebox_bg.jpg') left center no-repeat;
	margin:          0 0 30px;
	overflow:        hidden;
}

#footer .likebox .fb-like-box {
	display:         block;
	width:           500px;
	margin:          30px;
	float:           left;
}


#footer ul {
	text-align:      center;
	margin:          0 0 20px;
}

#footer ul li {
	display:         inline;
	background:      url('../img/common/footer_nav_separator.png') left center no-repeat;
	padding:         0 15px 0 20px;
}

#footer ul li:first-child {
	background:      none;
}

#footer ul li a:hover {
	opacity:         0.7;
	filter:          alpha(opacity=70);
	-ms-filter:      "alpha(opacity=70)";
}

#footer .copyright  {
	text-align:      center;
	clear:           both;
	font-size:       12px;
}

/** component */
/**************************************/

.head_l {
	font-size:       18px;
	font-weight:     bold;
	color:           #fff;
	margin:          0 0 15px;
}

/* notfound */
.notfound {
	width:           800px;
	margin:          0 auto;
	text-align:      center;
}

.notfound a {
	text-decoration: underline;
}


/** clearfix */
/**************************************/
.clearfix:after
{
	content:         ".";
	height:          0;
	clear:           both;
	visibility:      hidden;
	display:         block;
}

.clearfix
{
	display:         inline-block;
}

/*\*/
* html .clearfix
{
	height:          1%;
}

.clearfix
{
	display:         block;
}