body {
overflow-x:hidden; /*刪除水平捲軸*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top: 0px;　
margin-left: 0px;
margin-right: 0px;　
margin-bottom: 0px;
}
table,td,tr
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #000000;
	
}
input,select,textarea{
	font-size: 12px;
	color: #737373;
	background-color: #FFFFFF;
	
	border-Width:1px;
	line-height: 18px;
		
}

.txtFocus {	
	background-color:#ffebc9;	
} 
.txtBlur {	
	background-color:#FFFFFF;		
}	


tr.TitleBgcolor,td.TitleBgcolor
{
	background-color:#F29700;
	font-size:16px;
	color:#FFFFFF;	
	vertical-align:middle;
	height:30px;
	font-weight: 800;
	width:100%;
	word-break:keep-all;/* 不換行 */
	white-space:nowrap;/* 不換行 */
	overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
	text-overflow:ellipsis;/* 當對像內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/	 
	
	
}
.TitleBgcolorSort{
	vertical-align:middle;
	background-image: url(../images/sort.gif);         
	
	cursor: pointer;     
	font-weight: bold;     
	background-repeat: no-repeat;     
	background-position: center right;     
	margin-left: -1px; 
	cursor: hand;
	color:#FFFFFF;
}
.TitleBgcolorSort1{
	vertical-align:middle;
	background-image: url(../images/sort1.gif);         	
	cursor: pointer;     
	font-weight: bold;     
	background-repeat: no-repeat;     
	background-position: center right;     
	margin-left: -1px; 
	cursor: hand;
	color:#FFFFFF;
}
.TitleBgcolorSort2{
	vertical-align:middle;
	background-image: url(../images/sort2.gif);         	
	cursor: pointer;     
	font-weight: bold;     
	background-repeat: no-repeat;     
	background-position: center right;     
	margin-left: -1px; 
	cursor: hand;
	color:#FFFFFF;
}
tr.DataBgcolor1,td.DataBgcolor1
{
	background-color:#FFF2DD;
	color: #737373;
	font-size:12px;
	height:30px;
	vertical-align:middle;
}



tr.DataBgcolor2,td.DataBgcolor2
{
	background-color:#FFFFFF;
	color: #737373;
	font-size:12px;
	height:30px;
	vertical-align:middle;
}
hr {
	border: 1px dashed #CCCCCC;
}


tr.DataBgcolor3
{
	background-color:#F5F8FD;
	color: #737373;
	font-size:12px;
	height:30px;
	vertical-align:middle;
}
table.TableBgcolor{
 border-collapse: separate; // collapse;
 border-spacing: 3px;
  empty-cells:  show ; 
}

//Modify
table.MTableBgcolor{
	background-color: #B5C7E7;
	border-collapse: separate; // collapse;
	border-spacing: 3px;
	empty-cells:  show ; 
}
tr.MTitleBgcolor,td.MTitleBgcolor{
	background-color: #95D5D3;
	font-size:12px;
	color: #FFFFFF;	
	
}
tr.MDataBgcolor1,td.MDataBgcolor1{
	text-align: right;
	vertical-align:top;
	color: #0644ad;
}

tr.MDataBgcolor2,td.MDataBgcolor2{
	text-align: left;

	color: #000000;	
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
      border-bottom-style:inset;


}
.btn{
width:100px
}

form{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
.linksubmit{
	background-image: url(../images/sort.gif);         
	cursor: pointer;     
	font-weight: bold;     
	background-repeat: no-repeat;     
	background-position: center right;     
	margin-left: -1px; 
	cursor: hand;
}

.DMIn {color:#CE4C08;font-weight: 800; text-decoration:none; }
.red {color:#ff0000;font-weight: 800;}
.title {color:#ff0000;font-weight: 800; }



img{
border:0px
}


.border {
	border: 1px solid #E0E0E0;
}

.PageFocus{
	cursor: hand;

}


span.SS{
color: #1286B6;
text-decoration: underline;
cursor: hand;
}



@media print {
.noprint {display:none}
}



.border {
	border: 1px solid #000000;
}
/*Common*/
div#wrapper {
    position: relative;
    float :right;
    margin: 0 auto;
}


div.pagination {
    overflow: hidden;
    font-size: 12px;
    padding: 10px 0;
}

