@charset "utf-8";
/* CSS Document */
.Mail{
	background-image: url(../images/view/IconMail.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding: 3px 0 3px 25px;
	margin: 0 5px 0;
	color:#666;
}
.Mail:hover{
	color:#ED6D00;
	text-decoration:none;
}
.Print{
	background-image: url(../images/view/IconPrint.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding: 3px 0 3px 25px;
	margin: 0 5px 0;
	color:#666;
}
.Print:hover{
	color:#ED6D00;
	text-decoration:none;
}
.ViewBox{
	position:relative;
	background-color:#FFFFFF;
	border:1px solid #DBE1E6;
	padding: 12px;
	margin-bottom: 12px;
}
.ViewBox h3{
	margin:0 0 5px;
	padding:0;
	font-size: 1.5em;
}
.ViewBox .Description{
	display:none;
}
.ViewBox .ArticlBlock{
	position:relative;
}
/*
.ViewBox .ArticleDetail{
	background-image: url(../images/LineDot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 12px;
}
*/
.ViewBox .ArticleDetail .ArticleTool{
	line-height: 1.8em;
	margin-bottom: 8px;
	position:relative;
}
.ViewBox .ArticleDetail .ArticleTool .Author{
	color:#666;
	margin-right:15px;
}
.ViewBox .ArticleDetail .ArticleTool .Date{
	color:#666;
}
.ViewBox .ArticleDetail .ArticleTool .Tools{
	position:absolute;
	right: 0;
	top: 0;
	color: #999;
}
.ViewBox .ArticleDetail .ArticleTool .Tools label{
	color:#314251;
	font-weight:bold;
	font-size: 11px;
	margin-left: 20px;
}
.ViewBox .ArticleDetail .Article{
	line-height:1.6;
	/*letter-spacing: 0.1em;*/
	margin-bottom: 8px;
	min-height:160px;
	overflow-x:hidden;
}
*html .ViewBox .ArticleDetail .Article{
	height:160px;
	width:100%;
}
.ViewBox .ArticleDetail .Article p{
	font-size:15px;
	font-family:Arial,helvetica,clean,"新細明體","PMingLiU",sans-serif;
	color:#414141;
}
.ViewBox .ArticleDetail .PushBlock{
	background-image: url(../images/LineDot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin:0;
	padding: 0 0 8px;
	text-align:right;
}
.ViewBox .ArticleDetail .PushBlock li{
	display:inline;
}
.ViewBox .PushTool{
	display:none;
}
.ViewBox .TagBlock{
	background-image: url(../images/LineDot.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 8px 0;
	line-height: 1.8em;
}
.ViewBox .Favorites{
	background-image: url(../images/LineDot.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 8px;
}
.ViewBox .TagBlock .Title{
	color:#314251;
	font-weight:bold;
	font-size: 11px;
	float:left;
}
.ViewBox .TagBlock ul li{
	float:left;
	background-image: url(../images/IconGrayDot.gif);
	background-position:5px center;
	background-repeat:no-repeat;
	float:left;
	padding:0 4px 0 15px;
}
.ViewBox .TagBlock ul li.First{
	background-image: none;
}
.ViewBox .StarBlock{
	position:relative;
}
.ViewBox .StarBlock .Favorites{
	background-image: url(../images/LineDot.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding:8px 0;
	line-height: 1.8em;
}
.ViewBox .StarBlock .Favorites label{
	color:#314251;
	font-weight:bold;
	font-size: 11px;
	margin-left: 20px;
}
.ViewBox .StarBlock .StarBox{
	position:absolute;
	right: 0;
	top:10px;
}
.ViewBox .StarBlock .StarBox span{
	color:#FCCC2A;
	font-size:15px;
	font-weight:700;
	margin:0 3px;
}
.ViewBox .PhotoBig{
	clear:left;
	float:left;
	margin: 0 12px 0 0;
	text-align:center;
}
.ViewBox .Note{
	margin: 0 0 10px;
	background-image:url(../images/QuoteLeft.gif);
	background-position:8px 8px;
	background-repeat:no-repeat;
	padding:10px 10px 10px 36px;
	font-weight:bold;
}
.ViewBox .Note .blockquote{
	background-image: url(../images/QuoteRight.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin:0;
	padding:0;
}
.ViewBox .ActiveDetail{
	margin: 0 0 8px 160px;
	padding:3px;
	line-height:1.8;
}
.ViewBox .ActiveDetail span{
	font-size:11px;
	color:#000;
	letter-spacing: normal;
	font-weight:bold;
}
.ViewBox .PublishesDate{
	font-size:10px;
	color:#999;
	letter-spacing:normal;
}
/*Message*/
.ViewBox .Message{
	position:relative;
	margin-bottom: 15px;
}
.ViewBox .Message h4{
	background-image:url(../images/view/Title.png);
	background-repeat:no-repeat;
	background-position: 0 -60px;
	display:block;
	height:25px;
	margin:0 0 5px;
	text-indent:-99999px;
}
.ViewBox .Message form{
	background-color: #f5f5f5;
	padding: 8px 10px 10px 14px;
	position:relative;
}
.ViewBox .Message form .BordFrame span{
	height:5px;
	width:5px;
	background-image: url(../images/BorderBlue.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.ViewBox .Message form .BordFrame .TL{
	background-position: 0 0;
}
.ViewBox .Message form .BordFrame .TR{
	background-position: 0 -10px;
}
.ViewBox .Message form .BordFrame .BL{
	background-position: 0 -20px;
}
.ViewBox .Message form .BordFrame .BR{
	background-position: 0 -30px;
}
.ViewBox .Message form fieldset{
	border: 0 none;
	padding:0;
	margin:0;
}
.ViewBox .Message form fieldset .TextBox{
	border:1px solid #d2c8b8;
	width: 98%;
	height: 150px;
	margin-bottom: 5px;
}
.ViewBox .Commend{
	position:relative;
	margin-bottom: 25px;
}
.ViewBox .Commend h4{
	background-image: url(../images/view/IconCommend.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-size: 1.3em;
	padding:3px 0 2px 32px;
	margin: 0 0 8px;
}
.CommendList .CommendItem{
	margin-bottom: 12px;
}
.CommendList .CommendItem dl{
	position:relative;
}
.CommendList .CommendItem dd.UserInfo img{
	vertical-align: middle;
}
.CommendList .CommendItem dd.UserInfo a{
	margin: 0 3px;
}
.CommendList .CommendItem dd.Rate{
	position:absolute;
	right:0;
	top: 3px;
	width: 132px;
	display:none;
}
.CommendList .CommendItem dd.Rate label{
	float:left;
	padding-top: 3px;
}
.CommendList .CommendItem dd.UserText .Arrow{
	height:13px;
	margin-left:75px;
	position:relative;
	top:1px;
	background-image: url(../images/view/Arrow.gif);
	background-repeat: no-repeat;
}
*html .CommendList .CommendItem dd.UserText .Arrow{
	top:2px;
}
.CommendList .CommendItem dd.UserText .UserNote{
	border:1px solid #DDE2E6;
	margin:0;
	padding:8px;
	line-height: 1.8;
	letter-spacing:0.1em;
}
.CommendList .CommendItem dd.UserText .UserNote .Date{
	color:#999;
	font-size:11px;
	text-align:right;
	letter-spacing: normal;
}
.StarButton input {
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:25px;
	margin-right:4px;
	text-indent:-99999px;
	width:60px;
	vertical-align:middle;
}
.ButStar01 {
	background-image:url(../images/view/ButStar01.png);
}
.ButStar02 {
	background-image:url(../images/view/ButStar02.png);
}
.ButStar03 {
	background-image:url(../images/view/ButStar03.png);
}
.ButStar04 {
	background-image:url(../images/view/ButStar04.png);
}
.ButStar05 {
	background-image:url(../images/view/ButStar05.png);
}
/*RelationArticle*/
.RelationBox{
	margin:10px 0 25px;
}
.RelationBox h4{
	font-size:15px;
	margin-bottom:15px;
}
.RelationBox .NumberList .ListItem{
	border-bottom: 0 none;
	margin-left:20px;
}
.RelationBox .NumberList .ListItem span{
	font-size:12px;
}
.RelationBox .NumberList .ListItem .ItemBox{
	margin-left:20px;
}
#NoArticle{
	min-height:300px;
}
*html #NoArticle{
	height:300px;
}
#NoArticle .NoArticle{
	text-align:center;
	padding:8px 0;
	color:#ff0000;
}
#ActiveView.ViewBox .ActiveDetail{
	min-height:150px;
}
#ActiveView.ViewBox .Note{
	margin-left:0;
}
.Box .ContentBlock .MagaPhoto img{
	border: 1px solid #ddd;
	padding: 3px;
}