@charset "utf-8";
*{ margin:0; padding:0; font-size: inherit; line-height: inherit;}

img, object, embed, video{ max-width:100%;}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img{ width:100%;}

.container .content { background: rgba(255,255,255,.0); padding-bottom:2em; color:#333}
.nav_main .container { overflow:inherit}
.header_page_banner .container { overflow:inherit}
.header_line_top { position:relative; height:5px; bottom:0;}
.content .container .box--styleA { border: 1px solid #ffffff; color: #ffffff; }
.content .container .box--styleA h3 a{ position:relative; color:#facf00; font-size: 18px; display: block; text-align: center; }
.content .container .box--styleA p{ color: #ffffff; }

/*問題回報*/
.box .text_login { text-align:center; text-decoration:none; color:#333333; display:block; height:40px; }
.box .text_login a{color: #ffffff; line-height:30px;}
.box .text_login span{ color:#facf00; }


@media screen and (max-width:350px){
	p.textaligncenter { margin:0; text-align:left; margin-bottom:20px; }
	.content_bg_white .button--styleA{border-radius: 7px;}
	.content_bg_white .button--styleA span{ display:none}
}

/* 按鈕顏色 */
.button--styleA { background-color:#ab875c; color:#000; }
@media screen and (max-width:350px){
	.button--styleA{ width: 38%!important; }
}

.button.button--styleA:hover { color: #fff000; }
.button.button--styleC {
	font-size: 16px;
	height: 45px;
	letter-spacing: 1px;
	border-radius: 0;
	margin-bottom: 3%;
	color: #fff;
	text-decoration: none;
}
.button.button--styleC:hover { color: #fff000; }

.form--styleA .fileImg--styleA {border: 2px #facf00 solid; }
.form--styleA .fileImg--styleA ul li { color:#facf00; }
.form--styleA input[type="text"], .form--styleA input[type="password"], .form--styleA input[type="email"], .form--styleA input[type="number"] {
	background-color: #ffffff;
	border: 1px #ffffff solid;
	color: #000000;
}
.form--styleA label{ font-size:16px; }
.form--styleA label a{ color:#facf00; font-size:16px; }

.color--borderA, .pageNum-button li.active a { border-color: #ffffff; }
.color--backgroundA, .pageNum-button li.active a { background: #8069FF;	color: #ffffff; }

.bugreport-button__active:hover { color: #fff000; }
.bugreport-button__styleA:hover { color: #8069FF; }

.bugreport-button__styleB { background-color: #ffbdbd; color: #350000; }
.bugreport-button__styleB:hover { color: #7f40ff; }
.bugreport-button__styleC { background-color: #8069FF; color: #ffffff; }
.bugreport-button__styleC:hover { color: #fff000; }

.formtextarea--styleA { height: 100px !important; }

#cboxClose{
	width: 38px;
  height: 19px;
}

.table{ width: 90%; }

/* 行動版面: 480px 以下。 */
body{ background-color:transparent; margin:0; padding:0;  font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;}
.gridContainer{ margin:0 auto; width:100%;}

/* 隱藏FOOTER */
#MobileBankfooter{ display:none; }

/* 按鈕區塊框架 start */
	.wait{padding:2px; width:95%;  margin:0 auto;
		border: 1px solid #ffffff;
		-webkit-border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border-radius: 7px;
		-webkit-box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		-moz-box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		text-shadow: #ffffff 0 1px 0;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
		text-decoration: none;
		vertical-align: middle;
		display:block;
		font-weight:bold;
		text-align:center;
		color:#666;
		}
	.button_all{padding:8px 20px; width:95%;  margin:10px auto;
		border: 1px solid #ffffff;
		background: #bbdeff;
		background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#bbdeff));
		background: -webkit-linear-gradient(top, #f4f4f4, #bbdeff);
		background: -moz-linear-gradient(top, #f4f4f4, #bbdeff);
		background: -ms-linear-gradient(top, #f4f4f4, #bbdeff);
		background: -o-linear-gradient(top, #f4f4f4, #bbdeff);
		background-image: -ms-linear-gradient(top, #f4f4f4 0%, #bbdeff 100%);
		-webkit-border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border-radius: 7px;
		-webkit-box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		-moz-box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		text-shadow: #ffffff 0 1px 0;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
		text-decoration: none;
		vertical-align: middle;
		display:block;
		font-weight:bold;
		text-align:center;
		color:#000000;
		}
	.btn_report{
		padding:8px 20px; width:95%;  margin:10px auto;
		border: 1px solid #ffffff;
		background: #bbdeff;
		background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#bbdeff));
		background: -webkit-linear-gradient(top, #f4f4f4, #bbdeff);
		background: -moz-linear-gradient(top, #f4f4f4, #bbdeff);
		background: -ms-linear-gradient(top, #f4f4f4, #bbdeff);
		background: -o-linear-gradient(top, #f4f4f4, #bbdeff);
		background-image: -ms-linear-gradient(top, #f4f4f4 0%, #bbdeff 100%);
		-webkit-border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border-radius: 7px;
		-webkit-box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		-moz-box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		text-shadow: #ffffff 0 1px 0;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
		text-decoration: none;
		vertical-align: middle;
		display:block;
		font-weight:bold;
		text-align:center;
		color:#000000;
		}
	.btn_report{padding:2px; width:95%;  margin:0 auto; }
	.button_all:hover{
		border: 1px solid #2e2e2e;
		text-shadow: #ffffff 0 1px 0;
		background: #bbdeff;
		background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#bbdeff));
		background: -webkit-linear-gradient(top, #bbdeff, #f4f4f4);
		background: -moz-linear-gradient(top, #bbdeff, #f4f4f4);
		background: -ms-linear-gradient(top, #bbdeff, #f4f4f4);
		background: -o-linear-gradient(top, #bbdeff, #f4f4f4);
		background-image: -ms-linear-gradient(top, #f4f4f4 0%, #bbdeff 100%);
		color: #474747;
		}
	.btn_report:hover{
		border: 1px solid #2e2e2e;
		text-shadow: #ffffff 0 1px 0;
		background: #bbdeff;
		background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#bbdeff));
		background: -webkit-linear-gradient(top, #bbdeff, #f4f4f4);
		background: -moz-linear-gradient(top, #bbdeff, #f4f4f4);
		background: -ms-linear-gradient(top, #bbdeff, #f4f4f4);
		background: -o-linear-gradient(top, #bbdeff, #f4f4f4);
		background-image: -ms-linear-gradient(top, #f4f4f4 0%, #bbdeff 100%);
		color: #474747;
		}
	.button_all:visited{ color: #474747;}
	.btn_report:visited{ color: #474747;}
/* 按鈕區塊框架 end */

/* 按鈕區箭頭圖片 start*/
	.buttonarrow{display: inline; width:15px; height:15px; padding-left:5px;}
/* 按鈕區箭頭圖片 end*/

/* 主要內容框架 start */
	.introcontent{ padding:8px; margin:0 5px; width:80%; margin:0 auto;}
/* 主要內容框架 end */

/* 標題內容框架 start */
	.tit{
		width:85%; position:relative;
		padding:8px;  margin:0 auto;
		border: 1px solid #9111d2;
		-webkit-border-bottom-right-radius: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-bottom-right-radius: 7px;
		-moz-border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		border-bottom-left-radius: 7px;
		background: #410d5c;
		line-height:30px;
		font-size: 22px;
		font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
		font-weight:bold;
		text-align:center;
	    color: #ffffff;
		}
/* 標題內容框架 end */
/* 關閉按鈕 start */
	#close{ position:absolute; top:5px; right:5px;}
/* 關閉按鈕 end */
/* 主要內文框架 start */
.maincontainer{
		padding:10px 10px; width:80%; margin:10px auto;
		border: 1px solid  #666666;
		background: #f0f0f0;
		/*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
		background: -webkit-linear-gradient(top, #ffffff, #cccccc);
		background: -moz-linear-gradient(top, #ffffff, #cccccc);
		background: -ms-linear-gradient(top, #ffffff, #cccccc);
		background: -o-linear-gradient(top, #ffffff, #cccccc);
		background-image: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%);*/
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		-webkit-box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		-moz-box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		box-shadow: rgba(20,95,160,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
		text-decoration: none;
		vertical-align: middle;
		display:block;
		text-align:left;
		color: #000000;
		}



.text_orage{ color:#F30; font-weight:bold;}
.text_bold{ font-weight:bold;}

/* 控制 input */
.text_form{
		width:93%;
		padding:2px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #fff;
		border: solid 1px #6489a4;
		font-size: 14px;
		color: #55585b;
	}

/* 控制表格線條間距 */
#MobileInGamenews #gridContainer clearfix #maincontainer #a_MOBILE_BUG_REPORT table{display:block; 	border-collapse:separate;	border-spacing:5px; }
#MobileInGamenews #gridContainer clearfix #maincontainer #a_MOBILE_BUG_REPORT table, td {  padding:3px;  font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體; font-size:10px;}
#MobileInGamenews #gridContainer clearfix #maincontainer #a_MOBILE_BUG_REPORT #QuestionRecord table{display:block; 	border-collapse:separate;	border-spacing:5px; }
#MobileInGamenews #gridContainer clearfix #maincontainer #a_MOBILE_BUG_REPORT #QuestionRecord table, td {  padding:3px;  font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體; vertical-align:middle;  font-size:10px;}

.report_tdbg { background:#bbdeff; padding:5px;}

/*主要內文框架 end */
/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.gridContainer{ width:100%; margin:auto;}
/*主按鈕*/
.button_all{ font-size: 14px;}
.btn_report{ font-size: 14px;}
.text_form{  font-size: 16px;}

/*各主標*/
.tit{font-size: 16px;}

#MobileInGamenews #gridContainer clearfix #maincontainer #a_MOBILE_BUG_REPORT table, td { font-size:14px;}
#MobileInGamenews #gridContainer clearfix #maincontainer #a_MOBILE_BUG_REPORT #QuestionRecord table, td { font-size:14px;}



/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 769px) {
.gridContainer{ width:100%;  margin:0 auto;text-align:center;}
/*主按鈕*/
.button_all{ font-size: 14px;}
.btn_report{ font-size: 14px;}
.text_form{  font-size: 16px;}
/*各主標*/
.tit{font-size: 16px;}


#MobileInGamenews #gridContainer clearfix #maincontainer #a_MOBILE_BUG_REPORT table, td { font-size:14px;}
#MobileInGamenews #gridContainer clearfix #maincontainer #a_MOBILE_BUG_REPORT #QuestionRecord table, td { font-size:14px;}
}

@media screen and (max-width:630px){
/*問題回報*/
.button--styleA--flex .btn_bugreport { float: inherit; width:90%;}

}