.diymenudiv{
position:absolute;
top: 0; left:0;
border: 1px solid #6AAF07; 
border-bottom: 5px solid #6AAF07; 
visibility: hidden;
z-index:99;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
background:url(http://www.payeasy.com.tw/diy/images/line.gif) repeat-y center top #F7FFD7;
width:450px;
}

.clearfixMenuEmpty {
 clear: both;
 height: 17px;
 font-size: 1px;
 margin-top: 0px;
 visibility:hidden;
}
 
.diymenudiv .groups{
 width:100%; 
}

.diymenudiv .groups .items{
float:left; display:inline;
width:220px;
padding:10px 0 10px 0;
}

.diymenudiv .groups .items a{
 display: block;
 background:url(images/icon_down.gif) no-repeat;
 background-position:15px 6px;
 font-size:12px;color:#0D7529;
 text-decoration: none;
 padding: 1px 2px 0 29px; 
 line-height:16px;
 margin-bottom:2px;
 }
 
.diymenudiv .groups .items a:hover{
 color:#fff;
 background:url(http://www.payeasy.com.tw/diy/images/icon_white.gif) no-repeat #00AC4D;   background-position:15px 6px;
 }
 
.diymenudiv .groups .items .big{
font-weight:bold;
background-position:884px 6px;
font-size:13px;
padding: 1px 2px 0 10px !important;
line-height:16px;
margin-bottom:2px;
}

.diymenudiv .groups .items a.big:hover{
 background-position:100px 600px  !important;
 }

.diymenudiv .promogroups{
 background:#F5CCCC;
 padding: 2px 0px;
 padding: 5px 0px 4px 0px;
 }
 
.diymenudiv .promogroups a:hover{
color:#FF0000;
}





.diymenudiv11{
position:absolute;
top: 0; left:0;
border: 1px solid #6AAF07; 
border-bottom: 5px solid #6AAF07; 
visibility: hidden;
z-index:999;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
background:url(images/line.gif) repeat-y center top #F7FFD7;
width:300px;
}

.clearfixMenuEmpty11 {
 clear: both;
 height: 17px;
 font-size: 1px;
 margin-top: 0px;
 visibility:hidden;
}
 
.diymenudiv .groups{
 width:100%; 
}

.diymenudiv11 .groups .items{
float:left; display:inline;
width:300px;
padding:10px 0 10px 0;
}

.diymenudiv11 .groups .items a{
 display: block;
 background:url(images/icon_down.gif) no-repeat;
 background-position:15px 6px;
 font-size:12px;color:#0D7529;
 text-decoration: none;
 padding: 1px 2px 2px 29px; 
 line-height:16px;
 margin-bottom:2px;
 }
 
.diymenudiv11 .groups .items a:hover{
 color:#fff;
 background:url(icon_white.gif) no-repeat #00AC4D;   background-position:15px 6px;
 }
 
.diymenudiv11 .groups .items .big{
font-weight:bold;
background-position:884px 6px;
font-size:13px;
padding: 1px 2px 0 10px !important;
line-height:16px;
margin-bottom:2px;
}

.diymenudiv11 .groups .items a.big:hover{
 background-position:100px 600px  !important;
 }

.diymenudiv11 .promogroups{
 background:#F5CCCC;
 padding: 2px 0px;
 padding: 5px 0px 4px 0px;
 }
 
.diymenudiv11 .promogroups a:hover{
color:#FF0000;
}



.diymenudiv21{
position:absolute;
top: 0; left:0;
border: 1px solid #6AAF07; 
border-bottom: 5px solid #6AAF07; 
visibility: hidden;
z-index:999;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
background:url(images/line.gif) repeat-y center top #FFFFDF;
width:265px;
}

.clearfixMenuEmpty21 {
 clear: both;
 height: 17px;
 font-size: 1px;
 margin-top: 0px;
 visibility:hidden;
}
 
.diymenudiv21 .groups{
 width:100%; 
}

.diymenudiv21 .groups .items{
float:left; display:inline;
width:265px;
padding:10px 0 10px 0;
}

.diymenudiv21 .groups .items a{
 display: block;
 background:url(images/icon_down.gif) no-repeat;
 background-position:15px 6px;
 font-size:12px;color:#0D7529;
 text-decoration: none;
 padding: 1px 2px 2px 15px; 
 line-height:16px;
 margin-bottom:2px;
 }
 
.diymenudiv21 .groups .items a:hover{
 color:#fff;
 background:url(icon_white.gif) no-repeat #00AC4D;   background-position:15px 6px;
 }
 
.diymenudiv21 .groups .items .big{
font-weight:bold;
background-position:884px 6px;
font-size:13px;
padding: 1px 2px 0 10px !important;
line-height:16px;
margin-bottom:2px;
}

.diymenudiv21 .groups .items a.big:hover{
 background-position:100px 600px  !important;
 }

.diymenudiv21 .promogroups{
 background:#F5CCCC;
 padding: 2px 0px;
 padding: 5px 0px 4px 0px;
 }
 
.diymenudiv21 .promogroups a:hover{
color:#FF0000;
}


.diymenudiv31{
position:absolute;
top: 0; left:0;
border: 1px solid #6AAF07; 
border-bottom: 5px solid #6AAF07; 
visibility: hidden;
z-index:999;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
background:url(images/line.gif) repeat-y center top #FFFFDF;
width:200px;
}

.clearfixMenuEmpty31 {
 clear: both;
 height: 17px;
 font-size: 1px;
 margin-top: 0px;
 visibility:hidden;
}
 
.diymenudiv31 .groups{
 width:100%; 
}

.diymenudiv31 .groups .items{
float:left; display:inline;
width:200px;
padding:10px 0 10px 0;
}

.diymenudiv31 .groups .items a{
 display: block;
 background:url(images/icon_down.gif) no-repeat;
 background-position:15px 6px;
 font-size:12px;color:#0D7529;
 text-decoration: none;
 padding: 1px 2px 2px 15px; 
 line-height:16px;
 margin-bottom:2px;
 }
 
.diymenudiv31 .groups .items a:hover{
 color:#fff;
 background:url(icon_white.gif) no-repeat #00AC4D;   background-position:15px 6px;
 }
 
.diymenudiv31 .groups .items .big{
font-weight:bold;
background-position:884px 6px;
font-size:13px;
padding: 1px 2px 0 10px !important;
line-height:16px;
margin-bottom:2px;
}

.diymenudiv31 .groups .items a.big:hover{
 background-position:100px 600px  !important;
 }

.diymenudiv31 .promogroups{
 background:#F5CCCC;
 padding: 2px 0px;
 padding: 5px 0px 4px 0px;
 }
 
.diymenudiv31 .promogroups a:hover{
color:#FF0000;
}


.diymenudiv41{
position:absolute;
top: 0; left:0;
border: 1px solid #6AAF07; 
border-bottom: 5px solid #6AAF07; 
visibility: hidden;
z-index:999;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
background:url(images/line.gif) repeat-y center top #FFFFDF;
width:230px;
}

.clearfixMenuEmpty41 {
 clear: both;
 height: 17px;
 font-size: 1px;
 margin-top: 0px;
 visibility:hidden;
}
 
.diymenudiv41 .groups{
 width:100%; 
}

.diymenudiv41 .groups .items{
float:left; display:inline;
width:230px;
padding:10px 0 10px 0;
}

.diymenudiv41 .groups .items a{
 display: block;
 background:url(images/icon_down.gif) no-repeat;
 background-position:15px 6px;
 font-size:12px;color:#0D7529;
 text-decoration: none;
 padding: 1px 2px 2px 15px; 
 line-height:16px;
 margin-bottom:2px;
 }
 
.diymenudiv41 .groups .items a:hover{
 color:#fff;
 background:url(icon_white.gif) no-repeat #02AB4E;   background-position:15px 6px;
 }
 
.diymenudiv41 .groups .items .big{
font-weight:bold;
background-position:884px 6px;
font-size:13px;
padding: 1px 2px 0 10px !important;
line-height:16px;
margin-bottom:2px;
}

.diymenudiv41 .groups .items a.big:hover{
 background-position:100px 600px  !important;
 }

.diymenudiv41 .promogroups{
 background:#F5CCCC;
 padding: 2px 0px;
 padding: 5px 0px 4px 0px;
 }
 
.diymenudiv41 .promogroups a:hover{
color:#FF0000;
}



#diymenu1 {
	margin-top:-3px;
	margin-left:0px;
}
* html #diymenu1 {
	margin-top:-3;
	margin-left:0px;
}
*+html #diymenu1 {
	margin-top:0;
	margin-left:0px;
}


