/*main-content 自動轉帳區域*/
#wrapper{
    background-size:cover;
	background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../sty4_images/page-bg.webp);
	min-height: 100%;
}

#wrapper #header{
	position: relative;
}

body{
	background-color:transparent;
}


.main-content{
	background-color: transparent;
    padding-bottom: 0.6rem;
}

.main-content .panel-autopay{
	padding: .15rem 0.3rem 0;
/*	box-shadow: 0 0 0.1rem 0 rgb(0 0 0 / 20%);*/
/*	margin-top: .1rem;*/
}
.main-content .panel-autopay .panel{
	display: flex;
	align-items: center;
	border-bottom:  0.03rem solid #3a0c08;
	padding-bottom: 0.15rem;
}
.main-content .panel-autopay .div-txt{
	flex: 1;
	font-size: 0.3rem;
	color: #3a0c08;
    font-weight: 600;
}

.main-content .panel-autopay .div-notice{
	flex: 1;
	margin-top: .1rem;
    color: red;
}

.main-content .panel-autopay .div-checkbox{
	margin-right: 0.3rem
}
.main-content .panel-autopay .div-checkbox .switch {
	position: relative;
	display: inline-block;
	width: 1rem;
	height: .5rem;
}
.main-content .panel-autopay .div-checkbox .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}
.main-content .panel-autopay .div-checkbox .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FFF;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: .4rem;
	height: .5rem;
}

.main-content .panel-autopay .div-checkbox .slider:before {
	position: absolute;
	content: "";
	height: .45rem;
	width: .45rem;
	left: .05rem;
	top: .02rem;
	background-color: #961107;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
	box-shadow: 0.03rem 0.03rem 0.05rem rgba(0,0,0,0.5);
}

.main-content .panel-autopay .div-checkbox input:checked + .slider {
	background-color: #c5996d;
}
.main-content .panel-autopay .div-checkbox input:checked + .slider:before {
	-webkit-transform: translateX(.45rem);
	-ms-transform: translateX(.45rem);
	transform: translateX(.45rem);
}

/*main-content 按鈕區域*/
.main-content .panel-button{
	display: flex;
	/* padding: 0.2rem 0.3rem; */
	justify-content: flex-end;
}
.main-content .panel-button .button{
	user-select: none;
	margin-left: .2rem;
	cursor: pointer;
	/* width: 1.5rem; */
	/* padding: 0.08rem 0.1rem; */
	text-decoration: none;
	text-align: center;
	font-size: .26rem;
	font-weight: bold;
	/* border-radius: .05rem; */
	/* border-radius: 8px; */
	/* background: linear-gradient(to bottom, #efdacb, #d9b799, #c5996d); */

    /* background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../sty4_images/page_btn_bg2.webp);
	box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.4); */

    padding: 0.1rem 0.15rem 0.045rem 0.15rem;
    border-radius: 0.09rem;
    background: linear-gradient(to bottom, #f8e5b5 0%, #e5c388 40%, #c89f56 70%, #a67630 100%);

	/* color: #000;  */
	color: #FFFFFF; 
}

body.lang-vn .main-content .panel-button .button{
	width:auto;
	padding: 0.08rem .1rem;
}

.main-content .panel-button .button:first-child{
	margin-left: 0px;
}
.main-content .panel-button .button .repeat-image{
	/*動畫*/
	animation-name: go_round;
	animation-iteration-count: infinite;
	animation-duration: 1s;
}
@keyframes go_round { 
	from { 
		transform: rotate(0deg); 
	} 
	to { 
		transform: rotate(360deg); 
	} 
} 




.panel-quota{
    margin:0 0.2rem;
    /* margin-top: .2rem; */
    margin-bottom: .2rem;
}

.panel-quota .title-div{
    display: flex;
	justify-content: center;
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-image: url(../sty4_images/title-bg.webp);
    padding: .2rem 0 .15rem 0;
    color:#FFF;
    font-weight: bold;
    font-size: .26rem;
}

.panel-quota .content-div{
    background: linear-gradient(to bottom, #d7ecfe 0%, #ecf6ff 60%, #d7ecfe 100%);
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
    box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.4);
    padding: .1rem;
}

/*main-content 餘額區域*/
.main-content .panel-quota{
	/* padding: 0 0.3rem; */
	color: #961107;
	font-weight: bold
}

.main-content .panel-quota .panel-row{
	display: flex;
	align-items: center;
	/* padding-left: 0.45rem; */
	margin-left: 0.45rem;
}
.main-content .panel-quota .panel-row:not(:first-child){
	border-top: 0.03rem solid #3a0c08;
}

.main-content .panel-quota .panel-row .panel{
	padding:.1rem .05rem;
}

.main-content .panel-quota .panel-row .panel.v1{
	width:50%;
	/* text-align: center; */
	text-align: left;
	position: relative;
}

/* .main-content .panel-quota .panel-row .panel.v1:first-child::after{
	position: absolute;
	top: 0.2rem;
	right: 0px;
	content: "";
	background-color: #3a0c08;
	width: 0.03rem;
	height: 0.45rem;
} */

.main-content .panel-quota .quota{
	font-size: 0.3rem;
    font-weight: bold;
	font-family: Dinpro;
	/* color: #451712; */
	color: #484848;
}

.main-content .panel-quota .main-quota, .main-content .panel-quota .total-quota{
	margin-top: .05rem;
	font-size: 0.35rem;
	color: #334759;
}

.main-content .panel-quota .quota-title{
	/* margin-top: .05rem; */
	font-size: 0.35rem;
	color: #334759;
}


.main-content .panel-quota .panel-row .panel.v2{
	display:flex;
	align-items: center;
	width:100%;
	padding:.15rem .2rem .15rem 0;
}

.main-content .panel-quota .panel-row .panel.v2 .gstore-txt{
	flex:1;
	/* color: #451712; */
	color: #484848;
	font-weight: 600;
}

.main-content .panel-quota .panel-row .panel.v2 .transfer-btn{
	background: linear-gradient(to right, #f0dbcc, #cfa883);
	box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.4);
    font-weight: bold;
    padding: .1rem .15rem;
    cursor: pointer;
    color: #6e5a4b; 
    border-radius: .1rem;
    font-size: .25rem;
	margin-left:.2rem;
}

#show-transfer-editor-area{
	display: none;
}

