/* CSS Document */

/*
  2013/08/09  (雅筠)  新增購點宅急便通用CSS設定
  2013/04/17  (世騏)  新增唯舞獨尊品項CSS設定
  2013/02/07  (嘉男)  #CreditCard_Items span 寬度 60 px 改為 70 px，#CreditCard_Items p 寬度 310 px 改為 300 px
  2012/12/26  (伊森)  因隨你玩大型兌幣品項文字過長，調整 #coin_wrapper ul 寬度改為 500px
  2012/11/28  (嘉男)  #coin_wrapper ul 寬度改為 470px
  2012/11/28  (雅筠)   新增華南銀行信用卡品項與#Bank_contents 儲值品項文字紅色。
  2012/08/01  (伊森)  修正Sonet直儲品項名稱IE斷行問題
  2012/05/23  (伊森)  調整 #coin_wrapper li 高度，解決競技館直儲品項跑版問題 
  2011/10/31  (雅筠)  購點儲值新增限時搶購專區。

*/

/* ======================================================================================== */

/* 儲值最外層表格 */
#Bank_contents {
	width:100%;
	margin:0 auto;
}
#Bank_contents ul {
	padding:0 0 0 20px;
	margin:0;
	list-style:disc;
	color:#575757;
	letter-spacing:normal;
	line-height:20px;
}
/* 儲值品項文字紅色 */
#Bank_contents .red {
color:red;
margin:0px;
padding:0px 0px 0px 0px;
}

/* 儲值標題頁籤使用 */
.banktitle_tag {
	display:block;
	background-image:url(/Bank/images/tag_bg_over.gif);
	background-position:right top;
	height:30px;
	line-height:30px;
	text-align:center;
	padding:0 20px;
	float:left;
	font-weight: bold;
}
.banktitle_tag_off {
	display:block;
	background-image:url(/Bank/images/tag_bg_out.gif);
	background-position:right top;
	height:30px;
	line-height:30px;
	text-align:center;
	padding:0 20px;
	float:left;
	color: #9E9E9E;
}
.banktitle_tag_link {
	display:block;
	background-image:url(/Bank/images/tag_bg_out.gif);
	background-position:right top;
	height:30px;
	line-height:30px;
	text-align:center;
	padding:0 20px;
	float:left;
	color: #8E7046;
	text-decoration: none;
}
a.banktitle_tag_link:hover {
	background-image:url(/Bank/images/tag_bg_over2.gif);
	color: #654627;
	text-decoration: none;
}
.bank_text_small {
	color:#575757;
	font-size:12px;
	line-height:20px;
}
/* ======================================================================================== */


/* 儲值教學使用 */
.teach_td_text {
	font-size: 12px;
	line-height: 22px;
	color: #4E4B43;
	letter-spacing: normal;
}
.teach_td_text_02 {
	font-size: 12px;
	line-height: 22px;
	color: #FF0000;
	letter-spacing: normal;
}
.teach_step_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#6AA698;
}
/* 儲值教學索引標題虛線 */
.teach_bg_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B3B3B3;
}
/* 儲值教學索引選項分隔線 */
.teach_Y_line {
	background-image:url(/CROP/images/SiteMap/vline.gif);
	background-repeat:repeat-y;
	padding-left:8px;
	height:25px;
}
/* ======================================================================================== */

/* 帳號被盜處理流程使用 */
.lost_text {
	font-size: 12px;
	letter-spacing: normal;
	line-height: 22px;
}
/* ======================================================================================== */


/* 紅利領獎與身分驗證使用 */
.member_table_style {
	border-width:0 2px 2px 0;
	border-style: dotted;
	border-color: #B2B2B2;
	height: 24px;
	font-size: 13px;
	line-height: 24px;
	color: #454545;
}
.member_check_box {
	background-color: #FFFFFF;
	border: 1px none #E7E7E7;
	font-size: 13px;
	line-height: 22px;
	color: #000000;
	height: 22px;
}
.member_table_ul {
	padding:0 0 0 20px;
	margin:0;
	list-style:disc;
	color:#575757;
	line-height:20px;
	font:13px;
	letter-spacing: normal;
}
.member_button {
	color: #000000;
	font-size: 13px;
	background-color: #D2EED5;
	height: 24px;
}
/* ======================================================================================== */

