html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;  
 font-size:12px; font-family:Arial, Helvetica, sans-serif;
 color:#444444;
} 
a:link{    color: #000000;    text-decoration: none;}
a:visited{ color:#000000;text-decoration: none;}
a:hover{ color: #FF3399;text-decoration: none;}

#pagewidth{ 
 width:950px; 
 text-align:left; 
 margin:0 auto;  
 background-color:#f1ebdb;
} 
 
#header
{
    position: relative;
    height: 200px;
    width: 100%;
    display: block;
    overflow: visible;
} 
 
#leftcol{
 width:210px; 
 float:left; 
 position:relative; 
 }
 
#maincol{  
 position: relative; 
 width:740px;
 float:right; 
 }
#maincol2{  
 position: relative; 
 width:950px;
 }
 
#footer{
 height:130px; 
 clear:both;
 display:block;
 overflow:auto;
} 
 

 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
/***********************************************/
/*          customer                           */
/***********************************************/
.bg{ background-color:#e6dbc3;}
*{margin:0; padding:0;} 
table,img{ border:0; text-align:center; }
.txtLeft{text-align:left;}
.txtCenter{ text-align:center;}
/*============= text ================*/
.tx01{ background-color:#c0a986; height:15px;}
.tx02{ text-align:right; padding-right:30px;}
.tx03{color:#666666;font-weight:bolder; font-size:14px;}
.tx04{color:#ff0000;font-weight:bolder; font-size:14px;}
.tx05{color:#ffffff;font-weight:bolder; font-size:16px;}
.tx06{ padding-left:10px}
.tx07{text-align:left; padding-right:100px;}
.tx08{text-align:left; padding-right:125px;}
.tx09{ padding-top:10px;}
.tx10{ letter-spacing:2px; line-height:1.5;}
.tx11{ letter-spacing:1px; line-height:1.5; font-size:16px;}
.tx11 a:link{ color:#0000FF;}
.tx11 a:visited{ color:#0000FF;text-decoration: none;}
.tx11 a:hover{ color: #FF3399;text-decoration: none;}
.tx12{color:#333;font-weight:bolder; font-size:16px;}
.title{ margin-left:5px; font-size:15px; font-weight:bold;}
 
/*============= bg ================*/
.bg01{ background-image:url(../images/pattern02.jpg);}
.bg02{ background-image:url(../images/pattern03.jpg); background-repeat:repeat-x; width:650px;}
.bg03{ background-color:#794d13;}
.bg04{ background-image:url(../images/pattern23.jpg); background-repeat:repeat-y; }
.color01{background-color:#FFFFFF;}
.red{color:#FF0000;}
.black{color:#000000;}
.cofe{color:#794d13;}
.blue{color:#0318b8;}
.bold{ font-weight:bolder;}

.border01{ border:1px solid #dddddd; padding: 3px; }
.border02{ border-left:1px solid #777777; padding-right: 3px; }
.border03{ border-bottom:1px solid #777777;}
.border04{ 	border-bottom:1px dashed #666666;}
.paddingL_01{ padding-left:30px;}

.hot01{ background:url(../images/pattern17.jpg) no-repeat top left; width:10px; height:15px;}
.hot02{ background:url(../images/pattern18.jpg) no-repeat top right; width:10px; height:10px;}  
.hot03{ background:url(../images/pattern19.jpg) no-repeat top left;}
.hot04{ background:url(../images/pattern20.jpg) no-repeat top right; }
.hot05{ background:url(../images/pattern21.jpg) repeat top left;}
.hot06{ background:url(../images/pattern22.jpg) repeat-x top left;}
.left01{  background:url(../images/pattern11.jpg) repeat-y top;height:20px;}
.left02{  background:url(../images/pattern10.jpg) repeat-y top;}
.left03{  background:url(../images/pattern14.jpg) repeat-y top;}
.leftspace{ background-color:#f1ebdb;}
.footer010{ color:#FFFFFF;background-color:#75654d;text-align:center;height:22px;  padding-top:8px;}
.footer01{ color:#FFFFFF;text-align:center; background:url(../images/pattern24.jpg) repeat-x top left; height:30px; vertical-align:middle;}
.footer02{ color:#777777;text-align:center; margin-top:20px}
.footer03{ color:#78756d;text-align:center; margin:10px 0 20px 0;}

.leftcol01{ margin-left:13px;}
.leftcol02{ margin-left:10px;}
.contactus, .coin{ margin:30px 0 0 50px; width:80%; text-align:left;}
.article, .rule{ margin:25px 0 0 45px; width:80%; text-align:left;}
.auction{ margin:21px 0 0 15px; width:90%; text-align:left;}
.rule h3{	cursor: pointer;}
.section_cht{	padding-left: 17px; line-height:1.5; letter-spacing:2px;}
.minheight{height:350px; vertical-align:top;}

ul#article_list{ list-style-type:none; margin-left:10px; }
ul#article_list li{font-size:16px;  padding:5px 0 5px 20px;
border-bottom: 1px solid #f2ede9;
text-align:left;  }
ul#category{ list-style-type:none; margin-left:10px;}
ul#category li.on , ul#article_list li.on{font-size:15px; line-height:1.3; 
background-image:url(../images/star.png);
background-repeat:no-repeat;
background-position:0 0.3em; padding-left:20px;
border-bottom: 1px solid #f2ede9;
text-align:left;  }
ul#category li , ul#article_list li{font-size:15px; 
background-image:url(../images/star2.png);
background-repeat:no-repeat;
background-position:0 0.3em; padding:5px 0 5px 20px;
border-bottom: 1px solid #f2ede9;
text-align:left;  }
ul#category li span {font-size:11px; }

#hotauction{ margin:10px 0 10px 20px;}
ul#rule{ list-style-type:none;width:179px; text-align:left;}
ul#rule li{
font-size:16px;  padding:5px 0 5px 20px;
padding:3px 0 5px 30px;  
border-bottom: 0px solid #ff9999;}
/*============ james ================*/
#loginBar{background-position: 0px 0px; background-image: url('../images/pattern_04.jpg'); background-repeat: repeat-x; background-color: #336699; color :White;}
#loginBar .dark{background-position: 0px 0px; background-image: url('../images/pattern_14.jpg'); background-repeat: repeat-x; background-color: #353535;}
#loginBar a{    color: White;    text-decoration: none;}
#loginBar a:hover{ color: #FF3399;text-decoration: none;}
.footer010 a:link{    color: White;    text-decoration: none;}
.footer010 a:visited{ color: White;text-decoration: none;}
.footer010 a:hover{ color: #FF3399;text-decoration: none;}
#homenews ul
{
    text-align: left;
    list-style-type: none;
    width: 200px;
    padding-left: 5px;
    padding-top: 10px;
}
#homenews ul li
{
    background-image: url(../images/pattern16.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    border-bottom-color: #804040;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    padding-left: 10px;
    line-height: 190%;
}
#homenews a:link{    color: #804040;    text-decoration: none;}
#homenews a:visited{ color:#804040;text-decoration: none;}
#homenews a:hover{ color: #FF3399;text-decoration: none;}
#deal ul{list-style-type: none;}
#moving{width:195px;height:190px;overflow:hidden;}
.curPageLink{font-weight:bold; color:#f19300;}
.PEAR_PAGER{ font-size:13px;}
#member_msg{width:450px; height: 25px; position: absolute; top:58px; right: 30px; z-index: 2; text-align: left;}

/*=====================$ 導覽列四大區=====================================*/
#menu-main li{position:relative; float:left;list-style-type:none;}
#menu-main li a{color:#fff;padding:0px; width:50px; border:0px solid blue;}
#menu-main>li>a:hover{text-decoration:none;color:#FF3399;}
#menu-main li ul{display:none;background:#fff;padding:0;border:1px solid #ddd;border-top:0;width:90px;}
#menu-main li:hover .sub-menu{display:block;position:absolute;top:15px;left:0;z-index:100;}
#menu-main li ul li{color:#000000; margin-bottom:5px;}
#menu-main li ul li a{color:#000000;padding:0 0 0 4px;width:90px;}
#menu-main li ul li a:hover{text-decoration:none;color:#FF3399;}
/*=====================# 導覽列四大區=====================================*/

a#btn_buyitnow{width:188px; height:52px; display:block;margin: 0px 0px 12px 0px;
	background:url(../images/btn_auction_buynow.png) 0px 0px no-repeat;}
a:hover#btn_buyitnow{background-position: 0px -52px;}

