/* CSS Document */
body {
	behavior:url(../css/csshover.htc);
	width: 1000px;
	
	border: 0;
	padding: 0 0 0 0;
	background-color: #111;
	position: relative;
	color: #FFF;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: "Microsoft Sans Serif";
}

a:link,a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
#welcome a:link, #welcome a:visited, table a:link, table a:visited, .topCase a:link, .topCase a:visited, .topDesigner a:link, .topDesigner a:visited, .CCTitle a:link, .CCTitle a:visited, #rightTransfer a:visited, #rightTransfer a:link, .designerInfoText a:link, .designerInfoText a:visited, .buyerInfoText a:link, .buyerInfoText a:visited, .palList a:link, .palList a:visited, 
.processStatus a:link, .processStatus a:visited, #service a:link, #service a:visited, .caseContent a:link, .caseContent a:visited {
	text-decoration: none;
	color:#F00;
}
#welcome a:hover, table a:hover, .topCase a:hover, .topDesigner a:hover, .CCTitle a:hover, #rightTransfer a:hover, .designerInfoText a:hover, .buyerInfoText a:hover, .palList a:hover, .processStatus a:hover, #service a:hover, .caseContent a:hover {
	text-decoration: underline;
	color:#F00;
}

#language {
	position: absolute;
	left: 680px;
	top: 80px;
	z-index: 1;
}

#en {
	position: absolute;
	left: 100px;
	top: 0px;
	clip: rect(0px 100px 25px 0px);
}
#en a:hover {
	position: absolute;
	margin-top: -25px;
}

#tw {
	position: absolute;
	top: 0px;
	left: 0px;
	clip: rect(0px 100px 25px 0px);
}
#tw a:hover {
    position: absolute;
	margin-top: -25px;
}

#cn {
	position: absolute;
	top: 0px;
	left: 200px;
	clip: rect(0px 100px 25px 0px);
}
#cn a:hover {
	position: absolute;
	margin-top: -25px;
}

/*控制首頁四方塊左側的三個功能鍵*/
#help {
	position: absolute;
	left: 700px;
	top: 250px;
	z-index: 2;
	visibility: hidden;
}
#help1 {
	position: absolute;
	left: 63px;
	top: 0px;
	clip: rect(0px 110px 100px 10px);
}
#help1 a:hover {
    position: absolute;
	margin-top: -100px;
}

#help2 {
	position: absolute;
	top: 0px;
	left: -45px;
	clip: rect(0px 110px 100px 10px);
}
#help2 a:hover {
	position: absolute;
	margin-top: -100px;
}

#help3 {
	position: absolute;
	top: 0px;
	left: 170px;
	clip: rect(0px 110px 100px 10px);
}
#help3 a:hover {
	position: absolute;
	margin-top: -100px;
}
/*控制首頁最高懸賞與評價最高創作者*/
#topDisplay {
	position: absolute;
	top: 365px;
	left: 665px;
	z-index: 2;
	background-color: #000;
	height: 190px;
	width: 310px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 3px inset #CCC;
	/*background-image: url(../images/topDisplayBg.png);*/
}
#topCase {
	position: absolute;
	top: 455px;
	left: 665px;
	height: 100px;
	width: 305px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	border: 3px inset #CCC;
	z-index: 2;
	background-image: url(../images/topCaseBg.png);
}
.topCaseText ul {
	position: absolute;
	list-style:none;
	top: 27px;
	left: 90px;
	text-align: center;
}
.topCaseText ul a:link,.topCaseText ul a:visited {
    color: #F00;
	text-decoration:none;
}
.topCaseText ul a:hover {
	color: #F00;
	text-decoration: underline;
}
.topBuyerPic {
	position: absolute;
	top: -4px;
	left: 130px;
	border: 1px solid #FFF;
}

#topDesigner {
	position: absolute;
	top: 455px;
	left: 345px;
	height: 100px;
	width: 305px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	border: 3px inset #CCC;
	z-index: 2;
	background-image: url(../images/topDesignerBg.png);
}
.topDesignerText ul {
	position: absolute;
	list-style:none;
	top: 35px;
	left: 90px;
	text-align: center;
}
.topDesignerText ul a:link,.topDesignerText ul a:visited {
    color: #F00;
	text-decoration:none;
}
.topDesignerText ul a:hover {
	color: #F00;
	text-decoration: underline;
}
.topDesignerPic {
	position: absolute;
	top: -12px;
	left: 130px;
	border: 1px solid #FFF;
}

form a:link,form a:visited {
	text-decoration:none;
	color: #F00;
}
form a:hover {
	color: #F00;
	text-decoration: underline;
}
#logo {
	position: absolute;
	height: 105px;
	width: 325px;
	left: 10px;
	top: 0px;
	z-index: 1;
	background-color: #000;
	text-align: center;
}
/*控制頁面左方底版大小位置left-board*/
#board {
	position: absolute;
	left: 10px;
	top: 105px;
	height: 495px;
	width: 325px;
	background-color: #800000;
}
#mainboard {
	position: absolute;
	left: 335px;
	top: 105px;
	height: 495px;
	width: 650px;
	background-color: #FFF;
	z-index: -1;
}
#topboard {
	position: absolute;
	left: 335px;
	top: 0px;
	height: 105px;
	width: 650px;
	background-color: #800000;
}
#btmboardBg {
	position: absolute;
	left: 10px;
	top: 600px;
	height: 610px; /*+330*/
	width: 975px;
	background-color: #800000;
}
.btmboard {
	position: absolute;
	left: 10px;
	top: 600px;
	height: 610px; /*+330*/
	width: 975px;
	background-color: #800000;
}
.btmboard2 {
	position: absolute;
	left: 10px;
	top: 880px;
	height: 610px; /*+330*/
	width: 975px;
	background-color: #800000;
}
.btmboard3 {
	position: absolute;
	left: 10px;
	top: 1900px;
	height: 610px; 
	width: 975px;
	background-color: #800000;
}
.btmboard4 {
	position: absolute;
	left: 10px;
	top: 4500px;
	height: 610px; 
	width: 975px;
	background-color: #800000;
}
.footerboard {
    position: absolute;
	left: 10px;
	top: 1210px; /*+330*/
	height: 200px;
	width: 975px;
	background-color: #800000;
}
.footerboard2 {
    position: absolute;
	left: 10px;
	top: 1490px; /*+330*/
	height: 200px;
	width: 975px;
	background-color: #800000;
}
.footerboard3 {
    position: absolute;
	left: 10px;
	top: 2510px;
	height: 200px;
	width: 975px;
	background-color: #800000;
}
.footerboard4 { /*for service*/
    position: absolute;
	left: 10px;
	top: 5110px; /*2510+*/
	height: 200px;
	width: 975px;
	background-color: #800000;
}