#diymenu2 {
	margin-top:-3px;
	margin-left:0px;
}
* html #diymenu2 {
	margin-top:-3;
	margin-left:0px;
}
*+html #diymenu2 {
	margin-top:-3;
	margin-left:0px;
}

#diymenu3 {
	margin-top:-3px;
	margin-left:0px;
}

#diymenu4 {
	margin-top:-3px;
	margin-left:0px;
}

#diymenu5 {
	margin-top:-3px;
	margin-left:0px;
}

#diymenu6 {
	margin-top:-3px;
	margin-left:0px;
}


#diymenu7 {
	margin-top:-3px;
	margin-left:0px;
}

#diymenu8 {
	margin-top:-3px;
	margin-left:0px;
}
* html #diymenu8 {
	margin-top:-1;
	margin-left:0px;
}
*+html #diymenu8 {
	margin-top:0;
	margin-left:0px;
}


#diymenu9 {
	margin-top:-1px;
	margin-left:0px;
}
* html #diymenu9 {
	margin-top:-1;
	margin-left:0px;
}
*+html #diymenu9 {
	margin-top:0;
	margin-left:0px;
}

#diymenu11 {
	margin-top:-2px;
	margin-left:0px;
}
* html #diymenu11 {
	margin-top:-2;
	margin-left:0px;
}
*+html #diymenu11 {
	margin-top:-2;
	margin-left:0px;
}

