@charset "utf-8";
/* CSS Document */

@import url("global.css");
@import url("layout.css");
@import url("button.css");


#payCard{ padding:16px 15px 18px 15px;}
	#payCard h2{ padding:5px 20px 20px 20px; font-size:14px; font-weight:bold; color:#005133; border-bottom:2px solid #4c9781;}
	#payCard #cardList{ padding:18px 0;}
		#cardList li{ margin-bottom:8px; padding-left:5px; height:164px; background:url(../images/card/cardinfo_bg.gif) no-repeat left center;}
			#cardList li .cardinfo{ position:relative; height:124px; padding:20px 12px; background:url(../images/card/cardinfo_bg.gif) no-repeat right center;}
				#cardList img.cardImg{ position:absolute; top:22px; left:22px;}
				#cardList h3{ margin:0 0 0 320px; padding:3px 0; font-size:14px; color:#505050;}
				#cardList .price{ margin-left:18px; font-size:12px; font-weight:normal; color:red; }
				#cardList .intro{ margin:12px 0 0 320px; line-height:180%; color:#505050;}
					#cardList .intro a{ text-decoration:underline; color:#005335;}
					#cardList .intro a:hover{ text-decoration:none; color:#f85544;}
				#cardList .btn{ padding:0; margin:12px 0 0 320px; text-align:left; }
				#cardList .btn input{ margin-left:0; margin-right:8px;}
				
	.btn{ padding:12px 0; text-align:center;}
		.btn input{ margin:0 8px;}
				
				
	#buycardInfo{ padding:8px 0;}
		#buycardInfo .intro{ padding:22px 12px;}
			#buycardInfo .intro img{ float:left; margin:0 22px 5px 0;}
			#buycardInfo .intro .info{ padding:8px 0; line-height:180%;}
				
			.formArea{ display:inline-table; width:100%; margin:8px 0; border-collapse:collapse; border:1px solid #999; border-width:1px 0;}
				.formArea th, .formArea td{ padding:10px 3px; color:#505050; }
				.formArea th{ width:25%; text-align:right; font-weight:bold; color:#505050;}
				.formArea td{ }
				.formArea textarea{ width:80%; height:100px; }
				
	#payInfo{ padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #CCC; }
		#payInfo h3{ padding:4px 0 2px 40px; background:#adadad; font-size:14px; font-weight:bold; color:#FFF; }
		#payInfo dl.buyinfo{ padding:10px 0; width:450px;}
			#payInfo dl.buyinfo dt{ float:left; width:200px; height:40px; line-height:40px; text-align:right; font-weight:bold;}
			#payInfo dl.buyinfo dd{ float:left; width:230px; height:40px; line-height:40px; padding-left:5px; }
		#payInfo ul.paymentMethod{ }
			#payInfo ul.paymentMethod li{ float:left; width:33%; padding:30px 0; text-align:center; vertical-align:middle;}
				#payInfo ul.paymentMethod li input{ position:relative; top:-12px;}