#show-transfer-editor-area .transfer-editor-tb{
	width:100%;
}

#show-transfer-editor-area .transfer-editor-tb td{
	padding: .15rem .12rem;
	vertical-align: middle;
	font-size: .3rem;
}

#show-transfer-editor-area .transfer-editor-tb td.title{
	font-weight:bold;
	word-break: keep-all;
}

#show-transfer-editor-area .transfer-editor-tb .quota{
	font-size: 0.3rem;
    font-weight: bold;
	font-family: Dinpro;
	color: #5d493b;
}

/*
#show-transfer-editor-area .transfer-editor-tb .main-quota{
	color: #00a89c!important;
}
*/

#show-transfer-editor-area .transfer-editor-tb .transfer-type-btn-div {
    display: flex;
    align-items: center;
}

#show-transfer-editor-area .transfer-editor-tb .transfer-type-btn{
	/*border: 2px solid #fff;*/
    padding: 7px;
    border-radius: .1rem;
    margin-left: .2rem;
    cursor: pointer;
    color: #5b483a;
    display: flex;
    align-items: center;
	font-weight: bold;
	background: linear-gradient(to bottom, #FFF, #DDD, #FFF);
}

#show-transfer-editor-area .transfer-editor-tb .transfer-type-btn:first-child{
	margin-left:0;
}

#show-transfer-editor-area .transfer-editor-tb .transfer-type-btn.active{
	color: #5b483a;
	background: linear-gradient(to bottom, #f3e0d3, #cfa983);
}

#show-transfer-editor-area .transfer-editor-tb .transfer-type-btn .check-icon {
    margin-left: .2rem;
}

#show-transfer-editor-area .transfer-editor-tb .input-v1{
	border: 0.03rem solid #fff;
    border-radius: 0.05rem;
	font-size: .3rem;
    width: 80%;
	padding: .05rem .08rem;
}

#show-transfer-editor-area .save-btn{
	background: linear-gradient(#fedfb0, #cdac79, #826131);
	font-weight:bold;
	width:100%;
	padding:10px 0px;
	text-align: center;
	margin-top:.2rem;
	cursor: pointer;
	color:#fff;
	border-radius: 999px;
	font-size: .3rem;
}

.warning-txt{
	/* color:#FFFF00; */
	color:#FF0000;
}

.game-store-list-container{
	overflow-y:auto;
}