body{
	background-color: #FFFFFF;
	background-image: none;
}

.main-content{
	padding: 15px;
}

/*main-content 自動轉帳區域*/
.main-content .panel-autopay .panel{
	display: flex;
	align-items: center;
}

.main-content .panel-autopay .div-txt{
	font-size: 18px;
	font-weight: 600;
}

.main-content .panel-autopay .div-notice{
    color: red;
}

.main-content .panel-autopay .div-checkbox{
	margin-left: 10px;
}

.main-content .panel-autopay .div-checkbox .switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 25px;
}

.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: #aaa;
	border: 1px solid #aaaaaa;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 20px;
	height: 25px;
}

.main-content .panel-autopay .div-checkbox .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 2px;
	top: 1px;
	background: linear-gradient(to bottom,#ffffff, #b9b9b9);
	border: 1px solid #C5C5C5;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

.main-content .panel-autopay .div-checkbox input:checked + .slider {
	background: linear-gradient(to bottom,#efe0c7, #c1ae86);
	border: 1px solid #998762;
}

.main-content .panel-autopay .div-checkbox input:checked + .slider:before {
	-webkit-transform: translateX(25px);
	-ms-transform: translateX(25px);
	transform: translateX(25px);
}

/*main-content 按鈕區域*/
.main-content .panel-button{
	display: flex;
	margin-top: 10px;
}

.main-content .panel-button .button{
	background: linear-gradient(rgb(255, 255, 255), rgb(185, 185, 185));
    border: 1px solid rgb(170, 170, 170);
    padding: 5px;
    min-width: 95px;
	text-align: center;
	margin-left: 10px;
	color: #2b2b2b;
	border-radius: 7px;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
}

.main-content .panel-button .button:first-child{
	margin-left: 0px;
}

.main-content .panel-button .button:hover{
	background: linear-gradient(rgb(239, 224, 199), rgb(193, 174, 134));
    border: 1px solid rgb(153, 135, 98);
}

/*main-content 餘額區域*/
.main-content .panel-quota{

}

.main-content .panel-quota .panel-row{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 16px;
	font-weight: 500;
}

.main-content .panel-quota .panel-row.v1{
	background-color: #d9c6a5;
	border-radius: 7px;
	padding: 15px 0;
	margin-top: 10px;
}

.main-content .panel-quota .panel-row .panel.v1{
	width: 50%;
	text-align: center;
	border-right: 0.5px solid #000;
}

.main-content .panel-quota .panel-row .panel.v1:last-child{
	border-right: 0;
}

.main-content .panel-quota .quota{
	font-size: 22px;
    font-weight: 600;
	font-family: Dinpro;
}

.main-content .panel-quota .main-quota, 
.main-content .panel-quota .total-quota{
	margin-top: 5px;
}

.main-content .panel-quota .panel-row .panel.v2{
	display:flex;
	align-items: center;
	line-height: initial;
	position: relative;
	width: 50%;
	padding: 10px;
}

.main-content .panel-quota .panel-row .panel.v2::after{
	content: '';
	position: absolute;
    height: 1px;
	width: 95%;
	background-color: #918c8a;
    bottom: 0;
	right: 0;
    left: 0;
	margin: 0 auto;
}

.main-content .panel-quota .panel-row .panel.v2 .gstore-txt{
	flex:1;
}

.main-content .panel-quota .panel-row .panel.v2 .quota {
	font-size: 18px;
}

.main-content .panel-quota .panel-row .panel.v2 .warning-txt{
	color:red;
}

.main-content .panel-quota .panel-row .panel.v2 .transfer-btn{
	background: linear-gradient(rgb(255, 255, 255), rgb(185, 185, 185));
    border: 1px solid rgb(170, 170, 170);
    padding: 5px;
	text-align: center;
	color: #2b2b2b;
	border-radius: 7px;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
	margin-left: 15px;
}

.main-content .panel-quota .panel-row .panel.v2 .transfer-btn:hover{
	background: linear-gradient(rgb(239, 224, 199), rgb(193, 174, 134));
    border: 1px solid rgb(153, 135, 98);
}

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

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

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

#show-transfer-editor-area .transfer-editor-tb td.title{
	font-weight:bold;
	text-align: right;
}

#show-transfer-editor-area .transfer-editor-tb .quota{
	font-size: 24px;
    font-weight: bold;
	font-family: Dinpro;
	color: #039612;
}

#show-transfer-editor-area .transfer-editor-tb .main-quota{
	color: darkgoldenrod!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 #aaa;
    padding: 7px;
    border-radius: 10px;
    margin-left: 20px;
    cursor: pointer;
    color: #555;
    display: flex;
    align-items: center;
}

#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{
	border-color: #cfab85;
    color: #cfab85;
}

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

#show-transfer-editor-area .transfer-editor-tb .input-v1{
	border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 24px;
    width: 80%;
	padding: 5px 8px;
}

#show-transfer-editor-area .save-btn{
	background: linear-gradient(to right, #dccab8, #d2b496);
	font-weight:bold;
	width:100%;
	padding:10px 0px;
	text-align: center;
	margin-top: 20px;
	cursor: pointer;
	color:#fff;
	border-radius: 10px;
	font-size: 24px;
}