@charset "utf-8";
/* CSS Document */

.innerContent{
	opacity:0;
	
	-webkit-transition:opacity 1s linear 1s;
	-moz-transition:opacity 1s linear 1s;
	-ms-transition:opacity 1s linear 1s;
	-o-transition:opacity 1s linear 1s;
	transition:opacity 1s linear 1s;
}
.showNow .innerContent{
	opacity:1;
}
.innerContent::before, .innerContent::after{
	content:'';
	display:block;
	margin:0px auto 30px auto;
	height:60px;
	width:1px;
	background:#FFF;
	opacity:0.3;
}
.innerContent::after{
	margin:30px auto 0 auto;
}

/*得獎紀錄*/
.award .innerContent::before{display:none;}
.award .innerContent::after{height:30px;}
.award .title::before, .award .title::after{
	content:'';
	display:block;
	margin:0px auto;
	height:30px;
	width:1px;
	background:#FFF;
	opacity:0.3;
}
.award .title::after{
	margin:10px auto 0 auto;
}
.awardList{
	color:#FFF;
	font-size:0.75em;
	margin:30px 0;
	text-align:center;
	min-height:310px;
}
.awardList ul{
	display:inline-block;
	padding-left:10px;
}
.listItem{
	position:relative;
	float:left;
	height:330px;
	margin-right:10px;
	overflow:hidden;
}
.picAward{
	padding:5px;
	background:#444;
}
.picAward img{
	margin:0 auto;
}
.txt{
	position:absolute;
	left:0;
	top:305px;
	padding:5px;
	background:rgba(33,33,33,0);
	width:100%;
	height:150px;
	text-align:left;
	
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.g{
	color:#CCC;
	display:inline-block;
	margin-top:10px;
}
.awardname::before{
	content:'';
	display:inline-block;
	width:15px;
	height:1px;
	vertical-align:middle;
	margin:0 5px 0 0;
	background:#b5975b;
}
.listItem:hover .awardname{
	display:none;
}
.listItem:hover .txt{	
	top:155px;
	background:rgba(33,33,33,0.7);
}
.awardSource a{
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.awardSource a:hover{
	letter-spacing: .1em;
}

/*設計團隊*/
.studio a{
	color:#b5975b;
	font-size:1.2em;
	font-weight:bold;
	padding-left:10px;
}
.studio a:hover{
	color:#FFF;
}
@media screen and (max-height:700px){
/*award*/	
.award .title::after{
	display:none;
}
}
@media screen and (max-width:960px), screen and (max-height:660px){
.awardList{
	margin-bottom:-20px;
}
.awardList ul{
	padding-left:0;
}
.listItem{
	float:none;
	height:auto;
	max-width:660px;
	margin:0 auto;
}	
.txt{
	position:static;
	background:none;
	margin-bottom:20px;
	height:auto;
}
.listItem:hover .txt{
	background:none;
}
.awardname{
	display:none;
}

}
@media screen and (max-width:700px){
.awardList ul{
	display:block;	
}
.picAward img{
	max-width:100%;
}
}
@media screen and (max-width:640px), screen and (max-height:400px){
.innerContent::before, .innerContent::after{
	height:30px;
}	
}