@charset"BIG5";

/* ---------------------------------------------------------
      整體結構 
---------------------------------------------------------- */
body {
	behavior: url(csshover.htc);
	margin: 0;
	padding:0;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 10pt;
	color: #666666;
	background-image: url(../images/bg.gif);
}
/* 外框架 */
#wrapper{
	margin: 12px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:988px;
}
/* 上框架 */
#topcol{
    margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:988px;
	/*border:1px solid #FF0000;*/
}
/* 頁首 */
#header{
	width:916px;
	height:100px;
	margin: 0px auto 0px auto;
	padding: 14px 30px 0px 16px;
	background-image:url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	border:#CCCCCC 1px solid;
	font-size:8pt;
	/*border:1px solid #FF0000;*/
}
/* 上方導覽框 */
#topnav{
	width:951px;
	height:34px;
	margin: 4px auto 0px auto;
	position: relative;
	background-image: url(../images/topnav_bt.gif);
	background-repeat: no-repeat;
	border:1px solid #FFF;
}
/* 發表主圖搜尋區*/
#mainimgbox{
    width:965px;
	height:159px;
    margin: 4px auto 0px auto;
	/*border:1px solid #FF0000;*/
}
#mainbanner{
    float:left;
	border:#CCCCCC 1px solid;
}
#searchbox{
    float:right;
}
/* 中央內容框架 */
#maincol{
    width:940px;
	_width:940px;/*for IE6*/
	margin: 0px auto 0px auto;
	background-color:#FFFFFF;
	padding:0px 10px 0px 10px;/*for FF*/
	*padding:0px 12px 0px 12px;
	/*border:1px solid #FF0000;*/
}
/*內頁左邊導覽框架*/
#leftcol{
    float:left;
    width:234px;
}
/*內頁中間內容框架*/
#contentcol{
    float:left;
    width:702px;
	border-bottom:#CCCCCC 1px dashed;
	margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;/*for IE6*/
	padding:0px 0px 8px 0px;
	/*border:1px solid #FF0000;*/
}
#contentcol100{
    float:left;
    width:99%;
	border-bottom:#CCCCCC 1px dashed;
	margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;/*for IE6*/
	padding:0px 0px 8px 0px;
	/*border:1px solid #FF0000;*/
}
/* 頁尾 */
#footer{
	clear: both;
	margin: 5px auto 0px auto;
	padding: 10px 10px;
	width:920px;
	background-color: #78add9;
	text-align:right;
	color:#333333;
	font-size:8pt;
	/*border:1px solid #FF0000;*/
}
/* ---------------------------------------------------------
      連結設定 
---------------------------------------------------------- */
a:link, a:visited{
	color: #666;
	text-decoration: none;
}
a:hover, a:active{
	color: #073190;
	text-decoration: underline;
}
/* ---------------------------------------------------------
      內文字體定義 
---------------------------------------------------------- */
.h0b{
	font-size: 10pt;
	font-weight: bold;
}
.h0line{
	font-size: 10pt;
	line-height: 20px;
}
.h1{
	font-size: 8pt;
}
.h2{
	font-size: 9pt;
}
.h2b{
	font-size: 9pt;
	font-weight: bold;
}
.h3{
	font-size: 11pt;
}
.h3b{
	font-size: 11pt;
	font-weight: bold;
}
.h4{
	font-size: 12pt;
}
.h4b{
	font-size: 12pt;
	font-weight: bold;
}
.h4bblue{
	font-size: 12pt;
	font-weight: bold;
	color:#073190;
}
.h5{
	font-size: 13pt;
}
.h5b{
	font-size: 13pt;
	font-weight: bold;
}
.h6{
	font-size: 15pt;
}
.h6b{
	font-size: 15pt;
	font-weight: bold;
}
/* ---------------------------------------------------------
      頁首 
---------------------------------------------------------- */
.search{
     width:240px;
	 height:33px;
	 background-color:#e6e6e6;
	 border:#CCCCCC 1px solid;
	 text-align:center;
}
.newprodbanner{
     margin-top:-15px;
	 border:#CCCCCC 1px solid;
}
/* ---------------------------------------------------------
      上方導覽框 動態按鈕 
---------------------------------------------------------- */
#topnav li{
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
}
#topnav li, #topnav a {
   height: 34px;
   display: block;
}
/* Modified Phark Image Replacement Technique */
#topnav a {
 text-indent: -5000px;
 text-decoration: none;
}
#topnav_intro {left: 0px; width: 190px;}
#topnav_news {left: 190px; width: 190px;}
#topnav_prod {left: 380px; width: 192px;}
#topnav_gallery {left: 572px; width: 193px;}
#topnav_contact {left: 765px; width: 186px;}

