body{margin:0; padding:0; font-family:Arial; font-size:12px; background:#000}
.clear{clear:both; line-height:0; font-size:0}
a img{border:none}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-size:12px; font-weight:normal}

.bk1{height:10px; border-bottom:dotted 1px #232020; margin-bottom:5px}
.bk2{}
	.bk2_l{float:left; width:85px; border-right:dotted 1px #232020}
		.bk2_l a{display:block}
	.bk2_l_bk1{height:250px; background:url(../images/v_name.gif) no-repeat; width:80px}
		.bk2_l_bk1:hover{background-position:right}
	.bk2_l_a{display:block; background-repeat:no-repeat; width:80px; height:21px; margin-top:5px; text-align:center; color:#6B6B66; padding-top:85px; text-decoration:none}
		.bk2_l_a:hover{background-position:0 -105px; color:#D7DF23}
	.bk2_l_bk2{background-image:url(../images/menu1.gif)}
	.bk2_l_bk3{background-image:url(../images/menu2.gif)}
	.bk2_l_bk4{background-image:url(../images/menu3.gif)}
	.bk2_l_bk5{background-image:url(../images/menu4.gif)}
	.bk2_l_bk6{background-image:url(../images/menu5.gif)}
	.bk2_r{float:left; margin-left:20px}
		.bk2_r_bk1{position:absolute; margin-left:550px}
		.bk2_r_bk2{position:absolute}
			.bk2_r_bk2_bk1{width:600px}
				.bk2_r_bk2_bk1_l{float:left}
				.bk2_r_bk2_bk1_r{float:left; color:#6B6B66; margin-top:90px; margin-left:30px}
			.bk2_r_bk2_bk2{height:225px; width:600px; border:solid 5px #232020; border-bottom:none; margin-top:15px}
				.bk2_r_bk2_bk5{background:#000; margin-top:-55px; margin-left:5px; height:45px; width:590px; color:#fff; padding-top:10px; padding-left:10px; filter:alpha(opacity=60); opacity: 0.6; position:absolute; z-index:10; overflow:hidden}
					.bk2_r_bk2_bk5 span{float:left}
					.bk2_r_bk2_bk5 p{margin-right:20px}
					.bk2_r_bk2_bk5 h5{margin:0}
						.bk2_r_bk2_bk5 h5 a{display:block; width:11px; height:13px; background:url(../images/arraw.gif); float:right; margin-right:10px; font-size:0}
						.bk2_r_bk2_bk5 h5 .s{background-position:right}
			.bk2_r_bk2_bk3{background:#232020; height:23px; padding-top:5px; width:610px}
				.bk2_r_bk2_bk3 a{color:#6B6B66; text-decoration:none; display:inline-block; width:19%; padding:2px 0; text-align:center; margin-left:3px}
					.bk2_r_bk2_bk3 a:hover{background:#000; color:#fff}
				.bk2_r_bk2_bk3 .s{background:#000; font-weight:bold; color:#fff}
			.bk2_r_bk2_bk4{margin-top:10px; width:610px; font-size:11px; color:#6B6B66}
				.bk2_r_bk2_bk4 span{color:#D7DF23; font-size:12px}
.bk3{border-top:dotted 1px #232020; margin-top:10px; color:#232020; line-height:25px; width:700px; text-align:center; clear:both}

/*message*/
.bk4{color:#6B6B66; width:610px}
	.bk4_bk1{border:solid 2px #6B6B66; padding:5px}
		.bk4_bk1 span{color:#D7DF23; text-decoration:underline}
	.bk4_bk2{}
		.bk4_bk2 label{color:#D7DF23; display:block; margin:10px 0; background:url(../images/dot_1.gif) no-repeat 0 6px; padding-left:10px}
		.bk4_bk2 input,.bk4_bk2 textarea{border:solid 1px #6B6B66; background:#232020; color:#fff}
		.bk4_bk2 h1,.bk4_bk2 h2,.bk4_bk2 h3,.bk4_bk2 h4{float:left; margin-right:17px}
		.bk4_bk2 h4{margin:0}
		.bk4_bk2 div{clear:both}
		.bk4_bk2 textarea{width:605px; height:150px; overflow:hidden}
			.bk4_bk2 h1 input,.bk4_bk2 h3 input{width:250px}
			.bk4_bk2 h4 input{width:330px}
		.bk4_bk2 h5{margin:10px 0}
			.bk4_bk2 h5 input{font-weight:bold; border:solid 2px #D7DF23; color:#D7DF23}
	.bk4_bk3{border-bottom:double 4px #232020; padding-bottom:10px}
		.bk4_bk3 div{border-top:solid 1px #232020; padding-top:10px; margin-top:10px}
			.bk4_bk3 h1{float:left}
				.bk4_bk3 h1 a{color:#D7DF23}
			.bk4_bk3 h2{float:right; font-size:11px}
				.bk4_bk3 h2 a{color:#6B6B66}
			.bk4_bk3 p{clear:both; padding:10px 0; color:#fff; margin:0}
			
/*portfolio*/
.bk5{color:#6B6B66; width:600px}
	.bk5_t{border:solid 2px #6B6B66; padding:5px}
		.bk5 h1{margin-top:3px}
		.bk5_t ul{margin:0; padding:0; list-style:none}
			.bk5_t ul li{float:left; width:16.6%; text-align:center}
				.bk5_t ul li a{color:#6B6B66; text-decoration:none; width:100%; display:block}
					.bk5_t ul li a:hover{background:#6B6B66; color:#fff}
				.bk5_t ul li .s{background:#6B6B66; color:#fff; font-weight:bold}
			.bk5_m{margin-top:10px}
				.bk5_m span{color:#6B6B66; text-decoration:none; line-height:28px; font-weight:bold; cursor:pointer}
				.bk5_m h2{font-size:14px; font-weight:bold}
				.bk5_m .hot{color:#fff}
				.bk5_m .directpage{margin-top:68px; margin-left:-85px; position:absolute; background:#000; padding:2px; line-height:20px; display:none; color:#fff; text-decoration:none; font-weight:normal}
				.bk5_m p{border:dotted 1px #232020; border-left:none; border-right:none; padding:3px; margin:10px 0}
				.bk5_m h3{padding-bottom:5px; margin-bottom:10px}
					.bk5_m h3 span{color:#2E2E2E; margin-left:20px}

.bk6{color:#D7DF23; line-height:30px; margin-top:50px; margin-left:20px}
	.bk6 img{margin:10px 0}
	.bk6 a{color:#D7DF23}
	.bk6 div{margin-left:40px}
			
/*page*/
.page{text-align:right; margin-top:5px; color:#333}
	.page a{color:#6B6B66; text-decoration:none; display:inline-block; padding:0 4px}
		.page a:hover{text-decoration:underline; color:#D7DF23}
	.page span{padding:0 4px; background:#D7DF23; color:#000; display:inline-block; font-weight:bold}

/*dialog*/
.windowbg{top:100px; left:0; height:1000px; width:1000px;
position:absolute; z-index:1; filter:alpha(opacity=80); opacity:0.8; background:#000; margin-left:-120px; display:none; margin-top:-100px}

.window{display:none; position:fixed; top:5%; left:50%; margin-left:-305px; width:610px; background-color:#333; color:#333; border:1px solid #aaa;z-index:2000;
_position: absolute;
_top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) - 100 + 'px');
_left: expression((document.documentElement.scrollLeft || document.body.scrollLeft) + Math.round(((document.documentElement.offsetWidth || document.body.clientWidth) - 610)/2) + 200 + 'px');
}
    .window .top{border-bottom:solid 1px #444; padding:5px; background:#000; font-weight:bold; color:#aaa; height:15px}
    .window .top span{float:left}
    .window .close{float:right; cursor:pointer}
    
#nav{margin:5px;position:absolute}
#nav a {color:#6B6B66; text-decoration:none; display:inline-block; padding:0 3px; border:solid 1px #666; margin-right:5px}
#nav a.activeSlide {background: #D7DF23; color:#000; font-weight:bold}

.gotop{margin-bottom:20px; text-align:right}
	.gotop a{color:#fff; text-decoration:none}
		.gotop a:hover{text-decoration:underline}