div.pagination ul {
    list-style: none;
    padding: 2px 0;
    line-height: 16px;
}

div.pagination li {
    display: inline;
}


/*Digg*/
div.pagination.digg {
	padding: 3px;
	margin: 3px;

}

div.pagination.digg a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #F29700;

	text-decoration: none; /* no underline */
	color: #F29700;
}

div.pagination.digg a:hover, div.pagination.digg a:active {
	border: 1px solid #F29700;
	color: #000;
}

div.pagination.digg li.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #F29700;

	font-weight: bold;
	background-color: #F29700;
	color: #FFF;
}

div.pagination.digg li.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}


/*flash upload*/
.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}

div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}
/*flash upload*/


h1{
	font-size:17px;
	height: 1px;
	vertical-align:middle;
}
h2{
	font-size:17px;
	height: 1px;
	vertical-align:middle;
}
h3{
	font-size:12px;
	height: 1px;
	vertical-align:middle;
	font-weight: 100;
}

font { line-height:1.8}
img {border-color:CCCCCC}
/*圖片向上*/
#ps_top{
	background-repeat: repeat-x;
	background-position: top;
}
/*虛線*/
#susu{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
}
#susu2{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: inset;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-color: #B77300;
}
/*圖片向下*/
#ps_down{
	background-repeat: repeat-x;
	background-position: bottom;
}
/*土黃色變暗紅色*/
.txt12yellow_red {
	font-size: 12px;
	color: #432800;
	line-height: 22px;
}
.txt12yellow_red A:link {COLOR: #432800;text-decoration: none;}
.txt12yellow_red A:visited {COLOR: #432800;text-decoration: none;}
.txt12yellow_red A:hover {COLOR:#7d0000;text-decoration:  underline;}
/*搜尋*/
.mc02{
	font-size: 12px;
	color: #666666;
	background-color: #ffebc9;
	border: 1px solid #ac6a00;
}
/*會員加入選單*/
.mc01{
	font-size: 12px;
	color: #666666;
	background-color: #ffebc9;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

/*灰變橘*/
.txt12gray_orange {
	font-size: 12px;
	color: #333333;
}
.txt12gray_orange A:link {COLOR: #333333;text-decoration: none;}
.txt12gray_orange A:visited {COLOR: #333333;text-decoration: none;}
.txt12gray_orange A:hover {
	COLOR:#FF9900;
	text-decoration:  underline;
}
#down03{
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(image/bg02.jpg);
}
.down02{
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(img/bg02.jpg);
}
.shopping{
	color: #e8641b;
	font-size:17px;

}
.productdetail{
	font-size:17px;
	color:#000000;
}
.shopping02{
	font-size: 12px;
	color: #737373;
}
.fillForm {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #cccccc 1px solid; COLOR: #686868; LINE-HEIGHT: 12pt; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "Verdana","新細明體"
}

.ggg {font-family: arial;font-size: 15px;color: #a74200;text-decoration: none;font-weight: bold;}/*分區原來的顏色*/
.ggg2 {font-family: arial;font-size: 15px;color: #f39700;text-decoration: none;font-weight: bold;}/*當選到此分區會在此分區變色*/
/*此為分類CSS作用*/
.fff2 {color: #66FF00;font-size: 13px;font-weight: bold;font-family: arial;}/*當選到此分類會在此分類變色*/
.fff:link {color: #993300;font-size: 13px;font-size: 12px;font-family: arial;/*滑鼠連結前的顏色*/}
.fff:visited {color: #939495;font-size: 13px;font-family: arial;}/*當滑鼠已經做過連結時*/
.fff:hover {color: #92B2DD;font-size: 13px;font-size: 12px;font-family: arial;}/*當滑鼠滑過去*/
.fff:active {color: #CC9900;font-size: 13px;font-size: 12px;font-family: arial;}/*當滑鼠點下去那一刻*/

.vvv {
	color: #666666;
}
.vvv2 {
	color: #000000;
}

a:link {color: #e8641b;text-decoration:none;} 
a:visited{color: #e8641b;text-decoration:none;}
a:hover {color: #e8641b;text-decoration:none;}
.webdesign{display:none}

.link {color:#0000FF;}