/* CSS Document */

/* basic elements */
img {
	border: none;
}
* {
	padding: 0px;
	margin: 0px;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
body {
	font-family: "MS PGothic", "MS Gothic";
	color: #555555;
	font-size: 12px;
	background: #FAEEC6;
}

.red  , .red a{ color: #FF0000; text-decoration: none;}
.brown { color:#C05100;}


#wrapper {
	display: block;
	overflow: hidden;
	width: 780px;
	margin: 0 auto;
	background: #FFFFFF;
}
#header {
	display: block;
}
#header .lifeWork {
	display: block;
	background: url(../images/bg/bg-head.jpg) no-repeat bottom;
	height: 220px;
	text-align: center;
	padding: 20px 60px 15px;
}
#header .lifeWork h3 {
	color: #903600;
	font-size: 1.5em;
}
#header .lifeWork p {
	font-size: 14px;
	color: #616938;
	line-height: 160%;
}
#header .lifeWork p span {
	display: block;
	text-align: right;
	margin-right: 25px;
}
/* header inner page*/		
	#innerHeader {
	display: block;
}
#innerHeader .logo {
	display: block;
	background: url(../images/header-bin.jpg) no-repeat;
	height: 164px;
}
#innerHeader .logo h1 {
	display: block;
	width: 150px;
	height: 100px;
	padding: 20px 0 0 10px;
}
#innerHeader .logo h1 a {
	display: block;
	overflow: hidden;
	width: 150px;
	height: 100px;
	text-decoration: none;
}
#innerHeader .logo h1 a span {
	visibility: hidden;
}
#mainContent {
	display: block;
	overflow: hidden;
	clear: both;
	margin-bottom: 20px;
}
#leftContent {
	display: block;
	overflow: hidden;
	width: 508px;
	float: left; 
	padding-top: 15px;
}
.more {
	display: block;
	text-align: right;
}
.more a {
	color: #7A9A0B;
	font-size: 14px;
	text-decoration: none;
}
.more a:hover {
	text-decoration: underline;
}
.flashSwf {
	display: block;
	width: 780px;
	z-index: 0;
}
/* movie */
	.movie {
	display: block;
	background: url(../images/bg/bg-topics.jpg) bottom no-repeat;
	padding-bottom: 35px;
	margin-bottom: 10px;
	line-height: 160%;
	overflow: hidden;
	padding-left: 15px;
}
.movie h2 {
	display: block;
	overflow: hidden;
	background: url(../images/bar/bar-movie.png) no-repeat;
	height: 28px;
	margin-bottom: 12px;
}
.movie h2 span {
	visibility: hidden;
}
.movie li {
	display: block;
	overflow: hidden;
	margin-right: 15px;
	height: 1%;
	border-top: 1px solid #E6DAC9;
	padding: 10px 0 6px;
	list-style: none;
}
.movie li.first {
	border: none;
	padding-top: 0;
}
.movie li dt {
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	width: 126px;
}
.movie li dt img {
	border: 1px solid #999999;
	padding: 2px;
	margin: 0;
}
.movie li dd {
	display: block;
	overflow: hidden;
	width: 316px;
}
.movie li dd h3 {
	color: #14649D;
	font-size: 14px;
}
.movie li dd h3 a {
	color: #14649D;
	text-decoration: none;
}
.movie li dd h3 a:hover {
	text-decoration: underline;
}
.movie li dd h3 span {
	font-weight: normal;
	font-size: 12px;
}
.movie li dd p a {
	color: #14649D;
}
.movie li dd .rating {
	display: inline;
	margin: 0 10px 0 40px;
	width: 60px;
	float: left;
}
/* news */				

h2.newsTopic {
	display: block;
	overflow: hidden;
	background: url(../images/bar/bar-news-topics.png) no-repeat;
	height: 28px;
	margin: 0 0 12px 15px;
}
h2.newsTopic span {
	visibility: hidden;
}

