
/* 主體設定 */
body {
    padding-bottom:0;margin-bottom:0;
	margin:0;    
	padding-top:0px;
	font-family: Verdana, Arial, Sans-Serif, Lucida Grande;	
    font-size: 10pt;
	background:url(../images/body_bg.jpg) top left repeat;
}
/**{MARGIN:0;PADDING:0;}*/
#container {  	
    position : relative;
    width : 954px;
	margin : auto;
	background: url(../images/container_bg.jpg) top center  repeat-y;
  
}
#container2{}


/*Flash*/

#flash {
position:absolute;
top:1px;
left:1px;
}
/**{MARGIN:0;PADDING:0;}*/


#pageheader {
	width: 954px;
	height: 198px;
    background: url(../images/pageheader_bg.jpg) top left  no-repeat;
	margin: 0;
	padding: 0;
}

#pageheader1 {
	float: left;
	display: block;
	height: 20px;
	padding-left: 450px;
	/*text-indent: 450px;*/
	margin-top: 37px;
	color: #cc8844;
	/*border-bottom: dotted 1px #995500*/
}

#pageheader1 span {
	letter-spacing: 1px
}

#pageheader2 {
	float: right;
	display: block;
	width: 120px;
	height: 50px;
	margin-top: 37px;
	padding-right: 62px;
}

#pageheader2 a img, #pageheader2 a:link img, #pageheader2 a:visited img {
	opacity: .80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80
}

#pageheader2 a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1
}
	
	
/*底部背景*/
#main2 {	
	min-height :459px;
	height:auto !important;
    height:459px;
    margin:0 50px 0 450px;
    padding:5px 0 0 0;
}
html>body #main2{border:1px solid transparent;}
/*中間背景*/
#main1{
    margin:0;
	padding:0;
	background:url(../images/main_bg2.jpg) top center no-repeat;
}

/*上方背景*/
#main {	
    margin:0;
    padding:0;
}


/* 內文 */
#content {
	padding:0;
	margin:0;
	font-size: 10pt;
	position : relative;

}

#content2 {margin:0;padding:0;}
#content p{line-height:1.9em;letter-spacing:0.13em;color:#fff;margin:0;padding:0;}				
#content .p2{line-height:1.9em;letter-spacing:0.13em;color:#fff;margin:0 0 0px 0;padding:0;}				
#content .p3{line-height:1.9em;letter-spacing:0.13em;color:#ffdd7b;margin:0 0 0px 15px;padding:0;}				
#content .p4{line-height:1.9em;letter-spacing:0.13em;color:#d2ff00;margin:0 0 0px 30px;padding:0;}	
#content ul {color:#fff;list-style-type:circle;}
#content li {color:#fff;list-style-type:circle;}
#content a, #content a:link, #content a:visited {color: #f6a505;} 
#content a:hover,#content a:active{text-decoration: underline; color: #ff5555}	

	.border{margin:0 0 20px 0;}
	.border2{padding:0 0 15px 0;background:url(../images/dotted.gif) bottom left repeat-x;}
	.border3{padding:15px 0 0px 0;background:url(../images/dotted.gif) top left repeat-x;}

#content2 p {
	margin:0 0 0px 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #ffdd7b
}

#content2 td {
	color: #ffdd7b
}

/* 一般設定  */
a:link,a:visited { 
	color: #e77a05;
	text-decoration : none;
}
a:hover , a:active  {
	color: #474747;
	text-decoration : none;
}

img{
    border:0px solid red;
	}
h1{color:#fff;font-size:1.3em;margin:5px 0;padding:0 0 0px 20px;background:url(../images/h1.gif) top left no-repeat;}
h2 { 
	clear : both;
	padding : 0em 0 0em 1em;
	margin:0 0 4px 0;
    font-size : 1.4em;
    width : 390px;
	color:#ffe216;
	background:url(../images/h2_bg.gif) top left no-repeat;
}

h2 a:link , h2 a:visited { color:#fff}
h2 a:hover , h2 a:active { color:#fff}

h3 {
	clear : both;
	background : url(../images/h3_bg.gif) top left no-repeat; 	
	padding : 0.1em 0 0.1em 1em;
    font-size : 1.3em;
	margin:0px 0 0 15px;
    width : 370px;
	color:#ffdd7b;
}

h4 { 
	clear : both;
    font-size : 1.2em;
    width:350px;
	margin:0px 0 0 30px;
	padding : 0.1em 0 0.1em 1em;
	color:#d2ff00;
	background : url(../images/h4_bg.gif) top left no-repeat; 	
}

/* 最新消息日期 */
.PageDate{
	padding-top: 6px;
	padding-bottom: 3px;
	font-size: 0.9em;
	text-align : right;
	color: #f4c507;
    width: 100%;
}
.PageDate a, .PageDate a:link, .PageDate a:visited {
	color: #ffffff;
	text-decoration: underline
}
.PageDate a:hover {
	color: #ffffff;
	text-decoration: none
}

/* 分頁選單 */
#content .pager {
	clear: both;
	float: none;
	text-align: center;
	letter-spacing: 0px;
	font-family: Gulim, Dotum, SimSun, 細明體;
	color: #ffffff;
	line-height: 2.5
}

#content .pager a, #content .pager a:visited, #content .pager a:link {
	color: #772200;
	background-color: #dd8855;
	padding: 3px 4px 3px 4px;
	text-decoration: none
}

#content .pager a:hover {
	background-color: #ee5500;
	color: #772200;
}
	
