@charset "utf-8";
/***********************************************/
/*
Mebook(http://www.mebook.com.tw) for eeePC 
@ 2008 Soyong Corp. All Rights Reserved.
*/
/***********************************************/

/***************   刊頭測試  ***************/
#mebookNav0{
    width:750px;
    margin: 0px;
	background-image:url(../image/header_bg01.gif);   
}

#mebookLink{
	margin: 20px 0px 0px 10px;
}

#mebookLink a:link, #mebookLink a:visited {
	color: #0066cc;
	text-decoration:none;
	padding: 2px 10px 0px 10px;
}

#mebookLink a:hover{
  	font:bold 13px;
	color: #000000;
	padding: 2px 10px 0px 10px;
	background-color:#FFFFFF;
	border-bottom: 1px #FFFFFF solid;
	border-top: 2px #CCCCCC solid;
	border-right: 2px #CCCCCC solid;
	border-left: 2px #CCCCCC solid;
}
/************** member styles *****************/
#headermember{
  	font:13px Arial,sans-serif;
    float:right;
}
/************** navigation styles *****************/
#navigation{
    width:750px;
    margin: 0px 0px 10px 0px;
	padding:20px 0px 0px 0px;
	background-image:url(../image/header_bg02.gif);
	background-repeat:no-repeat;
}
.navig
/***********************************************/
/* HTML tag styles                             */
/*尊從eeepc.css
/***********************************************/


body{
	margin: 0px;
	background-color: #FFFFFF;
}

body,td,th{
	font-family: Arial,sans-serif;
	color: #333333;
}


/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #0066CC;
	text-decoration: none;
}

a:hover{
	color: #0090DA;
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 16px Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h2{
 font: 15px Arial,sans-serif;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
}

h3{
 font: 13px Arial,sans-serif;
 color: #000000;
 margin: 5px 0px 0px 0px;
 padding: 0px;
}

h4{
 font: 13px Arial,sans-serif;
 color: #333333;
 margin: 5px 0px 0px 22px;
 padding: 0px;
}

h5{
 font: 13px Arial,sans-serif;
 color: #334d55;
 margin: 5px 0px 0px 0px;
 padding: 0px;
}

h6{
 font: 11px Arial,sans-serif;
 color: #333333;
 margin: 5px 0px 0px 0px;
 padding: 0px;
}

h7{
 font: 12px Arial,sans-serif;
 color: #333333;
}

/*************** list tag styles ***************/

ul{
 list-style-type:none;
}

ul ul{
 list-style-type:decimal;
}

ul ul ul{
 list-style-type: none;
}
.d1{
 list-style-type:decimal;
}
.d2{
 list-style-type:disc;
}
.d3{
 list-style-type:circle;
}
.d4{
 list-style-type:square;
}
.d5{
 list-style-type:lower-alpha;
}
.d6{
 list-style-type:upper-alpha;
}
.d7{
 list-style-type:cjk-ideographic;
}
.c1{
	line-height:120%;
	}
.c2{
	line-height:150%;
}

.i1{
    list-style-image:url(../image/icon01.gif);
}
.i2{
    list-style-image:url(../image/icon01A.gif);
}
#in1{
text-indent: 1em}
#in2{
text-indent: 2em}


/********* form and related tag styles *********/

/*textfield+button*/
.form { 
  font-size: 13px;
  font-family: Arial,sans-serif;  
 margin: 5px 0px 5px 10px;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

select{
font-size: 12px;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	width:735px;
    margin: 5px 0px 0px 8px;
	padding: 5px 0px 0px 0px;
}

#pagecell1 select{
	font-size: 12px;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#gototop{
	float: right;
	width: 50px;
	height: 20px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 0.5px;
	font-size: 12px;
}

#dotline{
	border-bottom: 1px #CCCCCC dashed;
	height: 6px;
	margin: 5px 0px 5px 0px;
}

#dotline1{
	border-bottom: 1px #CCCCCC dashed;
	height: 6px;
	margin: 5px 0px 5px 0px;
}

#dotline2{
	width: 90%;
	border-bottom: 1px #CCCCCC dashed;
	height: 6px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
}


/***********************************************/
/* Component Divs 刊頭                         */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}
#language{
    font-size:12px;
	color: #000000;
	position: absolute;
	top: 5px;
	right:12px;
}
#language input{
  font-size: 13px;
 }

/************** utility styles *****************/

#utility{
	font:12px Arial,sans-serif;
	position: absolute;
	top: 12px;
	right: 232px;
	color: #333333;
}

#utility a{
	color: #ffffff;/*#666666*/
}

#utility a:hover{
    color: #00ffff;/*#0090DA*/
	text-decoration: underline;
}

/************** member styles *****************/

#member{
	float: right;
	top: 0px;
    height: 37px;
	width:200px;
    padding: 0px;
    margin: 0px;
    font-size: 12px ;
	text-align: right;
}

#member input{
  font-size: 12px;
 }

#mbword{
    font:12px Arial,sans-serif;
    color:#006600;
	position: absolute;
	top: 25px;
	left: 51px;
}
#member img{
	position: absolute;
	border:none;
	top: 0px;
	right: -11px;
	padding: 0px;
	margin: 0px;
	height: 13px;
	width: 8px;
}
#mbaccount{
	position: absolute;
	top: 26px;
	left: 100px;
	}
#mbpasswd{
	position: absolute;
	top: 25px;
	left: 9px;
	}
