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

.title{
	text-align:center;
}
.article{
	margin:0 auto 40px;
	padding:0 15px;
	overflow:hidden;
	max-width:540px;
	text-align:center;
}

.article h2{
	position:relative;
	font-weight:normal;
	color:#fff;
	font-size:1.2em;
	line-height:1;
	margin:20px auto;
	overflow:hidden;
	max-width:540px;
}

.article p{
	margin:auto;
	font-size:0.8em;
	color:#bbb;
	overflow:auto;
	max-width:400px;
}

.tLineL, .tLineR {
	position:absolute;
	width:50%;
	height:20px;
	background:url(../images/tLine.png) 0 11px repeat-x;
	display:inline-block;
}

.tLineL{ left:-60px;}
.tLineR{ right:-60px;}

/*設計理念*/
.subTitle{
	font-size:0.9em;
	color:#bbb;
}
.txt{
	font-size:0.8em;
	color:#bbb;
	text-align:left;
	overflow:hidden;
	margin:20px 0;
}
.t{
	float:left;	
	border-right:#333 dotted 1px;
	padding-right:10px;
	margin-right:10px;
	text-align:center;
	color:#FFF;
	line-height:1em;
	font-size:2em;
}
.w{
	color:#FFF;
}
/*設計總監*/
.contTeam{
	max-width:640px;
}
.pDirector{
	float:left;
	width:250px;
	overflow:hidden;
	margin-right:20px;
}
.pDirector img{
	float:right;
}
.team p{
	overflow:hidden;
	text-align:left;
	padding-left:15px;
}
.team .w{
	display:block;
	margin:10px 0 0 -15px;
}
.team .w:nth-child(1){
	margin-top:0;
	font-size:1.2em;
}

/*卷軸*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonUp:hover,	.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active{
	opacity:1;
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:1px;
	background:rgba(255,255,255,0.3);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#FFF;
}
.mCustomScrollbar .mCSB_draggerContainer{
	opacity:0;
	-webkit-wtransition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.mCustomScrollbar:hover .mCSB_draggerContainer{
	opacity:1;
}


@media screen and (max-width:960px){
	.title h1{ font-size:1.5em; }	
	.article h2{ font-size:1em;	}
}
@media screen and (max-width:640px){
.pDirector{
	float:none;
	width:auto;
	max-width:300px;
	margin:0 auto 20px;
}
.team p{
	max-width:285px;
}
}
@media screen and (max-width:400px){
.subTitle .w{
	display:block;
}	
}