.footerboard ul, .footerboard2 ul, .footerboard3 ul, .footerboard4 ul {
	font-weight: bold;
	text-align: left;
}
.footerboard li, .footerboard2 li, .footerboard3 li, .footerboard4 li {
	font-weight: normal;
	list-style:none;
}
.footerboard li a:link, .footerboard li a:visited, .footerboard2 li a:link, .footerboard2 li a:visited, .footerboard3 li a:link, .footerboard3 li a:visited, .footerboard4 li a:link, .footerboard4 li a:visited {
	color: #FFF;
}
.footerboard li a:hover, .footerboard2 li a:hover, .footerboard3 li a:hover, .footerboard4 li a:hover {
	color: #FFF;
	text-decoration: underline;
}
.extraboard {
    position: absolute;
	left: 325px;
	top: 5px;
	height: 600px; /*+330*/
	width: 645px;
	background-color: #000;
	z-index: 0;
}

.ShoutMix {
    position: absolute;
	left: 325px;
	top: 25px;
}
.ShoutMixLabel {
	position: absolute;
	left: 325px;
	top: 5px;
	height: 38px;
	width: 315px;
	background-color: #600000;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 18px;
}
.plurkLabel {
	position: absolute;
	left: 5px;
	top: 5px;
	height: 50px;
	width: 315px;
	background-color: #DF411A;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 20px;
}
.plurk {
    position: absolute;
	left: 5px;
	top: 5px;
}
.faceBook {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 316px;
	height: 595px; /*+330*/
	padding-top: 5px;
	background-color: #000;
	text-align: center;
	z-index: 0;
}
.faceBook a:link,.faceBook a:visited {
	text-decoration: none;
	color:#FFF;
}
.faceBook a:hover {
	text-decoration: none;
	color:#F00;
}
.adSmall {
    position: absolute;
	left: 15px;
	top: 605px;
	width: 316px;
	height: 265px;
	padding-top: 10px;
	background-color: #000;
	text-align: center;
}

#board2 {
	position: absolute;
	left: 10px;
	top: 105px;
	height: 650px;
	width: 325px;
	background-color: #800000;
}
#mainboard2 {
	position: absolute;
	left: 335px;
	top: 105px;
	height: 650px;
	width: 650px;
	background-color: #FFF;
	z-index: -1;
}
/*控制頁面左側版權所有Bar*/
#btmLabel {
	position: absolute;
	left: 3px;
	top: 5px;
	font-size: 12px;
	height: 15px;
	width: 956px;
	padding: 5px;
	color: #000;
	background-color: #FFF;
	font-weight: bold;
	text-align: center;
}
#btmLabel2 {
	position: absolute;
	left: 14px;
	top: 0px;
	font-size: 12px;
	height: 15px;
	width: 306px;
	padding: 5px;
	color: #000;
	background-color: #FFF;
	font-weight: bold;
	text-align: center;
}
.sitemap0 {
	position: absolute;
	left: 160px; /*-170px;*/
	top: 50px; /*320px;*/
	font-size: 12px;
	color: #FFF;
	width: 140px;
	height: 85px;
}
.sitemap1 {
	position: absolute;
	left: 290px;
	top: 50px;
	font-size: 12px;
	color: #FFF;
	width: 140px;
	height: 85px;
}
.sitemap2 {
	position: absolute;
	left: 450px;
	top: 50px;
	font-size: 12px;
	color: #FFF;
	width: 140px;
}
.sitemap3 {
	position: absolute;
	left: 618px;
	top: 50px;
	font-size: 12px;
	color: #FFF;
	width: 140px;
}
.sitemap4 {
	position: absolute;
	left: 775px;
	top: 50px;
	font-size: 12px;
	color: #FFF;
	width: 140px;
}
/*FAQ Content*/
#faqmainboard {
	position: absolute;
	left: 10px;
	top: 105px;
	width: 975px;
	height: 1970px;
	background-color: #FFF;
}
#faq {
	position: absolute;
	left: 47px;
	top: 110px;
	width: 900px;/*975px;*/
	height: 1550px;/*1950px;*/
	float: left;
	font-size: 62.5%;
	color:#000;
	font-family: "Microsoft Sans Serif";
}
#faqpostInfo {
	position: absolute;
	left: 14px;
	top: 110px;
	font-size: 12px;
	height: 15px;
	width: 306px;
	padding: 5px;
	color: #FFF;
	background-color: #A00;
	font-weight: bold;
	text-align: center;
}
#servicemainboard {
	position: absolute;
	left: 10px;
	top: 105px;
	width: 975px;
	height: 4500px;/*1970+*/
	background-color: #FFF;
}
#service {
	position: absolute;
	left: 47px;
	top: 150px;
	width: 900px;/*975px;*/
	font-size: 15px;
	color:#000;
	text-align: justify;
}
#service p, #service blockquote {
	line-height: 20px;	
}
#privacymainboard {
	position: absolute;
	left: 10px;
	top: 105px;
	height: 495px;
	width: 975px;
	background-color: #FFF;
}
#privacy {
	position: absolute;
	left: 47px;
	top: 150px;
	width: 900px;/*975px;*/
	font-size: 15px;
	color:#000;
	text-align: justify;
}
.subTitle {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

#advertisement {
	position: absolute;
	left: 15px;
	top: 240px;
	height: 360px;
	width: 316px;
	background-color: #000;
	background-image: url(../images/indexIntro.png);
}
#rightTransfer {
	position: absolute;
	left: 18px;
	top: 495px;
	height: 200px;
	width: 587px;
	padding: 0 10px 0 10px;
	font-size: 12px;
	color: #000;
	background-image: url(../images/rightTransferbg.png);
	text-align: left;
	text-indent: 20px;
}
.rightTitle {
	position: absolute;
	left: 95px;
	top: 8px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
.CCTitle {
	position: absolute;
	left: 15px;
	top: 45px;
}
#surveyBuyer {
	position: absolute;
	left: -324px;
	top: 85px;
	height: 640px;
	width: 297px;
	font-size: 12px;
	color: #000;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/surveyBuyerbg.png);
	z-index: 2;
	text-align: left;
}
#surveyBuyer ul {
    list-style: none;
}
.tableSurveyBuyer {
	position: absolute;
	left: 5px;
	top: 115px;
	width: 307px;
}
.tableSurveyBuyer th {
	text-align: center;
	vertical-align: top;
	padding: 2px;
	width: 150px;
	border: 1px groove #FFF;
}
.tableSurveyBuyer td {
	text-align: left;
	vertical-align: top;
	padding: 2px;
	border: 2px groove #FFF;
}
.tableSurveyBuyerText {
	width: 150px;
	height: 48px;
	background-color: #FFF;
	font-size: 12px;
}

