#outer {width:980px;padding:0; margin:0 auto;}
			div.container {mrgin:0 auto; padding:0;width:980px;}
			div.logo{ text-align:left; margin-left:27px;}
		
 			body{
				position:relative;
				height=100%;
				background:url(img/background.jpg);
				background-size:cover;
				<!--將背景延伸-->
			}
			
			.navbox{
				position:relative;
				float:left;
				top:0px;
				left:0px;
			}
			
			ul.nav{
				list-style:none;
				display:block;
				width:200px;
				position:relative;
				top:0px;
				left:0px;
				padding:60px 0 60px 0;
				-webkit -background-size:50% 100%;
			}
			
			.li{
				margin:10px 0 0 0;
			}
			
			ul.nav li a{
				-webkit-transition: all 0.5s ease-out;
				background: #cbcbcb;
				color: #174867;
				padding: 10px 15px 10px 15px;
				-webkit-border-top-right-radius: 10px;
				-webkit-border-bottom-right-radius: 10px;
				width: 100px;
				display: block;
				text-decoration: none;
				-webkit-box-shadow: 4px 2px 10px #888;
			}
			
			ul.nav li a:hover{
				background:#0b0b0b;
				color:#67a5cd;
				padding:10px 15px 10px 30px;
			}

			.showphotobox{
				
			}