/*--------------------通用設定*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color: #ffffff; /*捲軸顏色*/
scrollbar-highlight-color: #336699; /*捲軸左與上內邊框*/
scrollbar-shadow-color: #336699;/*捲軸右與下內邊框*/ 
scrollbar-3dlight-color: #ffffff; /*捲軸左與上外邊框*/ 
scrollbar-darkshadow-color: #ffffff;/*捲軸右與下外邊框*/
scrollbar-arrow-color: #336699; /*捲軸箭頭*/
scrollbar-track-color: #ffffff; /*捲軸底色*/
background-image : url(images/bg.jpg); /*背景圖片*/
	background-position : 100% 100%; /*x與y軸的位置*/
	background-repeat: repeat-y;
}
/*--------------------通用文字設定*/
body,td,th {
	font-family: tahoma,"細明體",sans-serif;
	font-size: 12px;
	letter-spacing : 1pt ;/*字間距離*/
line-height : 150% ;/*設定行高*/
}
/*--------------------連結設定*/
A:link /*超連結*/
{color:#000000;/*文字色彩*/
text-decoration:none;/*刪除連結線*/
}
A:visited /*瀏覽過的超連結*/
{color:#333333;/*文字色彩*/
text-decoration:none;/*刪除連結線*/
}
A:active /*按下連結*/
{color:#333333;/*文字色彩*/
text-decoration:none;/*刪除連結線*/
}
A:hover /*滑鼠移至連結*/
{color:#423A76;/*文字色彩*/
/*border-top : 1px solid #000 ; /*上框*/
position:relative;top:1px;/*下移*/
/*border-bottom : 1px dotted #423A76;/*虛線*/
/*border-bottom : 1px solid #AB2323 ; /*下框*/
}



a.link1:link /*menu超連結*/
{color:#ffffff;/*文字色彩*/
text-decoration:none;/*刪除連結線*/
}
A.link2:visited /*瀏覽過的超連結*/
{color:#ffffff;/*文字色彩*/
text-decoration:none;/*刪除連結線*/
}
A.link3:active /*瀏覽過的超連結*/
{color:#ffffff;/*文字色彩*/
text-decoration:none;/*刪除連結線*/
}
a.linka:hover /*menu滑鼠移至連結*/
{color:#ffffff;/*文字色彩*/
position:relative;top:-2px;/*下移*/
/*border-bottom : 1px dotted #ffffff;/*虛線*/
}