/* -- 上方導覽列OVER變換設定 -- */
#topnav_intro a:hover, #topnav_intro a:visited:hover { background: transparent url(../images/topnav_bt.gif) 0px -34px no-repeat; }
#topnav_news a:hover, #topnav_news a:visited:hover { background: transparent url(../images/topnav_bt.gif) -190px -34px no-repeat; }
#topnav_prod a:hover, #topnav_prod a:visited:hover { background: transparent url(../images/topnav_bt.gif) -380px -34px no-repeat; }
#topnav_gallery a:hover, #topnav_gallery a:visited:hover { background: transparent url(../images/topnav_bt.gif) -572px -34px no-repeat; }
#topnav_contact a:hover, #topnav_contact a:visited:hover { background: transparent url(../images/topnav_bt.gif) -765px -34px no-repeat; }

/* -- 上方導覽列select設定 -- */
#topnav_intro a.selected:link, #topnav_intro a.selected:visited { background: transparent url(../images/topnav_bt.gif) 0px -68px no-repeat;}
#topnav_intro a.selected:link:hover, #topnav_intro a.selected:visited:hover { background: transparent url(../images/topnav_bt.gif) 0px -68px no-repeat;}

#topnav_news a.selected:link, #topnav_news a.selected:visited { background: transparent url(../images/topnav_bt.gif) -190px -68px no-repeat;}
#topnav_news a.selected:link:hover, #topnav_news a.selected:visited:hover { background: transparent url(../images/topnav_bt.gif) -190px -68px no-repeat;}

#topnav_prod a.selected:link, #topnav_prod a.selected:visited { background: transparent url(../images/topnav_bt.gif) -380px -34px no-repeat;}
#topnav_prod a.selected:link:hover, #topnav_prod a.selected:visited:hover { background: transparent url(../images/topnav_bt.gif) -380px -68px no-repeat;}

#topnav_gallery a.selected:link, #topnav_gallery a.selected:visited { background: transparent url(../images/topnav_bt.gif) -572px -34px no-repeat;}
#topnav_gallery a.selected:link:hover, #topnav_gallery a.selected:visited:hover { background: transparent url(../images/topnav_bt.gif) -572px -68px no-repeat;}

#topnav_contact a.selected:link, #topnav_contact a.selected:visited { background: transparent url(../images/topnav_bt.gif) -765px -34px no-repeat;}
#topnav_contact a.selected:link:hover, #topnav_contact a.selected:visited:hover { background: transparent url(../images/topnav_bt.gif) -765px -68px no-repeat;}
/* ---------------------------------------------------------
      左邊導覽欄 
---------------------------------------------------------- */
#leftnav{
	margin: 0px 0px 0px 0px;
}
#leftnav ul{
    list-style: none;
	padding: 0px 0px 0px 12px;
	margin: 0px 8px 8px 0px;
	border-bottom:#CCCCCC 1px solid;
}
#leftnav ul li a:link, #leftnav ul li a:visited{
	display: block;
	margin: 0;
	padding: 8px 0px 8px 22px;
	/*_padding: 8px 0px 8px 22px;/* for IE6 */
	background-image: url(../images/leftnavlist0.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	border-top:#CCCCCC 1px solid;
}
#leftnav ul li a:hover, #leftnav ul li a:active{
    display: block;
	margin: 0;
	padding: 8px 0px 8px 22px;
	/*_padding: 8px 0px 8px 22px;/* for IE6 */
	background-image: url(../images/leftnavlist0ov.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	border-top:#CCCCCC 1px solid;
}
#leftnav ul ul{
	list-style: none;
	padding: 0;
	margin: -10px 0px 4px 16px;
	border-bottom:#CCCCCC 0px solid;
}
#leftnav ul ul li a:link, #leftnav ul ul li a:visited{
	display: block;
	margin: 0px 0px 0px 5px;
	padding: 8px 0px 0px 16px;
	background-image: url(../images/leftnavlist1.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	border-top:#CCCCCC 0px solid;
}
#leftnav ul ul li a:hover, #leftnav ul ul li a:active{
	display: block;
	margin: 0px 0px 0px 5px;
	padding: 8px 0px 0px 16px;
	background-image: url(../images/leftnavlist1.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	border-top:#CCCCCC 0px solid;
}
#leftnav ul ul ul{
	list-style: none;
	padding: 0;
	margin: 0px 0px 0px 22px;
	border-bottom:#CCCCCC 0px solid;
}
#leftnav ul ul ul li {
	display: block;
	margin: 0;
	padding: 0px 0px 0px 0px;
	/*_padding: 8px 0px 8px 22px;/* for IE6 */
	background-image: none;
	border-top:#CCCCCC 0px solid;
}
#leftnav ul ul ul li a:link, #leftnav ul ul ul li a:visited{
	display: block;
	margin: 0;
	padding:0px 0px 0px 0px;
	/*_padding: 8px 0px 8px 22px;/* for IE6 */
	background-image: none;
	border-top:#CCCCCC 0px solid;
}
#leftnav ul ul ul li a:hover, #leftnav ul ul ul li a:active{
    display: block;
	margin: 0;
	padding: 0px 0px 0px 0px;
	/*_padding: 8px 0px 8px 22px;/* for IE6 */
	background-image: none;
	border-top:#CCCCCC 0px solid;
}
/* ---------------------------------------------------------
      中央內容欄 
---------------------------------------------------------- */
.linkboxtd{
    border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	padding:15px 0px 10px 5px;
	margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;/*for IE6*/
}
#prodnavbar{
	width:702px;
	height:40px;
	margin: 0px auto 0px auto;
    position: relative;
	background-image: url(../images/prodnav_bt.gif);
	background-repeat: no-repeat;
}
#prodnavbar li{
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   /*top: 0;*/
   bottom: 0;
}
#prodnavbar li, #prodnavbar a {
   height: 160px;
   display: block;
}
/* Modified Phark Image Replacement Technique */
#prodnavbar a {
 text-indent: -5000px;
 text-decoration: none;
}
#prodnav_slippers {left: 0px; width: 234px;}
#prodnav_housewares {left: 234px; width: 234px;}
#prodnav_others {left: 468px; width: 234px;}