/* 限時搶購專區 */

/* 品項背景1是1折，0是通用 */
.LimitBuy_left_bg_1 {
	width:175px;
	height:135px;
	background: url(/Bank/images/LimitBuy/Limitbuy_bg01.gif) no-repeat;
	position:relative;
}
.LimitBuy_left_bg_0 {
	width:175px;
	height:135px;
	background: url(/Bank/images/LimitBuy/Limitbuy_bg02.gif) no-repeat;
	position:relative;


}

/* =========品項文字========== */

/* 原價 */
.LimitBuy_text_a {
	display:block;
	height:40px;
	line-height:40px;
	font-size:13px;
	color:#333333;
	text-decoration: line-through;
	border-bottom:#999999 dotted 1px;
	width:35%;
	float:right;
}

/* 搶購價 */
.LimitBuy_text_c {
	font-size:13px;
	color: #0000FF;
	font-weight: normal;
	padding-left:10px;
}

/* 搶購價數字*/
.LimitBuy_text_b{
	font-size:24px;
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	border-bottom:#999999 dotted 1px;
	width:65%;
	float:left;
}

/* 虛寶名稱 */
.LimitBuy_text_d {
	display:block;
	font-size:13px;
	color: #007300;
	font-weight: normal;
	padding-left:10px;
	height:30px;
	line-height:30px;
	border-bottom:#999999 dotted 1px;
}
/* 倒數計時 */
.LimitBuy_text_e {
	font-size:15px;
	color: #0000FF;
}


/* =======折數，虛寶區塊============ */
.LimitBuy_discount_1{
	width:60px;
	height:45px;
	text-align:center;
	line-height:45px;
	color: #FFFF00;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	position:absolute;
}
.LimitBuy_discount_0{
	width:60px;
	height:45px;
	text-align:center;
	line-height:45px;
	color: #FFFFFF;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	position:absolute;
}
.LimitBuy_product{
	width:70px;
	height:70px;
	position:absolute;
	left: 58px;
	top: 24px;
}
.LimitBuy_merit{
	width:140px;
	height:22px;
	line-height:22px;
	position:absolute;
	font-size:13px;
	color:#333333;
	text-align:center;
	left: 18px;
	top: 104px;
}

/* 我要搶購按鈕 */

button.btn_LimitBuy_on{
background:none;
margin:0px;
padding:4px 10px 0px 36px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/sure_bg_big.gif) no-repeat left center #E1E1E1;
height:34px;
font:15px/1.7em  "新細明體", "細明體", Verdana; color:#333333;
}

button.btn_LimitBuy_off{
background:none;
margin:0px;
padding:4px 10px 0px 36px;
cursor:pointer;
border:solid #767676 1px; 
background:url(/Graphics/Button/sure_bg_big_off.gif) no-repeat left center #E1E1E1;
height:34px;
font:15px/1.7em  "新細明體", "細明體", Verdana; color:#767676;
}
/*==========================================================================================================*/

/* -- i幣直儲品項圖片顯示(程式之前版本) --*/
#coin_wrapper {
	width: 100%;
	background-color: #fff;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 10px 0 10px 20px;
	float:left;
}
	#coin_wrapper ul {
		list-style-type: none;
		padding: 0px;
		float:left;
		width:500px;
	}
		#coin_wrapper li {
			float: left;
			padding-right: 6px;
			width: 100%;
		}
			
			#coin_wrapper .coin_itme {
				background-color: #fff;
				padding: 5px;
				_padding-left: 0px;
				text-align: center;
				letter-spacing: normal;
			}
			
				#coin_wrapper img {
					
					display: block;
					margin: 5px;
					float:left;
				}
				
				#coin_wrapper .coin_itme a {
					color: #9F5B1A;
				}
				#coin_wrapper input{
					float:left;
					margin:3px;
				}
				#coin_wrapper .coin_name {
					float:left;
					display:block;
					color: #E70D0E;
					width:80px;
				}
				.coin_description2{
					float:left;
					display:block;
					width:100px;
				}
				.coin_description{
					float:left;
					display:block; 
					text-align:left;
				}
				#coin_wrapper label  {
					float:left;
				}
				#Gashapon_list li{ margin:5px 0 5px 0;}


