@charset "utf-8";
body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	font-size: 9pt;
	line-height: 18pt;
	color: #000;
	background-image: url(../images/mr-index.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #0e2738;
	font-family: Arial, "新細明體";	
}
a {text-decoration:none;  cursor:pointer;}
a:hover {text-decoration:underline;  cursor:pointer;}
body img{
	border:0px;
}

#wrap {
	width: 1002px;
	margin: auto;
	display:block; 
	position:relative; 
}
#yoyotv {
	width:100px;
	height:100px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
}
#left {
	position:absolute;
	left:0px;
	top:0px;
	width: 816px;
	margin: auto;

}

#right-menu {
	position:absolute;
	left:816px;
	top:60px;
	width: 186px;
	margin: auto;

}

/*---------------------------active.htm---------------------------*/
#poster {
	height: 653px;
	width: 816px;
}
/*---------------------------opa.htm---------------------------*/
#opa {
	width:816px;
	height:653px;
	position:absolute;
	left:0px;
	top:0px;
}
#opa-select {
	width:400px;
	height:25px;
	position:absolute;
	text-align:left;
	z-index:2;
	left: 99px;
}
/*---------------------------story.htm---------------------------*/
#story-left {
	width:425px;
	height:653px;
	position:absolute;
	left:0px;
	top:0px;
}
#story-right {
	width:391px;
	height:653px;
	position:absolute;
	left:425px;
	top:0px;
	background-image:url(../images/mr-story_03.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#story-right #chapter {
	height: 25px;
	width: 391px;
	padding-top: 80px;
	padding-bottom: 5px;
}

#story-right #introduce {
	height: 465px;
	width: 370px;
	margin-right: 21px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #000;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-arrow-color: #a80d0d;
	scrollbar-track-color: #fff;
}

#introduce .story-title {
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 5px;
}

#introduce .story-promo {
	width: 345px;
	max-height: 282px;
	padding-bottom: 5px;
}
	
/*---------------------------mrmember.htm---------------------------*/
#leading {
	height: 653px;
	width: 816px;
}

#leading-list {
	width:365px;
	height:75px;
	position:absolute;
	text-align:center;
	left:425px;
	top:35px;
	z-index:2;
}


#leading-list img{
	width:45px;
	height:70px;
	border:1px #6d6d6d solid; 
	margin-right:10px;
	cursor:pointer;
}
#leading-list img:hover {border:1px #FFF solid; margin-right:10px;}

/*---------------------------actor.htm---------------------------*/
#actor-top {
	width:816px;
	height:374px;
	position:absolute;
	left:0px;
	top:0px;
}

#actor-btn {
	width:440px;
	height:30px;
	position:absolute;
	text-align:right;
	right:76px;
	top:280px;
	z-index:2;
}
#actor-btn img{
	margin-left:5px;
	cursor:pointer;
}
#actor-list {
	width:650px;
	height:45px;
	position:absolute;
	text-align:right;
	right:76px;
	top:318px;
	z-index:2;
	overflow:hidden;
}

#actor-list img{
	border:1px #fff solid; 
	margin-right:5px;
	cursor:pointer;
}
#actor-list img:hover {border:1px #9ff6ff solid; margin-right:5px;}


#actor-bottom {
	width:816px;
	height:279px;
	position:absolute;
	left:0px;
	top:374px;
	background-image:url(../images/mr-actor_05.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#actor-bottom .actor-description {
	height: 235px;
	width: 695px;
	padding-top: 11px;
	padding-left: 65px;
}

/*---------------------------newspopup.htm---------------------------*/
#popup {
	/*background-image: url(../images/news_pop_bg.jpg);*/
	background-repeat: repeat-y;
	background-position: left top;
	width: 536px;
}
#popup div{
	width: 536px;
}

#popup .news-area {
	background-image: url(../images/news_pop_03.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0 68px;
	width: 400px;
}


#popup .news-area .news-title {
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 5px;
	width: 400px;
}

#popup .news-area .news-promo {
	width: 400px;
	padding-bottom: 5px;
}

#popup .news-area .news-text {
	width: 400px;
	padding-bottom: 5px;
}
/*Ϥu*/

/*---------------------------ecard.htm---------------------------*/
#ecard {
	width: 536px;
}
#ecard div{
	width: 536px;
}

#ecard .news-area {
	background-image: url(../images/news_pop_03.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0 68px;
	width: 400px;
}


#ecard .news-area .news-title {
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 5px;
	width: 400px;
}

#ecard .news-area .news-promo {
	width: 400px;
	padding-bottom: 5px;
}

#ecard .news-area .news-text {
	width: 400px;
	padding-bottom: 5px;
}
/*ecard*/

/*----------桌布下載--------------*/
#desk {
	width:816px;
	height:653px;
	background-image: url(../images/desk_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	left:0px;
	top:0px;
}
#desk-select {
	width:400px;
	height:25px;
	position:absolute;
	text-align:left;
	z-index:3;
	left: 48px;
	top:118px;
}
#desk-area {
	width:730px;
	height:460px;
	position:absolute;
	z-index:2;
	left:48px;
	top:150px;
	overflow-x: hidden;
	overflow: auto;
}
.desk-box {
	width:205px;
    /*height:230px;*/
	height:auto;
	padding-top:5px;
	padding-right:32px;
	padding-bottom:10px;
	clear:none;
	float:left;
}
.desk-pic {
	width:205px;
	height:160px;
	padding-bottom:1px;
}
.desk-size {
	width:90px;
	height:18px;
	padding-left:10px;
	line-height: 14pt;
	clear:none;
	float:left;
}
.desk-box a {color:#000; }
.desk-box a:hover {color:#a91111; }