/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/*-------------------------讓float抓高度------*/



 .profile_txt2, .profile_txt1{
	font-size:8pt;
	width:305px; 

}
b,a{
	color:#808285;
	
}

body{
	overflow:auto;
	-webkit-text-size-adjust:none;
	color:#808285;
	

}



br {
letter-spacing:normal;
}

#content{
	width:1030px;
	margin:60px auto 0;
	padding: 0 20px;
}

#left{
width:146px;
margin-right:80px;
float:left;
}
#right{
	position:relative;
	float:left;
	width:800px;
		letter-spacing:1.2px;
	line-height:1.8;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	color:#808285;
	
	
}

#menu{
}
	
.profile_link, .exhibition, .event, .about{
	margin-top:0px;
	float:left;
	margin-right:12.5px;  /*有展間介紹時*/  
	
}

.room {
	margin-top:0px;
	float:left;
	margin-right:12.7px;
	
}
.white {
	margin-top:0px;
	
	float:right;  /*有展間介紹時*/  
	
}

.fb{
	float:left;
	margin-top:160px;
	margin-left:0px;
}


.white_logo{
	float:left;
	margin-top:50px;
	margin-left:18px;
}


.top_menu{
	position:relative;
	
}

.main_content{
	width:100%;
	
	clear:both;
}

/*----------left menu-------------*/
#menu{
	clear:both;
}

.about a{
	display:block;
	width:146px;
	background-repeat:no-repeat;
	height:10px;
	background-image: url(../images/en/about1.jpg);
}
.about a:hover{
	width:146px;
	background-repeat:no-repeat;
	height:10px;
	background-image: url(../images/en/about2.jpg);
}

.exhibition a{
	display:block;
	margin-top:15px;
	width:146px;
	height:10px;
	background-image: url(../images/en/concept1.jpg);
		background-repeat:no-repeat;
}

.exhibition a:hover{
	width:72px;
	height:10px;
	background-image: url(../images/en/concept2.jpg);
}

.profile_link a{
	display:block;
	margin-top:15px;
	background-repeat:no-repeat;
	width:146px;
	height:10px;
	background-image: url(../images/en/artist1.jpg);

	
}

.profile_link a:hover{
	width:146px;
	height:10px;
	background-image: url(../images/en/artist2.jpg);
}


.event a{
	display:block;
	margin-top:15px;
	background-repeat:no-repeat;
	width:146px;
	height:10px;
	background-image: url(../images/en/events1.jpg);

	
}

.event a:hover{
	width:146px;
	height:10px;
	background-image: url(../images/en/events2.jpg);
}



.room a{
	display:block;
	margin-top:15px;
	background-repeat:no-repeat;
	width:146px;
	height:10px;
	background-image: url(../images/en/gallery1.jpg);
	
}

.room a:hover{
	width:146px;
	height:10px;
	background-image: url(../images/en/gallery2.jpg);
}

.white a{
	display:block;
margin-top:15px;
	background-repeat:no-repeat;
	width:146px;
	height:10px;
	background-image: url(../images/en/white1.jpg);
	
}

.white a:hover{
	width:146px;
	height:10px;
	background-image: url(../images/en/white2.jpg);
}



/*----------top menu-------------*/

.logo a{
	display:block;
	width:178px;
	height:59px;
	
	background-image: url(../images/logo.jpg);
	float:right;
}


/*--關於本展top menu--*/
.main_ex_info{
	width:77px;
	height:29px;
	margin-right:40px;
	background-image: url(../images/ex_info1.jpg);
	float:left;
}

.ex_info a{
	width:77px;
	height:29px;
	margin-right:40px;
	background-image: url(../images/ex_info.jpg);
	float:left;
}

.ex_info a:hover{
	background-position:left bottom;
}

.main_tra_info a{
		float:left;
		display:block;
	margin-right:40px;
	text-indent:-9999px;
	width:65px;
	height:29px;
	background-image: url(../images/tra_info1.jpg);
}


.tra_info a{
		float:left;
		display:block;
	margin-right:40px;
	text-indent:-9999px;
	width:65px;
	height:29px;
	background-image: url(../images/tra_info.jpg);
}

.tra_info a:hover{
	background-position:left bottom;
}

/*--藝術家簡介top menu--*/
.main_profile a{
	width:64px;
	height:29px;
	margin-right:40px;
	background-image: url(../images/t_profile1.jpg);
	float:left;
}

.profile a{
	width:64px;
	height:29px;
	margin-right:40px;
	background-image: url(../images/t_profile.jpg);
	float:left;
}