/* 商品照片 */
.photolist{
	min-height: 160px;
	height: 160px;
	height: auto !important;
	margin: 0 0 20px 0;
}
.photo {
	float: left;
	width: 130px;
	border-top:4px solid #dd9012;
	border-bottom:4px solid #dd9012;
	border-left:1px dashed #dd9012;
	border-right:1px dashed #dd9012;
	margin: 0px 9px 20px 5px;
	padding: 0;
	/*background:url(../images/photo_dotted.gif)  top right repeat-y;*/
}
.photo2{
	width: 130px;
	padding:0;
	/*background:url(../images/photo_dotted.gif) top left repeat-y;*/
}
.photo2:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.photo div {
	width : 125px;
	padding-top : 0px;
	margin:0;
	text-align : center; 
}

.photo div img  {
	margin:10px 0 0 0;
	border: 3px solid #dddddd /* #dd9012 */;
}

.photo ul {
	text-align : left;
	font-size : 1em;
	padding : 0;
	margin : 5px 0 0 0;
	text-align : center;
}
html>body .photo ul  {margin:5px 0 0 5px;}
#content .photo ul li {
	list-style-type: none;
	list-style:none;
	list-style-image:none;
    margin-bottom : 5px;
	font-size: 9pt;
}
#content .photo li {
/*padding-left:5px;
 background:url(../images/fh.gif) center left no-repeat; */
}
#content .photo ul li a:visited{color:#ffb505;}


/* 主選單1 */
#linklist{ 
	position :absolute;
	top : 148px;
	right : 14px;
	width : 500px;
	margin :0;
	padding :0; 
}
#linklist2{ 	
}				
#linklist ul { 
    list-style: none;
	margin: 0;
	padding :0px 0;
	width:500px;
}		
		
#linklist li	{ margin: 0 20px 0 0; padding : 0;float:left;display:inline; }

#linklist li a{
	display: block;
	padding :0 0 0 15px;
	margin :0;
	color:#c43103;
	background:url(../images/linklist_lia.gif) top left no-repeat;	
}

#linklist li a:hover {
	color:#444444;
	text-decoration: underline
}

/* 主選單2 */
#linklist21{ 
	position :absolute;
	top : 97px;
	right : 14px;
	width : 500px;
	margin :0;
	padding :0; 

}
				
#linklist21 ul { 
    list-style: none;
	margin: 0;
	padding :0px 0;
	width:500px;
}		
		
#linklist21 li	{ margin: 0 23px 0 0; padding : 0;float:left;display:inline; }

#linklist21 li a{
	display: block;
	padding :0 0 0 15px;
	margin :0;
	font-size:1.17em;
	color:#ffffff;
	letter-spacing:0.2em;
	background:url(../images/linklist_link.gif) top left no-repeat;
}

#linklist21 li a:hover {
	position: relative;
	top: 3px;
	background:url(../images/linklist_hover.gif) top left no-repeat;
}

#submenu ul {
    list-style: none;
	margin: 0;
	padding: 0;
	width: 440px;
}

#submenu li {
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
	float: left;
}

#submenu li a.first, #submenu a.first:visited, #submenu a.first:link {
	border-left: 1px dotted orange
}

#submenu li a, #submenu a:visited, #submenu a:link {
	display: block;
	padding: 1px 10px 0px 10px;
	margin: 0;
	letter-spacing: 2px;
	border-right: 1px dotted orange
}

#submenu li a:hover, #submenu a:active {
	color: #ff5555;
	text-decoration: underline
}


.table{	  
      margin: 10px 0 5px 0;
      border-top:1px solid #dd9012;
      border-left:1px solid #dd9012;
	  border-collapse: collapse;
 }
.table th, .table td {
      border-right:1px solid #dd9012;
      border-bottom:1px solid #dd9012;
      padding:6px 6px 6px 6px;
      color:#ffb505;
	  text-align:left;
      }
.table th {
      background:#ee9012;
      color:#661b00;
}
.table td {
      color: #ddbbaa
      }
.table td td {
      border-width: 0px;
	  padding: 3px
}

.ts_styled .even {
	background : #E0EBF3;
}	  

.table caption { 
	text-align : left;
	font-weight : bold;
	font-size :1.3em;
	color:#ffdd7b;
	padding : 0.1em 0.1em 0.1em 0em;
	background : url(../images/caption.gif) no-repeat 0 50%;
}



/*--------- 底 ---------- */
#footer{ 
    margin:0;padding:0;
    position :relative;
	margin-right : 0px;
    min-height:163px;
	height:163px;
	background:url(../images/footer_bg2.jpg) top left no-repeat;
	color:#fff;
}
html>body #footer {border:1px solid transparent;margin:-1px 0 0 -1px;}							
#footer a:link, #footer a:visited {color:#fff; text-decoration: underline}
#footer a:hover	, #footer a:active  {}

#footer_address {
	position :relative;
	width :570px;
	left :400px;
	top : 130px;
	padding : 0px;
	margin:0;
	text-align:center;
	color:#fff;
	font-size:0.8em;
}

