body {
	background-color: #1a1a1a;
	margin: 0px;
	color: #CCCCCC;
	text-decoration: none;
	font-family: Verdana, "新細明體";
	font-size: 0.8em;
	line-height: 1.8em;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
	width: 100%;
}

a{
	font-weight: normal;
	color: #00FFFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
table {	border-collapse:collapse;}
div, img, input ,a{ behavior: url(scripts/iepngfix.htc)}
input, select, textarea {
	font-size: 0.9em;
	color: #CCCCCC;
	background-color: #333333;
	border: 1px solid #999999;
}
textarea {
 SCROLLBAR-FACE-COLOR: #333333;
 SCROLLBAR-HIGHLIGHT-COLOR: #999999;
 SCROLLBAR-SHADOW-COLOR: #999999;
 SCROLLBAR-3DLIGHT-COLOR: #1a1a1a;
 SCROLLBAR-ARROW-COLOR: #999999;
 SCROLLBAR-TRACK-COLOR: #1a1a1a;
 SCROLLBAR-DARKSHADOW-COLOR: #1a1a1a;
 SCROLLBAR-BASE-COLOR: #999999;
}
.bg-xt {
	background-repeat: repeat-x;
	background-position: left top;
}
.bg-xc {
	background-repeat: repeat-x;
	background-position: left center;
}
.bg-xb {
	background-repeat: repeat-x;
	background-position: left bottom;
}
.bg-yr {
	background-repeat: repeat-y;
	background-position: right top;
}
.bg-yl {
	background-repeat: repeat-y;
	background-position: left top;
}
.bg-yc{
	background-repeat: repeat-y;
	background-position: center top;
}
.darkYellow {
	color: #a09f8e;
}



.red { color: #CC0000; }
.green { color: #009900; }
.blue {	color: #0000FF;}
#headerDiv .header {
	margin: 0px auto;
	width: 1003px;
	text-align: left;
	height: 100%;
}
#headerDiv .logo {
	float: left;
	margin-left: 10px;
}
#headerDiv .navigation {
	margin-left: 220px;
	height: 100%;
	width: auto;
}
#headerDiv .navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#headerDiv .navigation ul li {
	display: inline;
	margin: 0px;
	line-height: 35px;
	height: 100%;
	padding: 0;
	float: left;
}
#headerDiv .navigation ul li a {
	margin: 0px;
	width: auto;
	display: block;
	height: auto;
	line-height: 35px;
	padding: 10px 1em;
}
#submenu1 {
	height: 101px;
	width: 101px;
	position: absolute;
	margin: 35px 0px 0px -152px;
	padding: 0px;
	left: 50%;
	line-height: normal;
	display:none;
}
#submenu1 dd {
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: auto;
}
#submenu1 dd a {
	display:block;
	width:100%;
}
#submenu2 {
	height: 101px;
	width: 101px;
	position: absolute;
	margin: 35px 0px 0px -42px;
	padding: 0px;
	left: 50%;
	line-height: normal;
	display:none;
}
#submenu2 dd {
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 100%;
}
#submenu2 dd a {
	padding: 0px 0px 0px 10px;
	background-image: url(../images/submenu_bg.png);
	background-repeat: no-repeat;
	color:#CCCCCC;
	text-decoration: none;
	display:block;
	width:100%;
	line-height: 25px;
}
#submenu2 dd a:hover {
	color:#FFFFFF;
}
#content .frame {
	table-layout: fixed;
	display: block;
}
#content .login {
	border: 5px solid #1a1a1a;
	margin: 50px auto;
	clear: both;
	width: 300px;
}
#content .login table {
	border-collapse: collapse;
	table-layout:fixed;
}
#content .login td {
	padding-left: 0.5em;
	background-color: #404040;
	text-align: left;
}



#content .sidebarTitle {
	margin: 0px 35px 10px 10px;
	border-bottom: 1px solid #666666;
	text-align: right;
	height: 64px;
	width: auto;
}
#content .sideMenu {
	margin: 0px 35px 10px;
	width: auto;
}

#content .sideMenu ul {
	margin:0;
	padding: 0px;
	list-style-type: none;
}
#content .sideMenu ul li a {
	color: #e5e5e5;
}
#content .sideMenu ul li a:hover {
	color: #00ffff;
}
#content .service-table {
	border: 5px solid #1a1a1a;
	margin: 0px auto 1em;
}
#content .service-table table {
	border-collapse: collapse;
	table-layout:fixed;
}

#content .service-table td {
	padding-left: 0.5em;
	text-align: left;
	background-color: #404040;
}
#content .service-table th {
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 0.5em;
	background-color: #333333;
	white-space: nowrap;
}
#content .service-table th.sub {
	background-color: #1a1a1a;
}

#content .serviceMenu {
	clear: both;
	position: absolute;
	left: 50%;
	margin-left: 160px;
	white-space: nowrap;
	top: 120px;
}
#content .serviceMenu a {
	padding: 0px 7px;
	border-right: 1px solid #CCCCCC;
}
#content .memberArea {
	clear: both;
	float: right;
	width: auto;
	margin-bottom: -36px;
}

#content .memberArea a {
	padding: 0px 7px;
	border-right: 1px solid #CCCCCC;
}
#content .unit {
	width: 690px;
	float: left;
}
#content .unit p {
	margin: 0.3em 0px 1em;
}

