@charset "utf-8";
object, a, :focus { outline: none; }


.error {
	color: #FF0000;
	display: block;
}
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.event_detail_tit{font-size:16pt; color:#FF3300; font-weight:bold; text-align:left; border-bottom:1px solid #FF3300;width:558px;}
.event_detail_tit span{ color:#FF9900; margin-right:5px; margin-left:10px; font-weight:normal; font-size:12px;}
.event_detail{ margin-top:15px; margin-bottom:15px; line-height:150%}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}

a.button {
	background: transparent url('../images/button_right.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	cursor:pointer;
}
a.button span {
	background: transparent url('../images/button_left.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}

/* CSS Document */
/*html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } */
html, body, form { margin: 0; padding: 0; }
body{
	font:13px Arial, "新細明體";
}

.content{
	margin:20px 20px;
	width:100%;
	overflow:hidden;
	width:600px;
	font-size: 13px;
}
/*== pages == */
.Pages {
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}
.Pages a {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Pages a:hover {
	BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; BACKGROUND: #0066cc; BORDER-LEFT: #003399 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #003399 1px solid
}

.s12 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	line-height: 25px;
	font-weight: bold;
}
.s08 {
	font-size: 15px;
	color: ;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	line-height: 1.5em;
}
.vip02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F00;
	text-decoration: none;
}
.vip02 a {
	color: #F00;
	text-decoration: none;
}
.vip02 a:hover {
	color: #900;
	font-weight: bold;
}
.vip01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #F11C22;
	text-decoration: none;
	font-weight: bold;
}
.vip01 a {
	color: #F11C22;
	text-decoration: none;
	font-weight: bold;
}
.vip01 a:hover {
	color: #900;
	text-decoration: none;
}
.contents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 18px;
}
#overflownew2 {
	overflow:hidden;
	width:470px;
	height:70px;
}
#overflownew {
	overflow:hidden;
	width: 180px;
	height: 15px;
}
.SubMenu{
	background-repeat:no-repeat;
	height:35px;
	line-height:35px;
}
.SubMenu a{
	color:#666;
	text-decoration: none;
}
.SubMenu a:hover{
	color:#F00;
}
.SubMenu01 {
	width:153px;
	font-size:13px;
	color:#666;
	line-height:30px;
	padding-left:30px;
	}
.SubMenu01 a {
	text-decoration:none;
	color:#666;
	}
.SubMenu01 a:hover {
	font-weight:bold;
	}
.SubMenu02 {
	width:153px;
	font-size:12px;
	color:#666;
	line-height:30px;
	padding-left:35px;
	}
.SubMenu02 a {
	text-decoration:none;
	color:#666;
	}
.SubMenu02 a:hover {
	font-weight:bold;
	}
.ProList{
	height:auto;
}
.ProName{
	height:28px;
	width:157px;
}
.top_box{
	position:relative;
	margin:0 auto;
	width:1024px;
	overflow:hidden;
}
.index_box{
	position:relative;
	margin:0 auto;
	width:800px;
	overflow:hidden;
}
/*-- i_main_box ---*/
.i_main_box{
	width:1024px;
	margin:0 auto;
	overflow:hidden;
	margin-top:0px;
}
.right_top{
	float:left;
	width:690px;
	position:relative;
	text-align:left;
	overflow:hidden;
	height: 28px;
	margin-left:20px;
	background-image: url(../images/lin_01.jpg);
	background-repeat: no-repeat;
}
.right_box{
	float:left;
	width:700px;
	position:relative;
	text-align:left;
	overflow:hidden;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:30px;
	height: auto;
}
.left_box{
	padding-left:60px;
	float:left;
	width:157px;
	padding-bottom: 10px;
	/*height: 400px;*/
	/*jq here*/
}