#mbgo{
    font:13px Arial,sans-serif;
	position: absolute;
	top: 8px;
	right:22px;
}
#mbout{
    font:13px Arial,sans-serif;
	position: absolute;
	top: 8px;
	right:22px;
}
#mbdetail{
    font:13px Arial,sans-serif;
	position: absolute;
	top: 32px;
	right:22px;
}
#mbgold{
    font:12px Arial,sans-serif;
	position: absolute;
	top: 32px;
	left: 8px;
}
#member a:link, #member a:visited {
	font-size: 12px;
	
}

#member a:hover{
 text-decoration: underline;
}

#mbcart{
    font:12px Arial,sans-serif;
    color:#660000;
	position: absolute;
	top: 24px;
	left:5px;
}
#mbcart a:link, #mbcart a:visited {
    color:#660000;	
}

#mbcart a:hover{
 text-decoration: underline;
}
#mbcartInfo{
    font:12px Arial,sans-serif;
    color:#000000;
	position: absolute;
	top: 25px;
	left:84px;
}


/*************** search styles *****************/

#search{
	position: relative;
	width: 100%;
	/*min-width: 640px;*/
	height: 26px;
	padding: 0px;
	top: -31px;
	left: 0px;
    font-size:12px;
	background-image: url(../image/subt_bg4.gif);
	background-repeat:repeat-x;
}
#searchimg{
position: absolute;
	border:none;
	top: 0px;
	left: 40px;
}
#searchst{
	color: #ffffff;
	position: absolute;
	top: -5px;
	left: 64px;
}
#searchst select{
font-size: 12px;
}
#searchwd2{
	color: #ffffff;
	position: absolute;
	top: -3px;
	left: 184px;
}

#searchwd2 select{
font-size: 12px;
}

#searchwd{
	color: #ffffff;
	position: absolute;
	top: 2px;
	left: 188px;
}
#searchgo{
    font-family: Arial,sans-serif;
	position: absolute;
	top: 0px;
	left: 348px;
}
#searchgo1{
    font-family: Arial,sans-serif;
	position: absolute;
	top: 0px;
	left: 480px;
}
#search input{
  font-size: 12px;
  margin: 0px  0px 0px 10px;
 }
 
#searchLink{
	font-size: 12px;
	color: #003300;
	position: absolute;
	top: 0px;
	left: 427px;
	padding: 2px;
	margin-top: 6px;
}
 
#search a:link, #search a:visited {
	color: #ffff00;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 0px 5px;
	
}

#search a:hover{
	color: #ffff00;
	text-decoration:underline;
}
#shmember{
	font-size: 13px;
	color: #ffffff;
	position: absolute;
	top: -1px;
	left: 540px;
	padding: 2px;
	margin-top: 6px;
}
#shmember{
	font-size: 13px;
	color: #ffffff;
	position: absolute;
	top: -1px;
	left: 540px;
	padding: 2px;
	margin-top: 6px;
}

#shlanguage{
	position: absolute;
	color: #ffffff;
	top: -5px;
	right: 15px;
	margin-top: 6px;
}

/***********************************************/
/* category 目錄分類                           */
/***********************************************/

/************* relatedLinks styles **************/

.relatedLinks{
	padding: 3px 0px 3px 0px;
}

.relatedLinks select{
font-size:12px;
}

.relatedLinks h3{
	color: #ffffff;
	margin-left: -8px;
}

.relatedLinks h3 a:link, .relatedLinks h3 a:visited {
	color: #ffffff;
}

.relatedLinks h3 a:hover{
	color: #ffff00;
	text-decoration:underline;
}
.relatedLinks h4{
	color: #ffffff;
	padding: 2px 0px 2px 0px;
	margin-left: -8px;
}

.relatedLinks h4 a:link, .relatedLinks h4 a:visited {
	color: #00ffff;
}

.relatedLinks h4 a:hover{
	text-decoration:underline;
}

.relatedLinks a{
	display: block; 
}

/***********************************************/
/* 左側區塊                             */
/***********************************************/
.meEpaper{
    font-size:11px;
	margin:20px 0px 20px 0px;
	width:155px;
	height:65px;	
    background-image:url(../image/in_ta01.gif);
}
.meEpaper h5{
padding:4px 20px 0px 30px;
}
.meEpaper h3{
font-size:11px;
padding:0px 0px 4px 22px;
}

/***********************************************/
/* product 商品陳列                             */
/***********************************************/
#product{
	margin: 0px;
}

.probg{
 margin: 16px 0px 3px 0px;
 padding: 2px 0px 2px 10px;
 background-image:url(../image/tagPic01.gif);
 background-repeat:no-repeat;
}
.probg1{
 margin: 16px 0px 3px 0px;
 padding: 2px 0px 2px 10px;
 background-image:url(../image/tagPic02.gif);
 background-repeat:no-repeat;
}
.proT1{
	 font: 15px Arial,sans-serif;
	 margin: 3px 0px 0px 0px;
	 padding: 0px;
	 text-align: left;
}
.proT1 a:link, .proT1 a:visited {
    color:#006600;	
}
.proT1 a:hover{
	 text-decoration: underline;
}

.proT2{
	 font: 12px Arial,sans-serif;
	 font-weight: bold;
	 margin: 3px 0px 0px 0px;
	 padding: 0px;
}
.proT2 a:link, .proT2 a:visited {
    color:#006699;	
}

.proT2 a:hover{
 text-decoration: underline;
}

.proT3{
	 font: 15px Arial,sans-serif;
	 margin: 3px 0px 0px 0px;
	 padding: 0px;
	 text-align: center;
}

.proT3 a:link, .proT3 a:visited {
    color:#006600;	
}

.proT3 a:hover{
	 text-decoration: underline;
}

#product img{
	margin: 0px;
	border:none;
}

#epcprohot{
	background-image: url(../image/epctprohot02.gif);
	background-repeat: repeat;
	padding: 0px 25px 0px 25px;
	text-align: center;
 }

