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


/*---------------單個設計師-------------------*/	

.card{
	width:310px;
	float:left;
    margin: 0 30px 30px 0px;
    height: 230px;
	}
.card img{
	width:300px;
	height:200px;
	}
.card_name{
	color:#FFF;
	text-align:center;
	margin-top:10px;
	}
/*---------------簡歷表頁面------------------*/
#left{
	width:185px;
	float:left;
	margin-right:50px;
	}

#left .prfile_field{
	font-size: 15px;
	text-align: left;
}

.left_black .name{
	color:#000;
}
.left_black .prfile_field{
	color:#000;
}

.left_black .record_text_1{
	color:#000;
}

.left_white .name{
	color:#fff;
}

.left_white .prfile_field{
	color:#fff;
}
.left_white .record_text_1{
	color:#fff;
}


.designer_img img{
	width:100%;
	height:auto;
	}
.record_text_1{
	color:#000;
	font-size:15px;
	line-height:1.4em;
	text-align:justify;
	}
.record_fraction{
	color:#000;
	font-size:0.8em;
	text-align:justify;
	}

.name,.company,.position{	
    /*color:#000;*/
	/*font-size:20px;
	font-weight:bold;
	text-align:justify;*/
	}

.fraction_1{
	background-image:url(../images/fraction_03.png);
	color:#FFF;
	font-size:25px;
    padding: 8px 0 0 1px;
	width:51px;
	height:51px;
	background-repeat: no-repeat;
	float:left;
	margin-right:5px;
	text-align: center;
	}
.fraction_2{
	color:#8b5c01;
	float:left;
	}
.gold_flog{
	clear:both;
	padding-top:10px
	}
.gold_flog img{
	margin-right:3px;
	margin-bottom:3px;
	}
.record_qr{
	text-align:center;
	}
.designer_img,.record_text_1,.record_fraction,.position{
	/*margin-bottom:20px;*/
	}
#right{
	float:left;
	width:765px;
	}
.record_img img{
	width:235px;
	height:155px;

	}
.record_text_2{
	color:#000;
	font-size:15px;
	margin-bottom:50px;
	}
.record_text_2 li{
	list-style:none;
	text-align:justify;
	}
.record_text_2 li li{
	list-style:square;
	text-align:justify;
	}
.record_text_2 ul{
	margin-left:-35px;
	}
.record_text_2 ul ul{
	margin-left:-25px;
	}
.record_text_3{
	color:#000;
	font-size:15px;
	background-color:#e9e9e9;
	border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
	padding:15px 30px;
	text-align:justify;
	}
.record_text_3 h3,#record_text_2 h3{
	color:#8a8a8a;
	}
/*---------------作品集頁面------------------*/
#left{
	width:185px;
	float:left;
	margin-right:50px;
	}
.designer_img_gray img{
	width:185px;
	height:116px;
	}
.record_text_1_gray{
	color:#fff;
	font-size:15px;
	line-height:1.4em;
	text-align:justify;
	}
.record_fraction_gray{
	color:#fff;
	font-size:0.8em;
	}

.name_gray,.company_gray,.position_gray{	
    color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:justify;
	}

.fraction_1_gray{
	background-image:url(../images/fraction_03.png);
	color:#FFF;
	font-size:25px;
    padding: 8px 0 0 1px;
	width:51px;
	height:51px;
	background-repeat: no-repeat;
	float:left;
	margin-right:5px;
	text-align: center;
	}
.fraction_2_gray{
	color:#8b5c01;
	float:left;
	}
.gold_flog_gray{
	clear:both;
	padding-top:10px
	}
.gold_flog_gray img{
	margin-right:3px;
	margin-bottom:3px;
	}
.record_qr_gray{
	text-align:center;
	}
.designer_img_gray,.record_text_1_gray,.record_fraction_gray,.position_gray{
	margin-bottom:20px;
	}
#right{
	float:left;
	width:765px;
	}
.record_img_gray img{
	width:235px;
	height:155px;

	}
	
#right .work_1{
	margin-bottom:25px;
	}
#right .work_1_img {
	
	}
#right .work_1_img img{
	width:765px;
	margin-bottom:15px;
	}

#right .work_1_text{
	}

.photo_title{
	font-size:1.2em;
	}
.photo_number{
	font-size:0.8em;
	font-weight:normal;
		}
.photo_date{
	font-size:0.8em;	
	font-weight:normal;
	}
.photo_info{
	margin-top:15px;
	text-align:justify;
	}
	
#right .work_2{
	clear:both;
	margin-top:30px;
	height:300px;/*要修改自動讀取圖片高度，因為圖片比例可能會有點不同*/
		}
#right .work_2_img{
	width:382px;
	float:left;
	margin-right:25px;
	}
#right .work_2_img img{
	width:382px;height:250px;
	}
#right .work_2_text{
	text-align:justify;
	height:100%;
	overflow:hidden;/*要修改成有....*/
	}



#right .work_3{
	margin-top:30px;
	clear:both;
	height:250px;
	}
#right .work_3_img{
	width:382px;
	float:right;
	float:right;
	margin-left:25px;
	}
#right .work_3_img img{
	width:382px;height:250px;
	}
#right .work_3_text{
	text-align:justify;
	height:100%;
	overflow:hidden;
	}

#right img a{

	border:0;
	}
/*---------------------相簿頁面---------------------------*/
#work_Front_cover img{
	width:765px;
	}
#work_title,#work_dreigner,#work_material,#work_size,.work_info{
	color:#FFF;
	line-height:1.4em;
	text-align:justify;
	}
#work_dreigner{
	}
#work_material{
	}
#work_size{
	margin-bottom:25px;
	}
.work_info{
	}
.work_albums{
	}
.work_title_2{
	text-align:center;
	}
.work_info{
	margin-bottom:45px;
	text-align:justify;
	}
.work_info1{
	width: 1000px;
    margin: 0px auto;
	margin-bottom:45px;
	text-align:justify;
	color:#fff;
	}
.work_photo{
	margin-bottom:45px;
	}
.work_photo img{
	height:100px;
	margin-bottom:3px;
	margin-right:3px;/*要像POCASA一樣*/
	}
.work_photo img a{
	border:0;
	}
/*--------------------相簿最裡面------------------------------*/
#work_3{
	/*width:765px;*/
	width:99%;
	margin:0 auto;
	margin-top:60px;/*限定字數250以內*/
	text-align:center;
	}
#work_3_x img{
	width:22px;
	height:22px;
	}
#work_3_x{
	position: absolute;
	top: 20px;
	right: 20px;
	}
#work_3_pre img{
	width:60px;
	height:60px;
	}
#work_3_pre{
	position: absolute;
	top: 40%;
	right: 20px;
	}
#work_3_next img{
	width:60px;
	height:60px;
	}
#work_3_next{
	position: absolute;
	top: 40%;
	left: 20px;
	}
#work_3_x a,#work_3_next a,#work_3_pre a{
	border:0;
	}

#designer_photos{margin:0px;padding:0px;list-style: none;}
#designer_photos li{
	margin:0px;
	padding:0px;
	list-style: none;
	float: left;
	width:235px;
	margin-right: 30px;
	margin-bottom: 30px;
}

#right .work_1_img img{ max-width:100%;}