/* 
  2020/04/14 (S)  （明）20-0331-001
  2019/05/07 (P)  （明）19-0418-001 
  2018/03/15 (J)  （滿）19-0130-004 
  2017/05/02 (P)  （淘）17-0419-003
  2017/01/13 (P)  （淘）16-1208-002
  2015/09/23 (J)  （淘）15-0803-003
  2013/12/05 (J)  （淘）13-1021-005
  2013/11/12　(L)  （淘）13-1108-001
  2013/09/18　(B)  （淘）13-0820-002
  2013/08/27　(L)  （淘）13-0823-001
  2013/05/30　(L)  （淘）13-0524-001
*/
  
@import url("/include/i_reset.css?20200310");
@import url("/css/button.css?20200310");			/* GT系統按鈕樣式 */

/*廣泛設定-------------------------------------------------*/
body{
	/* 2013/11/12　(L) （淘）13-1108-001
	background:url(/Graphics/Games/Mobile/Bank/bodybg.gif);*/
	background:#1b3f19;
	
	/*全域文字設定*/
	font:13px/1.3em Microsoft JhengHei, Helvetica, Arial, sans-serif, Verdana;
	color:#fff;
	letter-spacing:1px;
	}

body#Purple_body{
	/* 2013/11/12　(L) （淘）13-1108-001
	background:url(/Graphics/Games/Mobile/Bank/bodybg_Purple.gif);*/
	background:#23133d;
	}
	
dl,dt,dd{margin:0; padding:0;}
header, footer, section, article, nav, menu, dd.BankflowContent{clear:both; overflow:hidden;}


/*取消連結虛框*/
a{
	border:none;
	outline: none; /* for FireFox 寫法*/
     hlbr:expression(this.onFocus=this.blur()); /* for IE  寫法*/
	text-decoration:none;
}
/*按鈕狀態的元素,滑鼠over時位移*/
a:hover{text-decoration:underline;}
a img:hover,button:hover, a div:hover,
a table:hover, a dl:hover{ position:relative; left:1px; top:1px; cursor:pointer;}

/*-------------------------------------------------*/


/*文字設定*/

h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:15px}