.news {
	display: block;
	overflow: hidden;
	width: 435px;
	margin: 0 auto;
	border-bottom: 1px dotted #534A2D;	
}
.news dt {
	display: block;
	width: 121px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
	padding-top: 8px;
}
.news dd {
	display: block;
	padding: 10px 0;
	width: 295px;
	overflow: hidden;
	line-height: 140%;
	float: right;
}
.news dd h4 {
	color: #7DA300;
	display: block;
}
.news dd h4 a.green {
	color: #7DA300;
	text-decoration: none;
}

.news dd h4 a.blue {
	color: #336699;
	text-decoration: none;
}

.news dd h4 a.orange {
	color: #FF6600;
	text-decoration: none;
}
.news dd h4 a:hover {
	text-decoration: underline;
}

.orange , .orange a {
	color: #FF6600 !important;
	text-decoration: none;
	}
.news dd a { color:#006699;}

.news dl.last {
	border: none;
}
.news p.date {
	color: #000000;
}
.news p {
	color: #5A4C29;
}
.news p a {
	color: #006699;
}


#rightContent {
	display: block;
	overflow: hidden;
	width: 272px;
	float: right;
	background: url(../images/bg/bg-footprint.jpg) no-repeat top;
	position: relative;
	padding-top:40px;
}
h2.print {
	display: block;
	width: 226px;
	background: url(../images/bar/bar-footprint.png) no-repeat;
	height: 28px;
	margin-bottom: 12px;
	margin-left: 13px;
}
h2.print span {
	visibility: hidden;
}
/*footprints*/
		
.footprints {
	display: block;
	list-style: none;
	overflow: hidden;
	width: 230px;
	padding-bottom: 10px;
	overflow: hidden;
}
.footprints h2 {
	display: block;
	background: url(../images/bar/bar-footprint.png) no-repeat;
	height: 28px;
	margin-bottom: 12px;
}
.footprints h2 span {
	visibility: hidden;
}
.footprints li {
	display: block;
	border-top: 1px dotted #000000;
	padding: 10px 0;
	margin-right: 10px;
	width: 212px;
}
.footprints li.first {
	padding-top: 0;
	border: none;
}
.footprints li h3 {
	color: #14649D;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
.footprints li p {
	line-height:160%;
	text-align: justify;
}
.btn {
	display: block;
	margin: 10px 0 10px 13px ;
	text-align: center;
}

.link { text-align: center; margin-right: 20px;}
.link a { color:#14649D;}

/*footer*/		
#footer {
	display: block;
	background:  #8C5B0F;
	color: #FFFFFF;
	text-align: center;
	padding: 7px;
	font-size: 12px;
	overflow: hidden;
	clear: both;
}
/* template inner page*/
/* inner page navigation*/
.navTop {
	display: block;
	overflow: hidden;
	font-size: 10px;
	margin-left: 22px;
}
.navTop li {
	display: block;
	overflow: hidden;
	height: 41px;
	float: left;
	margin: 0;
}
.navTop li a {
	text-decoration: none;
	display: block;
	height:41px;
}
.navTop li a span {
	visibility: hidden;
}
.navTop li.home {
	background: url(../images/nav/home.jpg) no-repeat;
	width: 110px;
}
.navTop li.home a {
	width: 60px;
	margin-left: 40px;
}
.navTop li.news-topics {
	background: url(../images/nav/news-topics.jpg) no-repeat;
	width: 144px;
}
.navTop li.history {
	background: url(../images/nav/history.jpg) no-repeat;
	width: 92px;
}
.navTop li.discography {
	background: url(../images/nav/discography.jpg) no-repeat;
	width: 131px;
}
.navTop li.bbs {
	background: url(../images/nav/bbs.jpg) no-repeat;
	width: 71px;
}
.navTop li.contact {
	background: url(../images/nav/contact.jpg) no-repeat;
	width: 96px;
}
.navTop li.blog {
	background: url(../images/nav/himSeft.jpg) no-repeat;
	width: 96px;
}
.navTop li.blog a {
	margin-right: 30px;
}
/* inner content*/
#content {
	display: block;
	background:  url(../images/bg/bg-oneContent.jpg) repeat-y;
}
#inner {
	display: block;
	background: url(../images/bg/bg-top-oneCol.jpg) no-repeat;
	width: 701px;
	margin: 0 19px 0 21px;
	padding: 25px 45px 15px 0;
}
.innerTop {
	display: block;
	background: url(../images/bg/title-inner.jpg) no-repeat;
	width: 677px;
	margin-left: 35px;
	overflow: hidden;
}
.innerTop h2 {
	display: block;
	margin-left: 35px;
	margin-bottom: 24px;
	height: 33px;
}
.innerTop h2 span {
	visibility: hidden;
	font-size: 10px;
}
.innerTop p.topDetail {
	display: block;
	width:470px;
	margin-left: 30px;
	color: #c05100;
	line-height: 140%;
}
.innerTop span.line {
	display: block;
	background: url(../images/bg/line-title.jpg) no-repeat;
	height: 10px;
	margin-left: 17px;
	margin-top: 17px;
}
/* inner bar*/
	.innerTop h2.history {
	background: url(../images/bar/history.jpg) no-repeat;
	width: 69px;
}
.innerTop h2.discography {
	background: url(../images/bar/discography.jpg) no-repeat;
	width: 117px
}
.innerTop h2.news_topics {
	background: url(../images/bar/news_topics.jpg) no-repeat;
	width: 139px;
}
.innerTop h2.relayBar{ background: url(../images/bar/bar-relay.jpg) no-repeat;}