#pointer {
	position: absolute;
	left: 375px;
	top: 130px;
	visibility: hidden;
}
.money {
	font-weight: bold;
	color: #FF0;
}

#navigation {
	position: absolute;
	left: 335px;
	top: 7px;
	width: 250px;
	height: 60px;
	font-size: 30px;
	color: #FFF;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
}

#map {
	position: absolute;
	top: 110px;
	left: 339px;
	font-size: 12px;
	background-color: #101010;
	height: 15px;
	width: 632px;
	padding: 5px;
	color: #FFF;
}
.maplink {
    position: absolute;
	top: 4px;
	left: 23px;
}
.maplink a:link,.maplink a:visited {
    color: #FFF;
	text-decoration: underline;
}
.maplink a:hover {
	color: #F00;
	text-decoration: underline;
}
.mapnow {
	font-weight: bold;
	color: #F00;
}

#guideLine {
	position: absolute;
	left: 420px;
	top: 140px;
	height: 40px;
	font-size: 15px;
	color: #000;
	text-align: center;
	font-weight: bold;
}
#guideLine a:link, #guideLine a:visited {
	text-decoration:underline;
	color: #F00;
}
#guideLine a:hover {
	text-decoration:underline;
	color: #FF0;
}
.guideLinePic {
	position: absolute;
	left: -45px;
	top: 0px;
}
.premiumDueDate {
	position: absolute;
	left: 57px;
	top: 50px;
	width: 400px;
	font-weight: bold;
	color: #000;
}

#postNumberInfo {
	position: absolute;
	top: 571px;
	left: 339px;
	font-size: 12px;
	background-color: #090909;
	height: 15px;
	width: 632px;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}
#postNumberInfo2 {
	position: absolute;
	top: 726px;
	left: 339px;
	font-size: 12px;
	background-color: #090909;
	height: 15px;
	width: 632px;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}
.postNumber {
	position: absolute;
	top: 4px;
	left: 80px;
	text-align: center;
}
.postNumber a:link,.postNumber a:visited {
    color: #FFF;
	text-decoration: underline;
}
.postNumber a:hover {
	color: #F00;
	text-decoration: underline;
}
/*控制首頁使用者區塊內使用者資訊文字*/
#postNumberTop {
	position: absolute;
	top: 160px;
	left: 105px;
	z-index: 2;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}
#postNumberTop a:link,#postNumberTop a:visited {
    color: #FFF;
	text-decoration:underline;
}
#postNumberTop a:hover {
	color: #F00;
	text-decoration: underline;
}
.VIPjoin {
    position: absolute;
	top: -80px;
	left: 475px;
	clip: rect(0px 100px 25px 0px);
}
.VIPjoin a:hover {
    position: absolute;
	margin-top: -25px;
}

#buyerLabel {
	position: absolute;
	left: 14px;
	top: 140px;
	height: 95px;
	width: 314px;
	background-image: url(../images/memberBuyerIcon.png);
	border: 1px solid #FFF;
}
#buyerLabel ul {
    list-style: none;
}

.buyerInfoPic {
	position: absolute;
	left: 80px;
	top: 10px;
	height: 70px;
	width: 70px;
	border: 2px solid #FFF;
}
.buyerInfoText {
	position: absolute;
	left: 160px;
	top: 5px;
	height: 72px;
	width: 155px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
#designerLabel {
	position: absolute;
	left: 14px;
	top: 140px;
	height: 95px;
	width: 314px;
	background-image: url(../images/memberDesignerIcon.png);
	border: 1px solid #FFF;
}
#designerLabel ul {
	list-style: none;
}
.designerInfoPic {
	position: absolute;
	left: 80px;
	top: 10px;
	height: 70px;
	width: 70px;
	border: 2px solid #FFF;
}
.designerInfoText {
	position: absolute;
	left: 160px;
	top: 5px;
	height: 72px;
	width: 155px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.desingerIcon {
	position: absolute;
	left: -72px;
	top: 0px;
	height: 70px;
	width: 70px;
}
.postNow {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#postInfo {
	position: absolute;
	left: 14px;
	top: 110px;
	font-size: 12px;
	height: 15px;
	width: 306px;
	padding: 5px;
	color: #000;
	background-color: #FFF;
	font-weight: bold;
	text-align: center;
}
#postInfo a:link,#postInfo a:visited {
	text-decoration:underline;
	color: #F00;
} 
#postInfo a:hover {
	text-decoration:underline;
	color: #FF0;
}

img {
border: none;
}

#welcome{
	position: absolute;
	left: 14px;
	top: 110px;
	font-size: 12px;
	height: 15px;
	width: 306px;
	padding: 5px;
	color: #000;
	background-color: #FFF;
	font-weight: bold;
	text-align: center;
}
/*控制登入後歡迎使用者的文字及背景區塊大小*/
#welcomelogin{
	position: absolute;
	left: 15px;
	top: 140px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	z-index:2;
	text-indent: 80px;
	height: 93px;
	width: 314px;
	background-color: #000;
	border: 1px solid #FFF;
}