.prodemo{
	text-align: center;
	vertical-align: top;
}

#epcmecommend{
	font: 12px;
	background-color:#f2f2f2;
	text-align: center;
	padding: 4px;
}

#epcmecommendright{
	font: 12px;
	line-height:150%;
	color:#333333;
	text-align: left;
	margin: 4px;
	padding: 4px;
	border-left: #CCCCCC 1px dashed;
	vertical-align: middle;
}

.proprice{
	text-align: center;
	color:#666666;
	margin: 3px 0px 3px 0px;
}

.proprice2{
	text-align: left;
	color:#666666;
	margin: 3px 0px 3px 0px;
}

/***********************************************/
/* AD 商品ad+中型ad                             */
/***********************************************/

/**************** advert styles *****************/

.advert{
	border:1px solid #BFDFFF;
	margin: 10px 0px 10px 0px;
	padding:5px 8px 10px 5px;
	font-size: 13px;
	width:280;
}
.advert h2{
	font: bold 15px Arial,sans-serif;
	color: #996633;
	padding:5px 5px 5px 5px; 
}

.advert h3{
	font: 13px Arial,sans-serif;
	color: #666666;
	line-height:150%;
	margin-top:1px;
}
.advert h4{
	font: 13px Arial,sans-serif;
	color: #000000;
	padding-top:4px;
}
.advert img{
	float: left;
	border:none;
	padding: 5px 10px 30px 5px;
}
.advert1{
	margin: 5px 0px 5px 0px;
}
.collaborateR{
	margin: 5px 0px 5px 10px;
}
.mainMB{
    border-top:1px dotted #99CCCC;
    border-bottom:1px dotted #99CCCC;
    background-color:#E1F0D2;
	width:280;
	margin: 5px 0px 10px 0px;
	padding:6px 0px 10px 12px;
}
.mainMB h2{
	font-size: 13px;
	color: #000000;
}
.mainMB h3{
	font-size: 13px;
	color: #996633;
}
.board{
border-top:1px dotted #99CCCC;
border-bottom:1px dotted #99CCCC;
background-color:#EBEBEB;
	width:280;
	margin: 5px 0px 10px 0px;
	padding:6px 0px 10px 12px;
}
.board h2{
	font-size: 13px;
	color: #000000;
}
.board h3{
	font-size: 12px;
	color: #996633;
}
.board h4{
	font-size: 12px;
	padding-left:-12px;
}
.goldenAD{
	width:280;
    background-image:url(/test/pictAD/gold01.gif);
	margin: 0px 0px 10px 0px;
	padding:5px 8px 10px 5px;
	font-size: 13px;  
}
.goldenAD img{
	float: left;
	border:none;
	padding: 56px 10px 22px 15px;
}
.goldenAD h3{
	font: 12px Arial,sans-serif;
	color: #003300;
	margin-top:52px;
}
.goldenAD h4{
	font: 12px Arial,sans-serif;
	color: #666666;
	line-height:140%;
}

/*********************Main end **********************/

/***********************************************/
/* listPage:Search or category list            */
/***********************************************/

.listPage{
	margin: 6px 0px 6px 0px;
	font-size: 13px;
	width: 100%;
}
.lisbg{
	margin: 0px;
	padding: 0px;
	min-width: 227px;
	height:55px;
	background-image:url(../image/listPageT1.jpg);
	background-repeat:no-repeat;
}
.lisbg1{
	margin: 0px;
	padding: 0px;
	height: 28px;
	background-image: url(../image/listPagebg1.jpg);
	background-repeat: repeat-x;
}
.lisbg2{
	margin: 0px;
	padding: 0px;
	height: 28px;
	background-image: url(../image/listPagebg2.jpg);
	background-repeat: repeat-x;
}

.listPage h1{
 font: 13px Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

.listPage h2{
	font: 15px Arial,sans-serif;
	color: #ffffff;
	padding: 1px 0px 0px 40px;
	margin-top: 2px;
}
.listPage h3{
	font: 12px Arial,sans-serif;
	color: #333333;
	padding: 0px 0px 0px 10px;
}

#pagelink{
	float: right;
	margin-top:-15px;
	text-align: center;
	min-height:28px;
}
#pagelink2{
	margin-top:0px;
	text-align: center;
	min-height:28px;
}
.pl{
	font: 11px Arial,sans-serif;
	color: #cccccc;
	text-align: center;
	letter-spacing: 2px;
	vertical-align: bottom;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	MARGIN-RIGHT: 20px; 
	PADDING-TOP: 2px
	}

.pl a:link, .pl a:visited {
	color: #0066CC;
	text-align: center;
	margin: 0px 2px 0px 2px; 
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #ccc 1px solid; 
	PADDING-LEFT: 6px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #ccc 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	TEXT-DECORATION: none;
}

.pl a:hover{
	color: #ffffff;
	margin: 0px 2px 0px 2px; 
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #ccc 1px solid; 
	PADDING-LEFT: 6px; 
	BACKGROUND: #0066CC; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #ccc 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	TEXT-DECORATION: none;
}
.pl .this-page {
    font-weight:bold;
	color: #cc0066;
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	TEXT-DECORATION: none;
}
.pl .Prev {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 20px; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid;
}
.pl .break {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 6px; BORDER-TOP: medium none; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: medium none; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; TEXT-DECORATION: none;
}
.pl .Next {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 20px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid;
}

.listPage img{
	float: left;
	border: none;
	padding: 0px 10px 0px 10px;
}

.cateLT{
	hight:250px;
}

.categoryList{
	padding: 4px 5px 4px 10px;
}

