@charset "utf-8";
*{outline:0; word-wrap: break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { word-break:break-all;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin:0; padding:0;}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size:12px;
	color:#333;
	background:url('../images/System/TopBg.jpg') repeat-x top;
	margin:0;
	padding:0;
	/*min-width:1003px;*/
	line-height:16px;
	/*behavior: url(iepngfix.htc)*/	
	vertical-align:middle
}
input, textarea, select{ font-family:Verdana, Arial, Helvetica, sans-serif, "新細明體"; font-size:12px;}
.ImgBorder { padding:2px; border:1px solid #ccc;}
.input01{
    border: #666666 1px solid;
    font-size: 12px;
    color: #300;
    font-family: "Arial" , "Helvetica" , "sans-serif";
    background-color: #fbfdb5;
}
div{
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color:#4e9824;
}
a:hover{
	text-decoration:underline;
	color:#00a0e9;
}

.clear {
	clear: both;
	line-height:0;
}
.Header{
	 color:#fff;
	 display:block;
	 /*background:url('../images/System/TopLogo.png') no-repeat 40px 15px;*/
}
.SystemLogo{
	/*text-indent:-5000px;
	*/height:55px;
	float:left;
}
.SystemLogo a {
	float:left;
	color:#fff;
	/*width:400px;*/
	padding:15px;
	padding:20px \9;
	display:block;
	font-size:24px;
	font-weight:bold;
}


/* TopFastLink Start */

.TopFastLink {
	float:right;
	display:block;
}
.TopFastLink ul {
	margin:0;
	padding:0;
	list-style:none;
}
.TopFastLink li{
	float:left;
	margin:0 8px;
	padding:0;
	display:inline;
}
.TopFastLink li a{
	color:#fff;
	background:url('../images/System/FastLinkIcon.png') no-repeat;
	display:block;
	padding-top:35px;
	font-size:11px;
}
.TopFastLink li a:hover{
	text-decoration:none;
	padding-top:35px;
}

.TopFastLink .Fast1 a{
	background-position:2px -2px;
}
.TopFastLink .Fast1 a:hover{
	background-position:2px -71px;
}
.TopFastLink .Fast2 a{
	background-position:-80px -2px;
}
.TopFastLink .Fast2 a:hover{
	background-position:-80px -71px;
}
.TopFastLink .Fast3 a{
	background-position:-156px -2px;
}
.TopFastLink .Fast3 a:hover{
	background-position:-156px -71px;
}
.TopFastLink .Fast4 a{
	background-position:-230px -2px;
}
.TopFastLink .Fast4 a:hover{
	background-position:-230px -71px;
}
.TopFastLink .Fast5 a{
	background-position:-305px -2px;
}
.TopFastLink .Fast5 a:hover{
	background-position:-305px -71px;
}
.TopFastLink .Fast6 a{
	background-position:-365px -2px;
}
.TopFastLink .Fast6 a:hover{
	background-position:-365px -71px;
}

/* TopFastLink End */

.SysInfoControlCon {
	clear:both;
}
.MenuFirstControl {
	background:url('../images/System/Menu.jpg') no-repeat top left;
	display:block;
	float:left;
	height:24px;
	width:55px;
	padding-left:125px;
}
.MenuFirstControl a{
	display:block;
	margin-top:4px;
	width:18px;
	height:18px;
	background:url('../images/System/MenuControl.png') no-repeat;
	float:left;
	display:inline-block;
	text-indent:-5000px;
}
.MenuFirstControl a.Menu12Hide:hover{
	background-position: 0 -25px;
}
.MenuFirstControl a.Menu12Show{
	background-position:-30px 0;
}
.MenuFirstControl a.Menu12Show:hover{
	background-position:-30px -25px;
}

.SystemFastNews{
	color:#333;
	font-size:13px;
	height:15px;
	overflow:hidden;
	display:inline-block;
	width:600px;
	margin:4px 0 0 10px;
	margin:7px 0 0 10px \9;
	float:left;
}
.SystemFastNews a{
	padding:0 2px;
}
.FastPageBack{
	float:right;
	display:inline-table;
	height:21px;
	padding:5px 10px 0 10px;
	color:#444;
}
.FastPageBack a{
	color:#444;
	padding:0 5px;
}
.FastPageBack a:hover{
	color:#00a0e9;
	text-decoration:none;
}


/* LeftMenu Start */
.MenuFirstPage{
	min-width:1px;
	background:#efefef;
}
.MenuFirst{
	float:left;
	width:157px;
}
.MenuFirst ul{
	list-style:none;
	padding:0;
	margin:0;
}
.MenuFirst li{
	background:url('../images/System/Menu12Bg.jpg') repeat-x;
	height:27px;
	padding-left:5px;
	line-height:27px;
}
.MenuFirst li:hover{
	background-position:0 -27px;
}
.MenuFirst .FreeLi { padding:0;}
.MenuFirst .FreeLi a {background:none; padding-left:7px; border:0}
.MenuFirst .FreeLi a img {border:0; padding:0 8px 0 0; margin-bottom:-3px;}

.MenuFirst li a{
	color:#222;
	font-weight:bold;
	font-size:13px;
	padding-left:25px;
	background:url('../images/System/Menu1Icon.png') no-repeat;
	display:block;
	height:27px;
}
.MenuFirst li:hover a{
	color:#fff;
	text-decoration:none;
}
.MenuFirst li a:hover{
	color:#fff;
	text-decoration:none;
}
.MenuFirst .Menu1Active {
	background-position:0 -27px;
}
.MenuFirst .Menu1Active a{
	color:#fff;
}
.MenuFirst .GroupNews a {
	background-position:0 0;
}
.MenuFirst .GroupMember a {
	background-position:0 -27px;
}
.MenuFirst .AdService a {
	background-position:0 -54px;
}
.MenuFirst .GroupAddBook a {
	background-position:0 -81px;
}
.MenuFirst .ProductChange a {
	background-position:0 -108px;
}
.MenuFirst .Invest a {
	background-position:0 -135px;
}
.MenuFirst .MessageSent a {
	background-position:0 -162px;
}
.MenuFirst .GroupCalendar a {
	background-position:0 -189px;
}
.MenuFirst .GroupDiscuss a {
	background-position:0 -216px;
}
.MenuFirst .Links a {
	background-position:0 -243px;
}
.MenuFirst .Hinder a {
	background-position:0 -270px;
}
.MenuFirst .Buy a {
	background-position:0 -297px;
}
.MenuFirst .Rules a {
	background-position:0 -324px;
}
.MenuFirst .Wiki a {
	background-position:0 -351px;
}
.MenuFirst .LifeNews a {
	background-position:0 -378px;
}
.MenuFirst .Activity a {
	background-position:0 -405px;
}
.MenuFirst .Ablum a {
	background-position:0 -432px;
}
.MenuFirst .Charge a {
	background-position:0 -459px;
}
.MenuFirst .PublicManager a {
	background-position:0 -486px;
}
.MenuFirst .Gather a {
	background-position:0 -513px;
}
.MenuFirst .FlowRate a {
	background-position:0 -540px;
}
.MenuFirst .ManagerService a {
	background-position:0 -567px;
}
.MenuFirst .GroupIntro a {
	background-position:0 -594px;
}
.MenuFirst .SystemSet a {
	background-position:0 -621px;
}
.MenuFirst .SystemLimit a {
	background-position:0 -648px;
}
.MenuFirst .End {
	background:url('../images/System/Menu1End.png') repeat-x;
}
/*li.MenuFirst2 { padding:0; margin:0; height:auto; border:1px solid #999;}*/

li.MenuFirst2 { height:auto; padding:0; margin:0; background:none; padding-left:5px; background:#fff;}
li.MenuFirst2 ul{
	margin:0;
	display:inline-block;
	background:#fff;
	width:100%;
	padding:3px 0 8px;
}
li.MenuFirst2 ul li{
	background:#fff;
	padding:0;
	padding-top:5px;
	padding-bottom:3px;
	margin:0;
	line-height:1.2;
	height:auto;
	display:inline-block;
	width:100%;
}
li.MenuFirst2 li a , .MenuFirst li.MenuFirst2:hover li a{
	background:url('../images/System/Menu2Icon.gif') no-repeat 12px 4px;
	color:#72993e;
	font-weight:normal;
	font-size:12px;
	height:auto;
}

.MenuFirst li.MenuFirst2:hover ul li a:hover {
	color:#060;
	text-decoration:underline;
}
.MenuFirst li.MenuFirst2 li.AcFirst a{
	color:green;
	font-weight:bold;
}


/* LeftMenu End */


/* LeftMenu2 Start*/
.MenuSecondPage{
	 background:#eaf4dc;
	 width:auto;
	 float:left;
	 min-width:1px;
	 padding-top:5px;
}

.MenuSecondArea{
	display:inline-block;
	float:left;
}
.MenuSecControl{
	padding:0 10px;
	font-size:12px;
}
.MenuSecControl input {
	font-size:12px;
	line-height:12px;
	padding:2px 4px;
	margin:3px 0;
}
.MenuSecControl input.btn2 {
	font-size:12px;
	line-height:16px;
	padding:3px 15px 3px;
	margin:3px 0;
	border:0;
	background:url('../images/System/Btn2Bg.png') repeat-x;
	color:#fff;
}
.MenuSecControl input.btn2:hover{
	background-position:0 -58px;
}

.MenuSecondHr {background:url('../images/System/Menu2Line.gif') repeat-x; height:2px; border:0; margin:10px 0;}

/* LeftMenu2 End*/

.MainArea{
	background:#fff;
	background:none;
	padding:15px 10px 10px;
}
.h2Head {
	    background-color: #d0e6a2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #4e9824;
    height: 25px;
}
.MainArea h2{
	padding: 0;
    font-size: 15px;
    line-height: 28px;
    font-weight: bold;
    height: 28px;
    margin: 0 0 10px 15px;
    color: #4e9824;
}



/* list2 Start */
.MainItemHead {}

/* list2 End */
.List2 { clear:both; border-collapse:separate; border-spacing:1px; display:inline-table; line-height:16px;padding:0; text-align:left; width:100%;}
.List1 .List2 td { padding:0;}
.List2 td { padding:0;}
.L2Img { padding:5px 10px; text-align:right;}
.L2Img img { border:1px solid #efefef; padding:5px; margin-right:10px; max-height:110px; max-width:110px!important;}
.L2Info { vertical-align:top; padding-bottom:5px;}
.L2MainHead { font-size:13px; font-weight:bold; color:#f15b61; padding-bottom:5px;}

.L2Msghead { font-size:13px; font-weight:bold; padding-top:10px; padding-bottom:5px; color:#555;}


.PreView { min-width:270px; border:0; margin-top:5px;}
.PreView em { float:left; padding-top:3px; color:#999; font-style:normal;}
.PreView_FB {background:url("../images/System/icon_facebook.png") no-repeat scroll 0 0 #F9F9F9;display:inline-block; float:left; margin:0 2px; padding:2px 5px 2px 22px; color:#666; border:1px solid #eee; line-height:1.3;}
.PreView_FB:hover {border:1px solid #70B100; text-decoration:none; color:#333;}
.PreView_Sina {background:url("../images/System/icon_sina.png") no-repeat scroll 0 0 #F9F9F9; display:inline-block; float:left; margin:0 2px; padding:2px 5px 2px 25px; color:#666; border:1px solid #eee; line-height:1.3;}
.PreView_Sina:hover {border:1px solid #70B100; text-decoration:none; color:#333;}
.PreView_Twitter {background:url("../images/System/icon_twitter.png") no-repeat scroll 0 0 #F9F9F9; display:inline-block; float:left; margin:0 2px; padding:2px 5px 2px 25px; color:#666; border:1px solid #eee; line-height:1.3;}
.PreView_Twitter:hover {border:1px solid #70B100; text-decoration:none; color:#333;}

.MamberStatusY{
	background:url('../images/System/IconProof.png') no-repeat;
	width:20px;
	height:13px;
	display:inline-block;
	*display:block;
	*float:left;
	text-indent:-5000px;
}
.MamberStatusN{
	background:url('../images/System/IconProof.png') no-repeat bottom;
	width:20px;
	height:13px;
	display:inline-block;
	*display:block;
	*float:left;
	text-indent:-5000px;
}
.PostStatusY{
	background:url('../images/System/IconPost.png') no-repeat 2px 0px;
	width:20px;
	height:16px;
	display:inline-block;
	*display:block;
	*float:left;
	text-indent:-5000px;
}
.PostStatusN{
	background:url('../images/System/IconPost.png') no-repeat 2px -28px;
	width:20px;
	height:16px;
	display:inline-block;
	*display:block;
	*float:left;
	text-indent:-5000px;
}
.OnLineStatusY{
	background:url('../images/System/IconOnLine.png') no-repeat 3px 0;
	width:20px;
	height:16px;
	display:inline-block;
	*display:block;
	*float:left;
	text-indent:-5000px;
}
.OnLineStatusN{
	background:url('../images/System/IconOnLine.png') no-repeat 3px -28px;
	width:20px;
	height:16px;
	display:inline-block;
	*display:block;
	*float:left;
	text-indent:-5000px;
}

.AdImg {
	border:2px solid #efefef;
	margin:2px 0;
}

/* Table 1 End */


/* TableS1 Start */
.TableS1{
	background-color:#d6eba8;
	border-collapse:separate!important;
	border-spacing:1px;
	/*width:100%;*/
	line-height:16px;
	color:#666;
	border:0!important;
}
.TableS1 .TableS1TdHead {
	background:#f2f8e6;
	text-align:right;
	color:#333333;
	font-weight:normal;
	font-size:11px;
	padding:3px 3px;
	vertical-align:top;
}
.TableS1 .TableS1TdHeadC {
	background:#f2f8e6;
	text-align:center;
	color:#333333;
	font-weight:normal;
	font-size:11px;
	padding:3px 3px;

}
.TableS1 td {
	padding:2px 3px;
} 
.TableS2 {
	background:url('../images/System/IconArrow2List.png') no-repeat 1px 9px;
	padding:2px 0 2px 12px;
}
/* TableS1 End */


/* Start */
.TableS3 { border-right:2px solid #d6eba8; border-bottom:3px solid #d6eba8; border-collapse:collapse;}
.TableS3 td { border-left:1px solid #d6eba8; border-top:1px solid #d6eba8; padding:4px 5px;}
.TS3Head { text-align:center;}
.TableS3Dark { background:#f5f8f0;}
.TableS3DarkHead { background:#DFEAC3;}

/* End */

/* Table Edit Start*/
.TableModify{
	/*border-collapse:separate;*/
	border-spacing:1px;
	background:#dfebc7;
	width:100%;
	line-height:18px;
}
.TableModify td{
	/*background:#fff;
	padding:5px;
	*/
}
.TableModifyTd { background:#fff; padding:5px;}
.TableModifyTdHead{
	background:#f5f9e8;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
	color:#72993e;
	border-left:4px solid #dfeac3;
}
.TableEditHr { border:0;border-top:1px dashed #ccc; height:1px; width:98%; margin:10px auto;}
a.SysLink {
	border:1px solid #dfeac3;
	padding:2px 5px;
}
.TableModify a:hover { background:#4E9824; border:#4E9824; color:#fff; text-decoration:none;}
tr.Must .TableModifyTdHead {
	border-left:4px solid #c6ed06;
}
.ModifyTdItem{
	padding:5px;
	clear:both;
	}
.EditItem { 
	padding:5px;
	float:left;
}
em.Must{
	display:inline-block;
	font-size:11px;
	color:#ff3333;
	padding:0 3px;
	font-style:normal;
}
tr.Must em{
	display:inline-block;
	font-size:11px;
	color:#ff3333;
	padding:0 3px;
	font-style:normal;
}
tr.ModifyHead td{
	background:#dfeac3;
	border:2px solid #fff;
	border-left:0;
	border-right:0;
	color:#333;
	font-size:15px;
	font-weight:bold;
	padding:6px 15px 4px;
}

tr.ModifyHead {
	font-size:13px;
	color:#0033ff;
	font-weight:normal;
	padding-left:15px;
}

.TableModify span em{
	color:#4bae10;
	background:#f5f9e8;
	padding:2px 5px;
	font-style:normal;
}
em.TableModifyTitleIcon {
	background:url('../images/System/IconArrow3EditHead.png') no-repeat right;
	width:25px;
	height:8px;
	display:inline-block;
	text-indent:-5000px;
}
.TableModify input {
	margin:0 2px;
}
a.SysOutLink {
	background:#dbecb7;
	padding:2px 10px;
	border:0;
	border-left:3px solid #addf42;
	margin-left:10px;
}
a.SysOutLink:hover {
	background:#5fb61a;
	color:#fff;
	text-decoration:none;
	border-left:3px solid #addf42;
}
.MoreInfoSet {
	margin-left:25px;
	color:#999;
}
.MoreInfoSet span {}
.MoreInfoSet em{
	font-weight:bold;
}

span.TableEditWarm { color:#F33; padding:0 2px; margin:0;}
span.TableEditWarmBlue { color:#06C; padding:0 2px; margin:0;}

.BtnAngle { background:url(../images/System/IconArrow2List.png) no-repeat 0 4px; padding-left:10px; padding-bottom:2px;}

.Useless { background:#ddd; color:#fff;}
/* Table Edit End*/
.MoreOpenCon { background:#efefef; text-align:center; }
.MoreOpen { width:100%; color:#666; font-size:11px; padding:0 10px; background:url(../images/System/AarowDown.png) 0 2px no-repeat; padding-left:15px;}
.TableModify a.MoreOpen:hover { background:url(../images/System/AarowDown.png) 0 2px no-repeat; color:#000;}

a.Date {
	background:url('../images/System/IconCalendary.png') no-repeat 0 0;
	width:17px;
	height:17px;
	padding:0;
	margin:0 2px 0;
	display:inline-block;
	text-indent:-5000px;
	border:0;
}
a.Date:hover{
	background:url('../images/System/IconCalendary.png') no-repeat -21px 0;
}

/* PageControl Start */
.PagesArea{background:#f3f3f3; 	border-top:3px solid #e8e8e8; 	padding:5px 10px;}
.PageControlCon{ display:block; height:25px;}
.PageControl{ display:inline;}
.PagePre{ float:left;background:url('../images/System/PageBtn.png') no-repeat 0 4px; text-indent:-5000px; display:block; width:20px; height:20px;}
.PagePre:hover { background-position: 0 -21px}
.PageNext{ float:left;background:url('../images/System/PageBtn.png') no-repeat -30px 4px; text-indent:-5000px; display:block; width:20px; height:20px;}
.PageNext:hover { background-position: -30px -21px}	
.Pages { float:left; padding:2px 5px 0 5px;}
.Pages a { padding:2px 5px ; color:#333;}
.Pages a:hover { text-decoration:none; background:#6dba0a; color:#fff;}
.Pages span { padding:2px 5px; background:#358800; color:#fff;}
.PageSet { display:inline-block; margin-left:20px; float:left; font-family:Verdana;}
.PageAccount { float:right; padding:2px 0 0 0;}
.PageSetIn { margin-right:5px; width:30px;}
.PageSetBtn { width:30px; margin:0 0 0 5px; text-align:center; padding:0;}
/* PageControl End */

/*  Start */
.SubmitArea {
	background:#f3f3f3; 
	border-top:3px solid #e8e8e8; 
	padding:15px 10px; 
	text-align:center;
}
.SubmitAreaS {
	background:#f3f3f3; 
	border-top:3px solid #e8e8e8; 
	padding:5px 10px; 
	text-align:center;
}
/**/
.ListIllusArea {
	clear:both;
	background:#e8f3d1; 
	padding:6px 20px;
	border-top:1px solid #fff;
}
.ListIllus{
	display:inline-block;
}
.IllusItem {
	margin-right:15px;
	float:left;
	}
.ListIllus span{
	margin-right:15px;
}


/* Table 1 Start */
.List1 {
	clear:both;
	background-color:#cccccc;
	border-collapse:separate;
	border-spacing:1px;
	display:inline-table;
	line-height:16px;
	/* width:100%;*/
	padding:0;
}
.List1 .tdHead td {
	background:#f7f7f7;
	height:25px;
	color:#5c5c5c;
	padding:3px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.List1 .tdHead th {
	background:#f7f7f7;
	height:25px;
	color:#5c5c5c;
	padding:3px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.List1 td{
	background:#fff;
	min-height:25px;
	padding:6px 5px;
}
.List1 .TrGray td {	background:#eee;}
.List1 .TrPink td {	background:#fdeaea;}
.List1 .TrOrange td {	background:#fdedd9;}
.List1 .TrGreen td {	background:#edfbe7;}
.List1 .TrPurple td {	background:#ede8f7;}
.List1 .TrEarth td {	background:#f1eadf;}
.List1 .TrYellow td {	background:#fdf8d9;}
.List1 .TrBlue td {	background:#e6f4f8;}

.List1 .PHelfCon { 
	clear:both;
	display:block;
	margin:3px 0;
}
.List1 .tdItem{
	clear:both;
	margin:0;
	padding:2px 0 2px 18px;
	background:url('../images/System/IconCircle.gif') no-repeat 4px 7px;
}
.List1 .tdItemValue{
	color:#4e9824;
	font-style:normal;
}
.List1 .PHelf{
	width:50%;
	float:left;
}
.List1 .tdItem a{
	text-decoration:underline;
}
.List1 .tdItem a:hover{
	color:#00a0ea;
}
.List1 td .tdItem  em {
	color:#ff0000;
	font-style:normal;
	padding:0 2px 0 0;
}



a.BtnManager{
	background:#4F9727;
	padding:2px 5px;
	*padding:2px 3px 0;
	font-size:12px;
	margin:1px 2px;
	color:#fff;
}
a.BtnManager:hover{
	text-decoration:none;
	background:#178951;
	color:#fff;
}

a.Lock{
	display:inline-block;
	height:22px;
	padding:2px 0 0 25px;
	margin:1px 2px;
	color:#333;
	width:31px;
	background:url('../images/System/BtnLock.png') no-repeat top;
}
a.Lock:hover {
	background:url('../images/System/BtnLock.png') no-repeat  0 -30px ;
	text-decoration:none;
	color:#333;
}
a.Edit{
	display:inline-block;
	height:22px;
	padding:2px 0 0 25px;
	margin:1px 2px;
	color:#333;
	width:31px;
	background:url('../images/System/BtnEdit.png') no-repeat;
}
a.Edit:hover{
	background:url('../images/System/BtnEdit.png') no-repeat 0 -30px;
	text-decoration:none;
	color:#333;
}
a.Delete{
	display:inline-block;
	height:22px;
	padding:2px 0 0 25px;
	margin:1px 2px;
	color:#333;
	width:31px;
	background:url('../images/System/BtnDelete.png') no-repeat;
}
a.Delete:hover{
	background:url('../images/System/BtnDelete.png') no-repeat 0 -30px;
	text-decoration:none;
	color:#333;
}
a.Proof{
	display:inline-block;
	height:22px;
	padding:2px 0 0 25px;
	margin:1px 2px;
	color:#333;
	background:url('../images/System/BtnProof.png') no-repeat;
	width:55px;
}
a.Proof:hover{
	background:url('../images/System/BtnProof.png') no-repeat 0 -30px;
	text-decoration:none;
	color:#333;
}

a.BtnTwo{
	height:20px;
	display:inline-block;
	margin:3px 3px 3px 0;
	color:#333;
	text-align:center;
	background:url('../images/System/BtnListTwo.png') no-repeat;
	width:56px;
	padding:2px 0 0 0;
	padding:3px 0 0 0 \9;
	*padding:3px 0 0 0;
}
a.BtnTwo:hover{
	background:url('../images/System/BtnListTwo.png') no-repeat 0 -30px;
	text-decoration:none;
	color:#333;
}
a.BtnFour{
	height:20px;
	display:inline-block;
	margin:3px 3px 3px 0;
	color:#333;
	text-align:center;
	background:url('../images/System/BtnListFour.png') no-repeat;
	width:80px;
	padding:2px 0 0 0;
	padding:3px 0 0 0 \9;
	*padding:3px 0 0 0;
}
a.BtnFour:hover {
	background:url('../images/System/BtnListFour.png') no-repeat 0 -30px;
	text-decoration:none;
	color:#333;
}
a.PMember{
	background:url('../images/System/IconMember.png') no-repeat 1px 1px;
}


/* Login Start */
.SysLogin{
	background:#fff;
}
.SysLoginPageCon { width:520px; margin:60px auto 0;}
.SysLoginContent { /* TotalHeight 360px*/
	background:url('../images/System/LoginABg.png') no-repeat;
	height:250px;
	width:455px;
	
	padding:70px 30px 0 35px;
}
.ForEng { background:url('../images/System/LoginABg_Eng.png') no-repeat;}
.Info{
	background:none;
	padding:0;
	margin:0;
	width:260px;
	float:left;
}
.Info h2{
	font-size:18px;
	font-weight:bold;
	margin:8px;
}

.InfoItemCon {}
.InfoItem{
	clear:both;
	display:inline-block;
	padding:0 0 5px 22px;
	margin:1px 0 0 10px;
	font-size:15px;
	color:#555;
	background:url('../images/System/IconArrow.png') no-repeat 0 3px;
}
.InfoLable{ float:left; display:inline-table; padding-top:5px;}
.CheckNum{ margin:0 5px -8px 0;}
.Info hr{
	height:1px;
	background-color:#ddd;
	border:0;
	margin-bottom:10px;
}
.InfoItemEdit { float:left;}
.InfoItemWarm { font-size:12px; color:#F33;}
.LoginBtnArea { clear:both;}
.Login {
	background:url('../images/System/BtnLogin.png') no-repeat;
	width:91px;
	height:35px;
	display:block;
	text-indent:-5000px;
	margin:10px 0 0 77px;
}
	.ForEng .Login { background:url('../images/System/BtnLogin_Eng.png') no-repeat;}
.Login:hover {
	background-position:right;
}
.CalendarArea{
	float:left;
	background:none;
	padding:0;
	margin:0 0 0 15px;
}
.Announce{
	clear:both;
	background:#fff;
	margin:0 auto ;
}

.Announce p{
	border-bottom:1px dashed #ccc;
	color:#666;
	margin:0;
	padding:5px 10px ;
}
.AnnounceLight { color:#C63; padding:0 2px;}
.Announce a{
	padding:0 2px;
	text-decoration:underline;
}
/* Login End */

/* Sift Start */
.Sift { border-bottom:2px solid #a8d763; padding:4px 0 6px; display:inline-block; width:100%;}
.Sift ul {
	margin:0;
	padding:0 5px 0;
	color:#009acc;
	display:block;
	clear:both;
}
.Sift li{
	margin:0 5px 0 0;
	padding:3px 10px 3px 15px;
	list-style:none;
	background:url('../images/System/IconSift.png') no-repeat 1px 50%;
	*background-position: 1px 12px;
	float:left;
	display:block;
	font-size:13px;
}
.Sift li.BgN, .BgN{ background:none;}
.Sift a { 	
	padding:0 3px;
	*padding:2px 3px 0;
	text-decoration:underline;
	}
.Sift  a:hover { 
	color:#36F;
}
.Sift a.Sifta { 
	border:1px solid #A8D763;
	padding:0 3px;
	*padding:2px 3px 0;
	font-size:12px;
	text-decoration:none;
	}
.Sift a.Sifta:hover { 
	background:#A8D763;
	color:#fff;
	text-decoration:none;
}

.Sift select {
	margin:0 2px;
	position:relative;
	top:1px;
}
.Sift li label.Slabel { display:inline-block;}

.Sift input, .Sift checkbox, .Sift radio {
	margin:auto 2px;
	margin:auto 2px auto \9;
	*margin:auto 2px auto;
}
.Sift input[type="checkbox"] {
	top:2px; 
	*top:3px;
	margin-right:0;
	margin-left:10px;
	position:relative;
}
.Sift input[type="button"]{
	position:relative;
	top:-1px\0;
	*top:1px;
}
/* Sift2 */
.Sift2 { padding:4px 0 6px; display:inline-block; width:100%;}
.Sift2 ul {
	margin:0;
	padding:0 5px 0;
	color:#009acc;
	display:block;
	clear:both;
}
.Sift2 li{
	margin:0 5px 0 0;
	padding:3px 10px 3px 15px;
	list-style:none;
	background:url('../images/System/IconSift.png') no-repeat 1px 50%;
	*background-position: 1px 12px;
	float:left;
	display:block;
	font-size:13px;
}
.Sift2 li.BgN, .BgN{ background:none;}
.Sift2 a { 	
	padding:0 3px;
	*padding:2px 3px 0;
	text-decoration:underline;
	}
.Sift2  a:hover { 
	color:#36F;
}
.Sift2 a.Sifta { 
	border:1px solid #A8D763;
	padding:0 3px;
	*padding:2px 3px 0;
	font-size:12px;
	text-decoration:none;
	}
.Sift2 a.Sifta:hover { 
	background:#A8D763;
	color:#fff;
	text-decoration:none;
}

.Sift2 select {
	margin:0 2px;
	position:relative;
	top:1px;
}
.Sift2 li label.Slabel { display:inline-block;}

.Sift2 input, .Sift checkbox, .Sift radio {
	margin:auto 2px;
	margin:auto 2px auto \9;
	*margin:auto 2px auto;
}
.Sift2 input[type="checkbox"] {
	top:2px; 
	*top:3px;
	margin-right:0;
	margin-left:10px;
	position:relative;
}
.Sift2 input[type="button"]{
	position:relative;
	top:-1px\0;
	*top:1px;
}
/**/
.SiftBr { clear:both; height:1px; border:0; border-bottom:1px solid #fff; *margin:0; text-indent:-5000px; *padding:0;}

.SiftTab{
	margin:0 0 0 0;
	padding:6px 5px 6px;
	background:#f8fbef;
	clear:both;
	display:inline-block;
}
.SiftTab ul { border:1px solid #000;}
.SiftTab li{
	margin:0;
	padding:3px 10px 3px 15px;
	list-style:none;
	background:url('../images/System/IconSift.png') no-repeat 1px 9px;
	float:left;
	color:#009acc;
	font-size:13px;
}

.SiftTab select {
	margin:0 2px;
}
/*.SiftTab input {
	margin:0 2px;
}*/

.SiftEdit { background:#efefef;}
.SiftEdit li { color:#333; font-size:12px; background:url(../images/System/IconCircle.gif) no-repeat 0 10px; padding:2px 5px 0 12px ;}
.SiftLight { font-size:11px; color:#F63; padding:0;}
li.SiftLiLight { clear:both;background:none; color:green;font-size:11px;}

/* Sift End */
/*  */
.SysTab { border-bottom:2px solid #a8d763; display:block;margin-top:10px;}
.SysTab ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}
.SysTab li {
	float:left;
	background:url('../images/System/TabR.png') no-repeat right bottom;
}
.SysTab li:hover, .SysTab li.TabAc{
	background-position:right top;
}

.SysTab li a{
	background:url('../images/System/TabL.png') no-repeat left bottom;
	padding:6px 15px 3px;
	height:15px;
	margin-top:3px;
	display:block;
	color:#444;
	font-size:13px;
}
.SysTab li a:hover, .SysTab li.TabAc a{
	color:#fff;
	height:16px;
	margin-top:0;
	padding:8px 15px 3px;
	background-position:left top;
	text-decoration:none;
}


/*  */

.SysTab2 { margin:10px 0; display:block;border-bottom:1px solid #999; padding-bottom:1px;}
.SysTab2 a {  padding:3px 12px; color:#666; text-decoration:none;}
.SysTab2 a:hover { background:#efefef; padding-bottom:0px; margin-top:-1px;}
.SysTab2 a.Ac {color:#333; background:#efefef; border:1px solid #999; border-bottom:1px solid #fff;  padding:2px 7px; border-top:4px solid #888;  border-bottom:1px solid #efefef; padding-bottom:4px\0; *padding-top:5px;}

.Navi { border:1px solid #fff; padding:0 0 10px; font-size:10px;}
.Navi span { font-size:12px; padding:0 8px; color:#777;}
.Navi a { padding:0 8px; font-size:12px;}


.SumArea {text-align:right; padding:10px; background:#efefef;}
.SumArea em { font-weight:bold; color:#F30; font-size:15px; font-style:normal; margin:0 3px;}
.SumArea table { border:1px dotted #fff;}
/* SystemIndex Start */
.FSSetCon {display:block;}
.FSSet { color:#666; width:32%; margin-right:1%; display:block; float:left;}
.FSCon { border:1px solid #b5d6e8; display:inline-block; width:100%; margin-bottom:10px;}
.FSHead { display:block; height:26px; overflow:hidden; border-bottom:1px solid #b5d6e8; line-height:25px; padding:0 10px; font-size:13px; letter-spacing:2px; color:#318bb1; background:url(../images/System/FSHeadBg.png) repeat-x 0 -30px; font-weight:bold;}
.FSHead { height:23px \9;  padding-top:3px \9;}
.FSMain { padding:5px;word-break: break-all;}
.FSMain a { color:#06F; padding:2px 0 2px; margin:0 3px;}
.FSMain a:hover { }
.FSMain .FSNum { color:#F33; margin-left:5px;}
.FSMain ul { margin:0; padding:0 0 10px 20px;}
.FSMain ul li { padding:3px; }
.aList { border-bottom:1px dashed #ccc;}
.aList:hover { border-bottom:1px dashed #333; text-decoration:none;}
.FSGray .FSHead { background:url(../images/System/FSHeadBg.png) repeat-x 0 0;  border-bottom:1px solid #aeaeae; color:#333333;}
.FSGray { border:1px solid #aeaeae;}
.FSPurple .FSHead { background:url(../images/System/FSHeadBg.png) repeat-x 0 -60px;  border-bottom:1px solid #c6b9cf; color:#694582;}
.FSPurple { border:1px solid #c6b9cf;}
.FSPink .FSHead { background:url(../images/System/FSHeadBg.png) repeat-x 0 -90px;  border-bottom:1px solid #fad4e1; color:#d54375;}
.FSPink { border:1px solid #fad4e1;}
.FSOrange .FSHead { background:url(../images/System/FSHeadBg.png) repeat-x 0 -120px;  border-bottom:1px solid #f1c8a1; color:#a84316;}
.FSOrange { border:1px solid #f1c8a1;}
.FSGreen .FSHead { background:url(../images/System/FSHeadBg.png) repeat-x 0 -150px;  border-bottom:1px solid #aed494; color:#3c840b;}
.FSGreen { border:1px solid #aed494;}
/* SystemIndex End*/


.FEditCon { clear:both; display:block;}
.FEditCon li { border:1px dashed #fff; cursor:pointer; line-height:1.3; list-style-type:decimal; list-style-position:outside; clear:both; padding:3px;}
.FEditCon li:hover { border:1px dashed #ccc; cursor:pointer; background:url(../images/system/cursor_drag_arrow.png) no-repeat right;}
.FEditCon table { border:0; padding:0; border-collapse:collapse; border-spacing:0; margin-top:-15px\0;}
.FEditCon table td { vertical-align:middle;}
.FEItemIn { display:inline-block; padding-right:5px;}
.FEItemIn textarea { line-height:inherit; background:#efefef; border:1px solid #ccc; height:15px; padding:2px;}

.FEItemControl { vertical-align:middle; padding-top:5px \0}
.FEItemControl a { border:1px solid #ccc; padding:1px 8px; margin-right:3px; color:#666; position:relative;}
.FEItemControl a:hover { border:1px solid #333; color:#ccc; background:#333;}

/* FucList Start 彈出畫面的選項清單樣式*/
.FucList { padding-left:10px;}
.FucList li { padding:4px 2px 4px 14px; border-bottom:1px solid #f7f7f7; background:url(../images/System/IconArrow2List.png) no-repeat 0 8px; list-style:none;}
.FucList li a { color:#444;}
.FucList li a:hover { color:#00A0EA!important;}

	.FucListMore { padding-left:10px;}
	.FucListMore li { padding: 4px 5px 4px 20px; cursor:pointer; color:#555; background:url(../images/System/IconArrow2List.png) no-repeat 8px 8px; list-style:none;}
	.StNone {}
	.FucListMore li.StNone:hover { color:#000; background:url(../images/System/IconArrow2List.png) no-repeat 8px 8px #f9f9f9;}
	.FucListMore li.Sted { color:#4E9824; background:url(../images/System/IconArrow2List.png) no-repeat 8px 8px #EAF4DC;}
/* FucList End */



/* MsgPreView Start */
.BgClean {	background:none;	margin:0;	padding:0; font-family:"lucida grande",tahoma,verdana,arial,sans-serif;}
.PVFBHeader {	background:url(../images/System/icon_facebook.png) no-repeat #6D84B4 6px 6px;	display:block;	height:32px; margin-bottom:10px;}
.PVFBHeader h3 {	margin:0;	padding:0;	font-size:15px;	font-weight:bold;	color:#fff;	padding:8px 0 0 35px;}
.PVfbMainCon { padding:10px; padding-left:60px; width:460px; margin:0 auto 0; position:relative;}
.PVfbPic { position:absolute; left:0;}
.PVfbPostInfo { display:block; font-size:15px;}
.PVfbPostInfo p{ color:#3B5998;  font-weight:bold; float:left; margin:0; padding:0;}
.PVfbTime { display:block; clear:both; color:#999; padding-top:3px; background:url(../images/System/IconFBTime.png) no-repeat 0 4px; padding-left:22px;}

.PVfbMain { display:block; clear:both; margin:5px 0 6px 0; width:450px; padding-right:10px;}
.PVfbMainImg { float:left; min-height:54px; min-width:54px; padding-right:10px;}
.PVfbMainImg img { max-height:90px; max-width:90px;}
.PVfbMainIn { display:table;}
.PVfbMInTitle { width:350px; display:inline-block; padding-top:3px;}
.PVfbMInTitle a { font-size:12px;color:#3B5998; font-weight:bold;}
.PVfbMInLink { color:#808080; padding-top:3px;}
.PVfbMInLink a { color:#3B5998;}
.PVfbMInDetail { width:350px; overflow:hidden; color:#808080; line-height:1.3; padding:3px 0;}

.PVfbImgCon { display:inline-block; float:left;}
.PVfbImgItem { padding-right:7px; float:left;}
.PVfbAttachInfon { display:inline-block; width:346px;}
.PVfbAtaTitle { padding-top:3px;}
.PVfbAtaTitle a { color:#3B5998; font-weight:bold;}
.PVfbAtaCaption { color:#808080; padding-top:3px;}
.PVfbAtaPS { color:#808080; padding-top:3px;}

	.PVfbImgConMore .PVfbAttachInfon { padding-top:10px; width:auto;}
	
	
.PVfbFP3 { background:url(../images/System/IconPlay.png) no-repeat 0 3px; padding-left:47px; padding-top:3px; margin-bottom:5px;}
.PVfbFP3 p { margin:0; padding:0; font-size:11px; color:#3B5998; line-height:1.3;}
.PVfbFP3 span { font-size:11px; color:#666; line-height:1.3;}
.PVfbFP3 span em { color:#333; font-style:normal;}

.PVfbFlash { position:relative; display:inline-block; float:left;}
.PVfbFlash span { position:absolute; z-index:2; bottom:-3px; left:0; display:inline-block; width:39px; height:32px; background:url(../images/System/IconPlay.png) no-repeat; text-indent:-5000px;}
.PVfbFlash img { max-height:80px; max-width:80px; margin-right:10px;}

.PVSinaHeader {	background:url(../images/System/icon_sina.png) no-repeat #F6F6F6 6px 6px;	display:block;	height:32px; margin-bottom:20px;}
.PVSinaHeader h3 {	margin:0;	padding:0;	font-size:15px;	font-weight:bold;	color:#444;	padding:8px 0 0 35px;}

.PVSinaMainCon { width:560px; position:relative; margin:0 auto 0;}
.PVSinaPic { position:absolute; left:0;}
.PVSinaPic img { padding:2px; border:1px solid #ccc; background:#fff;}
.PVSinaIn { padding-left:75px; line-height:22px; font-size:14px; color:#444;}
.PVSinaImg { display:block; clear:both; margin-top:6px;}
.PVSinaImg img { padding:2px; border:1px solid #ccc; background:#fff; max-width:120px; max-height:120px;}
.PVSinaIn a { color:#6EAFD5;}
.PVSinaTime { font-size:12px; padding-top:3px; color:#666;}


.PVTwiHeader {	background:url(../images/System/icon_twitterBird.png) no-repeat #6fadcb 6px 6px;	display:block;	height:32px; margin-bottom:20px;}
.PVTwiHeader h3 {	margin:0;	padding:0;	font-size:15px;	font-weight:bold;	color:#fff;	padding:8px 0 0 39px;}

/* for 舊版 */
.PVTwiMainCon { display:block; width:523px; margin:0 auto;}
.PVTwiMain { border:1px solid #eee; border-left:none; border-right:none; display:inline-block;padding:10px 0;}
.PVTwiImg { display:inline-block; margin-right:7px; float:left;}
.PVTwiInfo { color:#333; font-size:14px; width:425px; display:inline-block; float:left;}
.PVTwiName { font-weight:bold; color:#2276BB; padding-right:3px;}
.PVTwiPost { color:#333;}
.PVTwiPost a { color:#2276BB; cursor:pointer;}

/* for 新版 */
.PVTwiNew { display:block; width:540px; margin:0 auto;}
.PVTwiNewMain { border:0px solid #eee; border-left:none; border-right:none; display:inline-block; padding:10px 0; width:500px; position:relative;}
.PVTwiNewImg { display:inline-block; margin-right:7px; float:left; position:absolute; left:0; top:13px;}
.PVTwiNewInfo { color:#333; font-size:14px; display:block; margin-left:58px;}
.PVTwiNewNameCon { display:block;}
.PVTwiNewName { font-weight:bold; color:#2276BB;}
.PVTwiNewNameNick { color:#999999; padding-left:5px;}
.PVTwiNewPost { font-size:15px; line-height:19px;}
.PVTwiNewPost a { color:#2276BB;}
.PVTwiNewTime { display:block; clear:both; color:#606A7A; font-size:11px; padding-top:2px;}

/* MsgPreView End */

/* Search Result Start*/
.SearchShift { line-height:18px; font-size:15px; border-bottom:2px solid #f1f1f1; display:inline-block; padding-bottom:5px;}
.SearchShift input, .SearchShift select { font:inherit; color:#555;}
.SearchShift input[type="text"] { font-weight:bold;}
.SearchShift input[type="button"] { font-size:13px; font-weight:normal;}
.SearchSum { color:#666; padding-top:2px; font-size:12px; padding-left:5px;}
.SearchList { clear:both; display:block; margin:10px 0; width:650px;}
.SearchItem { margin:10px 0 15px; display:inline-block; width:100%;}
.SearchItem h5 { font-size:15px; margin-bottom:5px;}
.SearchItem h5 a { color:#0081CC; border-left:5px solid #ccc; padding-top:1px; padding-left:6px; line-height:1;}
.SearchItem em { color:#f33; font-style:normal;}
.SearchItem a em { color:#f33; font-style:normal;}
.SearchItem p { margin:0; margin-right:50px; margin-bottom:3px;}
.SearchItem p b { font-weight:normal;}
.SearchDetail { padding-left:11px;}

.SearhIndex .SearchShift { margin-left:50px; border-bottom:none;}
.SearhHead { background:url(../images/System/Logo_Search.png) no-repeat 0 0;  height:50px; text-indent:-5000px;}
.SearhHeadIndex { background:url(../images/System/Head_Search.png) no-repeat 30px 0;  height:72px; margin-top:30px; text-indent:-5000px; display:block; text-indent:-5000px;}
/* Search Result End*/

/* 下滑出來的清單、內容 Start */
.TableModifyPsCon { display:inline-block; margin-bottom:5px; clear:both; width:100%;}
.SelectHoverShow { display:inline-block; float:left; position:relative; margin-right:5px; cursor:pointer;}
.NowItem { background:url(../images/System/BtnGrayFlatR.png) no-repeat top right; height:21px; display:inline-block; margin-left:10px; padding-right:10px; line-height:21px;}
.NowItem em { display:inline-block; float:left; width:21px; height: 21px; background:url(../images/System/BtnGrayFlatL.png) no-repeat; margin-left:-10px;}
.NowItem span { background:#096; color:#fff; padding:0 3px; margin-left:2px;}
.ShowCon { border:1px solid #DFEAC3; position:absolute; background:#fff; display:inline-block; padding:10px 15px; clear:both; top:21px; left:0; width:auto; display:none; min-width:120px;}
.ShowCon ul { padding-left:25px; margin:2px 0; padding-right:15px;}
.SelectHoverShow:hover .ShowCon { display:inline-block;}
.SelectHoverShow:hover .NowItem{ background-position:bottom right;}
.SelectHoverShow:hover .NowItem em{ background-position:bottom left;}
/* 下滑出來的清單、內容 End */

/* FreeSet Start */
.styleEarth     { color:#CC6600}
.stylePurple    { color:#663399}
.styleReddark   { color:#670A19}
.styleGreen     { color:#008833}
.styleBlue      { color:#0033CC}
.styleBluelight { color:#0081CC}
.styleRed       { color:#F33}
.styleReddark   { color:#670A19}
.styleGraylight { color:#999}
.styleBlack     { color:#000}

.Font9 { font-size:9px;}
.Font10 { font-size:10px;}
.Font11 { font-size:11px;}
.Font12 { font-size:12px;}
.Font13 { font-size:13px;}
.Font15 { font-size:15px;}
.Font16 { font-size:16px;}
.Font18 { font-size:18px;}
.Font20 { font-size:20px;}
.Font24 { font-size:24px;}

.B { font-weight:bold;} /* 文字加粗*/
.I { font-style:italic;} /* */
.U { text-decoration:underline;}

/* 行距 */
.LH12 { line-height:1.2;} /* 行距是文字的 1.2倍 */
.LH13 { line-height:1.3;}
.LH14 { line-height:1.4;}
.LH15 { line-height:1.5;}
.LH16 { line-height:1.6;}
.LH17 { line-height:1.7;}
.LH18 { line-height:1.8;}
.LH2 { line-height:2;}
.LH25 { line-height:2.5;}

/* 對齊 */
.AgL { text-align:left;}   /* 文字對齊 - 左 */
.AgR { text-align:right;}  /* 文字對齊 - 右 */
.AgC { text-align:center;} /* 文字對齊 - 中 */

/* 背景色 */
.BgG1 { background:#F9F9F9;}
.BgG2 { background:#efefef;}
.BgG3 { background:#ccc;}
.BgG4 { background:#999;}
.BgBlack { background:#000;}



/* 內邊距  ps. 內邊距會增加寬度，所以若增加 P10，則width 要減20px，P10會增加左右的寬度*/  
.P2  { padding:2px;} /* 上下左右 */
.P3  { padding:3px;}
.P5  { padding:5px;}
.P10 { padding:10px;}
.P15 { padding:15px;}
.P20 { padding:20px;}
.P25 { padding:25px;}

.PL5  { padding-left:5px;}/* 只增加 左 */
.PL10 { padding-left:10px;}
.PL15 { padding-left:15px;}
.PL20 { padding-left:20px;}
.PL25 { padding-left:25px;}
.PL30 { padding-left:30px;}
.PL40 { padding-left:40px;}


.PR5  { padding-right:5px;}/* 只增加 右*/
.PR10 { padding-right:10px;}
.PR15 { padding-right:15px;}
.PR20 { padding-right:20px;}
.PR25 { padding-right:25px;}

.PH5  { padding:0 5px;}/* 只增加 左右 (水平) */
.PH10 { padding:0 10px;}
.PH15 { padding:0 15px;}
.PH20 { padding:0 20px;}
.PH25 { padding:0 25px;}

.PV5  { padding:5px 0 !important; }/* 只增加 上下(垂直) */
.PV10 { padding:10px 0 !important; }
.PV15 { padding:15px 0 !important;}
.PV20 { padding:20px 0 !important;}
.PV25 { padding:25px 0 !important;}


/* 外邊距 */
.Ma5 { margin:5px;} /* 上下左右 */
.Ma10 { margin:10px;}
.Ma15 { margin:15px;}
.Ma20 { margin:20px;}
.Ma25 { margin:25px;}
.Ma30 { margin:30px;}

.MaL5 { margin-left:5px;}/* 只增加 左 */
.MaL10 { margin-left:10px;}
.MaL15 { margin-left:15px;}
.MaL20 { margin-left:20px;}
.MaL25 { margin-left:25px;}
.MaL30 { margin-left:30px;}

.MaR5 { margin-right:5px;}/* 只增加 右*/
.MaR10 { margin-right:10px;}
.MaR15 { margin-right:15px;}
.MaR20 { margin-right:20px;}
.MaR25 { margin-right:25px;}
.MaR30 { margin-right:30px;}


.MaT5 { margin-top:5px;} /* 只增加 上 */
.MaT10 { margin-top:10px;}
.MaT15 { margin-top:15px;}
.MaT20 { margin-top:20px;}
.MaT25 { margin-top:25px;}
.MaT30 { margin-top:30px;}


.MaB5 { margin-bottom:5px;} /* 只增加 下 */
.MaB10 { margin-bottom:10px;}
.MaB15 { margin-bottom:15px;}
.MaB20 { margin-bottom:20px;}
.MaB25 { margin-bottom:25px;}
.MaB30 { margin-bottom:30px;}

.MaV5 { margin:5px 0;} /* 上下 (垂直)*/
.MaV10 { margin:10px 0;}
.MaV15 { margin:15px 0;}
.MaV20 { margin:20px 0;}

.MaH5 { margin:0 5px;} /* 左右 (水平) */
.MaH10 { margin:0 10px;}
.MaH15 { margin:0 15px;}
.MaH20 { margin:0 20px;}
.MaH25 { margin:0 25px;}
.MaH30 { margin:0 30px;}

.qa{
	width:100%;
	background-color:#FFF;}
.qa-question{
	width: 99%;
	float:left;
	margin-bottom:5px;
	border: 1px dashed #CCC; 
	padding: 5px 5px 5px 5px;
    background-color: #E8FFD0;}
.qa-date{
	margin:5px;
	text-align:right;}
.qa-answer{
	width: 95%; 
	clear:both;
	float:right;
	border: 1px dashed #CCC; 
	padding: 5px 5px 5px 5px;}
/* 背景色 */
.BackgroundBlue{
	background:#e3f7ff;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
	color:#72993e;
	border-left:4px solid #dfeac3;}
.BackgroundBlueTd { background:#e3f7ff; padding:5px;}
.BackgroundGreen{
	background:#e3ffe5;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
	color:#72993e;
	border-left:4px solid #dfeac3;}
.BackgroundGreenTd { background:#e3ffe5; padding:5px;}
.BackgroundOrange{
	background:#fff9e3;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
	color:#72993e;
	border-left:4px solid #dfeac3;}
.BackgroundOrangeTd { background:#fff9e3; padding:5px;}
/* FreeSet End */
.toast-top-center {  
    top: 12px; 
    left: 50%; 
    margin-left: -150px; 
} 
@media all and (max-width: 240px) { 
    .toast-top-center { 
        margin-left: -54px; 
    } 
} 
@media all and (min-width: 241px) and (max-width: 320px) { 
    .toast-top-center { 
        margin-left: -64px; 
    } 
} 
@media all and (min-width: 321px) and (max-width: 480px) { 
    .toast-top-center { 
        margin-left: -96px; 
    } 
}