/*--- footer ---*/
.footer{
	margin:0 auto;
	width:1024px;
	overflow:hidden;
	clear:both;
	color:#626262;
	height:115px;
	margin-top:0px;
	background-image: url(../images/footer.jpg);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.footer p{
	margin:0 auto;
	width:1024px;
	margin-top:35px;
}
.footer2{
	margin:0 auto;
	width:1024px;
	overflow:hidden;
	clear:both;
	color:#626262;
	height:104px;
	margin-top:0px;
	background-image: url(../images/footer_02.jpg);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.footer2 p{
	margin:0 auto;
	width:1024px;
	margin-top:35px;
	margin-left:10px;
}
.oz {
	font-size: 11px;
	color: #626262;
	font-family: Arial;
	text-decoration: none;
}
.oz a{
	color: #626262;
	font-family: Arial;
	text-decoration: none;
}
.oz a:hover{
	color: #000;
	text-decoration: none;
}
.text01 {
	font-size: 14px;
	color: #626262;
	font-family: Arial;
	text-decoration: none;
}
.text01 a{
	color: #626262;
	font-family: Arial;
	text-decoration: none;
}
.text01 a:hover{
	color: #000;
	text-decoration: none;
}
.text02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #036;
	text-decoration: none;
	font-weight: bold;
}
.text03 {
	font-size: 15px;
	color: #626262;
	font-family: Arial;
	text-decoration: none;
}
.text03:hover{
	color: #000;
	text-decoration: none;
}
.text04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E30282;
	text-decoration: none;
	font-weight: bold;
}
.newtext {
	font-size: 14px;
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.newtext a{
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.newtext a:hover{
	color: #FA6E3D;
	text-decoration: none;
}
.Promotion01{
	float:left;
	width:700px;
	position:relative;
	text-align:left;
	overflow:hidden;
	padding-top:5px;
	margin-left:15px;
	height: auto;
	font-size: 15px;
}
.paging{
	width:650px;
	padding-top:20px;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
.paging a{
	text-decoration: none;
	color: #666;
}
.blue01 {
	font-size: 13px;
	color: #0072BC;
	font-weight: bold;
}

.paging a:hover {
	color: #000;
	font-weight: bold;
}
.m_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #FF6411;
}
.w_name3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 23px;
	color: #444444;
}
input {
	BORDER-BOTTOM: #c3c3c3 1px solid;
	BORDER-LEFT: #c3c3c3 1px solid;
	FONT-FAMILY: Arial, "新細明體";
	COLOR: #666;
	FONT-SIZE: 12px;
	BORDER-TOP: #c3c3c3 1px solid;
	BORDER-RIGHT: #c3c3c3 1px solid
}
input.search{
	font-family:Arial, "新細明體";
	font-size:12px;
	color:#E30282;
	width:60px;
	height:20px;
	border-width:0px;
	background-image: url(../images/search_01.jpg);
}
input.search:hover{
	color:#F3C;
	background-image: url(../images/search_01b.jpg);
}
input.logo{
	background-color: #FFE9F5;
	border-width:1px;
	border-color: #FF99C9;
	width:97px;
	height: 16px;
}

/*------------------------*/
body .fs12 {
	font-size: 12px;
	}
a.option {
	display: block;
	border: solid 1px #ddd;
	width: 184px;
	height: 184px;
	}
.jobform p strong {
	display: inline-block;
	width: 60px;
	}
.jobform .error { display: inline; padding-left: 8px; }
.jobform input { width: 180px; }

.infolist {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 650px;
	color: #f00;
	}
.infolist a { text-decoration: none; color: #f00; }
.infolist a:hover { color: #900; }
.infolist li { border-bottom: dotted 1px #ccc; padding: 10px 0; overflow: hidden; }
.infolist div { float: right;	width: 350px; text-align: right; }
.infolist h2 { 
	border-bottom: solid 1px #f00;
	overflow: hidden;
	font-size: 16pt;
	line-height: 30px;
	text-align: left;
	}
.infolist h2 span {
	float: right;
	display: block;
	width: 80px;
	font-size: 13px;
	text-align: right;
	}
.infolist div p { color: #666; text-align: left; font-size: 14px; }
.infolist img { float :left; }
/*Pricebar digi*/
#pricebar {
	width: 200px;
	height: 267px;
	overflow: hidden;
	background: transparent url(../images/oilbar.jpg) 0 0 no-repeat;
	position: relative;
	}
#pricebar .row {
	width: 48px;
	height: 24px;
	position: absolute;
	left: 95px;
	top: 152px;
	}
#pricebar #row2 { top: 181px; }
#pricebar #row3 { top: 209px; }
#pricebar #row4 { top: 236px; }
#pricebar .row span {
	display: block;
	width: 13px;
	height: 24px;
	overflow: hidden;
	position: relative;
	float: left;
	*zoom: 1;
	}
#pricebar .row span.col1 { margin: -2px 1px 2px 0; }
#pricebar .row span.col2 { margin-right: 8px; }
#pricebar .row span.col3 { margin: 3px 0 -3px 0; }
#pricebar .row span img {
	position: absolute;
	left: 0;
	}
/*Marquee Scroll*/
#marquee {
	width: 648px;
	height: 117px;
	padding: 0 18px;
	overflow: hidden;
	background: transparent url(../images/marqueeframe.gif) 0 0 repeat;
	position: relative;
	}