.categoryList h5{
 font: 12px Arial,sans-serif;
 color:#003300;
}

.categoryList h6{
 font: 11px Arial,sans-serif;
 padding:0px 0px 0px 12px;
}

.categoryList h6 a:link, .categoryList h6 a:visited{
 color:#333333;
}
.categoryList h6 a:hover{
    color:#0066CC;
}

/**************** results styles *****************/

.results{
	margin: 6px 0px 6px 0px;
	font-size: 13px;
}

.resT1{
 font: 15px Arial,sans-serif;
 padding:0px;
}
.resT1 a:link, .resT1 a:visited {
    font-weight: bold;
    color:#006600;	
}
.resT1 a:hover{
 text-decoration: underline;
}

.resT2{
    font: 13px Arial,sans-serif;
    color:#666666;
    padding: 0px;
}
.resT2 a:link, .resT2 a:visited {
    color:#006699;	
}

.resT2 a:hover{	
 text-decoration: underline;
}

.resT2a{
    font: 13px Arial,sans-serif;
    color:#990066;
    padding: 0px;
}

.resT3{
	color:#CC0000;
    font-weight: bold;
	padding: 3px 0px 3px 0px;
	margin-top:0px;
}
.resNone{
	padding: 3px 0px 3px 0px;
	margin-top:0px;
    TEXT-DECORATION:line-through;
}

.results h3{
	font: 13px Arial,sans-serif;
	color: #333333;
	line-height:125%;
	padding: 3px 0px 3px 0px;
	margin-top:0px;
}

.results h4{
	font: 13px Arial,sans-serif;
	color: #666666;
	line-height:150%;
	padding: 3px 0px 3px 0px;
	margin-top:5px;
	margin-left:12px;
}

.results img{
 margin: 3px 0px 3px 0px;
}
/*********************listPage end **********************/

/***********************************************/
/* productInfo                                 */
/***********************************************/

/**************** productInfo *****************/

.proInfo{
 margin: 12px 6px 12px 6px;
}

.proInfo h1{
	font: 16px Arial,sans-serif;
	font-weight:bold;
	color:#006600;
	line-height:150%;
}

.proInfo h2{
	font: 15px Arial,sans-serif;
	color: #666666;
	line-height:150%;
}
.proInfo h3{
	font: 13px Arial,sans-serif;
	color: #666666;
	line-height:145%;
}
.proDLink{
border-top:1px solid #F0F0F0;
border-bottom:1px solid #F0F0F0;
padding-top:0px;
padding-bottom:30px;
padding-left:2px;
padding-right:10px;
}
.proInfo img{
float:left;
	border:none;
 padding: 2px 10px 10px 2px;
}

.istar{
 margin: 0px 2px 2px 0px;
}

/**************** 簡介 *****************/
.proabout{
 margin: 12px 6px 12px 0px;
border-top:1px double #cccccc;
border-bottom:1px double #cccccc;
padding-top:10px;
padding-bottom:10px;
}

.proabout h1{
	font: 16px Arial,sans-serif;
	color: #996633;
	font-weight:bold;
	line-height:170%;
    padding-top:12px;	
}
.proabout h3{
	font: 15px Arial,sans-serif;
	color: #666666;
	line-height:160%;
}
.proSales{
background-color:#ccffff;
}

html>body .proSales {height: auto;}

/**************** 登入會員 *****************/
/**************** logInPage styles *****************/

.logipage{
	margin: 6px 6px 6px 6px;
	width: 98%;
}

.logipage h1{
	font: bold 16px Arial,sans-serif;
	color: #006600;
	padding: 0px 0px 5px 0px;
}

.logipage h3{
	color: #333333;
	padding: 15px 5px 0px 0px;
}

/**************** logInTable styles *****************/
.logitable{
	border:1px solid #CC9966;
	margin: 6px 0px 6px 0px;
}
.logitable h3{
	color: #333333;
	padding: 10px 20px 10px 20px;
}
.logitable h4{
	color: #333333;
	padding: 3px 0px 3px 0px;
}

/**************** AboutMebookPage styles *****************/

.abMebpage{
	margin: 0px;
	width:100%;
}

.abMebpage h1{
    text-align: left;
	font-size: 15px;
	color: #003366;
	font-weight: bold;
	line-height: 150%;
    padding: 1em;	
}

.abMebpage h3{
    text-align: left;
	font-size: 12px;
	color: #333333;
	line-height:150%;
    padding: 1em;	
}
.ab1{
list-style-type:square;
list-style-position:outside;
}

.ab2{
list-style-type:circle;
list-style-position:outside;
}

.abMebpageright{
	width: 90%;
	height: 150px;
	font-size: 13px;
	color: #333333;
	line-height: 150%;	
}

/**************** 加入會員 *****************/
/**************** joinPage styles ******/
.joinpage{
	margin: 30px 6px 6px 6px;
}
.joinpage h3{

	color: #333333;
	padding: 3px 15px 3px 15px;
	line-height:150%;	
}
/**************** jointable styles *****/
.jointable{
	border:1px solid #99CCFF;
	margin: 6px;
	padding: 6px;
	width: 95%;
	background-color: #DFEFFF;
}
.jointable h3{
    font-size:15px;
	color: #333333;
}
.jointable h5{
	color: #333333;
}
/**************** joinAnswer styles *****/
.joinan{
	border:1px solid #999999;
	background-color:#ffffff;
	padding: 6px 6px 6px 6px;
	width: 95%;
}
.joinanw1{
    font-size:13px;
	color: #333333;
	line-height:170%;
}
.joinanw2{
    font-size:11px;
	color: #333333;
	line-height:120%;
}