#caseMediaLabel{
	position: absolute;
	left: 15px;
	top: 140px;
	z-index:2;
	height: 95px;
	width: 314px;
	border: 1px solid #FFF;
	background-color: #000;
	background-image: url(../images/caseMediaIcon.png);
}
#caseDesignLabel{
	position: absolute;
	left: 15px;
	top: 140px;
	z-index:2;
	height: 95px;
	width: 314px;
	border: 1px solid #FFF;
	background-color: #000;
	background-image: url(../images/caseDesignIcon.png);
}
.caseContent {
	position: absolute;
	right: 3px;
	top: 0px;
	height: 62px;
	width: 195px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
.goBuyer {
    position: relative;
	left: 0px;
	top: 5px;
}
.goBuyer a:link, .goBuyer a:visited {
	text-decoration: none;
	color:#FFF;
	padding: 1px 2px 1px 2px;
	background-color:#F0AD11;
	border: 2px outset #F0AD11;
}
.goBuyer a:hover {
	text-decoration: none;
	color:#F00;
	background-color:#F0AD11;
	border: 2px inset #F0AD11;
}
.goDesigner {
	position: relative;
	left: 0px;
	top: 10px;
}
.goDesigner a:link, .goDesigner a:visited {
	text-decoration: none;
	color:#FFF;
	padding: 1px 2px 1px 2px;
	background-color:#00F;
	border: 2px outset #00F;
}
.goDesigner a:hover {
	text-decoration: none;
	color:#F00;
	background-color:#00F;
	border: 2px inset #00F;
}
.introcontent {
	position: absolute;
	left: 20px;
	top: 150px;
	font-size: 15px;
	height: 125px;
	width: 250px;
	overflow: auto;
}
.newscontent {
	position: absolute;
	left: 10px;
	top: 30px;
	padding: 10px;
	font-size: 15px;
	height: 140px;
	width: 260px;
	overflow: auto;
	color: #FFF;
	background-color: #050505;
}
.memberjoinContent {
	position: absolute;
	left: 0px;
	top: 28px;
	height: 330px;
	width: 580px;
	overflow: auto;
	padding: 0px 10px 10px 10px;
	font-size: 12px;
	background-color: #000;
}
.memberjoinContent fieldset {
	border: 3px outset #FFF;
	padding: 5px;
}
.postContent {
	position: absolute;
	left: 0px;
	top: 28px;
	height: 330px;
	width: 580px;
	overflow: auto;
	padding: 0px 10px 10px 10px;
	font-size: 12px;
	background-color: #000;
}
.watchArtworkContent {
	position: absolute;
	left: 390px;
	top: 40px;
	width: 230px;
	font-size: 12px;
	text-align: left;
}
.watchArtworkContent th {
	width: 60px;
	height: 30px;
	text-align: right;
}
.watchArtworkScreen {
	position: absolute;
	left: 25px;
	top: 35px;
	height: 300px;
	width: 350px;
	background-color: #000;
}
.watchArtworkScreen img {
	margin: 25px;
}
.watchArtworkScreen embed {
	height: 300px;
	width: 350px;
	margin-top: 15px;
}
#watchArtworkMessage {
	position: absolute;
	left: 19px;
	top: 370px;
	width: 607px;
	height: 120px;
	font-size: 12px;
	background-color: #000;
	text-align: center;
	background-image: url(../images/watchArtworkMsgbg.png);
	background-repeat: no-repeat;
}
.watchArtworkMsgContent {
	position: absolute;
	left: 10px;
	top: 20px;
	width: 580px;
	height: 90px;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	text-align: left;
	border: 2px inset #666;
	overflow: auto;
	text-indent: 10px;
}
#watchArtworkDescription {
	position: absolute;
	left: 19px;
	top: 495px;
	width: 607px;
	height: 180px;
	font-size: 12px;
	text-align: center;
	background-color: #000;
	background-image: url(../images/watchArtworkDesbg.png);
	background-repeat: no-repeat;
}
.watchArtworkDesContent {
	position: absolute;
	left: 10px;
	top: 20px;
	width: 580px;
	height: 150px;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	text-align: left;
	text-indent: 10px;
	border: 2px inset #666;
	overflow: auto;
}
.reUpload {
    position: absolute;
	left: 405px;
	top: 280px;
	clip: rect(0px 180px 60px 0px);
}
.reUpload a:hover {
	position: absolute;
	margin-top: -60px;
}
.downloadArtwork {
	position: absolute;
	left: 405px;
	top: 280px;
	clip: rect(0px 180px 60px 0px);
	font-size: 12px;
	font-weight: bold;
}
.downloadArtwork a:hover {
	position: absolute;
	margin-top: -60px;
}
.artworkChoice {
	position: absolute;
	left: 405px;
	top: 280px;
	font-size: 15px;
	font-weight: bold;
	background-color: #800000;
	text-align: center;
	height: 56px;
	width: 176px;
	border: 2px inset #800000;
	line-height: 50px;
}
.whoSubmitContent {
	position: absolute;
	left: 0px;
	top: 28px;
	height: 320px;
	width: 580px;
	overflow: auto;
	padding: 10px;
	font-size: 12px;
	background-color: #000;
}

HTML body .introcontent, .newscontent, .memberjoinContent, .sortmenu, .postContent {
    scrollbar-face-color:#000;
}
#buyerBoard {
	position: absolute;
	left: 340px;
	top: 140px;
	height: 425px;
	width: 320px;
	z-index: 1;
	background-image: url(../images/buyerBlock.png);
}
/*控制Buyer使用流程圖*/
#buyerStep {
	position: absolute;
	left: 344px;
	top: 252px;
	height: 100px;
	width: 315px;
	z-index: 1;
}
.buyerKnowMore {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
}
.buyerKnowMore a:link,.buyerKnowMore a:visited {
    color: #FFF;
	text-decoration: underline;
}
.buyerKnowMore a:hover {
	color: #F00;
	text-decoration: underline;
}

#designerBoard {
	position: absolute;
	left: 660px;
	top: 140px;
	height: 425px;
	width: 320px;
	z-index: 1;
	background-image: url(../images/designerBlock.png);
}
/*控制Designer使用流程圖*/
#designerStep {
	position: absolute;
	left: 664px;
	top: 252px;
	height: 100px;
	width: 315px;
	z-index: 1;
}
.designerKnowMore {
    position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
}
.designerKnowMore a:link,.designerKnowMore a:visited {
    color: #FFF;
	text-decoration: underline;
}
.designerKnowMore a:hover {
	color: #F00;
	text-decoration: underline;
}

/*控制使用者的代表圖*/
#memberpic{
	position: absolute;
	left: 20px;
	top: 145px;
	z-index: 2;
	border: 1px solid #FFF;
}

#memberpic img{
    /*display:none;*/
	height: 70px;
	width: 70px;
}

/*首頁控制case,member,news,login位置的main*/
#main {                
	position: absolute;
	left: 210px;
	top: 250px;
}

#case {
	position: absolute;
	left: 128px;
	top: -5px;
	z-index: 1;
	visibility: hidden;
}

#loginOut {
	position: absolute;
	left: 128px;
	top: 157px;
	visibility: hidden;
}
/*控制登入/登出字串*/
#loginOutText {
	position: absolute;
	right: 675px;
	top: 215px;
	z-index: 2;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}
#loginOutText a:link,#loginOutText a:visited {
    color: #FFF;
	text-decoration:none;
}
#loginOutText a:hover {
	color: #FFF;
	text-decoration: underline;
}

.member1 {
	position: absolute;
	left: 290px;
	top: 157px;
	z-index: 1;
	visibility: hidden;
}
.member0 {
	position: absolute;
	left: 290px;
	top: 157px;
	z-index: 0;
	visibility: hidden;
}

.news1 {
	position: absolute;
	left: 290px;
	top: -5px;
	z-index: 1;
	visibility: hidden;
}
.news0 {
	position: absolute;
	left: 290px;
	top: -5px;
	z-index: 0;
	visibility: hidden;
}