.profile a:hover{
	background-position:left bottom;
}


.main_solo a{
	float:left;
		display:block;
	margin-right:40px;
	
	width:80px;
	height:29px;
	background-image: url(../images/solo1.jpg);
}
.solo a{
		float:left;
		display:block;
	margin-right:40px;
	
	width:80px;
	height:29px;
	background-image: url(../images/solo.jpg);
}

.solo a:hover{
	background-position:left bottom;
}

.main_group a{
		float:left;
		display:block;
	margin-right:40px;

	width:91px;
	height:31px;
	background-image: url(../images/group1.jpg);
}

.group a{
		float:left;
		display:block;
	margin-right:40px;

	width:91px;
	height:31px;
	background-image: url(../images/group.jpg);
}

.group a:hover{
	background-position:left bottom;
}


/*--展覽活動top menu--*/
.main_lecture a{
		float:left;
		display:block;
	margin-right:40px;
	text-indent:-9999px;
	width:64px;
	height:29px;
	background-image: url(../images/lecture1.jpg);
}


.lecture a{
		float:left;
		display:block;
	margin-right:40px;
	text-indent:-9999px;
	width:64px;
	height:29px;
	background-image: url(../images/lecture.jpg);
}

.lecture a:hover{
	background-position:left bottom;
}


.main_movie a{
		float:left;
		display:block;
	margin-right:40px;
	text-indent:-9999px;
	width:52px;
	height:29px;
	background-image: url(../images/movie1.jpg);
}


.movie a{
		float:left;
		display:block;
	margin-right:40px;
	text-indent:-9999px;
	width:52px;
	height:29px;
	background-image: url(../images/movie.jpg);
}

.movie a:hover{
	background-position:left bottom;
}



.main_vist_info a{
	float:left;
	display:block;
	margin-right:40px;
	width:65px;
	height:29px;
	background-image: url(../images/vist_info1.jpg);
	
	
}


.vist_info a{
		float:left;
		display:block;
	margin-right:40px;
	width:65px;
	height:29px;
	background-image: url(../images/vist_info.jpg);
}

.vist_info a:hover{
	background-position:left bottom;
}

.main_recommend a{
		float:left;
		display:block;
	margin-right:40px;
	width:83 px;
	height:29px;
	background-image: url(../images/recommend1.jpg);
}


.recommend a{
		float:left;
		display:block;
	margin-right:40px;
	
	width:83px;
	height:29px;
	background-image: url(../images/recommend.jpg);
}

.recommend a:hover{
	background-position:left bottom;
}

.main_collection a{
		float:left;
		display:block;
	margin-right:40px;
	text-indent:-9999px;
	width:64px;
	height:29px;
	background-image: url(../images/collection1.jpg);
}


.collection a{
		float:left;
		display:block;
	margin-right:40px;
	text-indent:-9999px;
	width:64px;
	height:29px;
	background-image: url(../images/collection.jpg);
}

.collection a:hover{
	background-position:left bottom;
}



/*----top menu end-----*/


/*內容------*/

/*for 右側全版圖文*/
.ex_txt1{

	margin-top:195px;
	float:left;
}

/*for 兩欄式-左欄*/
.ex_txt2{
	
	margin-top:190px;
	float:left;
}

/*for 兩欄式-右欄*/

.ex_txt3{
	margin-top:190px;
	float:right;
}


/*for footer贊助*/
.ex_txt4{
	clear:both;
	margin-top:50px;
	margin-right:40px;
	
}



/*藝術家簡介*/


.profile_txt1{
	
	float:left;
	margin-top:190px;
	
}

.profile_txt2{
	font-size:8pt;
	float:right;
	margin-top:190px;	
	
}
/*為了定footer位置*/
#leture_txt{    
	clear:both;
	width:100%;
}
/*為了定footer位置*/
#footer_position{
	margin-top:0;
}

.next{
	clear:both;
	width:100%; 
	height:100px;
	
	
}

.footer{
	font-size:7pt;
	margin-top:60px;
	margin-left:40px;
	float:right;
	margin-bottom:30px;
}

span{
	display:block;
	margin-bottom:5px;
}

/*viewport----*/

/* Tablet landscape */
@media (min-width: 980px) {
  
}
/* Desktop */
@media (min-width: 1200px) {
  
}
/* Tablet portrait */
/* Small tablet landscape */
@media (max-width: 979px) {
  
}
/* Small tablet portrait */
@media (max-width: 767px) {
  
}
/* Mobile landscape */
@media (max-width: 480px) {
  
}
/* Mobile portrait */
@media (max-width: 320px) {
  
}