body { font-size: 8pt; font-family: verdana,arial,sans-serif;  color: #000;  background: #fff;  margin: 0 0 0 0; }
table,input { font-size: 8pt; font-family: verdana,arial,sans-serif; }
p {	margin-top: 10px; margin-bottom: 10px; }
h1 { font-size: 14pt; color: #74735D; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0; }
h2 { font-size: 12pt; color: #606060; }
h3 { font-size: 10pt; color: #606060; }
small { font-size: 7pt; }
blockquote { margin-left:16; margin-right:0; margin-top:0; margin-bottom:0; }
form { margin-top: 0px; margin-bottom: 0px; }
h1.sp {	margin-bottom: 0px; }
p.sp2 { margin-top: 0px; }
a:link,a:visited,a:active { text-decoration: underline; }
a:hover { text-decoration: underline; color:#0000ff; }
.topmenu { color: #fff; font-weight:bold; }
a.topmenu:link,a.topmenu:visited { text-decoration: none; color: #fff; }
a.topmenu:active,a.topmenu:hover { text-decoration: none; color: #5A5948; }
a.sidemenu:link,a.sidemenu:visited { text-decoration: none; }
a.sidemenu:active,a.sidemenu:hover { text-decoration: underline; }
a.selected:link,a.selected:visited,a.selected:active { text-decoration: none; background-color: #fff; }
a.selected:hover { text-decoration: none; background-color: #fff; color: #000066; }
a.simple:link,a.simple:visited,a.simple:active,a.simple:hover { text-decoration: none; color: #cccccc; }
a.noline { text-decoration: none; color: #C0C0C0; }
.disabled { color: #c0c0c0; }
.flat { background-color: #fff; color: #000; border-right: #000 1px solid; border-top: #000 1px solid; border-left: #000 1px solid; border-bottom: #000 1px solid; }
textarea.width100 { background-color: #fff; color: #000; border-right: #000 1px solid; border-top: #000 1px solid; border-left: #000 1px solid; border-bottom: #000 1px solid; width:100%; }

.comment { color:#c0c0c0; }
.expanded {display:}
.collapsed {display: none}
.inputtext { width:100px; }

.c0 { background-color:#fff; text-align:center; }
.c1 { background-color:#e0e0e0; color:#000; }
.c2a { background-color:#606060; color:#fff; }
.c2b { background-color:#606060; color:#ff0000; }
.c3a { background-color:#e0e0e0; color:#909090; }
.c3b { background-color:#FEB286; color:#909090; }
.c4 { background-color:#F16237; color:#fff; font-weight:bold; }
.c5 { background-color:#42C042; color:#fff; font-weight:bold; }

a.c3a:link,a.c3a:visited,a.c3a:active,a.c3a:hover { text-decoration: none; background-color:#e0e0e0; color:#000; font-weight:bold; }
a.c3b:link,a.c3b:visited,a.c3b:active,a.c3b:hover { text-decoration: none; background-color:#f0c0c0; color:#000; font-weight:bold; }
a.c4:link,a.c4:visited,a.c4:active,a.c4:hover { text-decoration: none; color: #fff; }
a.c5:link,a.c5:visited,a.c5:active,a.c5:hover { text-decoration: none; color: #fff; }

ul.spec {   margin-bottom: 0px;    margin-left: 16;  padding: 0; }
ul.newonsite { margin-bottom: 0;  margin-top: -1em;  margin-left: 0.8em;  padding-left: 0.8em;  padding-top: -1em;  padding-bottom: 0; }

TR.userresponse { font-size: 12px; color: #000; background-color: #fafafa }
TD.userresponse { font-size: 12px; color: #000; background-color: #fafafa }
TR.userstaffresponse { font-size: 12px; color: #000; background-color: #efefef }
TD.userstaffresponse { font-size: 12px; color: #000; background-color: #efefef }
TR.userstaffaction { font-size: 12px; color: #000; background-color: #eeeeee }
TD.userstaffaction { font-size: 12px; color: #000; background-color: #eeeeee }
TR.usertab { font-size: 12px; color: #000; background-color: #c4cddb }
TD.usertab { font-size: 12px; color: #000; background-color: #c4cddb }

/* ------------------------lightbox ------------------------ */

#lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #ddd; width: 250px; height: 250px;	margin: 0 auto;	}
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%;	width: 100%; text-align: center; line-height: 0; }
#hoverNav {	position: absolute;	top: 0;	left: 0; height: 100%; width: 100%;	z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink{ width: 49%; height: 100%;	background: transparent url(../img/icons/blank.gif) no-repeat; display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/icons/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/icons/next.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif;	background-color: #ddd;	margin: 0 auto;	line-height: 1.4em;	}
#imageData { padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay { position: absolute; top: 0; left: 0;	z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;	}
.clearfix:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix {	display: inline-block; width: 100%; }

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* ------------------------shadetabs ------------------------ */		

/***********************************************
* Tab Content script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/			
								
.shadetabs { padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; }
.shadetabs li { display: inline; margin: 0; }
.shadetabs li a { text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background: white url(http://www.macpower.com.tw/img/icons/shade.gif) top left repeat-x; }
.shadetabs li a:visited { color: #2d2b2b; }
.shadetabs li a:hover { text-decoration: underline; color: #2d2b2b; }
.shadetabs li.selected { position: relative; top: 1px; }
.shadetabs li.selected a { background-image: url(http://www.macpower.com.tw/img/icons/shadeactive.gif); border-bottom-color: white; }
.shadetabs li.selected a:hover{ text-decoration: none; }
.tabcontentstyle{ border: 1px solid gray; width: 98%; margin-bottom: 1em; padding: 10px; }
.tabcontent{ display:none; }

@media print {
.tabcontent {
display:block!important;
}
}