#peopleCount {
	position: absolute;
	right: 20px;
	top: 111px;
	font-size: 12px;
	height: 90px;
	padding: 5px;
	font-weight: bold;
	font-family: "MS UI Gothic";
}
.RedText{
	font-weight: bold;
	color: #F00;
}
/*控制首頁左側介紹圖片*/
#introduction {
	position: absolute;
	top: 75px;
	left: -355px;
	height: 360px;
	width: 316px;
	background-color: #000;
	background-image: url(../images/indexIntro.png);
}
.introClass {
    position: absolute;
	top: 90px;
	left: 15px;
}

#postNowTop {
	position: absolute;
	top: 112px;
	right: 190px;
	z-index: 2;
}

/*控制首頁立刻張貼*/
#postNow {
	position: absolute;
	top: 356px;
	left: 345px;
	z-index: 2;
	height: 95px;
	width: 152px;
	clip: rect(0px 152px 95px 0px);
}
#postNow a:hover {
    position: absolute;
	margin-top: -95px;
}

#memberBuyer {
    position: absolute;
	top: 356px;
	left: 500px;
	z-index: 1;
	height: 95px;
	width: 152px;
	clip: rect(0px 152px 95px 0px);
}
#memberBuyer a:hover {
    position: absolute;
	margin-top: -95px;
}

#seePostNow {
	position: absolute;
	top: 356px;
	left: 665px;
	z-index: 2;
	height: 95px;
	width: 152px;
}
#seePostNow li.seePostButton {
	list-style:none;
	margin:0;
	position: absolute;
	top: 0px;
	left: 0px;

}
#seePostNow ol ul {
	display: none;
	position: absolute;
	left: 5px;
	top: -200px;
	height: 200px;
	width: 300px;
	background-color: #000;
	background-image: url(../images/caseframe.png);
	opacity:0.95; /*For Firefox 之半透明設定*/
	filter: Alpha(Opacity=95); /*For IE 之半透明設定*/
}
#seePostNow li ul li {
	list-style:none;
	padding:2px;
	height:16px;
	width:300px;
	font-size: 15px;
	text-align: center;
}
#seePostNow li ul li a:link, #seePostNow li ul li a:visited {
	color: #F00;
}
#seePostNow li ul li a:hover {
    color: #F00;
}
#seePostNow ol li:hover ul{
  	display:block;
}
#seePostNow ul ol { /*第二層*/
	position:absolute;
	left: 10px;
	top: 20px;
	display: none;
	height: 60px;
	width: 240px;
	margin: 0px;
	background-color: #000;
	font-size: 12px;
}
#seePostNow ul li:hover ol{ /*秀出第二層*/
  	display:block;
}
#seePostNow ol ul ol li {
	margin: 0px;
	padding: 0px;
	position:absolute;
	left: 20px;
	top: 0px;
	width: 240px;
	color: #FFF;
	text-align: center;
}

#memberDesigner {
    position: absolute;
	top: 356px;
	left: 820px;
	z-index: 1;
	height: 95px;
	width: 152px;
	clip: rect(0px 152px 95px 0px);
}
#memberDesigner a:hover {
    position: absolute;
	margin-top: -95px;
}

/*#seePostNow ul {          
	display: none;
	position: absolute;
	left: -311px;
	top: 107px;
	height: 50px;
	width: 100px;
	color: #FFF;
	background-color: #000;
	background-image: url(../images/casemore.gif);
}
#seePostNow li:hover ul{
  	display:block;
}
*/
.intropic1 {
    position: absolute;
	top: 0px;
	left: 0px;
	width: 316px;
	height: 120px;
}
.intropic2 {
    position: absolute;
	top: 120px;
	left: 0px;
	width: 316px;
	height: 120px;
}
.intropic3 {
    position: absolute;
	top: 240px;
	left: 0px;
	width: 316px;
	height: 120px;
}

.newsShow {
	position: absolute;
	top: 55px;
	left: -155px;
	height: 200px;
	width: 300px;
	/*border: 2px solid #FFF;*/
	/*padding: 20px;*/
	background-image: url(../images/newsframe.png);
	background-color: #000;
	opacity:0.95; /*For Firefox 之半透明設定*/
	filter: Alpha(Opacity=95); /*For IE 之半透明設定*/
}

.newsHide {
	position: absolute;
	left: -2000px;
	visibility: hidden;
}

#main ol,ul {
	padding:0;
	margin:0;
}

#case ol ul {
	/*border:#FFF 2px solid;*/
	display: none;
	position: absolute;
	left: 0px;
	top: 55px;
	height: 200px;
	width: 300px;
	background-color: #000;
	background-image: url(../images/caseframe.png);
	opacity:0.95; /*For Firefox 之半透明設定*/
	filter: Alpha(Opacity=95); /*For IE 之半透明設定*/
}

#member ol ul {
	/*border:#FFF 2px solid;*/
	display: none;
	position: absolute;
	left: -155px;
	top: -95px;
	height: 200px;
	width: 300px;
	/*background-color: #000;*/
	background-image: url(../images/memberframe.png);
	opacity:0.95; /*For Firefox 之半透明設定*/
	filter: Alpha(Opacity=95); /*For IE 之半透明設定*/
}

#main li.menu {
	list-style:none;
	margin:0;
}
/*第一層選單li內容設定*/
#main li ul li {
	/*background:#000;*/
	list-style:none;
	padding:2px;
	height:16px;
	width:130px;
	font-size: 15px;
	text-align: center;
	margin-left: 80px;
}
#main li ul li a:link, #main li ul li a:visited {
	color: #F00;
}
#main li ul li a:hover {
    color: #F00;
}
.caseDesign {
    position: absolute;
	left: 45px;
	top: 85px;
	clip: rect(0px 100px 80px 0px);
}
.caseDesign a:hover{
    position: absolute;
	margin-top: -80px;
}
.caseMedia {
    position: absolute;
	left: 155px;
	top: 85px;
	clip: rect(0px 100px 80px 0px);
}
.caseMedia a:hover{
    position: absolute;
	margin-top: -80px;
}
.memberModify {
    position: absolute;
	left: 70px;
	top: 12px;
	clip: rect(0px 80px 80px 0px);
}
.memberModify a:hover{
    position: absolute;
	margin-top: -80px;
}
.memberPost {
    position: absolute;
	left: 150px;
	top: 12px;
	clip: rect(0px 80px 80px 0px);
}
.memberPost a:hover{
    position: absolute;
	margin-top: -80px;
}
.memberBuyer {
    position: absolute;
	left: 70px;
	top: 92px;
	clip: rect(0px 80px 80px 0px);
}
.memberBuyer a:hover{
    position: absolute;
	margin-top: -80px;
}
.memberDesigner {
    position: absolute;
	left: 150px;
	top: 92px;
	clip: rect(0px 80px 80px 0px);
}
.memberDesigner a:hover{
    position: absolute;
	margin-top: -80px;
}