#marquee div.holder {
	padding: 0;
	border: solid 1px #ddd;
	border-left-color: #f2f2f2;
	border-right-color: #f2f2f2;
	background: #FFF;
	overflow: hidden;
	height: 115px;
	position: relative;
	}
#marquee ul {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	overflow: hidden;
	width: auto;
	height: 103px;

	*zoom: 1;
	}
#marquee ul li {
	float: left;
	height: 105px;
	width: auto;
	padding-right: 40px;
	}
#marquee ul li a { display: block; border: solid 1px #FFF; }	
#marquee ul li a:hover { border-color: #f00; }	
#marquee ul li a img {border: none; }
/*sidebg*/
.sidebg {
	background: transparent url(../images/sidebg.gif) right 14px no-repeat;
	height: 234px;
	}

table.text01 { font-size: 15px; }
table.text01 a { color: #e00; font-weight: bold; }

/*paging*/
div.paging { text-align: center; }
div.paging a { line-height: 20px; display: inline-block; vertical-align: top; }
div.paging .prev, div.paging .next {
	display: inline-block;
	_zoom: 1;
	width: 66px;
	height: 20px;
	background: transparent url(../images/pagination.gif) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -999px;
	*line-height: 100px;
	*text-indent: 0;
	}
div.paging .next { background-position: right 0; }
div.paging a.prev:hover {	background-position: 0 -21px; }
div.paging a.next:hover { background-position: right -21px; }

/*SHOPMENU*/
#shopmenu {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	width: 157px;
	}
#shopmenu li { margin: 0; padding: 0; *height: 33px; }
#shopmenu li a, #shopmenu li a span {
	display: block;
	width: 157px;
	height: 36px;
	overflow: hidden;
	}
#shopmenu li a span { display: block; }
#shopmenu li a span.hover { display: none; }
#shopmenu li img { border: none; display: block;  }

/*sep*/
div.sep { padding: 20px 0; border-top: solid 1px #ddd; margin-top: 20px; }
div.sep a { text-decoration: none; color: #f00; font-weight: bold; }
div.sep a:hover { text-decoration: underline; }

/*td.content*/
td.contents a { color: #666; text-decoration: none; }
td.contents a:hover { text-decoration: underline; }

/*login form*/
.middle { padding: 20px 0 0 174px; }
.middle .inner {
	width: 332px;
	height: 220px;
	background: transparent url(../images/loginbg.jpg) 0 0 no-repeat;
	}
.middle .inner div { padding: 0 10%; }
.middle .inner div div { padding: 6px 0 0 0; }
.middle .inner input {
	background: transparent url(../images/inputbg.jpg) 0 0 repeat-x;
	padding: 3px;
	width: 100%;
	margin-top: 6px;
	}
.middle .inner b { font-size: 15px; }
.event_list_box { margin-left: -174px; }

.loginframe {
	background: transparent url(../images/loginframe.jpg) 0 0 no-repeat;
	height: 300px;
	padding-top: 14px;
	margin-top: 20px;
	}

/*Product*/
.Promotion01 a.thickbox img { border: solid 1px #ddd; }
.Promotion01 a.thickbox:hover img { border-color: #d00; }