@charset "utf-8";


.center {
	float: left;
	width: 606px;
	margin-top: 5px;
}
.centerFW {
	float: left;
	width: 785px;
	margin-top: 5px;
}
.coverFlow {
	background-image: url(../images/coverFlowShadow.png);
	background-color:#000000;
	float: left;
	height: 413px;
	width: 606px;
	background-repeat: no-repeat;
}
.coverFlow .coverFlowMenu {
	z-index:100;
	position:absolute;
	top: 113px;
	left:210px;
	background:url(../images/coverFlowMenuBG.png) no-repeat;
	width:550px;
	height:55px;
	overflow:hidden;
	float:left;
	line-height:55px;
}

#CFFlash {
	z-index:100;
	position:absolute;
	top: 170px;
	left:185px;

	width:598px;
	height:250px;
}
.coverFlowMenu .menuButton {
	margin-top: 1px;
	width:598px;
	float: left;
}
/*coverFolw按鈕_影音*/
#menuButton_01 {
	height: 28px;
	width: 139px;
	text-indent:-9999px;
	float: left;
	display:block;
	background-image:url(../images/coverFlowMenuButtom_01.png);
	cursor:pointer;
}
#menuButton_01:hover {
	
	background-image:url(../images/coverFlowMenuButtom_01h.png);
}
#menuButton_01.on {
	
	background-image:url(../images/coverFlowMenuButtom_01a.png);
}
/*coverFolw按鈕_追蹤*/
#menuButton_02 {
	height: 28px;
	width: 137px;
	text-indent:-9999px;
	float: left;
	display:block;
	background-image:url(../images/coverFlowMenuButtom_02.png);
	cursor:pointer;
}
#menuButton_02:hover {
	
	background-image:url(../images/coverFlowMenuButtom_02h.png);
}
#menuButton_02.on {
	
	background-image:url(../images/coverFlowMenuButtom_02a.png);
}
/*coverFolw按鈕_書籤*/
#menuButton_03 {
	height: 28px;
	width: 136px;
	text-indent:-9999px;
	float: left;
	display:block;
	background-image:url(../images/coverFlowMenuButtom_03.png);
	cursor:pointer;
}
#menuButton_03:hover {
	
	background-image:url(../images/coverFlowMenuButtom_03h.png);
}
#menuButton_03.on {
	
	background-image:url(../images/coverFlowMenuButtom_03a.png);
}
/*coverFolw按鈕_文章*/
#menuButton_04 {
	height: 28px;
	width: 136px;
	text-indent:-9999px;
	float: left;
	display:block;
	background-image:url(../images/coverFlowMenuButtom_04.png);
	cursor:pointer;
}
#menuButton_04:hover {
	
	background-image:url(../images/coverFlowMenuButtom_04h.png);
}
#menuButton_04.on {
	
	background-image:url(../images/coverFlowMenuButtom_04a.png);
}
.coverFlowMenu .childMenu {
	color: #FFFFFF;
	margin-left: 10px;
	margin-top: 0px;
	height:27px;
	line-height:27px;
	cursor:pointer;
	float:left;
	
}
.coverFlowMenu .childMenu span.on {
	color: #0066CC;
	text-decoration:underline;
}
.coverFlowMenu .viewTypeMenu {
	color: #FFFFFF;
	margin-right: 10px;
	margin-top: 2px;
	height:27px;
	line-height:27px;
	cursor:pointer;
	float:right;
	
}
#cfListBtn{
	height: 23px;
	width: 28px;
	text-indent:-9999px;
	float: left;
	display:block;
	background-image:url(../images/cfListButton.png);
	cursor:pointer;

}
#cfListBtn.on{
	
	background-image:url(../images/cfListButton_h.png);
	
}

#cfCFBtn{
	height: 23px;
	width: 28px;
	text-indent:-9999px;
	float: left;
	display:block;
	background-image:url(../images/cfCFButton.png);
	cursor:pointer;

}
#cfCFBtn.on{
	
	background-image:url(../images/cfCFButton_h.png);
	
}



.information {
	width: 601px;
	height: auto;
	margin-top: 3px;
	float: left;
}
.information .frame {
	width: 599px;
	height: auto;
	background-color: #FFFFFF;
	background-image: url(../images/frameBG.png);
	background-repeat: repeat-x;
	background-position: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d6dee1;
	border-left-color: #d6dee1;
	padding-bottom: 20px;
}
.information .frame ul {
	margin: auto;
	margin-top: 12px;
	margin-bottom: 0px;
	list-style:none;
	
	
}
.information .frame ul  li{
	margin: auto;
	line-height:1.5em;
	padding-left:10px;
	list-style:none;
    
	
	
}
.information .frame ul  li a{
	text-decoration: none;
	
}
.information .frameTop {
	background-image: url(../images/frameTopBG.png);
	background-repeat: repeat-x;
	height: 24px;
	width: 601px;
	margin-top: 0px;
	margin-left: -1px;
}
.information .frameTop .frameC {
	background-image: url(../images/frameTopC.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 601px;
	font-weight: bolder;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 8px;
	float: left;
}
.information .frameBelow {
	background-image: url(../images/framebelowBG.png);
	background-repeat: repeat-x;
	height: 6px;
	width: 601px;
	margin-bottom: 3px;
}
.more {
	font-size: 0.9em;
	color: #FFFFFF;
	margin-left: 521px;
}
.more a {
	color: #FFFFFF;
	text-decoration:none;
}
.more a:hover {
	color: #000000;
}
.information .frame .picList {
	height: 70px;
}
.information .frame .picList p {
	/*IE用5px,FF用-8px*/
      
    margin-top: -8px;
    
	
	margin-bottom: 5px;
	margin-left: 4px;
	float: left;
	height: 70px;
	width: 70px;
	text-align:center;
}
.information .frame .textUl {
	margin-top: 8px;
	height: 15px;
	
}
.information .frame .textUl p {
	/*IE用5px,FF用-8px*/
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 4px;
	float: left;
	width: 70px;
	text-align: center;
	
}
.toolBarRightBG {

	background-image: url(../images/toolBarRightBG.png);

	float: left;

	height: 413px;

	width: 4px;


}