@charset "big5";
/* CSS Document */
@import url("_import.css");
.itemContainer {overflow:hidden;}
.itemContainer .item_1_style {float:left;margin:0px 15px 15px 0px;}
.itemContainer .item_1_style.nth {margin:0px;}

/*------------------------------------------------------------------------------------------------------
選擇儲值方式
------------------------------------------------------------------------------------------------------*/
#puchaseSelect .item_5_style .linkBox { text-align:right;height:30px;line-height:30px;}
#puchaseSelect .item_5_style a.go {color:#fff;width:60px;display:inline-block;font-size:16px;padding-right:10px; text-decoration:none;}
#puchaseSelect .item_5_style a.go:hover {color:#ffea00;}
.itemContainer .item_5_style {float:left;margin:0px 15px 15px 0px;}
.itemContainer .item_5_style.nth {margin:0px;}
.item_5_style h2 {font-size:16px;color:#00344f;font-family:Arial, "微軟正黑體";margin-bottom:15px;padding-top:3px;}
.item_5_style .itemCont {padding:0px 7px;line-height:18px;height:120px;}
.item_5_style .itemCont .fL {margin-right:8px;}
.item_5_style .img {text-align:center;padding-top:15px;}

.desc {padding:0px 5px;}

ul.greenArrowList {margin-bottom:15px;}
.item_3blue_style {clear:both;margin-bottom:15px;}
.item_6peach_style {float:left;margin-bottom:15px;}
.item_6blue_style {float:right;margin-bottom:15px;}

#onlineBuy .subTitle {font-size:13px;font-weight:normal;}
#onlineBuy .bd {text-align:center;}

.item_7green_style .bd,.item_3blue_style .bd {padding:15px 0px;}
#onlineBuy .bd ul { text-align:center;}
#onlineBuy .bd li {display:inline;}
#onlineBuy .cols5item a {padding:0px 5px}
#onlineBuy .cols4item a {padding:0px 8px}

/*-----------------------------------------------------------------------------------------------------
選擇付款方式
-----------------------------------------------------------------------------------------------------*/
.selectPayBox {background:url('../images/cssbg/selectPayBox_bottom.gif') bottom no-repeat;width:630px;}
.selectPayBoxInner {background:url('../images/cssbg/selectPayBox_top.gif') top no-repeat;min-height:300px;padding-bottom:25px;}
.selectPayBoxInner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .selectPayBoxInner             { zoom: 1;height:1%; } /* IE6 */
*:first-child+html .selectPayBoxInner { zoom: 1;min-height:1%; } /* IE7 */
* html .selectPayBoxInner {height:300px;}
.selectPayBox .payList {float:left;width:132px;padding:1px 1px 0px 1px;}
.selectPayBox .payList li a {display:block;width:80px;line-height:18px;padding:13px 28px 13px 24px;border:1px solid #aeaeae;border-width:0px 1px 1px 0px;background:url('../images/cssbg/payList_bg.gif') bottom repeat-x;color:#555;}
.selectPayBox .payList li.active a,
.selectPayBox .payList li a:hover {border-right:1px solid #fff;background:url('../images/cssbg/payList_on.gif') right center no-repeat;color:#fff; text-decoration:none;}
.selectPayBox .payList li.first a {background:url('../images/cssbg/payList_first_bg.gif') right top no-repeat;}
.selectPayBox .payList li.first.active a,
.selectPayBox .payList li.first a:hover {background:url('../images/cssbg/payList_first_on.gif') right top no-repeat;}
.selectPayBox .tab_content {float:right;width:445px;margin:8px 25px 15px 0px;}
* html .selectPayBox .tab_content {margin:8px 15px 15px 0px;}
.tab_content {display:none;}

.payContainer {}
.payContainer .itemList li {overflow:hidden;width:130px;height:105px;position:relative;float:left;margin:0px 25px 25px 0px;padding:0px;}
.payContainer .itemList li.nth {margin-right:0px;}
.payContainer .itemList .tipsLink img {border:1px solid #ccc; position:absolute;
z-index:996;/*for IE 7 以下 */
}
.payContainer .desc {
	position:absolute;bottom:0px;width:128px;text-align:center;display: none;height:24px;z-index: 999;
	overflow: hidden;
	}
.payContainer .desc p {z-index: 998;left:0px;position:absolute;line-height:24px;height:24px; text-align:center;width:128px;color:#fff;}
.payContainer .desc a {color:#fff;font-size:11px;-webkit-text-size-adjust:none;}
.maskCss {
		width: 100%;
		background: #000;
		position: absolute;
		z-index: 997;
		left:0px;
}


/*------------------------------------------------------------------------------------------------------
同意條款
------------------------------------------------------------------------------------------------------*/
#puchaseRule {}
#puchaseRule .box {padding-bottom:15px;}
#puchaseRule .bd {padding:10px 0px;}
#puchaseRule .bd p {margin:0px 0px 10px;}
#puchaseRule .bd ol {padding-left:15px;}
#puchaseRule .bd li { list-style-type:decimal;margin-bottom:10px;}
#puchaseRule .btnBox { text-align:center;}

/*-----------------------------------------------------------------------------------------------------
儲值內容
-----------------------------------------------------------------------------------------------------*/
.item_3peach_style .box {padding-bottom:15px;}
.payNav { text-align:right;padding:0px 10px 10px 0px;}

/*-----------------------------------------------------------------------------------------------------
交易完成
-----------------------------------------------------------------------------------------------------*/ 
#saveEnd {}
#saveEnd .endText {padding:15px 0px;background:#fff;margin-top:10px;}
.endText span {padding:0px 5px;}
.endText .memberAccount {color:#000;}
.endText .point {color:#db0052;}
.endText .gameName {color:#db0052;}
.endText .gameAccount {color:#db0052;}

.remain {padding:20px 0px 10px;}
.remain h3 {margin-bottom:0px;font-size:15px;background:#eaeaea;color:#444;padding:5px 10px;border:1px solid #ccc;border-width:1px 1px 0px 1px;}
#saveEnd .highlight4 { text-align:center;padding:5px 0px 20px;}

#saveEnd ol.numList li {margin-bottom: 0px;color: #333;line-height: 1.6em;}

.note3 {width: 430px;margin: 0 auto 15px;}

/*-----------------------------------------------------------------------------------------------------
步驟說明
-----------------------------------------------------------------------------------------------------*/
.note {overflow:hidden;height:1%;}
.note ul {margin-left:20px;}
.note li { list-style-type:disc;margin-bottom:5px;}
ol.numList li {margin-bottom:20px;}
ol.numList li img {margin-top:5px;}

/*-----------------------------------------------------------------------------------------------------
2012-10-08 紅利點數
-----------------------------------------------------------------------------------------------------*/
.point_box {padding:5px;border:1px solid #aeaeae;margin-bottom:15px;clear:both;line-height:20px;}
.red_point {background:#c6002f;color:#fff;padding:0px 3px;}
.selectPayBox .payList li a {display:block;width:97px;line-height:18px;padding:13px 28px 13px 7px;border:1px solid #aeaeae;border-width:0px 1px 1px 0px;background:url('../images/cssbg/payList_bg.gif') bottom repeat-x;color:#555; position:relative;}
.selectPayBox .payList li a span { position:absolute;right:16px;font-size:11px;-webkit-text-size-adjust: none;}
.tab_content .point_box {border:0px;background:#efefef;padding:10px;margin-bottom:10px;}
.tab_content .tbStyle_1 {margin-bottom:10px;}
.tab_content .tbStyle_1 td {text-align:center;}

#red_point_info dl dt {
background:#efefef url('../images/cssbg/arrow_blue.gif') 10px 2px no-repeat;margin-bottom:10px;padding:5px 0px; cursor: highlighter;padding-left:27px;font-size:15px;font-weight:bold;cursor: pointer;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;color:#777;
}

#red_point_info dl dd {padding:5px 0px 15px 27px;font-size:12px;line-height:24px;}
#red_point_info dl dd p {margin-bottom:10px;}
#red_point_info dl .tbStyle_1 {margin-bottom:10px;}
#red_point_info dl .tbStyle_1 td { text-align:center;}
#red_point_info ol.numList li {margin-bottom:5px;}