@charset "utf-8";
/* CSS Document */
.f-left{float:left}
.f-right{float:right}
#content{width:930px;margin:auto; /*background:#fff*/}
#content .imgArea{width:620px;padding:15px;float:left}
#content .infoArea{width:280px;padding:15px 0;float:left}
#content .infoArea ul{
	display:block;
	padding:10px 15px 15px 20px
}
#content .infoArea ul li{ display:block; border-bottom:1px dotted #e8e8e8;padding:5px 0}
#content .infoArea ul li a{color:#666}
#content .infoArea ul li a:hover{color:#71c7bf}
#content .ADarea{padding:10px 0 20px 0}
#content .ADarea .ad180x50{width:180px; height:50px; background:#000;float:left;margin:0 1px}

#content .ADarea dl{
	display:block;
	padding:0
}

/* 180*150
#content .ADarea dl dt{width:180px; height:150px;padding:3px;display:block;float:left;}*/

/* 125*125*/
#content .ADarea dl dt{
	width:430px;
	height:90px;
	padding: 0 0 0 25px;
	display:block;
	float:left;
}
.mid_left{width:690px;float:left}
.mid_right{width:236px;float:right}

/*0316 voskaul edit    in=index */
#indexContent{
	width:930px;
	margin:-10px auto 0 auto;
	background:#fff
}
#indexContent a{ text-decoration:none }
#indexContent a:hover{ text-decoration: underline }
#in-topArea{height:258px ; padding:15px 20px}
#in-midArea{
	padding:15px 0px 15px 20px
}

#in-ad{height:250px;width:588px ; float:right; background-color:#CCC}
#in-hotissue{
	width:281px;
}
#in-hotissue h5{ background:url(../img/index/hotissue.gif) top center no-repeat ; height:58px; display:block;margin:10px 0 0 0}
#in-hotissue .box{
	padding:0;padding:5px 0 2px 0
}
#in-hotissue .box h1{ line-height: 1.25em;
}
#in-hotissue .box h1 span{
	display:block;
	height:46px;
	text-align:left;
	padding:8px 0 0 51px;
	font-family:"標楷體",Arial, Helvetica, sans-serif;
	font-size:21px;
	color: #000;
	background:url(../img/index/iconAgif.gif) 3px 6px no-repeat;
}
#in-hotissue .box h4{
	display:block;
	
}
#in-hotissue .box h4 a{color:#676161;}
#in-hotissue .box p{
	font-size:12px;
	color:#999999;
	padding:0 5px;
	display:block;
	overflow:hidden;
	line-height: 1.5em;
	height: 3em;
}
#in-hotissue .box span{
	display:block;
	font-size:11px;
	color:#4b88be;
	padding:5px 5px 0;
	text-align:right
}

/*item組件*/

.in-Artsinfo,.in-Artsinfo-b,.in-Artsinfo-c{
	float: left;}
.in-Artsinfo{
	width:282px;
	padding: 0 20px 10px 0;
	min-height:245px
}
.in-Artsinfo-b{
	width:584px;	padding: 0 20px 0 0;
}
.in-Artsinfo-c{
	width:282px;
	padding: 0 20px 5px 0;
}
.in-item{ background:url(../img/index/arrr.gif) no-repeat right 12px ; border-bottom:1px solid #efefef;height:30px}
.in-item2{; border-bottom:1px solid #efefef;height:30px}
.in-item a{display:block;padding:0 0 10px}
.in-item2 ul{
	display:block;
	heigth:20px;
	margin:-8px 0 0 0;
	padding:0 16px 0 0;
	height: 20px;
	text-align:center;
}
.in-item2 ul li{
	display:block;
	float:right;
	font-size:12px;
	padding: 0 14px;
}
.in-item2 ul li a{
	padding:0px;
	height:20px;
	color:#aca8a9;
}
.in-item2 ul li a:hover{color:#DA326F;}
.in-item2 ul li span{ display:block;height:20px}
.in-item2 ul li .act a{color:#DA326F;}
.in-item2 ul li .act{ background:url(../img/index/jquary/arr.gif) no-repeat bottom center;}

.in-artistArea{padding:10px 0 0 0}
.in-artistArea li{
	height:65px;
	display:block
}
.in-artistArea img{width:45px;height:45px ; border:1px solid #eef0ed;padding:2px ; float:left;margin:0 8px 0 0}
.in-artistArea h6{
	color:#A6A6F6;
	font-size:13px;
	display:block;
	padding:2px 0 5px 0;
	line-height: 1em;
}
.in-artistArea h4 a{color:#666261; font-size:15px;display:block}
.in-artistArea h4 a:hover{
	color:#DE5082;
}
.in-artistArea p{display:block;	overflow:hidden;height:112px}
.in-artistArea p a{
	color:#999999;
	font-size:12px;
	display:block;
	padding:10px 0 5px;
	line-height:2em;

	
}
.in-Artsinfo dl{display:block}
.in-artistArea dt{
	display:block;
	padding:0 0 5px 10px;
	font-size:15px;
	height: 31px;
	background-image: url(../img/index/sq.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	line-height: 1.5em;
}
.in-artistArea dt a{ color:#666261}
.in-blogArea{ font-size:12px}
.in-blogArea img{width:75px ; height:75px}
.in-blogArea h6 {display:block;padding:6px 0 0 0}
.in-blogArea ul{
	padding:13px 0 0 0;height:100px
} 
.in-blogArea ul li{
	display:block;
	float:left;
	text-align:center;
	padding:0 21px 0 0
} 
.in-blogArea ul li a{
	color:#A6A6F6
}
.in-blogArea ul li a:hover,.in-blogArea .tab a:hover{color:#666 ;}
.in-blogArea .tab{
	padding:10px 0 0 0
}
.in-blogArea .tab a{color:#aaa8a9}

.in-ADarea{
	padding:0 0 18px 0
}
.in-ADarea dl{display:block}
.in-ADarea dt{
	width:50%;
	text-align:center;
	display:block;
	float: left;
}
.in-ADarea dt a{display:block;width:430px;border:1px solid #efefef;margin:auto}
.in-ADarea img{ }