@charset "utf-8";
/* CSS Document */
div.portfolios-top-bg{
	display:inline-block;
	width:880px;
	height:320px;
	position:relative;
	background:url(../images/slide-text-bg.png) repeat;
	padding:20px;
}
div.arrow-top{
	display:block;
	width:27px;
	height:14px;
	position:absolute;
	background:url(../images/arrow-top.png) no-repeat;
	top:-14px;
	left:40px;	
}
div.portfolios-img{
	display:inline;
	float:left;	
	margin-left:20px;
}
.width210{
	width:210px;
}
.width185{
	width:185px;
}
div.first{
	margin-left:0px;
}
div.portfolios-img a.portfolios-a{
	display:block;
	overflow:hidden;
	cursor:pointer;
	position:relative;
	text-decoration:none;
}
div.portfolios-img a.commercials{
	display:block;
	width:210px;
	height:315px;
	background:url(../images/portfolios/portfolio-1b.jpg) no-repeat;
}
div.portfolios-img a.commercials:hover{
	background:url(../images/portfolios/portfolio-1.jpg) no-repeat;
}
div.portfolios-img a.commercials-fix{
	display:block;
	width:210px;
	height:315px;
	background:url(../images/portfolios/portfolio-1.jpg) no-repeat;
}

div.portfolios-img a.officials{
	display:block;
	width:210px;
	height:315px;
	background:url(../images/portfolios/portfolio-2b.jpg) no-repeat;
}
div.portfolios-img a.officials-fix{
	display:block;
	width:210px;
	height:315px;
	background:url(../images/portfolios/portfolio-2.jpg) no-repeat;
}
div.portfolios-img a.officials:hover{
	background:url(../images/portfolios/portfolio-2.jpg) no-repeat;
}

div.portfolios-img a.residentials{
	background:url(../images/portfolios/portfolio-3b.jpg) no-repeat;
	display:block;
	width:210px;
	height:315px;
}
div.portfolios-img a.residentials-fix{
	background:url(../images/portfolios/portfolio-3.jpg) no-repeat;
	display:block;
	width:210px;
	height:315px;
}
div.portfolios-img a.residentials:hover{
	background:url(../images/portfolios/portfolio-3.jpg) no-repeat;
}

div.portfolios-img a.designs{
	background:url(../images/portfolios/portfolio-4b.jpg) no-repeat;
	display:block;
	width:185px;
	height:315px;
}
div.portfolios-img a.designs-fix{
	background:url(../images/portfolios/portfolio-4.jpg) no-repeat;
	display:block;
	width:185px;
	height:315px;
}
div.portfolios-img a.designs:hover{
	background:url(../images/portfolios/portfolio-4.jpg) no-repeat;
}

div.portfolios-img span.line-shadow{
	display:block;
	width:190px;/*210*/
	padding-right:20px;
	position:absolute;
	bottom:0px;
	left:0px;
	height:40px;
	background:url(../images/bg-text.png) repeat-x;
	text-align:right;
	line-height:40px;
	color:#ffffff;
	font-size:20px;
	font-family:supermarket;
	font-weight:normal;
}
div.portfolios-img span.designs{
	width:165px;
}
h2.title-portfolios{
	display:block;
	font-size:24px;
	color:#015b7e;
	font-family:supermarket;
	font-weight:normal;
	text-align:center;
	margin-top:30px;
}

div.portfolios-content-line{
	display:inline-block;
	padding:30px 0px;
	float:left;
}
div.portfolios-content-line div.portfolios-content-img{
	display:inline;
	float:left;
	width:230px;
	height:160px;
	margin-right:20px;
}
div.portfolios-content-line div.portfolios-content-img a.portfolios-content-img-a{
	display:block;
	cursor:pointer;
	width:230px;
	height:160px;
	overflow:hidden;
}
div.portfolios-content-line div.portfolios-content-text{
	display:inline;
	float:left;
	width:670px;
	margin-top:-5px;
}
div.portfolios-content-line div.portfolios-content-text a.portfolios-content-title-text{
	display:block;
	font-family:DokChampa;
	font-size:18px;
	color:#333333;
	line-height:25px;
	text-decoration:none;
}

div.portfolios-content-line div.portfolios-content-text a.portfolios-content-title-text:hover{
	display:block;
	font-family:DokChampa;
	font-size:18px;
	color:#333333;
	line-height:25px;
	text-decoration:underline;
}

div.portfolios-content-line div.portfolios-content-text div.portfolios-content-p{
	display:block;
	width:670px;
	font-family:DokChampa;
	font-size:12px;
	color:#666666;
	margin-bottom:10px;
}

div.portfolios-content-line div.portfolios-content-text div.portfolios-content-pic{
	display:inline-block;
	float:left;
}
div.portfolios-content-line div.portfolios-content-text div.portfolios-content-pic div.block-img{
	display:inline;
	float:left;
	margin-left:10px;
}
div.portfolios-content-line div.portfolios-content-text div.portfolios-content-pic div.first{
	margin-left:0px;
}


div.select-page-portfolios{
	display:inline;
	float:right;
	margin-right:20px;
}

div.select-page-portfolios a.select-page-portfolios-a{
	display:inline-block;
	width:25px;
	height:25px;
	text-align:center;
	line-height:23px;
	text-decoration:none;
	background:#ffffff;
	color:#015b7e;	
	margin-left:15px;
}
div.select-page-portfolios a.select-page-portfolios-a:hover{
	background:#015b7e;
	color:#ffffff;
}
div.select-page-portfolios a.fix{
	background:#015b7e;
	color:#ffffff;
}


/*------------------------------------------ detail ----------------------------------------*/
div.portfolios-detail-slide{
	display:block;
	width:920px;
	position:relative;
	padding-bottom:140px;
}
div.detail-slide-img{
	display:block;
	width:920px;
	height:517px;
	overflow:hidden;
}

div.detail-slide-select{
	display:block;
	position:absolute;
	bottom:0px;
	width:920px;
	height:95px;
}
div.detail-slide-img-block{
	display:block;
	width:920px;
	background:#015b7e;
}
div.detail-slide-img-block img{
	margin:0 auto;
	display:block;
}
div.detail-slide-select-block{
	display:block;
	width:920px;
	height:95px;
	position:relative;
}
div.slide{
	margin-left:52px;
}
ul.detail-slide-select-ul{
	display:block;
	float:left;
	width:920px;
	height:95px;
}
ul.detail-slide-select-ul li.detail-slide-select-li{
	height:85px;
	display:block;
	margin:5px 18px;
}
ul.detail-slide-select-ul li.detail-slide-select-li a.detail-slide-select{
	cursor:pointer;
	width:147px;
	height:85px;
	overflow:hidden;
}
a.prev{
	display:block;
	position:absolute;
	left:0px;
	top:27px;
	width:31px;
	height:31px;
	background:url(../images/slide-pre.png) no-repeat;
	z-index:9999;
}
a.prev:hover{
	background:url(../images/slide-pre-hover.png) no-repeat;
}
a.next{
	display:block;
	position:absolute;
	right:0px;
	top:27px;
	width:31px;
	height:31px;
	background:url(../images/slide-next.png) no-repeat;
	z-index:9999;
}
a.next:hover{
	background:url(../images/slide-next-hover.png) no-repeat;
}
div.portfolios-detail-content{
	display:block;
	width:920px;
	color:#333333;
}