/* ==========20121128H新增直儲ｉ幣、轉蛋品項=================================================== */	

.CreditCard_Items_img {/* 左邊圖片 */
	display:block;
	float: left;
	margin:3px 10px 3px 6px
}

/*跟圖片區分左右邊的DIV*/
.CreditCard_Items_All{
	display:block; 
	float:left;
}
.CreditCard_Items {/* 右邊品項單個 */
	display:block;
	clear:both;
}
		.CreditCard_Items input {
			display:block;
			width:20px;
			float:left;
			margin:3px 2px;
		}
		.CreditCard_Items span {/*紅色字價格*/
			display:block;
			width:70px;
			float:left;
			margin:2px;
			color:#FF0000;
			font-size:13px;
		}
		.CreditCard_Items p {/*品項文字*/
			display:block;
			width:300px;
			float:left;
			margin:2px;
			text-align:left;
		}

/* ==========20121128H新增直儲淘點品項=================================================== */	

/*--品項白底-- */
	.CreditCard_Count {
		display:block;
		float:left;
		width:100%;
		background:#FFFFFF;
	}
			.CreditCard_Count input {
				display:block;
				width:20px;
				float:left;
				margin:3px 2px;
			}
			.CreditCard_Count p {/* 品項文字*/
				display:block;
				width: auto;
				float:left;
				margin:2px;
			}
/* --品項灰底-- */
	.CreditCard_Count2 {
		display:block;
		float:left;
		width:100%;
		background: #EAEAEA;
	}
			.CreditCard_Count2 input {
				display:block;
				width:20px;
				float:left;
				margin:3px 2px;
			}
			.CreditCard_Count2 p {/* 品項文字*/
				display:block;
				width: auto;
				float:left;
				margin:2px;
			}
			
/* =========20121128H新增競技館品項==================================== */

.CreditCard_Items2 {/*單一品項區塊*/
	width:130px;
	float:left;
	margin:5px 3px 5px 8px;
	
	/* IE8 不支援 !important 及 min-height，所以用 height: 148px; 設定，並將 height: 100% 設定為 !important 以達到相容*/
	height: 100% !important;/* 每個品項高度 */
	min-height: 148px; 
	height: 148px; 
}
		#Bank_contents .CreditCard_Items2 img {/*圖片*/
			display:block;
		}
		#Bank_contents .CreditCard_Items2 input {
			width:20px;
			margin:2px 0;
			position:absolute;
		}
		#Bank_contents .CreditCard_Items2 p {/*價格文字*/
			width:108px;
			margin:2px 0 2px 18px;
		}
		#Bank_contents .CreditCard_Items2 span {/*品項文字*/
			font-size:13px;
			line-height:18px;
			letter-spacing:normal;

		}
		
/* =========20130417M新增唯舞獨尊品項==================================== */

.We5_Item_60 {color: #ff00cc; padding-right:5px;}/*熱情牡羊*/
.We5_Item_61 {color: #7c00bc; padding-right:5px;}/*溫柔巨蟹*/

/* =========20130809H新增黑貓儲值公用CSS==================================== */

/*注意事項灰底圓角外框*/
.explanation_box{
	width:96%;
	margin:0 auto;
	border: 1px solid #CCC;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background: #E9E9E9;
	padding:5px;
	clear:both;
	-webkit-box-sizing:border-box;/*解決padding凸出問題*/
}
.Items_Frame_box{ 
	width:96%;
	border: 2px solid #DDE6EB;
	padding:1px;
	margin:0 auto;
	clear:both;
	}
.value_subtitle_pic{ display:block; float:left; margin:8px 0;}

.clearleft {
	clear: left;
}