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

html, body {
	margin:0;
	height: auto;
	font-size: small;
	}
	
p {
font-size: 100%;
color:#777;
text-align:left;
line-height:150%;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

.Vlink{ font-family: Geneva, Arial, Helvetica, sans-serif;color: #EEB049;font-size:100%;}
.Vlink a:link {COLOR:#EEB049;text-decoration: none} 
.Vlink a:visited {COLOR:#EEB049;text-decoration: none} 
.Vlink a:hover {COLOR:#EEB049;text-decoration: underline}


a img
{
    border: none;
}

a img:hover
{
    opacity: 0.4;
    filter: alpha(opacity=40);
}


.FontHide { margin: auto 0; padding:0; font-size:1px; color:#fff;  height:1px;	opacity: 0;
	alpha(opacity=0); }

#Wrapper { position: relative;margin: 0 auto;width:100%; height:100%; min-width:1024px;}
#Header { height:135px;width:100%; margin:10px 0 0 0;}
#ContentBox { height:auto; min-height:480px; border-bottom:4px solid #E7E7E7; margin:0 0 16px 0; position: relative; min-width:1024px; }

#ArtBox { height:auto;  border-bottom:4px solid #E7E7E7; margin:0 0 16px 0; position: relative; min-width:1024px; }

.Container { position: relative;margin: 0 auto;width:1024px;height:100%; }

#Footer { 
    height:29px;
	width:100%;
	color: #878787;	
	font-size: 12px;
	line-height:20px;	
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-indent:28px;
 }
 
 
.IndexBox { width:100%; min-height:500px; }

 
.footerRight { font-size:13px; font-family: 'Fjalla One', sans-serif; color:#999999;text-decoration: none;}
.footerRight a:link {color: #999999;text-decoration: none;} 
.footerRight a:visited {color: #999999;text-decoration: none;} 
.footerRight a:hover {color: #000;text-decoration: none;}


.TitleType {font-family: Geneva, Arial, Helvetica, sans-serif,"微軟正黑體";color:#333;font-size: 27px;text-align:left;letter-spacing:0px; font-weight:normal;}

.GrayPtype{font-family: Geneva, Arial, Helvetica, sans-serif;color: #999;font-size: 13px;font-weight:normal;text-align:left;line-height:160%;letter-spacing:1px;float:left; 
margin:8px 0 0 0;}

.ArtWorkType {
	font-family: 'Fjalla One', sans-serif;
	color: #777;
	text-decoration:none; 
	font-size:13px;
	float:left;
	margin:0 0 170px 0;
	
}

.ProductWorkType {
	font-family: 'Fjalla One', sans-serif;
	color: #777;
	text-decoration:none; 
	font-size:13px;
	float:left;
	margin:0 0 350px 0;
	
}



.ArtPicBox {
	width:115px;
	margin:0 10px 0 0;
	float:left;
}

.ArtSmallType {
font-size:11px;
width:115px;
height:30px;
word-break:break-all;
color:#555;
text-align:center;
line-height:120%;
margin:10px 0 0 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
word-break:break-all;
}

/*GotoTop*/
a.RgoTop{
	position:fixed; /* this is the magic */
    top:40%; /* together with this to put the div at the bottom*/
    /*right:10%;*/
	right:0;
    cursor:pointer;
    display:none;
}
a.RgoTop img{
	border:0;
}



.NewsListBox {
	float:left;
	width:350px;
	min-height:500px;
	height:auto;
	margin:20px 20px 30px 25px;
	border-top:2px solid #eee;
	border-bottom:2px solid #eee;
	padding:0 15px 20px 15px;
	}
	
.NewsList { padding:15px 0 15px 0; margin:0;float:left;width:350px;
text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif; border-bottom:1px solid #eee;
}
.NewsList a:link {color: #999;text-decoration: none;} 
.NewsList a:visited {color: #999;text-decoration: none;} 
.NewsList a:hover {color: #999;text-decoration: underline;}




.NewsContent{
	float:left;
	width:500px;
	min-height:500px;
	margin:0 0 30px 60px;
	}