#case ol li:hover ul{
  	display:block;
}
#member ol li:hover ul{
  	display:block;
}
#case ul ol { /*第二層*/
	position:absolute;
	left: 10px;
	top: 115px;
	display: none;
	height: 70px;
	width: 280px;
	margin: 0px;
	background-color: #000;
}
#member ul ol { /*第二層*/
	position:absolute;
	left: 10px;
	top: 172px;
	display: none;
	height: 20px;
	width: 280px;
	margin: 0px;
	background-color: #000;
}
#main ul li:hover ol{ /*秀出第二層*/
  	display:block;
}
#main ol ul ol li{
	margin: 0px;
	padding: 0px;
	width: 280px;
	color: #FFF;
}

#loginOut li{
    list-style:none;
} 

/*msn功能Bar*/
.a2m_instant_service {
	position: absolute;
	right: 20px;
	top: 5px;
	cursor: hand;
	z-index: 1;	
}
/*msn面板*/
.msn {
	position: absolute;
	top: -10px;
	z-index: 5;
	right: 28px;
	
}

#sort {
	position: absolute;
	right: 30px;
	top: 113px;
	font-size: 12px;
}
.sortmenu {
	color: #FFF;
	background-color: #000;
	font-size: 12px;
}
#sort2 {
	position: absolute;
	left: 375px;
	top: 661px;
	font-size: 9pt;
	background-color: #000099;
}
#login {
	position: absolute;
	left: 470px;
	top: 205px;
	width: 330px;
	height: 230px;
	background-color: #000;
	background-image: url(../images/boardbgframe.png);
	padding: 30px;
	font-size: 12px;
}
#login li{
    list-style:none;
}

input.text {
	background-color: #FFF;
	width: 200px;    
}

#forget {
	position: absolute;
	left: 470px;
	top: 205px;
	width: 330px;
	height: 230px;
	background-color: #000;
	background-image: url(../images/boardbgframe.png);
	padding: 30px;
	font-size: 12px;
	padding: 30px;
}
#memberjoin {
	position: absolute;
	left: 355px;
	top: 155px;
	font-size: 15px;
	padding: 0px 20px 0px 20px;
	height: 395px;
	width: 570px;
	background-color: #660000;	
	background-image: url(../images/formframe.png);
}
#premiumMemberJoin {
	position: absolute;
	left: 355px;
	top: 155px;
	font-size: 16px;
	height: 395px;
	width: 610px;
	text-align: center;
	background-image: url(../images/premiumMemberJoinbg.png);
	font-weight: bold;
}
#premiumMemberJoin .postPay {
	position: absolute;
	left: 15px;
	top: 180px;
	width: 580px;
	text-align: center;
	font-size: 15px;
}
#premiumMemberJoin img {
	position: absolute;
	left: 15px;
	top: 30px;
}

#membermodify {
	position: absolute;
	left: 355px;
	top: 155px;
	font-size: 15px;
	padding: 0px 20px 0px 20px;
	height: 395px;
	width: 570px;
	background-color: #660000;	
	background-image: url(../images/formframe.png);
}
#artworkUpload {
	position: absolute;
	left: 355px;
	top: 155px;
	font-size: 15px;
	padding: 0px 20px 0px 20px;
	height: 395px;
	width: 570px;
	background-color: #660000;	
	background-image: url(../images/formframe.png);
}
#uploadFile {
    position: absolute;
	left: 338px;
	top: 155px;
	height: 725px;
	width: 643px;
	background-image: url(../images/uploadFilebg.png);
	text-align: center;
	z-index: 1;
}
#watchArtwork {
	position: absolute;
	left: 338px;
	top: 155px;
	height: 725px;
	width: 643px;
	background-image: url(../images/watchArtworkbg.png);
	text-align: center;
	z-index: 1;
}
#watchArtwork .title {
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 15px;
	font-weight: bold;
}
#whoSubmit {
	position: absolute;
	left: 355px;
	top: 155px;
	font-size: 15px;
	padding: 0px 20px 0px 20px;
	height: 395px;
	width: 570px;
	background-color: #660000;	
	background-image: url(../images/formframe.png);
}
#whoSubmit li {
	float: left;
	background-color: #000;
	height: 120px;
	width: 80px;
	text-align: center;
	border: 1px solid #FFF;
    margin-left: 2px;
	list-style: none;
}
#embedExample {
	border: 1px solid #FFF;
	color: #000;
	background-color: #FFF;
	padding: 5px;
	font-size: 10px;
	width: 525px;
	height: 100px;
	text-align: left;
	overflow: hidden;
	margin-left: 0px;
}
/*.exampleContent {
	font-size: 12px;
	color: #FFF;
	background-color: #000;
	width: 550px;
	text-align: left;
	overflow: auto;
	position: absolute;
}*/
#post {
	position: absolute;
	left: 355px;
	top: 155px;
	font-size: 15px;
	padding: 0px 20px 0px 20px;
	height: 395px;
	width: 570px;
	background-color: #660000;	
	background-image: url(../images/formframe.png);
}

