@charset "utf-8";
*{
	margin:0;
	border:0;
	padding:0;
	list-style: none;
	} 
body{
	font-family: Helvetica light, Helvetica, Arial, sans-serif;
	color:#161616;
	}

#home{
	margin:0 auto;
	}
#nav{
	width:100%;
	height:100px;
	background-color:#ffffff;
	margin-bottom:100px;
	}
#logo{
	width:1200px;
	height:100px;
	margin:0 auto;
    }
#logo div{
	float:left;
	}
#titportfolio{
	padding-top:100px;
	padding-bottom:100px;
	width:1200px;
	height:50px;
	text-align:center;
	margin:0 auto;
	}
#portfolio{
	width:1200px;
	height:2800px;
	margin:0 auto 200px;
	}
#portfolio div{
	float:left;
	}
#titcontact{
	padding-top:200px;
	padding-bottom:100px;
	width:1200px;
	height:50px;
	text-align:center;
	margin:0 auto;
	}
#contact{
	width:1200px;
	height:270px;
	margin:0 auto 150px;
	text-align:center;
	padding-top: 100px;
	}
#footernut{
	margin:0 auto;
	}

#main{
	margin:0 auto;
	width: 1200px;
	height: 444px;
	text-align:justify;
	line-height: 17px;
	letter-spacing: 3px;
	font-size: 12px;
	color: #CACACA;
    }
#main div{
	float:left;
	}
#na{
	margin:0 auto;
	width: 1200px;
	height: 444px;
	text-align:center;
	line-height: 17px;
	letter-spacing: 3px;
	font-size: 12px;
	color: #969696;
    }
#nas{
	margin:0 auto;
	width: 1200px;
	height: 444px;
	text-align:center;
	line-height: 17px;
	letter-spacing: 3px;
	font-size: 12px;
	color: #969696;
	background-image: url("images/aboutna_01.gif");
    }
#exhibiton{
	margin:0 auto;
	width: 1200px;
	height: 500px;
	line-height: 64px;
	letter-spacing: 3px;
	font-size: 11px;
	color: #4C4C4C;
	padding-top: 40px;
	position: relative;
}
#exhibiton div{
	float: left;
}
#footer{
	width: 100%;
	height: 200px;
	padding-top: 120px;
	color: #969696;
    }
#footer img{
	display: block;
}
#footer span{
	float: left;
}

	.box {
		width: 1200px;
	    height: 800px;
		display: flex;
		flex-direction: column;
	}
	.content {
		position: relative;
		width: 1200px;
		height: 670px;
	}
	.content li {
		position: absolute;
		top: 0;
		left: 0;
		width: 1200px;
		height: 670px;
		background-position: center;
		background-clip: border-box;
		background-size: cover;
	}
	
	#li1~li{display: none;}

	#li1:target,
	#li2:target,
	#li3:target,
	#li4:target,
	#li5:target{
		display: block;
	}
	
	.conlist {
		position: absolute;
		bottom: 0;
	}
	.conlist li {
		position: relative;
		float: left;
		width: 232px;
		height: 120px;
		display: block;
		background-color: #000000;
	}
			
	.conlist li:first-child {margin-right: 10px;}
	.conlist li:nth-child(2) {margin-right: 10px;}
	.conlist li:nth-child(3) {margin-right: 10px;}
	.conlist li:nth-child(4) {margin-right: 10px;}
	.conlist li:last-child {margin-right: 0px;}
	
    .conlist a {
		position: absolute;
		display: block;
		width: 232px;
		height: 120px;
		background-position: center;
		background-clip: border-box;
		background-size: cover;
	}
		
.portleft{
	width:400px;
	height:2800px;
    }
.portleft div{
	float: left;
}
.portmid{
	width:400px;
	height:2800px;
	margin-top:150px;
    }
.portmid div{
	float: inherit;
}
.portright{
	width:400px;
	height:2800px;
    }
.portright div{
	float: right;
}
.portitle{
	width:400px;
	height:50px;
	text-align:center;
	padding-top:22px;
	font-size:12px;
	color:#161616;
    }
.exhibitonleft{
	width:500px;
	height:500px;
	text-align: left;
}
.exhibitonleft span{
	float: left;
}
.exhibitonmid{
	width:400px;
	height:500px;
	text-align: left;
}
.exhibitonmid span{
	float: inherit;
}
.exhibitonright{
	width:300px;
	height:500px;
	text-align: right;
}
.exhibitonright span{
	float: right;
}
.footers{
	margin: 0 auto;
	width: 1200px;
	height: 200px;
	line-height: 26px;
	letter-spacing: 2px;
	font-size: 10px;
	background-color: #FFFFFF;
    }
.about{
	width:1200px;
	height:60px;
	margin:0 auto;
	text-align:center;
	line-height: 60px;
	padding-top: 60px;
	padding-bottom: 60px;
	font-size: 30px;
	color: #CACACA;
    }
.aboutna{
	width: 215px;
	height: 333px;
	background-color: #000000;
	margin-left: 70px;
	padding-top: 44px;
    }
.port{
	width: 1200px;
	margin:0 auto;
	text-align: center;
	position: relative;
	}
.portbg{
	width: 100%;
	margin:0 auto;
	}
.contitle{
	margin:0 auto;
	width: 500px;
	text-align:center;
	letter-spacing: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
	color: #4C4C4C;
    }
.context{
	margin:0 auto;
	width: 500px;
	text-align:justify;
	line-height: 20px;
	letter-spacing: 1.5px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	color: #4C4C4C;
    }
.contextmid{
	margin:0 auto;
	width: 500px;
	text-align:center;
	line-height: 20px;
	letter-spacing: 1.5px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	color: #4C4C4C;
    }
.contextrgt{
	margin:0 auto;
	width: 1200px;
	text-align:right;
	line-height: 20px;
	letter-spacing: 1.5px;
	padding-top: 20px;
	font-size: 12px;
	color: #969696;
    }
.navdark{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 150px;
	height: 300px;
	text-align: left;
	line-height: 16px;
	letter-spacing: 2px;
	font-size: 8px;
	color: #2B2B2B;
    }
.navdark div{
	float: left;
    }
.navtitle{
	position: absolute;
	left: 0px;
	top: 400px;
	width: 280px;
	height: 200px;
	text-align:justify;
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 12px;
    }

a.title:link {color:#CACACA; text-decoration:none;}
a.title:visited {color:#CACACA; text-decoration:none;}
a.title:hover {color:#000000; text-decoration:none;}
a.con:link {color:#000000; text-decoration:none;}
a.con:visited {color:#000000; text-decoration:none;}
a.con:hover {color:#000000; text-decoration:none; font-weight:bold;}
a.foot:link {color:#969696; text-decoration:line-through;}
a.foot:visited {color:#969696; text-decoration:none;}
a.foot:hover {color:#000000; text-decoration:none; font-weight:bold;}
a.navdk:link {color:#2B2B2B; text-decoration:none;}
a.navdk:visited {color:#2B2B2B; text-decoration:none;}
a.navdk:hover {color:#2B2B2B; text-decoration: none; font-weight:bold;}
a.navlt:link {color:#CACACA; text-decoration:none;}
a.navlt:visited {color:#CACACA; text-decoration:none;}
a.navlt:hover {color:#CACACA; text-decoration: none; font-weight:bold;}
a.exhibition:link {color:#4C4C4C; text-decoration:none; font-weight:bold;}
a.exhibition:visited {color:#4C4C4C; text-decoration:none; font-weight:bold;}
a.exhibition:hover {color:#4C4C4C; text-decoration:none; font-style: italic; font-weight:bold;}