/**************** 刊尾 *****************/
/********* bottom styles *****/
#bottlink{
	width: 700px;
    margin: 15px 0px 0px 20px;
	padding: 5px 0px 2px 10px;
	border-top: #CCCCCC 1px solid;
}

.bottlink h4 a:link, .bottlink h4 a:visited {
    font-size: 12px;
}
.bottlink h4 a:hover{
	text-decoration:underline;
}

.bottlink h6{
	color: #333333;
}


/**************** 總目錄 *****************/
/********* Categories styles *****/
.allcategory{
	margin: 6px 0px 20px 0px;
	width: 100%;
}

.allcategory h1{
 font: 16px Arial,sans-serif;
 font-weight: bold;
 color:#996633;
}
.allcategory h2{
 font: 15px Arial,sans-serif;
 color:#006699;
margin:6px 0px 6px 18px;
}

.allcategory h2 a:link, .allcategory h2 a:visited{
 color:#006699;
}
.allcategory h2 a:hover{
    color:#CC0000;
}

.allcategory h5{
 font: 13px Arial,sans-serif;
 color:#333333;
margin:3px 0px 6px 18px;
}

.allcategory h5 a:link, .allcategory h5 a:visited{
 color:#333333;
}
.allcategory h5 a:hover{
    color:#0066CC;
}
/**************** 網站導覽 *****************/
/********* SiteMap styles *****/
.siteMap{
	margin: 15px 0px 20px 0px;
	width: 100%;

}
.siteMap h1{
 font: 16px Arial,sans-serif;
 font-weight: bold;
 color:#993300;
}

.siteMap h5{
 font: 15px Arial,sans-serif;
 color:#333333;
 line-height:170%;
margin:3px 0px 6px 18px;
}

.siteMap h5 a:link, .siteMap h5 a:visited{
 color:#333333;
}
.siteMap h5 a:hover{
    color:#0066CC;
}
.siteMap h6{
 font: 12px Arial,sans-serif;
 padding:0px 0px 0px 35px;
}

.siteMap h6 a:link, .siteMap h6 a:visited{
 color:#333333;
}
.siteMap h6 a:hover{
    color:#0066CC;
}
/**************** 求助中心 *****************/
/********* faq styles *****/
.faqtitle{
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	margin: 23px 0px 10px 0px;
	padding: 8px 0px 12px 0px;
	width:300px;
}
.faqtitle h1{
	font: bold 16px Arial,sans-serif;
	color: #996600;
	padding: 6px 0px 2px 0px;
}
.faqtitle h2{
    font:15px Arial, sans-serif;
    color:#006600;
	padding:3px 0px 0px 15px;
	line-height:170%;
}
.faqtitle h2 a:link, .faqtitle h2 a:visited{
    color:#006600;
}
.faqtitle h2 a:hover{
    color:#ffffff;
	background-color:#669900;
    text-decoration:underline;
}

.faqtitle h3{
    font:15px Arial, sans-serif;
    color:#333333;
	padding:3px 0px 0px 30px;
	line-height:170%;
}

.faqTop5{
	border-top:3px solid #DEEFDE;
	border-right:1px solid #EBEBEB;
	border-left:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	background-color:#F6F6F6;
	margin: 40px 0px 10px 0px;
	padding: 6px 20px 12px 20px;
}
.faqTop5 h1{
	font: 16px Arial,sans-serif;
	color: #996600;
	padding: 2px 0px 4px 0px;
	border-bottom:1px solid #EBEBEB;
}
.faqTop5 h3{
	padding: 2px 0px 4px 0px;
	color: #333333;
	line-height:150%;	
}
.faqTop5 h3 a:link, .faqTop5 h3 a:visited{
    color:#333333;
}
.faqTop5 h3 a:hover{
    color:#0066cc;
    text-decoration:underline;
}
.ab3{
list-style-type:decimal;
list-style-position:outside;
}
.faqMain{
	margin: 0px 30px 15px 30px;
}

.faqMain h1{
	font: bold 16px Arial,sans-serif;
	border-bottom:1px solid #EBEBEB;	
	color: #000000;
	padding: 0px 0px 2px 0px;
}
.faqMain h2{
	font: 15px Arial,sans-serif;
	color: #996600;
	padding: 12px 0px 0px 12px;
}
.ab4{
list-style-type:square;
list-style-position:outside;
}
.faqMain h3{
    font-size:15px;
	padding: 0px 0px 4px 0px;
	color: #333333;
	line-height:150%;	
}
.faqMain h3 a:link, .faqMain h3 a:visited{
    color:#333333;
}
.faqMain h3 a:hover{
    color:#0066cc;
    text-decoration:underline;
}
.soyongInfo{
	border-top:3px solid #D2E9FF;
	border-right:1px solid #EBEBEB;
	border-left:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	background-color:#F6F6F6;
	margin: 0px 30px 15px 30px;
	padding: 6px 20px 12px 20px;
}
.soyongInfo h3{
    font-size:15px;
	padding: 2px 0px 4px 0px;
	color: #333333;	
}

/**********************************/
/*         for EeePC              */
/**********************************/

.epc1 {
	width: 750px;
 }

/************ eeepc mainPage *******************/



/************ mebookloc *******************/

#mebookloc1{
	height: 40px;
	width: 552px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px #CCCCCC solid;
}

#mebookloc2{
	height: 50px;
	vertical-align: middle;
	text-align: right;
	background-image: url(../image/main_r01.gif);
	background-position: right;
	background-repeat:no-repeat;
}

#mebookloctext{
	padding-right:55px;
	font-size: 12px;
}


/*******************************************/
/*         Cart for eeepc                  */
/*******************************************/