.welcome{ font-size:15px;font-weight:bold;color:#00BD0C;} 
.presentpoint{color:#FF0;}
.point{color:#C00;} 
.strong{font-weight:bold;}/*不需要粗體設定 請勿使用*/
.headword{color:#C00;}
.keyword{color:#009900;}
.memonote{ font-size:13px; color:#666; font-weight:normal}




/*特定區域的寬度、邊距*/

p,h1{margin:10px;}

#MobileAndroid{margin:2px 0;}
#MobileBankheader,#MobileBankfooter{ display:none;}

.MobileBankContent{ width:auto; margin:0 auto; padding:0 10px;}
/*.MobileBankContent{width:480px; margin:0 auto;}*/
.BankflowTitle{padding:2px 5px 3px 10px;}

.BankflowContent{padding:0 0 3px 20px;}
.BankflowContent img{margin:0px; padding:0;}

.BankconfirmContent{ /*padding:0 0 3px 5px;*/ background:#FFF; margin:0 0 5px 0; padding:3px; border:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
/*.BankconfirmContent{ padding:0 0 3px 5px; background:#FFF; margin:0 15px 5px 15px; padding:5px;	border:none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}*/

.BankflowButton{ text-align:center;}
.BankflowButton img{ margin:10px 10px;}
.BankflowButton a.button{
	display:block;
	padding:10px 0;
	margin:10px 20px;
	font-size: 22px;
	font-weight:bold;
	line-height:26px;
	color: #2f260f;
	text-decoration:none;
	text-shadow: 1px 1px #d9b651;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#d6b651;
	border: solid 1px #9d8233;
	background-image: -webkit-linear-gradient(bottom, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
	background-image: -moz-linear-gradient(bottom, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
	background-image: -o-linear-gradient(bottom, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
	background-image: -ms-linear-gradient(bottom, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
	background-image: linear-gradient(to top, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
}

.BankflowButton a.button:hover{
	background-image: -webkit-linear-gradient(top, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
	background-image: -moz-linear-gradient(top, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
	background-image: -o-linear-gradient(top, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
	background-image: -ms-linear-gradient(top, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
	background-image: linear-gradient(to bottom, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
}
.BankflowButton a.buttonA{
	display:block;
	padding:10px 0;
	margin:10px 20px;
	font-size: 22px;
	font-weight:bold;
	line-height:26px;
	color: #13170c;
	text-decoration:none;
	text-shadow: 1px 1px #96b959;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#d6b651;
	border: solid 1px #577234;
	background-image: -webkit-linear-gradient(bottom, #7f9957, #566938 48%, #485830 48%, #7e9855);
	background-image: -moz-linear-gradient(bottom, #7f9957, #566938 48%, #485830 48%, #7e9855);
	background-image: -o-linear-gradient(bottom, #7f9957, #566938 48%, #485830 48%, #7e9855);
	background-image: -ms-linear-gradient(bottom, #7f9957, #566938 48%, #485830 48%, #7e9855);
	background-image: linear-gradient(to top, #7f9957, #566938 48%, #485830 48%, #7e9855);
}

.BankflowButton a.buttonA:hover{
	background-image: -webkit-linear-gradient(top, #7f9957, #5c7a36 48%, #495f2c 48%, #96b959);
	background-image: -moz-linear-gradient(top, #7f9957, #5c7a36 48%, #495f2c 48%, #96b959);
	background-image: -o-linear-gradient(top, #7f9957, #5c7a36 48%, #495f2c 48%, #96b959);
	background-image: -ms-linear-gradient(top, #7f9957, #5c7a36 48%, #495f2c 48%, #96b959);
	background-image: linear-gradient(to bottom, #7f9957, #5c7a36 48%, #495f2c 48%, #96b959);
}

/* 兩行的按鈕 */
.BankflowButton a.button_personal{
	display:block;
	padding:4px 0 18px 0;
	margin:10px 20px;
	height:44px;
	font-size: 22px;
	font-weight:bold;
	line-height:30px;
	color: #2f260f;
	text-decoration:none;
	text-shadow: 1px 1px #d9b651;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#d6b651;
	border: solid 1px #9d8233;
	background-image: -webkit-linear-gradient(bottom, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
	background-image: -moz-linear-gradient(bottom, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
	background-image: -o-linear-gradient(bottom, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
	background-image: -ms-linear-gradient(bottom, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
	background-image: linear-gradient(to top, #ddb956, #9f8433 48%, #89712c 48%, #deba53);
}

.BankflowButton a.button_personal span{ font-size:12px; line-height:16px;}
.BankflowButton a.button_personal .check{ font-size:22px; line-height:24px;}
.BankflowButton a.button_personal:hover{
	background-image: -webkit-linear-gradient(top, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
	background-image: -moz-linear-gradient(top, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
	background-image: -o-linear-gradient(top, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
	background-image: -ms-linear-gradient(top, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
	background-image: linear-gradient(to bottom, #ddb956, #9f8433 48%, #614b0d 48%, #c39f36);
}
/*兩行的按鈕 END*/


.Banknoticedailog{}
.showdialog{padding:10px;}

.memonote td{padding:0px;}

/*.gtcard{background:url(/Graphics/Games/Mobile/Bank/item/gtcard.gif) no-repeat 350px -2px;} ２０１３０９２４取消此背景圖*/
.gtcard_textarea{ width:97%; padding:2px; height:30px; border:2px solid #D2E0C2; font:15px Verdana, Geneva, sans-serif; font-weight:bold;}
/*.gtcard_textarea{padding:3px; height:30px; border:2px solid #D2E0C2; font:18px Verdana, Geneva, sans-serif; font-weight:bold;}*/

/*-------------------------------------------------*/

/*品項收合*/
.item_slideDown{
	width:100%;
	height:45px;
	color:#364507;
	font-family: "微軟正黑體", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height:45px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e4efc0+0,abbd73+100;Olive+3D+%232 */
background: rgb(228,239,192); /* Old browsers */
background: -moz-linear-gradient(top, rgba(228,239,192,1) 0%, rgba(171,189,115,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); /* IE6-9 */
	}
.item_slideDown i{
	margin-right:5px;
	font-size:20px;
	}
.item_slideDown:hover{
	left:inherit;
	top:inherit;
	}

/*品項的樣式*/
.item, .itemimg, .itemdescribe, .itemname, .itemprice, .itempresent{list-style:none; margin:0; padding:0;letter-spacing:0;}
.item{background:url(/Graphics/Games/Mobile/Bank/item/Itembg.png) no-repeat center center; width:220px; height:65px; float:left; margin:2px;} /*品項的白色背景*/
  .itemimg{width:72px; height:65px; float:left; background:no-repeat 3px center;}/*品項的圖片位置*/
  .itemcontent{width:148px; height:65px;float:right; padding-top:7px;}/*品項的內容區*/
  .itemdescribe{width:148px; height:65px;}/*品項的描述區*/
  .itemname{padding-right:7px;font-size:15px;font-weight:bold; color:#272727; text-align:right; }/*品項名稱*/
  .itemname .quantity{ color:#009900;}/*品項的顏色*/
  .itemprice{color:#0000FF;font-size:15px;font-weight:bold; text-align:right;padding-right:7px; }/*品項價格*/
  .itempresent{ color:#FFF; background:url(/Graphics/Games/Mobile/Bank/item/presentbg2.png) no-repeat 3px center; height:20px;
	             padding-left:12px; font-weight:bold; line-height:1.5em}/*品項回饋*/



/*-------------------------------------------------*/

/*注意事項BAR選單樣式*/
.nav_notes{width:100%;
	/*background-color: #123610;
	background-image: -webkit-linear-gradient(bottom, #112e0a, #0e1b0b 46%, #0c1809 49%, #122d0a);
	background-image: -moz-linear-gradient(bottom, #112e0a, #0e1b0b 46%, #0c1809 49%, #122d0a);
	background-image: -o-linear-gradient(bottom, #112e0a, #0e1b0b 46%, #0c1809 49%, #122d0a);
	background-image: -ms-linear-gradient(bottom, #112e0a, #0e1b0b 46%, #0c1809 49%, #122d0a);
	background-image: linear-gradient(to top, #112e0a, #0e1b0b 46%, #0c1809 49%, #122d0a);	*/
}
/*.nav_notes{ background:url(/Graphics/Games/Mobile/Bank/menu_notesbg.gif) repeat-x left top;}*/
.nav_notes ul, .nav_notes ol, .nav_notes li, .nav_notes a{ list-style:none; display:block; margin:0; padding:0; height:46px; letter-spacing:normal;}/*20130918B改HEIGHT44*/
.nav_notes li{ float:left;}
.nav_notes li.return a, .nav_notes li.notice a, .nav_notes li.notice_active a, .nav_notes li.notice a, .nav_notes li.notice_active a{ margin:0 -1px 0 0;}
/*.nav_notes li{float:left; text-indent:-9999px}*/

	/*上一步*/
	.nav_notes li.return a{
		padding:0 8px 0 5px;
		font-size: 12px;
		/*padding:0 5px 0 0;*/
		font-weight: bold;
		color: #f9f57b;
		text-shadow: 1px -1px #000;
		text-decoration:none;
		line-height:30px;
		background-color: #814d09;
		border: solid 1px #815108;
		background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #1e1100 49%, #784504);
		/*background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #482b04 49%, #784504);*/
	}
	.nav_notes li.return a span{ float:left; display:block; width:16px; height:14px; margin:8px 3px 0 3px; /*width:20px; height:18px; margin:6px 3px 0 6px;*/ background:url(/Graphics/Games/Mobile/Bank/icon/icon_return_on.png); background-size:100%;}
	.nav_notes li.return a:hover span{ background:url(/Graphics/Games/Mobile/Bank/icon/icon_return_over.png); background-size:100%;}
	.nav_notes li.return a:hover{
		color: #11270c;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		/*background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);*/
	}
	/*.nav_notes li.return a{ background:url(/Graphics/Games/Mobile/Bank/menu_notes.png) no-repeat 0 0; width:109px;}
	.nav_notes li.return, .nav_notes li.return a:hover{ background:url(/Graphics/Games/Mobile/Bank/menu_notes.png) no-repeat 0 -30px; width:109px;}*/
  
	/*閱注意事項*/
	.nav_notes li.notice_personal{
		text-align:center;
		width:33%;}
	.nav_notes li.notice_personal a {
		padding:0;
		padding-top:8px;
		font-size: 15px;
		/*padding:0 0 0 5px;*/
		font-weight: bold;
		color: #f9f57b;
		text-shadow: 1px -1px #000;
		text-decoration:none;
		line-height:30px;
		background-color: #814d09;
		border: solid 1px #815108;
		background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #1e1100 49%, #784504);
		/*background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #482b04 49%, #784504);*/
	}
	.nav_notes li.notice_personal a span{ float:right; display:block; width:11px; height:12px; margin:10px 3px 0 3px; /*width:13px; height:14px; margin:8px 6px 0 3px;*/ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_on.png); background-size:100%;}
	.nav_notes li.notice_personal a:hover span{ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}
	.nav_notes li.notice_personal a:hover{
		color: #11270c;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		/*background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);*/
	}
	.nav_notes li.notice_active_personal{width:33%;}
	.nav_notes li.notice_active_personal a{
		padding:8px 5px 0 8px;
		font-size: 15px;
		/*padding:0 0 0 5px;*/
		font-weight: bold;
		color: #11270c;
		text-decoration:none;
		line-height:30px;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		/*background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);*/
	}
	.nav_notes li.notice_active_personal a span{ float:right; display:block; width:11px; height:12px; margin:10px 3px 0 3px; /*width:13px; height:14px; margin:8px 6px 0 3px;*/ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}
	/*.nav_notes li.notice a {background:url(/Graphics/Games/Mobile/Bank/menu_notes.png) no-repeat -109px 0px; width:184px;}
	.nav_notes li.notice,.nav_notes li.notice a:hover,.nav_notes li.notice_active{background:url(/Graphics/Games/Mobile/Bank/menu_notes.png) no-repeat -109px -30px; width:184px;}*/
 
  
	/*使用者同意書閱讀*/
	.nav_notes li.contract_personal{
		text-align:center;
		width:33%;
	}
	.nav_notes li.contract_personal a{
		padding:0;
		padding-top:8px;
		font-size: 15px;
		/*padding:0 0 0 5px;*/
		font-weight: bold;
		color: #f9f57b;
		text-shadow: 1px -1px #000;
		text-decoration:none;
		line-height:30px;
		background-color: #814d09;
		border: solid 1px #815108;
		background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #1e1100 49%, #784504);
		/*background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #482b04 49%, #784504);*/
	}
	.nav_notes li.contract_personal a span{ float:right; display:block; width:11px; height:12px; margin:10px 3px 0 3px; /*width:13px; height:14px; margin:8px 6px 0 3px;*/ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_on.png); background-size:100%;}
	.nav_notes li.contract_personal a:hover span{ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}
	.nav_notes li.contract_personal a:hover{
		color: #11270c;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		/*background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);*/
	}
	.nav_notes li.contract_active_personal{width:33%;}
	.nav_notes li.contract_active_personal a{
		padding:8px 5px 0 8px;
		font-size: 15px;
		/*padding:0 0 0 10px;
		font-size: 13px;*/
		font-weight: bold;
		color: #11270c;
		text-decoration:none;
		line-height:30px;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
	}
	.nav_notes li.contract_active_personal a span{ float:right; display:block; width:13px; height:14px; margin:8px 6px 0 3px; background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}
	
	/*閱讀個人資料保護政策*/
	.nav_notes li.protection {
		width:34%;
	}
	.nav_notes li.protection a{
		padding:0;
		padding-top:8px;
		font-size: 15px;
		/*padding:0 0 0 5px;*/
		text-align:center;
		font-weight: bold;
		color: #f9f57b;
		text-shadow: 1px -1px #000;
		text-decoration:none;
		line-height:30px;
		background-color: #814d09;
		border: solid 1px #815108;
		background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #1e1100 49%, #784504);
		/*background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #482b04 49%, #784504);*/
	}
	.nav_notes li.protection a span{ float:right; display:block; width:11px; height:12px; margin:10px 3px 0 3px; /*width:13px; height:14px; margin:8px 6px 0 3px;*/ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_on.png); background-size:100%;}
	.nav_notes li.protection a:hover span{ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}
	.nav_notes li.protection a:hover{
		color: #11270c;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		/*background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);*/
	}
	.nav_notes li.protection_active{width:34%;}
	.nav_notes li.protection_active a{
		padding:8px 5px 0 8px;
		font-size: 15px;
		/*padding:0 0 0 10px;
		font-size: 13px;*/
		font-weight: bold;
		color: #11270c;
		text-decoration:none;
		line-height:30px;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
	}
	.nav_notes li.protection_active a span{ float:right; display:block; width:13px; height:14px; margin:8px 6px 0 3px; background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}

	/*閱注意事項_FOR頁面上只有兩顆的使用*/
	.nav_notes li.notice{
		text-align:center;
		width:50%;
	}
	.nav_notes li.notice a {
		padding:0;
		padding-top:8px;
		font-size: 15px;
		/*padding:0 0 0 5px;*/
		font-weight: bold;
		color: #f9f57b;
		text-shadow: 1px -1px #000;
		text-decoration:none;
		line-height:30px;
		background-color: #814d09;
		border: solid 1px #815108;
		background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #1e1100 49%, #784504);
		/*background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #482b04 49%, #784504);*/
	}
	.nav_notes li.notice a span{ float:right; display:block; width:11px; height:12px; margin:10px 3px 0 3px; /*width:13px; height:14px; margin:8px 6px 0 3px;*/ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_on.png); background-size:100%;}
	.nav_notes li.notice a:hover span{ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}
	.nav_notes li.notice a:hover{
		color: #11270c;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		/*background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);*/
	}
	.nav_notes li.notice_active{
		text-align:center;
		width:50%;
	}
	.nav_notes li.notice_active a{
		padding:8px 5px 0 8px;
		font-size: 15px;
		/*padding:0 0 0 5px;*/
		font-weight: bold;
		color: #11270c;
		text-decoration:none;
		line-height:30px;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		/*background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);*/
	}
	.nav_notes li.notice_active a span{ float:right; display:block; width:11px; height:12px; margin:10px 3px 0 3px; /*width:13px; height:14px; margin:8px 6px 0 3px;*/ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}
	/*.nav_notes li.notice a {background:url(/Graphics/Games/Mobile/Bank/menu_notes.png) no-repeat -109px 0px; width:184px;}
	.nav_notes li.notice,.nav_notes li.notice a:hover,.nav_notes li.notice_active{background:url(/Graphics/Games/Mobile/Bank/menu_notes.png) no-repeat -109px -30px; width:184px;}*/
 
  
	/*使用者同意書閱項_FOR頁面上只有兩顆的使用讀*/
	.nav_notes li.contract{
		text-align:center;
		width:50%;
	}
	.nav_notes li.contract a{
		padding:0;
		padding-top:8px;
		font-size: 15px;
		/*padding:0 0 0 5px;*/
		font-weight: bold;
		color: #f9f57b;
		text-shadow: 1px -1px #000;
		text-decoration:none;
		line-height:30px;
		background-color: #814d09;
		border: solid 1px #815108;
		background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #1e1100 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #1e1100 49%, #784504);
		/*background-image: -webkit-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -moz-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -o-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: -ms-linear-gradient(bottom, #784705, #523205 47%, #482b04 49%, #784504);
		background-image: linear-gradient(to top, #784705, #523205 47%, #482b04 49%, #784504);*/
	}
	.nav_notes li.contract a span{ float:right; display:block; width:11px; height:12px; margin:10px 3px 0 3px; /*width:13px; height:14px; margin:8px 6px 0 3px;*/ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_on.png); background-size:100%;}
	.nav_notes li.contract a:hover span{ background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}
	.nav_notes li.contract a:hover{
		color: #11270c;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 48%, #357b23 49%, #d8f2d1);
		/*background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);*/
	}
	.nav_notes li.contract_active{
		text-align:center;
		width:50%;
	}
	.nav_notes li.contract_active a{
		padding:8px 5px 0 8px;
		font-size: 15px;
		/*padding:0 0 0 10px;
		font-size: 13px;*/
		font-weight: bold;
		color: #11270c;
		text-decoration:none;
		line-height:30px;
		text-shadow: 1px 1px #fff;
		background-color: #b5deab;
		border: solid 1px #8bc47c;
		background-image: -webkit-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -moz-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -o-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: -ms-linear-gradient(bottom, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
		background-image: linear-gradient(to top, #d3efcc, #9dd090 45%, #8cc77d 49%, #d8f2d1);
	}
	.nav_notes li.contract_active a span{ float:right; display:block; width:13px; height:14px; margin:8px 6px 0 3px; background:url(/Graphics/Games/Mobile/Bank/icon/icon_arrow_over.png); background-size:100%;}

	/*.nav_notes li.contract a{background:url(/Graphics/Games/Mobile/Bank/menu_notes.png) no-repeat -293px 0px; width:187px;}
	.nav_notes li.contract,.nav_notes li.contract a:hover,.nav_notes li.contract_active{background:url(/Graphics/Games/Mobile/Bank/menu_notes.png) no-repeat -293px -30px; width:187px;}*/
 
 /*使用者同意書&注意事項區域顯示*/ 
  .textnotice{background-color:#D3E2C9; padding:10px 20px 20px 20px; width:auto; color:#003300; letter-spacing:1px;}
  .textnotice ol{margin-left:28px; padding:0;}
  .textnotice li{margin-bottom:8px;}
     .textnotice fieldset{border:dashed #360 1px; padding:5px;}
     .textnotice legend{background-color:#D3E2C9;}
	.textnotice .point{color:#603;}



/*-------------------------------------------------*/	

/*品項確認表單樣式*/
.GTFormList{ width:100%; font-size:12px; color:#242424; border:#D2E0C2 1px solid;}
/*.GTFormList{ width:100%; font-size:15px; color:#242424; border:#D2E0C2 1px solid;}*/
.GTFormList th, .GTFormList td{ padding:3px;}
.GTFormList th{ font-weight:bold; text-align:right; width:26%; background-color:#D2E0C2;}
/*.GTFormList th{font-weight:bold; text-align:right; width:25%; background-color:#D2E0C2}*/
.GTFormList .small-en td{ color:#242424;}
.confirmitemname{ font-weight:bold; text-align:left;}
.confirmitem{color:#C00}
.confirmpresent{color:#008400; font-weight:normal;}
.confirmprice{color:#0066FF}


.invoiceaddress{ font-size:13px; padding-left:10px;}/*發票地址填寫區域*/
.invoiceaddress input{ display:block; width:95%;}
.GTFormList li.itempresent{font-size:13px}/*指定品項送出後確認樣式表單的文字大小*/

/*-------------------------------------------------*/	

/*提示語視窗*/
.dailognotice{ width:auto; height:auto; margin:0 auto; text-align:center; color:#000; background:#FFF; border:3px solid #d88d22; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.shownotice{ margin:auto; width:90%; padding:15px 0;}
a.closewindow{ display:block; width:40px; height:40px; text-indent:-9999px; margin:0 0 0 auto; background:url(/Graphics/Games/Mobile/Bank/Button/Btn_close.png); background-size:cover;}
a.Btn_StoreValueGo{
	display:block;
	padding:10px 20px 15px 20px;
	margin:0 auto;
	width:60%;
	font-size:20px;
	line-height:20px;
	color: #003d00;
	text-shadow: 1px 1px #fff;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #7dc011;
	-webkit-box-shadow: inset 0 0 5px #7bac00;
	-moz-box-shadow: inset 0 0 5px #7bac00;
	box-shadow: inset 0 0 5px #7bac00;
	border: solid 2px #ffff00;
	background-image: -webkit-linear-gradient(bottom, #7dbe0a, #80c218 51%, #a1d54f 51%, #a2d93f);
	background-image: -moz-linear-gradient(bottom, #7dbe0a, #80c218 51%, #a1d54f 51%, #a2d93f);
	background-image: -o-linear-gradient(bottom, #7dbe0a, #80c218 51%, #a1d54f 51%, #a2d93f);
	background-image: -ms-linear-gradient(bottom, #7dbe0a, #80c218 51%, #a1d54f 51%, #a2d93f);
	background-image: linear-gradient(to top, #7dbe0a, #80c218 51%, #a1d54f 51%, #a2d93f);	
}
/*.dailognotice{background:url(/Graphics/Games/Mobile/Bank/dailog_notice.png) no-repeat center center; height:250px; width:440px; margin:0 auto;text-align:center; color:#000;}
.shownotice{ margin:auto; width:80%; padding:15px 0;}
a.closewindow{ display:block; width:45px; height:45px; text-indent:-9999px; margin:0 0 0 auto}*/

/*-------------------------------------------------*/	

/*i幣鑽石切換頁籤*/
.buy_what_tag{background:url(/Graphics/Games/Mobile/Bank/top_tag_bg.png) no-repeat; margin:0 auto; width:460px; height:62px; padding-left:20px;}
.buy_what_tag img{ margin:0 2px;}
.buy_what_tag a img:hover{left:0px;top:0px;}

/* 選單內容 */
/*-------------------------------------------------*/
.flipsnap-container.active { display: block; }
	

/*===box Start===*/
.boxA{ width:100%; margin:10px auto; padding:5px; }
.boxA a{ display:block; width:100%}
	
	.box--styleD{ padding:0; border-radius: 8px; /*陰影*/-moz-box-shadow: 1px 1px 3px #333333;-webkit-box-shadow: 1px 1px 3px #333333;box-shadow: 1px 1px 3px #333333;	
	background:#fcfcfc;
	border: solid 1px #b1b1b1;
	background-image: -webkit-linear-gradient(bottom, #fcfcfc, #d0d0d0 48%, #fcfcfc 48%, #d0d0d0);
	background-image: -moz-linear-gradient(bottom, #fcfcfc, #d0d0d0 48%, #fcfcfc 48%, #d0d0d0);
	background-image: -o-linear-gradient(bottom, #fcfcfc, #d0d0d0 48%, #fcfcfc 48%, #d0d0d0);
	background-image: -ms-linear-gradient(bottom, #fcfcfc, #d0d0d0 48%, #fcfcfc 48%, #d0d0d0);
	background-image: linear-gradient(to top, #fcfcfc, #d0d0d0 48%, #fcfcfc 48%, #d0d0d0);}
	.box--styleD h3{ color: #FF0004; }
	.box--styleD h3 span{ color:#900; font-size:15px; }

	/*首頁遊戲儲值列表*/
	.gamesGift{ position:relative; height:100px; display:flex; align-items:center; display: -webkit-flex; -webkit-align-items: center; }
	.gamesGift__gamesIcon{ width:90px; height:90px; float:left; }
	.gamesGift__gamesIcon img { margin:0;border-radius: 20px;}
	.gamesGift__gamesMain{ width:88%; min-width:235px; margin:0 0 0 -100px; display: block; float:right; }
	.gamesGift__gamesMain .main{ margin:0 0 0 100px; position:relative; }
		.gamesGift__gamesMain h3{ width:100%; height:25px; font-size:15px; font-weight:bold; color:#36995E; display:inline-block; }
		.gamesGift__gamesMain h3 img{margin:0;}
		.gamesGift__gamesMain p{ width:100%; height:25px; font-size:14px; line-height:25px; overflow:hidden; color:#333; margin:10px 0 0 0 }
		.BtnExchange { position:absolute; bottom:0; right:-50px;}
	.gamesGift--active{ width:100%; height:100%; background: rgba( 0, 0, 0, 0.8); position: absolute; top:0; left:0; display: none ; }
	.gamesGift--active.active { display: initial ; }
	/*首頁遊戲儲值列表 END*/
/*-------------------------------------------------*/	

/*頁尾下方選單bar*/
.MobileBottomNavBar{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:50px;
	border-top:1px solid #c1ff44;
	background:#8fbf19;
	background-image: -webkit-linear-gradient(bottom, #5b7f00, #b1e829);
	background-image: -moz-linear-gradient(bottom, #5b7f00, #b1e829);
	background-image: -o-linear-gradient(bottom, #5b7f00, #b1e829);
	background-image: -ms-linear-gradient(bottom, #5b7f00, #b1e829);
	background-image: linear-gradient(to top, #5b7f00, #b1e829);
}

.MobileBottomNavBar a.Btn_BackGame{
	float:right;
	display:block;
	width:65px;
	height:46px;
	padding-top:5px;
	border-left:solid 1px #5d8101;
	border-right:solid 1px #5d8101;
	text-align:center;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	text-shadow: 1px 1px #293901;
}
.MobileBottomNavBar a.Btn_BackGame:hover{ background:#8fbf19;}
.MobileBottomNavBar a.Btn_BackGame span{
	display:block;
	width:18px;
	height:18px;
	margin:0 auto 5px auto;
	-webkit-border-radius: 10px 11px 11px 10px/10px;
	-moz-border-radius: 10px 11px 11px 10px/10px;
	border-radius: 10px 11px 11px 10px/10px;
	background: url(/Graphics/Games/Mobile/Bank/icon/nav-bar-icon-games.png) center center no-repeat #79a017;
	background-size:70%;
	-webkit-box-shadow: 0 2px #adc86a;
	-moz-box-shadow: 0 2px #adc86a;
	box-shadow: 0 2px #adc86a;	
}

/*itemlist 品項 start*/
#itemlist {
	margin: 0px 0px 20px -40px;
	width:100%;
}
#itemlist li {
	position: relative;
	list-style:none;
    height:55px ;
}
#itemlist li img.item {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -24px;
	width: 70px;
	height:46px;
	background:none;
}

#itemlist li img.item_pic {
	position: absolute;
	left: 85px;
	top: 50%;
	margin-top: -24px;
	width: 120px;
	height:46px;
	background:none;
}

#itemlist li h1.name{
	position:absolute;
	top:0;
	left:76px;
	display:inline-block;
	padding:2px 10px;
	font-size:14px;
	font-weight:bold;
	font-family:Microsoft JhengHei, Helvetica, Arial, sans-serif, Verdana;
	text-shadow: 1px 1px #552503;
	line-height:18px;
	color:#fff100;
	-webkit-border-radius: 20px/20px 20px 20px 20px;
	-moz-border-radius: 20px/20px 20px 20px 20px;
	border-radius: 20px/20px 20px 20px 20px;
	background-color: #930303;
}


#itemlist li p{
	position:absolute;
	top: 24px;
	left: 80px;
	font-size:12px;
	color: #2f2f2f;
	text-shadow: 1px 1px #fff;
}

#itemlist li.price p {left:0;}

#itemlist li h1.name_one{
	position:absolute;
	top:50%;
	left:76px;
	margin-top:-13px;
	display:inline-block;
	padding:4px 10px;
	font-size:14px;
	font-weight:bold;
	font-family:Microsoft JhengHei, Helvetica, Arial, sans-serif, Verdana;
	text-shadow: 1px 1px #552503;
	line-height:18px;
	color:#fff100;
	-webkit-border-radius: 20px/20px 20px 20px 20px;
	-moz-border-radius: 20px/20px 20px 20px 20px;
	border-radius: 20px/20px 20px 20px 20px;
	background-color: #930303;
}
#itemlist li span.price{
	position:absolute;
	top: 10px;
	right: 8px;
	font-size: 14px;
	font-weight:bold;
	color: #086d99;
	text-shadow: 1px 1px #fff;
	letter-spacing:0;
}
#itemlist li span.price_special{
	position:absolute;
	top: 70%;
	right: 8px;
	margin-top:-9px;
	font-size: 14px;
	font-weight:bold;
	color: #086d99;
	text-shadow: 1px 1px #fff;
	letter-spacing:0;
}
#itemlist li span.price_del{
	position:absolute;
	top: 30%;
	right: 8px;
	margin-top:-9px;
	font-size: 14px;
	font-weight:bold;
	color: #666666;
	text-shadow: 1px 1px #fff;
	letter-spacing:0;
}
#itemlist li a {
	display: block;
	width:100%;
	height:55px;
	text-align: justify;
	text-justify: inter-word;
	text-decoration: none;
	font-size: 18px;
	color: #FFF;
	text-shadow: 1px 1px #7f2d00;
	margin-bottom:-1px;
	font-weight: bold;
	border-top: 1px solid #b1b2b4;
	border-bottom: 1px solid #b1b2b4;
	background-color: #d4dae1;
	background-image: -webkit-linear-gradient(bottom, #d4dae1, #fff);
	background-image: -moz-linear-gradient(bottom, #d4dae1, #fff);
	background-image: -o-linear-gradient(bottom, #d4dae1, #fff);
	background-image: -ms-linear-gradient(bottom, #d4dae1, #fff);
	background-image: linear-gradient(to top, #d4dae1, #fff);
	position:absolute;
}
#itemlist li a:hover {
	background-color: #ace13f;
	background-image: -webkit-linear-gradient(bottom, #ace13f, #fff);
    background-image: -moz-linear-gradient(bottom, #ace13f, #fff);
    background-image: -o-linear-gradient(bottom, #ace13f, #fff);
    background-image: -ms-linear-gradient(bottom, #ace13f, #fff);
    background-image: linear-gradient(to top, #ace13f, #fff);
}


#funpayitemlist {
	padding:0;
	margin:0;
	padding-left:20px;
	}
#funpayitemlist li{
	list-style:none;
	}
#funpayitemlist li h3.name{
	margin-bottom:5px;
	font-size:135%;
	color: #060;
	}

#funpayitemlist .price {
	margin-bottom:15px;
	}
	
/*超商儲值*/
#pepay_store {
	padding:0;
	margin:0;
	padding-left:10px;
	}
#pepay_store li{
	list-style:none;
	}
#pepay_store li h3.name{
	margin-bottom:5px;
	font-size:135%;
	color: #060;
	}

#pepay_store .price {
	margin-bottom:15px;
	}

/*儲值記錄樣式*/
.explanation_box table{ color:#333; width:100%;}


/*itemlist end*/
/*-------------------------------------------------*/	

/*行動裝置寬度超過481樣式*/
@media only screen and (min-width: 481px) {
	/*特定區域的寬度、邊距*/
	.MobileBankContent{padding:0;}
	.gtcard_textarea{ width:98%;}
	/*.BankflowButton a.button{ width:350px; margin:10px auto;}*/
	
	/*提示語視窗*/
	.dailognotice{ width:460px;}
	a.Btn_StoreValueGo{ width:50%;}
	
	
}

/*================checkbox樣式開始===========================*/
input[type=checkbox].css-checkbox {
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:30px;
	height:24px;
	display:inline-block;
	line-height:24px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -24px;
}

/*Checkbox 圖片*/

.elegant{background-image: url(/Graphics/Games/Mobile/images/checkbox_big.png);}

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:22px;
    height:24px; 
	display:inline-block;
	line-height:24px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -24px;
}

#box{
	width:280px;
	margin:0 auto 30px auto;
}

#box a{
	text-decoration:none;
	font-size:20px;
	color: #039;
	/*text-shadow:1px 1px #b1d93a;*/
}
/*================checkbox樣式結束===========================*/

/*================電子發票CSS樣式===========================*/

.ContainLink {
	color: #ED560E;
	list-style-type: square;
	/*font-size: 13px;*/}
	
.ListTitle{
	color: #fff;}

.box{
	width:20px;
	height:20px;
	margin-bottom:6px;
	display:block;
	float:left;
	}
		
/*手機直式*---20170427  新增按鈕變更樣式/
	
/*品項確認表單樣式*/
.btn-group {text-align: center;	}
.btn-group .btn{ margin:0 12px;}
.text-consent {
	text-align:center;
	line-height:1.5em;
	}
.text-consent a{color: #39C; text-decoration:none}
.text-consent a:hover{ color: #06C}

/* GT平台的基本按鈕 */
.btn {
    -webkit-box-shadow: inset 0 0 1px 0 #000000, 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 0 #000000, 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 #000000, 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 2px 0 #000000, 0 1px 0 rgba(0, 0, 0, 0.1);
}
.btn:hover {
	box-shadow:0 1px 0 #000000, 0 0 0 rgba(0, 0, 0, 0.1);
	}

/* 重點按鈕 */
.btn-focus {
    -webkit-box-shadow: inset 0 0 1px 0 #000000, 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 0 #000000, 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 #000000, 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 2px 0 #000000, 0 1px 0 rgba(0, 0, 0, 0.1);
	}
.btn-focus:hover {
	box-shadow:0 1px 0 #000000, 0 0 0 rgba(0, 0, 0, 0.1);
	}


/*手機直式*/
@media screen and (max-width:480px){
	/*2015/09/23  (J)  （淘）15-0803-003*/
	/*itemlist 品項*/
   #itemlist li{height: 100px;}
   #itemlist li a{height: 100px;}
   
   
   #itemlist li h1.name{
	width:63%;
	position:absolute;
	top:0;
	left:76px;
	text-align:center;
}



#itemlist li p{
	position:absolute;
	top: 40px;
	left: 80px;
}

#itemlist li span.price{
	position:absolute;
	top: 35px;
	right: 0;
	left: 50%;
}
	}