#diymenu12 {
	margin-top:-2px;
	margin-left:0px;
}
* html #diymenu12 {
	margin-top:-2;
	margin-left:0px;
}
*+html #diymenu12 {
	margin-top:-2;
	margin-left:0px;
}

#diymenu13 {
	margin-top:-2px;
	margin-left:0px;
}
* html #diymenu13 {
	margin-top:-2;
	margin-left:0px;
}
*+html #diymenu13 {
	margin-top:-2;
	margin-left:0px;
}

#diymenu14 {
	margin-top:-2px;
	margin-left:0px;
}
* html #diymenu14 {
	margin-top:-2;
	margin-left:0px;
}
*+html #diymenu14 {
	margin-top:-2;
	margin-left:0px;
}

#diymenu15 {
	margin-top:-2px;
	margin-left:0px;
}
* html #diymenu15 {
	margin-top:-2;
	margin-left:0px;
}
*+html #diymenu15 {
	margin-top:-2;
	margin-left:0px;
}

#diymenu16 {
	margin-top:-2px;
	margin-left:0px;
}
* html #diymenu16 {
	margin-top:-2;
	margin-left:0px;
}
*+html #diymenu16 {
	margin-top:-2;
	margin-left:0px;
}

#diymenu17 {
	margin-top:-2px;
	margin-left:0px;
}
* html #diymenu17 {
	margin-top:-2;
	margin-left:0px;
}
*+html #diymenu17 {
	margin-top:-2;
	margin-left:0px;
}

#diymenu18 {
	margin-top:-2px;
	margin-left:0px;
}
* html #diymenu18 {
	margin-top:-2;
	margin-left:0px;
}
*+html #diymenu18 {
	margin-top:-2;
	margin-left:0px;
}

#diymenu19 {
	margin-top:0px;
	margin-left:0px;
}
* html #diymenu19 {
	margin-top:0;
	margin-left:0px;
}
*+html #diymenu19 {
	margin-top:0;
	margin-left:0px;
}



#diymenu31 {
	margin-top:-6px;
	margin-left:0px;
}
* html #diymenu31 {
	margin-top:-6;
	margin-left:0px;
}
*+html #diymenu31 {
	margin-top:0;
	margin-left:0px;
}

#diymenu32 {
	margin-top:-6px;
	margin-left:0px;
}
* html #diymenu32 {
	margin-top:-6;
	margin-left:0px;
}
*+html #diymenu32 {
	margin-top:0;
	margin-left:0px;
}

#diymenu33 {
	margin-top:-6px;
	margin-left:0px;
}
* html #diymenu33 {
	margin-top:-6;
	margin-left:0px;
}
*+html #diymenu33 {
	margin-top:0;
	margin-left:0px;
}


#diymenu34 {
	margin-top:-6px;
	margin-left:0px;
}
* html #diymenu34 {
	margin-top:-6;
	margin-left:0px;
}
*+html #diymenu34 {
	margin-top:0;
	margin-left:0px;
}


#diymenu35 {
	margin-top:-6px;
	margin-left:0px;
}
* html #diymenu35 {
	margin-top:-6;
	margin-left:0px;
}
*+html #diymenu35 {
	margin-top:0;
	margin-left:0px;
}


#diymenu35 {
	margin-top:-6px;
	margin-left:0px;
}
* html #diymenu36 {
	margin-top:-6;
	margin-left:0px;
}
*+html #diymenu36 {
	margin-top:0;
	margin-left:0px;
}




img {
	vertical-align:text-bottom; /*解決圖片底部出現多於縫隙*/
}