#carttitle{
	width: 700px;
    margin: 15px 0px 0px 20px;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
}

#cartcontent{
	width: 700px;
    margin: 15px 0px 0px 20px;
	padding: 5px 0px 0px 0px;
}

.hl .this-page {
	 font:bold 16px Arial,sans-serif;
	 color: #000000;
	 margin: 6px;
	 padding: 0px;
}


#cart{
	width:700px;
    margin: 15px 0px 0px 20px;
	padding: 0px;
	background-color:#FFFFFF;
	border: #99cc33 1px solid;
}

#carttable{
    margin: 1px;
	padding: 0px;
}

.cartlist{
	table-layout: fixed;
}

#carttable table{
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#carttable caption{
	margin: 0px;
	padding: 4px;
	height: 28px;
	font: 15px bold #3333333;
	border: 0px;
	text-align: left;
	background-image: url(../image/cartbg1.gif);
	background-repeat: repeat-x;
}

#carttable th{
	padding: 0.3em;
	border: 1px #FFFFFF solid;
	color: #000000;
	background-color:#e0eebe;
	font: 13px #3333333;
}

#carttable td{
	padding: 0.3em;
	border: 1px #FFFFFF solid;
	font: 13px #3333333;
}

.cl1{
	color: #333333;
	background-color:#efefef;
}

.clpic{
	border: none;
	height: 50px;
	margin: 4px;
	vertical-align: middle;
}

#cartallprice{
	color:#FFFFFF;
	font: 15px bold;
	text-align: right;
	padding: 12px;
	height: 30px;
	background-color: #99CC33;
}

#cartbottom{
	margin: 0px;
	padding: 0px;
	height: 28px;
	border: none;
	text-align: left;
	background-image: url(../image/cartbg2.gif);
	background-repeat: repeat-x;
}

#nextStep1{
	float: right;
	vertical-align: top;
    margin: -20px 0px 0px 0px;
	padding: 0px;
}

#nextStep2{
	float: right;
	padding: 0px;
    margin: 4px;
}

.cartWord{
	padding: 10px 20px 2px 20px;
	line-height:170%;
	text-align: left;
}

.cartWord2{
	padding: 10px 20px 2px 20px;
	line-height:170%;
	text-align: center;
}


/*************************************************/
/*         payment for eeepc                     */
/*************************************************/

#paymettable{
    margin: 1px;
	padding: 0px;
}

#paymettable table{
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#paymettable caption{
	margin: 0px;
	padding: 4px;
	height: 28px;
	font: 15px bold #3333333;
	border: 0px;
	text-align: left;
	background-image: url(../image/cartbg1.gif);
	background-repeat: repeat-x;
}

#paymettable th{
	padding: 0.3em;
	border: 2px #FFFFFF solid;
	color: #000000;
	background-color:#e0eebe;
	font: 13px #3333333;
	text-align: left;
}

#paymettable td{
	padding: 0.3em;
	border: 2px #FFFFFF solid;
	font: 13px #3333333;
}

.cl1{
	color: #333333;
	background-color:#efefef;
}

.invoice{
	color: #333333;
	background-color:#e0eebe;
}

.clpic{
	border: none;
	height: 50px;
	margin: 4px;
	vertical-align: middle;
}

#cartallprice{
	color:#FFFFFF;
	font: 15px bold;
	text-align: right;
	padding: 12px;
	height: 30px;
	background-color: #99CC33;
}

#cartbottom{
	margin: 0px;
	padding: 0px;
	height: 28px;
	border: none;
	text-align: left;
	background-image: url(../image/cartbg2.gif);
	background-repeat: repeat-x;
}

#UserMebpage{
	width:700px;
    margin: 15px 0px 0px 20px;
	padding: 0px;
	background-color:#dfefff;
	border: #99ccff 1px solid;
}

.UserMebdata{
	font-size: 13px;
	color: #333333;
}

.whiteline{
	height: 2px;
	width: 90%;
	background-color:#FFFFFF;
}

/*********************************************/
/*        Mebook Download for eeepc          */
/*********************************************/

#mbdlMachine{
	width: 700px;
	height: 40px;
    margin: 15px 0px 0px 20px;
	padding: 0px;
	background-color: #e0efc0;
	border: #99cc33 1px solid;
}

#mbdlRegistry{
	width: 700px;
    margin: 4px 0px 0px 20px;
	padding: 0px;
	background-color: #e2c78d;
	border: #cc9901 1px solid;
}

#mbdlDownload{
	width: 700px;
    margin: 4px 0px 0px 20px;
	padding: 0px;
	background-color: #FFFFFF;
	border: #6799ff 1px solid;
}

#mbdlExplanation{
	width: 700px;
    margin: 0px 0px 0px 20px;
	padding: 0px;
	background-color: #d7ebff;
	border: #d7ebff 1px solid;
}

#mbdlSubscribe{
	width: 700px;
    margin: 4px 0px 0px 20px;
	padding: 0px;
	background-color: #d7d760;
	border: #cccc34 1px solid;
}

#mballlist{
	width: 700px;
    margin: 15px 0px 0px 20px;
	padding: 0px;
	background-color: #FFFFFF;
	border: none;
}

#mbdl{
    margin: 1px;
	padding: 0px;
}

#mbdl table{
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
}

#mbdl th{
	padding: 0px 6px 0px 6px;
	border: 1px #FFFFFF solid;
	font: 13px #3333333;
	text-align: center;
	background-color: #99ccff;
}

#mbdl td{
	padding: 0px 6px 0px 6px;
	border: 1px #FFFFFF solid;
	font: 13px #3333333;
	min-height: 20px;
}