.quickRegisterForm{
    position: absolute;
	left: -15px;
	top: -10px;
	height:420px;
	width: 640px;
	/*opacity:0.95;*/ /*For Firefox 之半透明設定*/
	/*filter: Alpha(Opacity=95);*/ /*For IE 之半透明設定*/
	background-image: url(../images/quickRegisterFormbg.png);
}
.quickRegisterFormArt {
    position: absolute;
	left: -15px;
	top: -10px;
	height:420px;
	width: 640px;
	/*opacity:0.95;*/ /*For Firefox 之半透明設定*/
	/*filter: Alpha(Opacity=95);*/ /*For IE 之半透明設定*/
	background-image: url(../images/quickRegisterFormArtbg.png);
}
.quickRegisterForm fieldset, .quickRegisterFormArt fieldset{
	width: 450px;
	margin: 15px;
	font-weight: bold;
	font-size: 15px;
	color: #FFF;
}
.quickRegisterForm legend, .quickRegisterFormArt legend {
	color: #FFF;
}
.quickRegisterForm .loginPos, .quickRegisterFormArt .loginPos {
	position: absolute;
	top: 0px;
}
.quickRegisterForm .registerPos, .quickRegisterFormArt .registerPos {
	position: absolute;
	top: 150px;
}
.quickRegisterForm fieldset ul, .quickRegisterFormArt fieldset ul{
    padding: 10px;
	font-weight: normal;
	color: #FFF;
	list-style: none;
}
.quickRegisterForm fieldset li, .quickRegisterFormArt fieldset li{
    padding: 0 0 5px 0;
}
.quickRegisterForm fieldset label, .quickRegisterFormArt fieldset label{
    float: left;  
    width: 130px;  
    margin-right: 1em;  
    text-align: right; 
}
.quickRegisterForm input, .quickRegisterFormArt input{
	width: 130px;
	background-color: #FFF;
}
.quickRegisterForm fieldset .formSubmitLogin, .quickRegisterFormArt fieldset .formSubmitLogin {
	position:relative;
	top: 10px;
	left: 147px;
	width: 130px;
	height: 20px;
	background-color: #000;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}
.quickRegisterForm fieldset .formSubmitRegister, .quickRegisterFormArt fieldset .formSubmitRegister {
	position:relative;
	top: 10px;
	left: 147px;
	width: 130px;
	height: 20px;
	background-color: #000;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}
.quickRegisterForm fieldset li img, .quickRegisterFormArt fieldset li img{
    position:relative;
	top: 6px;
	left: 0px;
}


#postPreview {
	position: absolute;
	left: 338px;
	top: 155px;
	font-size: 15px;
	height: 725px;
	width: 643px;
	/*background-color: #F00;*/
	z-index: 1;
	background-image: url(../images/postpreviewbg.png);
	text-align: center;
}
#postPreviewDescription {
	position: absolute;
	left: 27px;
	top: 30px;
	width: 585px;
	height: 660px;
	font-size: 12px;
	/*background-color: #000;*/
}
.postPreviewDesContent {
	position: absolute;
	left: 10px;
	top: 20px;
	width: 350px;
	height: 400px;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	text-align: left;
	text-indent: 10px;
	border: 2px inset #666;
	overflow: auto;
}
.classChoose {
	margin-left: 160px;
	margin-top: 67px;
}
.postList{
	position: absolute;
	left: 390px;
	top: 40px;
	text-align: left;
	font-size: 12px;
	width: 230px;
}
.postList th {
	width: 60px;
	height: 30px;
	text-align: right;
}
.postModify{
	position: absolute;
	left: 15px;
	top: 340px;
	clip: rect(0px 180px 60px 0px);
}
.goPay {
    position: absolute;
	left: 15px;
	top: 270px;
	clip: rect(0px 180px 60px 0px);
}
.postModify a:hover, .goPay a:hover {
    position: absolute;
	margin-top: -60px;
}
.postPay {
	position: absolute;
	right: 20px;
	bottom: 30px;
	width: 600px;
	height: 200px;
	border: 1px solid #FFF;
	background-color:#000;
	line-height: 20px;
	font-size: 15px;
}
.paypal {
    position: absolute;
	left: 20px;
	top: 35px;
}
.moneybookers {
    position: absolute;
	right: 20px;
	top: 35px;
}

#buyerKnowMore {
	position: absolute;
	left: 370px;
	top: 170px;
	width: 600px;
	height: 380px;
	background-image: url(../images/buyerKnowMore.png);
	font-size: 12px;
}
#buyerKnowMore .memberPost {
    position: absolute;
	left: 59px;
	top: 184px;
	clip: rect(0px 80px 80px 0px);
}
#buyerKnowMore .memberPost a:hover{
    position: absolute;
	margin-top: -80px;
}
#buyerKnowMore .memberBuyer {
    position: absolute;
	left: 226px;
	top: 184px;
	clip: rect(0px 80px 80px 0px);
}
#buyerKnowMore .memberBuyer a:hover{
    position: absolute;
	margin-top: -80px;
}

#designerKnowMore {
	position: absolute;
	left: 370px;
	top: 170px;
	width: 600px;
	height: 380px;
	background-image: url(../images/designerKnowMore.png);
	font-size: 12px;
}
#designerKnowMore .caseDesign {
    position: absolute;
	left: 59px;
	top: 184px;
	clip: rect(0px 100px 80px 0px);
}
#designerKnowMore .caseDesign a:hover{
    position: absolute;
	margin-top: -80px;
}
#designerKnowMore .memberDesigner {
    position: absolute;
	left: 226px;
	top: 184px;
	clip: rect(0px 80px 80px 0px);
}
#designerKnowMore .memberDesigner a:hover{
    position: absolute;
	margin-top: -80px;
}

.palList {
	position: absolute;
	left: 14px;
	top: 240px;
	height: 360px;
	width:316px;
	font-size: 12px;
	color: #FF0;
	background-color: #000;
	list-style:none;
	text-indent: 10px;
	font-weight: bold;
}
.palListContent {
	position: absolute;
	left: 2px;
	top: 20px;
	height: 320px;
	width: 300px;
	background-color: #8DA9A9;
	overflow: auto;
	padding: 2px;
	border: 3px double #FFF;
	color: #FFF;
	font-weight: normal;
}
.palListContent li {
	float: left;
	background-color: #000;
	height: 130px;
	width: 90px;
	text-align: center;
	border: 1px solid #FFF;
	margin-top: 2px;
	margin-left: 2px;
}

/***post分類選單***/
.postContent td ul a:link, .postContent td ul a:visited {
  	text-decoration:underline;
}
.postContent td ul ol a:link, .postContent td ul ol a:visited {
  	text-decoration:none;
}
.postContent td ol, .postContent td ul {
	padding:0;
  	margin-left:0px;
	margin-top: -15px;
	list-style:none;
	width: 270px;
}

.postContent td ul ol {/*第一層*/
	margin-left: 160px;
	margin-top: 0px;
	display: none;
	padding:0.5em;
	width:133px;
	background-color: #000;
	border: 2px solid #F00;
}
.postContent td ul li:hover ol {/*秀出第一層*/
  	display:block;
} 
.postContent td ol ul {
	margin-left: 10px;
	margin-top: 0px;
	display: none;
	width:100px;
}
.postContent td ol ul li:hover {/*第二層*/
	background:#FFF;
	width:100px;
	font-weight: bold;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FF0000;
	text-decoration: none;
}
.postContent td ol li:hover ul {/*秀出第二層*/ 
  	display:block;
	height: 100px;
} 
/***post分類選單結束***/

.member {
	font-weight: bold;
	color: #FF0;
}
.member a:link,.member a:visited {
    color: #F00;
	text-decoration:none;
}
.member a:hover {
	color: #F00;
	text-decoration: underline;
}