#inner .topDetail a { 
	color: #669933;
}
.innerTop h2.contactBar {
	background: url(../images/bar/contact.jpg) no-repeat left top;
	width: 139px;
}
.innerTop h2.live {
	background: url(../images/bar/live_information.jpg) no-repeat left top;
	width: 187px;
}
/* history */	
#inner .historyBin {
	display: block;
	background: url(../images/img/img-bin-history.jpg) no-repeat left top;
	margin: 20px 0 0 18px;
	padding-left: 310px;
}
#inner dl.historyList dt {
	color: #c05100;
	font-weight: bold;
}
#inner dl.historyList dd {
	display: block;
	margin-bottom: 17px;
	line-height: 140%;
}
#inner dl.historyList dd.first {
	width: 520px;
}
/*---------------- news & topics -------------------- */	
#inner .newsDetail {
	display: block;
	margin: 15px 20px 10px 62px;
	height: 1%;
	overflow: hidden;
}
#inner .newsDetail dt {
	display: block;
	float: left;
	width: 135px;
}
#inner .newsDetail dd {
	display: block;
	overflow: hidden;
	float: left;
	width: 475px;
/*	margin: 0 0 15px 0;*/
	line-height: 140%;
}
#inner .newsDetail strong {
	color: #c05100;
	line-height: 140%;
}

#inner .newsDetail dd a { color: #006699;}

#inner .newsDetail strong em { color: #333333 !important; font-style: normal;}
/* table  contact */
#inner form {
	display: block;
	margin: 20px 0;
}
#inner .contact {
	width: 450px;
	margin-left: 50px;
}
#inner .contact .botton {
	margin: 5px 10px;
}
#inner .contact td.detail {
	width: 110px;
	display: block;
	overflow: hidden;
}
#inner .contact td {
	vertical-align: top;
}
/* discography */
#inner .album {
	display: block;
	margin: 0 0 0 22px;
	height: 1%;
	overflow: hidden;
	padding: 15px 0 5px;
}
#inner .album dt {
	display: block;
	float: left;
	width:265px;
}
#inner .album dd {
	display: block;
	overflow: hidden;
	float: right;
	width: 370px;
	margin: 0 20px 15px 0;
	line-height: 140%;
}
#inner .album dd li {
	list-style: none;
	display: block; 
	height: 24px;
}
#inner .album dd li span {
	display: block; 
	overflow: hidden; 
	float: left;
	width: 88px;
}