.registry1{
	background-color:#f1e4c9;
}

.mbdownload1{
	background-color:#d7ebff;
}

.subscribe1{
	background-color:#ededb8;
}

.mbdlsubmenu{
	background-color:#e8e8e8;
	padding: 12px;
}

/********************************************/
/*           SSL                            */
/********************************************/

#SSLcontentWord{
	padding: 6px;
	line-height:150%;
	text-align: left;
	background-image: url(../image/epc_diot02.gif);
}

#SSLLOGO{
	text-align: center;
	margin: 6px;
	padding: 6px;
}
/********************************************/
/*         Others for Eeepc                 */
/********************************************/

.contentWord{
	padding: 6px;
	line-height:150%;
	text-align: left;
}

#picfloat{
	float: right;
	vertical-align: top;
    margin: -20px 0px 0px 0px;
	padding: 0px;
	border: none;
}

.pic01{
	border: none;
	margin: 0px 4px 0px 4px;
	vertical-align: middle;
}

.pic02{
	border: none;
	margin: 4px;
}


#meTitle1{
	width: 700px;
    margin: 15px 0px 0px 20px;
	padding: 5px 0px 0px 0px;
	color: #006600;
}

#meTitle1 h1{
	font-size: 16px;
	color: #006600;
}
/********************************************/
/*         正體mebook for Eeepc               */
/********************************************/

.mebtcta1{
	text-align:center;
	vertical-align:top;
}

.mebtcmebook1{
	font:13px Arial,sans-serif;
	color:#000000;
	font-weight:normal;
}

.mebtcBSt{
	position:relative;
	font:15px Arial, sans-serif;
	color:#FFFFFF;
	height:37px;
	margin:12px 0px 0px 0px;
	padding:12px 0px 0px 46px;
	background:#FFFFFF url(../image/mebforepcen_main_bst.gif) no-repeat top left;
}

.mebtcBSm{
    position:relative;
	margin:0px;
	padding:10px 20px 5px 25px;
	background:#FFFFFF url(../image/mebforepcen_main_bsm1.gif) repeat-y top left;
}

.mebtcBSm td{
	vertical-align:top;
}

.mebtcBSm img{
	border:none;
	margin:6px;
}

.mebtcBSm h2{
	font:15px Arial,sans-serif;
	color:#006600;
	text-align:center;
	vertical-align:top;
	margin:0px;
	padding:6px 0px 0px 0px;
	height:40px;
	line-height:150%;
}

.mebtcBSm h2 a:link, .mebtcBSm a:visited {
    color:#006600;	
}

.mebtcBSm h2 a:hover{
	 text-decoration:underline;
}


.mebBSp1info{
	font:12px Arial, sans-serif;
	color:#333333;
	line-height:150%;
	text-align:center;
	vertical-align:top;
	padding:4px;
	margin:0px;
}

.mebBSprice{
	color:#666666;
}

.mebtcBSline{
	position:relative;
	margin:0px;
	padding:0px;
	height:1px;
	background:#FFFFFF url(../image/mebforepcen_main_bsline.gif) no-repeat top left;
}

.mebtcBSb{
	position:relative;
	margin:0px 0px 10px 0px;
	padding:0px 30px 20px 30px;
	height:70px;
	background:#FFFFFF url(../image/mebforepcen_main_bsb1.gif) no-repeat bottom left;
	vertical-align:top;
}


.mebtcBSb td{
	vertical-align:top;
}


.mebtcRecomt{
	position:relative;
	font:15px Arial, sans-serif;
	color:#FFFFFF;
	height:25px;
	margin:20px 0px 0px 0px;
	padding:12px 0px 0px 46px;
	background:#FFFFFF url(../image/epctprohot041.gif) no-repeat top left;
}

.mebtcRecomm{
	position:relative;
	margin:0px;
	padding:15px;
	background:#F2F2F2 url(../image/mebforepcen_main_Recommedationbg.gif) repeat top left;
}

.mebtcRecomm td{
	vertical-align:top;
	padding:0px 6px 0px 6px;
}

.mebtcRecomm h2{
	color:#000000;
	font:15px Arial, sans-serif;
	padding:0px 0px 12px 0px;
}

.mebtcRecomm h2 a:link, .mebtcRecomm h2 a:visited {
	color:#006600;
}

.mebtcRecomm h2 a:hover{
	color:#CC6633;
	text-decoration:underline;
}

.mebtcRecomm h5{
	color:#666666;
}


.mebtcRecomm img{
	border:none;
	margin:4px;
}

.mebtcRecommprice{
	margin:12px 0px 6px 0px;
}

.mebtcRecommR{
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	vertical-align:top;
	text-align:left;
	border-left:#DEDEDE 1px dashed;
	width:175px;
}

#i3{
	text-indent:-12px;
	padding-left:12px;
}

#v1{
	padding:0px 0px 6px 0px;
}

/********************************************/
/*     MeBooks Store Header        */
/********************************************/

#header{ background:#fff url(../image/mbsbg00.gif) repeat-x; height:100px; min-width:760px; margin:6px; padding:0; }
.headerbg{ background:url(../image/mbsbg01.jpg) no-repeat left; margin:0; padding:0; height:100px; }
#header h6{ display:none; }