/*--------------------文字個別設定*/
.td1 {/*有底色的字*/
height="3" ;
background="images/7color.jpg";}
.td2 {color: #ffffff;font-size :12px;}/*白色字*/
.td3 {color: #464179;font-size :16px;}/*藍色字*/
.td4 {color: #Ff3300;font-size :12px;}/*橘色字*/
.td5 {color: #ffffff;font-size :10px;}/*小白色字*/
.td6 {color: #Ff3300;font-size :16px;font-family: tahoma;}/*數字*/
.td7 {color: #666666;font-size :12px;}/*灰色字*/
.td8 {color: #636161;font-size :12px;}/*灰色字*/
.td9 {color: #636161;font-size :12px;line-height : 200% ;}/*行高200%灰色字*/
.td10{color: #464179;font-size :11px;}/*小藍色字*/
/*--------------------背景設定*/
.bg{
background-image : url(images/superman.gif);
background-position : 100% 100%; /*x與y軸的位置*/
	background-repeat: no-repeat;
}
.bg2{
background-image : url(images/bg3.jpg);
background-position : 100% 100%; /*x與y軸的位置*/
	background-repeat: repeat-x;
}
.bg3{
background-image : url(images/index_05.jpg);

}
.bg4{
background-image : url(images/straight.gif);

}
.bg5{
background-image : url(images/horizontal.gif);

}
.bg6{
background-image : url(images/pay09.jpg);

}
.bg7{
background-image : url(images/pay08.jpg);

}
.bg8{
background-image : url(images/pay12.jpg);

}
.bg9{
background-image : url(images/horizontal2.gif);

}
/*--------------------圖片個別設定*/
.img1{/*小圓點*/
width: 20px;height: 20px;background: url(images/icon01.gif) 0 0 no-repeat;
}
.img3{
width: 7px;height: 33px;background: url(images/line2.gif) 0 0 no-repeat;
}
.img4{
width: 541px;height: 51px;background: url(images/ezcode_info.jpg) 0 0 no-repeat;
}
#img5{
width: 171px;height: 97px;background: url(images/whoboss.jpg) 0 0 no-repeat; cursor: hand;
}
#img6{
width: 171px;height: 97px;background: url(images/promise.jpg) 0 0 no-repeat; cursor: hand;
}
.img7{
width: 208px;height: 56px;background: url(images/pay01.jpg) 0 0 no-repeat;
}
.img8{
width: 208px;height: 15px;background: url(images/pay10.jpg) 0 0 no-repeat;
}
.img9{
width: 141px;height: 35px;background: url(images/payfor_01.jpg) 0 0 no-repeat; cursor: hand;
}
.img10{
width: 141px;height: 35px;background: url(images/payfor_02.jpg) 0 0 no-repeat; cursor: hand;
}
.img11{
width: 141px;height: 35px;background: url(images/payfor_03.jpg) 0 0 no-repeat; cursor: hand;
}
.img12{
width: 141px;height: 35px;background: url(images/payfor_04.jpg) 0 0 no-repeat; cursor: hand;
}
.img12_1{
width: 141px;height: 35px;background: url(images/payfor_05.jpg) 0 0 no-repeat; cursor: hand;
}
.img12_2{
width: 141px;height: 35px;background: url(images/payfor_06.jpg) 0 0 no-repeat; cursor: hand;
}
.img12_3{
width: 141px;height: 35px;background: url(images/payfor_07.jpg) 0 0 no-repeat; cursor: hand;
}
.img12_4{
width: 141px;height: 35px;background: url(images/payfor_08.jpg) 0 0 no-repeat; cursor: hand;
}
.img13{
width: 208px;height: 22px;background: url(images/pay11.jpg) 0 0 no-repeat;
}
.img14{
width: 323px;height: 56px;background: url(images/pay02.jpg) 0 0 no-repeat;
}
.img15{
width: 323px;height: 15px;background: url(images/pay04.jpg) 0 0 no-repeat;
}
.img16{
width: 323px;height: 22px;background: url(images/pay06.jpg) 0 0 no-repeat;
}
.img17{
width: 170px;height: 56px;background: url(images/pay03.jpg) 0 0 no-repeat;
}
.img18{
width: 170px;height: 15px;background: url(images/pay05.jpg) 0 0 no-repeat;
}
.img19{
width: 170px;height: 22px;background: url(images/pay07.jpg) 0 0 no-repeat;
}
.img20{/*--回頁首---*/
width: 58px;height: 20px;background: url(images/retop.gif) 0 0 no-repeat;cursor: hand;
margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/*--------------------區塊個別設定*/
.style1{
width:500px;text-align:justify;text-justify:inter-ideograph;
}
.style2{
width:150px;text-align:justify;text-justify:inter-ideograph;
}
.style3{
width:300px;text-align:justify;text-justify:inter-ideograph;
margin-top: 3px;margin-bottom: 3px;
}
.style4{
width:190px;height:300px; 
/*overflow:auto;border:none;*//*+捲軸*/
}
.style5{
width:500;text-align:justify;text-justify:inter-ideograph;margin-top: 0px;margin-bottom: 5px;
}
.style6{
width:600;text-align:justify;text-justify:inter-ideograph;margin-top: 0px;margin-bottom: 5px;
}
.style7{
width:90%;text-align:justify;text-justify:inter-ideograph;margin-top: 0px;margin-bottom: 5px;
}
/*--------------------銀行個別設定*/
div.c {
 float: center;/*對齊左邊*/

  }
div.float {
 float: left;/*對齊左邊*/
 padding-top: 3px;
  padding-left: 3px;
   padding-right: 3px;
    padding-bottom: 3px;
	/*align="center"*/
  }
  
  .bank01{
width: 100px;height: 30px;background: url(images/bank01.gif) 0 0 no-repeat;
	}
	  .bank02{
width: 100px;height: 30px;background: url(images/bank02.gif) 0 0 no-repeat;
	}
	  .bank03{
width: 100px;height: 30px;background: url(images/bank03.gif) 0 0 no-repeat;
	}
	  .bank04{
width: 100px;height: 30px;background: url(images/bank04.gif) 0 0 no-repeat;
	}
	  .bank05{
width: 100px;height: 30px;background: url(images/bank05.gif) 0 0 no-repeat;
	}
	  .bank06{
width: 100px;height: 30px;background: url(images/bank06.gif) 0 0 no-repeat;
	}
	  .bank07{
width: 100px;height: 30px;background: url(images/bank07.gif) 0 0 no-repeat;
	}
	  .bank08{
width: 100px;height: 30px;background: url(images/bank08.gif) 0 0 no-repeat;
	}
	  .bank09{
width: 100px;height: 30px;background: url(images/bank09.gif) 0 0 no-repeat;
	}
	  .bank10{
width: 100px;height: 30px;background: url(images/bank10.gif) 0 0 no-repeat;
	}
	  .bank11{
width: 100px;height: 30px;background: url(images/bank11.gif) 0 0 no-repeat;
	}
	  .bank12{
width: 100px;height: 30px;background: url(images/bank12.gif) 0 0 no-repeat;
	}
	  .bank13{
width: 100px;height: 30px;background: url(images/bank13.gif) 0 0 no-repeat;
	}
		  .bank14{
width: 100px;height: 30px;background: url(images/bank14.gif) 0 0 no-repeat;
	}
	  .bank15{
width: 100px;height: 30px;background: url(images/bank15.gif) 0 0 no-repeat;
	}
	  .bank16{
width: 100px;height: 30px;background: url(images/bank16.gif) 0 0 no-repeat;
	}
	  .bank17{
width: 100px;height: 30px;background: url(images/bank17.gif) 0 0 no-repeat;
	}
	  .bank18{
width: 100px;height: 30px;background: url(images/bank18.gif) 0 0 no-repeat;
	}
	  .bank19{
width: 100px;height: 30px;background: url(images/bank19.gif) 0 0 no-repeat;
	}
	  .bank20{
width: 100px;height: 30px;background: url(images/bank20.gif) 0 0 no-repeat;
	}
	  .bank21{
width: 100px;height: 30px;background: url(images/bank21.gif) 0 0 no-repeat;
	}
	  .bank22{
width: 100px;height: 30px;background: url(images/bank22.gif) 0 0 no-repeat;
	}
		  .bank23{
width: 100px;height: 30px;background: url(images/bank23.gif) 0 0 no-repeat;
	}
	  .bank24{
width: 100px;height: 30px;background: url(images/bank24.gif) 0 0 no-repeat;
	}

#Layer1 {/*top_flash*/
	position:absolute;
	width:752px;
	height:241px;
	z-index:1;
	/*visibility: hidden;*/
}
#Layer2 {/*超人頭底下的線條*/
	width: 752px;
	height: 7px;
	background: url(images/line.gif) 0 0 no-repeat;
	position:absolute;
	z-index:1;
}
#Layer3 {/*超人頭底下的線條*/
width: 330px;height: 97px;
	position:absolute;
	z-index:3;
}
#Layer4 {/*top_331-68*/
width: 331px;height: 68px;
	position:absolute;
	z-index:4;
}
#Layer4a {/*top_331-92*/
	width: 331px;
	height: 92px;
	position:absolute;
	z-index:100;
}
#Layer4b {/*top_385-68*/
	width: 385px;
	height: 68px;
	position:absolute;
	z-index:200;
}
#Layer4c {/*top_646-239*/
	width: 646px;
	height: 239px;
	position:absolute;
	z-index:400;
}
#Layer5 {/*menu次選項*/
width: 752px;height: 30px;
	position:absolute;
	z-index:5;
}
#Layer6 {/*menu次選項=服務說明=便利超商代收服務｜ATM虛擬帳號｜信用卡｜大陸銀行卡｜電信加值代收服務｜服務資費｜適用版本說明*/
	width: 752px;
	height: 30px;
	position:absolute;
	z-index:10;
visibility: hidden;
background: url(images/menu01.jpg) 0 0 no-repeat;
		
}
#Layer7 {/*menu次選項=使用範例=買家繳款流程｜賣家使用範例*/
	width: 752px;
	height: 30px;
	position:absolute;
	z-index:11;
visibility: hidden;
background: url(images/menu02.jpg) 0 0 no-repeat;
}
#Layer8 {/*只給servies用 menu次選項=服務說明=便利超商代收服務｜ATM虛擬帳號｜信用卡｜大陸銀行卡｜電信加值代收服務｜服務資費｜適用版本說明*/
	width: 752px;
	height: 30px;
	position:absolute;
	z-index:6;
visibility: visible;
background: url(images/menu01.jpg) 0 0 no-repeat;
		
}
#Layer9 {/*只給example用 menu次選項=使用範例=買家繳款流程｜賣家使用範例*/
	width: 752px;
	height: 30px;
	position:absolute;
	z-index:7;
visibility: visible;
background: url(images/menu02.jpg) 0 0 no-repeat;
}
#Layer10 {/*收費方式*/
width: 103px;height: 200px;
	position:absolute;
	z-index:300;
}