#content .unit .companyInfo {
	display: inline;
	list-style-type: none;
}
#content .unit .companyInfo li {
	display: inline;
}
#content .unit .companyInfo .item {
	text-align: left;
	float: left;
	width: 5em;
	color: #999999;
}
#content .unit .companyInfo  .comment {
	margin-left: 5em;
	zoom: 1;
}
#content .unit .couponDiv {
	float:left;
	width:50%;
	text-align:center;
	margin-bottom:20px;
	height: 150px;
}
#content .unit .coupon {
	filter: DropShadow(Color=#000000, OffX=3, OffY=3, Positive=1);
	padding-right: 3px;
	padding-bottom: 3px;
}
#content .unit .couponDownload {
	margin-left: -40px;
	margin-bottom: -20px;
}
#content .unit .eventsDiv {
	border-bottom: 1px dotted #CCCCCC;
	float: left;
	width: 100%;
	margin-bottom: 0.8em;
	padding-bottom: 0.8em;
}
#content    .unit    .eventsDiv  .commentDiv {
	margin: 0px 0px 0px 130px;
}
#content  .unit  .eventsDiv  .commentDiv  h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px;
}
#content    .unit    .eventsDiv   .thumbnail {
	float: left;
	width: 121px;
}

#content .unit .fileDownload {
	border: 0px solid #1a1a1a;
	margin: 0px auto 1em;
}
#content .unit .fileDownload table {
	border-collapse: collapse;
	table-layout:fixed;
}

#content .unit .fileDownload td {
	padding-left: 0.5em;
	border-bottom: 1px solid #666666;
}
#content .unit .fileDownload th {
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 0.5em;
	background-color: #000000;
	white-space: nowrap;
}
#content .unit .floatPhoto {
	float: right;
}
#content .unit .galleryDiv {
	background-image: url(../images/galleryBg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 109px;
	width: 138px;
	text-align: center;
}
#content .unit .galleryDiv img {
	border: 1px solid #CCCCCC;
	margin-top: 8px;
}
#content .unit .history {
	display: inline;
	list-style-type: none;
}
#content .unit .history li {
	display: inline;
}
#content .unit .history .year {
	text-align: left;
	float: left;
	width: 5em;
	color: #a09f8e;
}
#content .unit .history  .event {
	margin-left: 5em;
	zoom: 1;
}
#content .unit .jobVacancy {
	list-style-type: square;
}
#content .unit .jobVacancy li {
	color: #a09f8e;
}
#content .unit .jobVacancy  ul li {
	list-style-position: outside;
	list-style-type: decimal;
	color: #CCCCCC;
}
#content .unit .jobApply {
	list-style-type: square;
}
#content .unit .leftBlock {
	margin-right: 250px;
}
#content .unit .shopLocator {
	border: 0px solid #1a1a1a;
	margin: 0px auto 1em;
}
#content .unit .shopLocator table {
	border-collapse: collapse;
	table-layout:fixed;
}

#content .unit .shopLocator td {
	padding-left: 0.5em;
	text-align: left;
	border-bottom: 1px solid #666666;
}
#content .unit .shopLocator th {
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 0.5em;
	background-color: #000000;
	white-space: nowrap;
	text-align: left;
}
#content .unit .shoppingRecord {
	border: 0px solid #1a1a1a;
	margin: 0px auto 1em;
}
#content .unit .shoppingRecord table {
	border-collapse: collapse;
	table-layout:fixed;
}

#content .unit .shoppingRecord td {
	padding-left: 0.5em;
	border-bottom: 1px solid #666666;
	text-align: center;
}
#content .unit .shoppingRecord th {
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 0.5em;
	background-color: #000000;
	white-space: nowrap;
	text-align: center;
}
#content .unit .subTitle-underline {
	color: #a09f8e;
	width: auto;
	display: block;
	padding-bottom: 4px;
	border-bottom: 1px dotted #666666;
	margin-top: 20px;
	background-image: url(../images/subTitleTag.gif);
	background-repeat: no-repeat;
	background-position: leftcenter;
	padding-left: 16px;
	line-height: normal;
}
#content .unit .subTitle {
	color: #a09f8e;
	width: auto;
	display: block;
	padding-bottom: 4px;
	margin-top: 20px;
	background-image: url(../images/subTitleTag.gif);
	background-repeat: no-repeat;
	background-position: leftcenter;
	padding-left: 16px;
	line-height: normal;
}
#content .unit .topic {
	margin: 36px 0 10px;
	border-bottom: 1px solid #666666;
	text-align: left;
	padding-bottom: 10px;
	clear: both;
	width: auto;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
}


#content .unit .stage {
	border: 0px solid #1a1a1a;
	margin: 0px auto 1em;
}
#content .unit .stage table {
	border-collapse: collapse;
	table-layout:fixed;
}
#content .unit .stage th {
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 0.5em;
	background-color: #000000;
	white-space: nowrap;
}
#content .unit .stage td {
	padding-left: 0.5em;
	border-bottom: dotted 1px #555555;
}
#content .unit .stage .thumbDiv {
	width:auto;
	margin:0 0.1em;
	text-align:center;
	border:solid 1px #555555;
	float:left;
}
#content .unit .stage .thumbDiv img {
	clear:both;
}
#content .unit .stage .subItem table {
	border-collapse: collapse;
	table-layout:fixed;
}
#content .unit .stage .subItem th {
	font-weight: normal;
	color: #FFFFFF;
	background-color:#666666;
	white-space: nowrap;
}
#content .unit .stage .subItem td {
	padding-left: 0.5em;
	border-bottom:  dotted 1px #555555;
}
#content .unit .stage .subItem tr.last td{
	padding-left: 0.5em;
	border-bottom:  dotted 0px #555555;
}
.notice {
	color: #FFFF99;
}
.shoppingDetails {
	border-collapse: collapse;
	table-layout:fixed;
	color:#888888;
}
.shoppingDetails  thead th {
	padding-left: 0.5em;
	background-color: #FFCC99;
	color:#333333;
}
.shoppingDetails  tbody td {
	padding-left: 0.5em;
	border-bottom: 1px solid #CCCCCC;
}