#memberfunc{ float:right; top:-100px; margin:0; padding:0 24px; font:12px "新細明體",Arial,sans-serif; text-align:right; color:#333;}
#memberfunc h6{ display:none; }
#memberfunc img{ margin:2px; border:0; vertical-align:middle; }
#memberfunc ul{ margin:0; padding:0 6px; }
#memberfunc ul li{ list-style:none; display:inline; margin:0; padding:0 6px; border-right:#333 1px solid; }
#memberfunc ul li img{ margin:0 2px; border:0; vertical-align:middle; }
.membername { color:#060; font-weight:bold; }
.membername a{ color:#060; font-weight:bold; text-decoration:none; cursor:pointer; }
.membername a:hover{ text-decoration:underline; }

#mastheadnav{ clear:right; position:relative; font:16px Arial, sans-serif; color:#fff; background:url(../image/masthead_bg.gif) repeat-x bottom; margin:0 0 0 187px; padding:0 0 0 20px; width:auto; top:52px; height:33px; vertical-align:bottom; }
#mastheadnav p{ display:none; }
#mastheadnav ul{ list-style:none; margin:0; padding:0; }
#mastheadnav ul li{ display:block; margin:0; padding:0; float:left}
#mastheadnav ul li a{ display:block; color:#fff; text-decoration:none; padding:0 12px; height:33px; float:left; cursor:pointer;}
#mastheadnav ul li a span{ padding:10px 0 0 0; height:21px; float:left;}
#mastheadnav ul li a:hover{ background:url(../image/masthead_bgOVER.gif) repeat-x bottom; }
#mastheadnav ul li a:hover span{ display:block; width:auto; }
#mastheadnav ul li a.current, #mastheadnav ul li a.current:hover{ color:#000; background:#fff url(../image/masthead_leftON.gif) repeat-x top left; line-height:225%; cursor:pointer;}
#mastheadnav ul li a.current span{ display:block; width:auto; padding:0; }


/********************************************/
/*     MeBooks Store Index        */
/********************************************/

#mbscontent{ padding:0; margin:12px 0; }
#mbscontent h1{ font:15px/22px Arial, sans-serif; color:#fff; font-weight:bold; margin:0; padding:0; }
#mbscontent h2{ font:15px/22px Arial, sans-serif; color:#fff; font-weight:normal; margin:0; padding:0; }
#mbscontent h3{ font:13px/20px Arial, sans-serif; color:#060; font-weight:normal; height:40px; max-height:40px; vertical-align: middle; overflow:hidden; margin:0 0 6px 0; padding:0; }
#mbscontent h4{ font:13px/20px Arial, sans-serif; color:#069; font-weight:bold; margin:0; padding:0; }
#mbscontent h6{ display:none; }

#news{ background:url(../image/mbstprohot00.gif) left top no-repeat; height:32px; text-align:left; margin:0; padding:4px 12px 0 64px; color:#333; vertical-align: baseline; font-size:13px; overflow:hidden; line-height:200%; }
#news a{ font-size:13px; line-height:200%; text-decoration:none; }
#news a{ text-decoration:underline; }

#bestsell{ position: inherit; font:15px/24px Arial, sans-serif; color:#fff; font-weight:bold; height:37px; margin:0; padding:10px 0px 0px 46px; background:#fff url(../image/mbstprohot01t.gif) no-repeat top left; }
.bestselldate{ margin:10px 0 0 35px; color:#f06; }
#bestsellpro{ margin:0; padding:0px 25px 25px 35px; background:#fff url(../image/mbstprohot01b.gif) no-repeat bottom left; min-height:227px; }
#bestsellpro a:link, #bestsellpro a:visited{ text-decoration:none; color:#060; }
#bestsellpro a:hover{ text-decoration:underline; }

#commendation{ font:15px Arial, sans-serif; color:#fff; font-weight:bold; height:37px; margin:20px 0 0 0; padding:10px 0 0 46px; background:#fff url(../image/mbstprohot02t.gif) no-repeat top left; }
#commendationpro{ margin:0; padding:0 20px 20px 20px; background:#f2f2f2 url(../image/mbstprohot02b.gif) repeat; height:156px; }
#commendationpro img{ float:left; margin:4px 6px 20px 0px; border:0; }
#productme{ float:left; width:67%; margin:0; padding:0 6px 0 0; font:13px/20px Arial, sans-serif; color:#666; }
#productme h3{ font:15px/18px Arial, sans-serif; color:#060; font-weight:normal; margin:0; padding:0; }
#productme p{ font:13px/18px Arial, sans-serif; color:#666; margin:0 0 8px 0; padding:0; }
#productme a:link, #productme a:visited{ text-decoration:none; color:#060; }
#productme a:hover{ text-decoration:underline; }
#productother{ float:right; width:30%; margin:10px 0; padding:0 0 0 6px; font:13px/20px Arial, sans-serif; color:#666; border-left:#ccc dashed 1px;}
#productother ul{ margin:0; padding:0; }
#productother ul li{ list-style:none; margin:0 0 0 18px; padding:0; text-indent:-12px;}
#productother a:link, .productother a:visited{ text-decoration:none; }
#productother a:hover{ text-decoration:underline; }

#recommedation{ font:15px Arial, sans-serif; color:#fff; font-weight:bold; height:37px; margin:20px 0 0 0; padding:7px 0 0 46px; background:#fff url(../image/mbstprohot03t.gif) no-repeat top left; }
#recommedationpro{ margin:0; padding:0 25px 25px 35px; background:#fff url(../image/mbstprohot03b.gif) no-repeat bottom left; min-height:210px;}

#banner{ text-align:center; margin:20px 0;}

.productlist{ font:13px Arial,sans-serif; text-align:center; color:#333; margin:0; padding:0; }
.productlist img{ margin:4px; border:0; }
.productitem{ float:left; width:30%; margin:7px; padding:0; }
.productitem a:link, .productitem a:visited{ text-decoration:none; color:#060; }
.productitem a:hover{ text-decoration:underline; }
.cost { color:#666; }
.cutprice { color:#c00; font-weight:bold; }