.memberData {
	color: #FFFF00;
	border: 0px;
	font-family: "MS UI Gothic";
	font-size: 12px;
	background-color: #000;
}
.artwork {
	font-weight: bold;
	color: #00CCFF;
}
.tableBG {
	background-color: #000;
}
.tableBG td {
	width: 95px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.tableBG th {
	text-align: left;
	width: 425px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;	
}
.tableBG tr:hover {
	background-color: #222;
	/*background-image: url(../images/boardbgframe2.png);*/
}
.formSubmit {
	position: absolute;
	right: 5px;
	bottom: 2px;
}
.formSubmitReply {
	position: absolute;
	right: 141px;
	bottom: 5px;
}
#surveyBuyer .formSubmit {
	position: absolute;
	left: 5px;
	bottom: 2px;
}
#post .formSubmit {
	position: absolute;
	right: 60px;
	bottom: 1px;
}
.formSubmit input {
    font-size: 12px;
	background-color: #000;
	color: #FFF;
	cursor: pointer;
}
.formSubmit a:link,.formSubmit a:visited, .formSubmitReply a:link,.formSubmitReply a:visited {
	color: #FFF;
	text-decoration:none;
	background-color: #000;
	border: 2px outset #FFF;
	padding:0 5px 0 5px; 
	font-size: 12px;
}
.formSubmit a:hover, .formSubmitReply a:hover {
	color: #F00;
	text-decoration: none;
	background-color: #000;
	border: 2px outset #FFF;
	padding:0 5px 0 5px;
	font-size: 12px; 
}

.btmLink {
	position: absolute;
	right: 5px;
	bottom: 4px;
}
.btmLink ul {
	list-style: none;
}
.btmLink li {
	float: left;
}

#surveyBuyer .btmLink {
	position: absolute;
	right: 5px;
	bottom: 4px;
}
.btmLink a:link,.btmLink a:visited {
	color: #FFF;
	text-decoration:none;
	background-color: #000;
	border: 2px outset #FFF;
	padding:0 5px 0 5px; 
	font-size: 12px;
}
.btmLink a:hover {
	color: #F00;
	text-decoration: none;
	background-color: #000;
	border: 2px outset #FFF;
	padding:0 5px 0 5px;
	font-size: 12px; 
}
.tablePost {
	font-size: 12px;
	background-color: #000;
	border: 3px outset #FFF;
}
.tablePost th {
	width: 95px;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #FFF;
	border-right-width: 1px;
	border-right-style: groove;
	border-right-color: #FFF;
}
.tablePost td {
	text-align: left;
	width: 450px;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #FFF;
}
/*.tablePost tr:hover {
	background-color: #550000;
	background-image: url(../images/boardbgframe2.png);;
}*/
.designerCommentIcon {
	position: absolute;
	left: 190px;
	top: 585px;
	height: 104px;
	width: 204px;
	background-color: #000;
	background-image: url(../images/designerCommentIcon.gif);
}
.buyerFeedbackIcon {
    position: absolute;
	left: 190px;
	top: 540px;
	height: 104px;
	width: 204px;
	background-color: #000;
	background-image: url(../images/buyerFeedbackIcon.gif);
}
/*控制創作者回應頁面左側的懸賞狀態資訊區塊*/
.processStatus {
	position: absolute;
	left: -278px;
	top: -18px;
	width: 233px;
	height: 80px;
	z-index: 1;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
.processStatusSubmit {
	position: absolute;
	left: 280px;
	top: 0px;
	width: 600px;
	z-index: 2;
	color: #000;
	font-size: 12px;
	text-align: left;
}
.processStatusSubmit input {
    background-color: #A00000;
	color: #FFF;
}

.tableDesignerList {
	position: absolute;
	left: 380px;
	top: 160px;
	color: #000;
}
.tableDesignerList th{
	width: 200px;
	height: 110px;
}
.tableDesignerList td{
	width: 110px;
	height: 110px;
	text-align: center;
}
#siteSearch {
	position: absolute;
	right: 20px;
	top: 47px;
	z-index: 1;
	background-color: #000;
	width: 297px;
	height: 27px;
	border: 1px outset #FFF;
}
#siteSearch .textStyle {
    position: absolute;
	left: 5px;
	top: 3px;
    background-color: #FFF;
	color: #000;
	width: 205px;
	height: 15px; 
}
#siteSearch .formSubmit {
    position: absolute;
	right: 5px;
	top: 4px;
	width: 70px;
	height: 20px;
    background-color: #000;
	color: #FFF; 
	cursor: pointer;
}
.textareaContent {
	width: 90%;
	height: 160px;
	overflow: auto;    
}
.rightArtworkUpload {
	width: 550px;
	padding:5px;
}
.rightArtworkUpload ul {
	margin-left: 20px;
	width: 520px;
	text-align: justify;
}
.textareaContentArtworkUpload {
	width: 95%;
	height: 300px;
	overflow: auto;    
}
.textareaContentPost {
	width: 570px;
	height: 130px;
	overflow: auto;    
}

.postNeedEx a:link, .postNeedEx a:visited {
	text-decoration: underline;
	color:#F00;
}
.postNeedEx a:hover {
	text-decoration: underline;
	color:#FF0;
}
#postNeedExample {
	position: absolute;
	top: 215px;
	left: 113px;
	color: #000;
	background-color: #FFF;
	height: 120px;
	width: 447px;
	border: 2px double #F00;
	font-size: 15px;
	font-weight: normal;
}
#postNeedExample ul {
	position: absolute;
	left: 15px;
	top: 20px;
	text-align: center;
	width: 440px;
}
#postNeedExample ul li {
	text-align: left;
	font-size: 12px;
}
.stepTitle {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

.goModifyBuyer {
	position: relative;
	left: 0px;
	top: 10px;
}
.goModifyBuyer a:link, .goModifyBuyer a:visited {
	text-decoration: none;
	color:#FFF;
	padding: 1px 2px 1px 2px;
	background-color:#F0AD11;
	border: 2px outset #F0AD11;
}
.goModifyBuyer a:hover {
	text-decoration: none;
	color:#F00;
	background-color:#F0AD11;
	border: 2px inset #F0AD11;
}
.goModifyDesigner {
	position: relative;
	left: 0px;
	top: 5px;
}
.goModifyDesigner a:link, .goModifyDesigner a:visited {
	text-decoration: none;
	color:#FFF;
	padding: 1px 2px 1px 2px;
	background-color:#00F;
	border: 2px outset #00F;
}
.goModifyDesigner a:hover {
	text-decoration: none;
	color:#F00;
	background-color:#00F;
	border: 2px inset #00F;
}