#inner .album dd img {
margin-top: 20px;
}
#inner .album dd strong {
	color: #778b23;
	font-size: 16px;
	line-height: 150%;
}
#inner .album dd em {
	color: #cc0000;
	font-style: normal;
}

.relay { display: block; overflow: hidden; padding: 0 10px 0 30px;}
	.relay dt { color:#C05100; font-weight: bold; display:block; font-size: 16px; padding-bottom: 3px;}
	.relay dd { display: block; margin-bottom: 20px;}
	.relay dd.last { margin-bottom: 0;}
.picLeft { background: url(../images/img/img-relay.jpg) 17px 15px no-repeat; padding-left:322px;}	
.banner-relay { display: block; overflow: hidden; background: url(../images/banner/banner-relay.jpg) no-repeat; height: 101px; margin: 0 0 15px 15px; text-decoration: none;}
.banner-relay  span { visibility: hidden;}

	
/*------------------------------------------------ live ------------------------------------------------------*/

#inner .detailLive { 
	display: block; 
	margin: 15px 63px 10px;
}

#inner .live-inner {display: block; overflow: hidden;  margin: 0 20px 10px 62px ;}  
#inner .live-inner a { color: #336699;}
#inner .live-inner dt { color: #C05100; font-weight: bold; margin-top: 10px;} 
#inner .live-inner dd  { display:block; border-bottom: 1px solid #CCCCCC; padding: 2px 0 10px; line-height: 140%;}
#inner .live-inner dd strong a { color: #FF6600 ; text-decoration: none;}
#inner .live-inner dd strong a:hover { text-decoration: underline;}
#inner .dateLive { display: block; margin: 20px 22px 0  62px ; font-size: 18px; font-weight: bold; color: #14649D;}
#inner .live-top { border-bottom:1px solid #CCCCCC;
display:block;
height:1%;
margin:0 20px 0 62px !important;
overflow:hidden;
padding:10px 0;}


/*------------------------------------------------ marqee ------------------------------------------------------*/
#marqueecontainer {
	position: relative; /*marquee width */
	height: 165px; /*marquee height */
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
	text-align: center;
}
/*------------------------------------------------ scroll -----------------------------------------------------------*/
#dhtmlgoodies_scrolldiv {
	/* The total width of the scrolling div including scrollbar */
	width:230px;
	height:500px;	/* The height of the scrolling div */
	display: block;
	_width: 220px;
	position: relative;
}
#scrolldiv_parentContainer {
	width:260px;	/* Width of the scrolling text */
	height:100%;
	overflow:hidden;
	float:left;
	position:relative;
}
/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content {
	padding: 5px 5px 5px 15px;
	position:relative;
	line-height:130%;
	color: #333;
}
/*
	The scrollbar slider 
	*/
	#scrolldiv_slider {
	width:17px;
	height:500px;
	float:left;
}
/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar {
	width:3px;
	height:400px;	/* Total height - 40 pixels */
	position:relative;
	background: url(../images/scroll/line-scroll.gif) 0px 0px repeat-y;
	margin: 12px 0px 0px 16px;
}
/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll {
	margin:5px 0 0 0px;
	width:17px;
	height:44px;
	background: url(../images/scroll/scroll-control.png) no-repeat;
	position:absolute;
	top:5px;
	left: -7px;
	cursor:pointer;
}
/*
	Scroll buttons(The up and down arrows)	*/
	#scrolldiv_scrollUp, #scrolldiv_scrollDown {
	width:17px;
	height:16px;
	color: #BC8FBD;
	text-align:center;
	font-size:16px;
	line-height:16px;
	cursor:pointer;
}
#scrolldiv_scrollUp {
	margin-bottom:2px;
}
#scrolldiv_scrollDown {
	margin-top:-4px;
}
#scrolldiv_scrollDown span, #scrolldiv_scrollUp span {
	font-family: Symbol;
}

#inner .newsDetail strong.gray { color:#555; }