/* -- 產品導覽列OVER變換設定 -- */
#prodnav_slippers a:hover, #prodnav_slippers a:visited:hover { background: transparent url(../images/prodnav_bt.gif) 0px -40px no-repeat; }
#prodnav_housewares a:hover, #prodnav_housewares a:visited:hover { background: transparent url(../images/prodnav_bt.gif) -234px -40px no-repeat; }
#prodnav_others a:hover, #prodnav_others a:visited:hover { background: transparent url(../images/prodnav_bt.gif) -468px -40px no-repeat; }

#titlebox{

}
#contentbox{
    margin:12px 12px 0px 47px;
}
.certlist{
    list-style: none;
	padding: 0px 0px;
	margin: 0px 0px;
}
.certlist li a:link, .certlist li a:visited{
	display:block;
	padding: 5px 8px;
	margin: 8px 0px;
	_margin: 8px 0px;/*for IE6*/
	background-color:#eeeeee;
	border-left:#78add9 10px solid;
}
.certlist li a:hover, .certlist li a:visited:hover{
    display:block;
	padding: 5px 8px;
	margin: 8px 0px;
	background-color:#b5d2ea;
	border-left:#78add9 10px solid;
}
/* 縮圖排列 */
.imagebox{
    float:left;
	margin:0px 40px 0px 30px;
	padding:0px 0px 0px 0px;
}
.imagebox p{
    margin:2px 0px 0px 0px;
    text-align:center;
}
/* 產品縮圖排列 */
.pimagebox{
    float:left;
	width:150px;
	margin:0px 18px 15px 15px;
	padding:0px 5px 8px 5px;
	display:block;
	border:#fff 1px solid;
	text-align:center;
    height:230px;
}
.pimagebox p{
    margin:3px 0px 0px 0px;
    text-align:center;
}
.pimagebox:hover{
    float:left;
	width:150px;
	margin:0px 18px 15px 15px;
	padding:0px 5px 8px 5px;
    display:block;
	border:#eee 1px solid;
	text-align:center;
	height:230px;
}
/* 產品附圖排列 */
.pimagebox2{
    float:left;
	width:140px;
	margin:0px 10px 15px 0px;
	padding:5px;
	display:block;
	border:#ccc 1px solid;
	text-align:center;
}
.pimagebox2 p{
    margin:3px 0px 0px 0px;
    text-align:center;
}
.pimagebox3{
    float:left;
	width:100px;
	margin:0px 18px 15px 0px;
	padding:5px;
	display:block;
	text-align:center;
}
.pimagebox3 p{
    margin:3px 0px 0px 0px;
    text-align:center;
}
.pimagebox3 img{
	border:#ccc 1px solid;
}
/* news 列間距*/
.newstdspace{
	padding:4px 0px 8px 0px;
	border-bottom:#CCCCCC 1px dashed;
}
/* 產品內頁標題 */
.pdetailtit{
    border-bottom:#b9db71 5px solid;
	border-top:#b9db71 1px solid;
	font-size: 11pt;
	font-weight: bold;
	padding:3px 3px 0px 3px;
}
/* 產品內頁介紹 */
.pdetaillist{
    margin:0px 0px 0px 0px;
}
.pdetaillist ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 18px;
	list-style-type: disc;
}
/* ---------------------------------------------------------
      頁尾 
---------------------------------------------------------- */

/* ---------------------------------------------------------
      相關連結 
---------------------------------------------------------- */

/* ---------------------------------------------------------
      其他 
---------------------------------------------------------- */
.spacer {
	clear: both;
}
.imgspace{
    padding:0px 10px 10px 10px;
}
.pagebtn{
    clear: both;
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.pagebtn td{
	padding:3px 3px;
	border:1px solid #C9EB83;
}
.tdborder_dashed{
	border-bottom: 1px dashed #666666;    
}