.mycol{
	padding:0;
}

.photo-bg{
	background: #fccba6;
}

.photo-home img{
	padding:0 0 20px 0;
}

.photo-album{
	background: url('/Public/images/photo-bg.jpg');
}

.photo-menu{
	padding:10px;
}

.photo-menu a{
	display: block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    cursor: pointer;
    border:1px solid #cad3e2;
    text-align: center;
    color: #000000;
    font-weight: 600;
    background:#f0f5ff;
    padding:5px 0;
    margin:0 0 5px 0;
}

.photo-menu a:hover{
	text-decoration: none;
	background: #9dbfff;
}

.photo-menu-box{
	padding:0 5px;
}

#picBox{
	text-align: center;
	line-height: 1.3em;
	padding: 20px 0 0 0;
	min-height: 300px;
}

#picBox ul{
	margin:0 0 10px 0;
	padding:8px;
	border:1px solid #b6b6b6;
	list-style-type:none;
	background:#fff;
}

#picBox li{
	margin:0;
	padding:0;
}

#picBox .li1{
	line-height: 1.8em;
	border-left: 5px solid #84bd00;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0;
	padding-left: 10px;
	text-align: left;
}

#picBox .li2{
	width: 100%;
	height: 250px;
	border:  1px solid #00479d;
	padding:10px;
}

#picBox .li2 a{
	display: block;
	width: 100%;
	height: 100%;
}


#photo-title{
	padding:20px;
}

#photo-big-title{
	font-weight: 500;
	font-size:2em;
	line-height: 2em;
	color: #00479d;
	padding:0 0 0 10px;
	border-bottom: 3px solid #00479d;
}

#photo-detail{
	padding:10px;
}

.photo-img{
	padding:5px 5px 0 0;
}

.photo-img img{
	padding:3px;
	background: #ffffff;
	border: 1px solid #b6b6b6;
}

.photo-img{
	height:250px;
}

@media (max-width: 1199px){
	.photo-img{
		height:113px;
	}
}


@media (max-width: 991px){
	.photo-img{
		height:156px;
	}
}

@media (max-width: 767px){
	#picBox .li1{
		font-size: 0.8em;
		line-height: 1.3em;
		height:7em;
	}
	.photo-img{
		height:213px;
	}
	#photo-big-title{
		font-weight: 500;
		font-size:1.2em;
		line-height: 1.5em;	
	}
}
















.photo-img a{
	display: block;
	width: 100%;
	height:100%;
}