#main{
	max-width:800px;
	margin:0 auto;
}

.title-div{
	background-color: /*#3a9b7c*/#30679f;
	padding:15px 10px;
}

.title-div .title-name{
	font-size: 24px;
    font-weight: bold;
	line-height: 24px;
    letter-spacing: 3px;
	color:#fff;
	padding-left: 20px;
}

.menu-bar {
    padding:10px 10px;
    background-color: #cbd4d1;
	display: flex;
}

.menu-bar .menu-btn{
	color: #5f746d;
    display: block;
    padding: 5px 8px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    background-color: #fff;
    margin-right: 5px;
    border-radius: 3px;
    border: 1px solid #9eb2c1;
    text-decoration: none;
	min-width: 113px;
}

.menu-bar .menu-btn.active{
	background-color: /*#4ca287*/#5a88d5;
    color: #fff;
	border: 1px solid /*#4ca287*/#5a88d5;
}

.main-content{
	padding: 10px;
	background-color: #ebebeb;
	overflow: auto;
}

/*== 平台轉帳 start ==*/
.transfer-quota-area{
	padding: 10px;
	background-color: #fff;
	border: 1px solid #d4d4d4;
	width:780px;
}


/*panel-transfer*/
.transfer-quota-area .panel-transfer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	background-color: #efefef;
	padding: 5px 10px;
	height: 52px;
	font-size: 15px;
}

.transfer-quota-area .div-transfer-out{
	display:flex;
	align-items: center;
}

.transfer-quota-area .panel-transfer .account-type{
    height: 35px;
	line-height: 35px;
    width: 170px;
	margin-left:10px;
}

.transfer-quota-area .panel-transfer .account-type:after{
	width: 8px;
	height:8px;
}

.transfer-quota-area .panel-transfer .account-type ul.list{
	width:100%;
	max-height: 300px;
	overflow: auto;
}

.transfer-quota-area .panel-transfer .account-type ul.list .option:hover{
    background-color: #519fdf!important;
	color:#fff;
}


.transfer-quota-area .div-transfer-in{
	display:flex;
	align-items: center;
}

.transfer-quota-area .panel-transfer .dvi-amount {
	display: flex;
	align-items: center;
}

.transfer-quota-area .panel-transfer .dvi-amount .input-amount{
	border: 1px solid #d4d4d4;
	height: 35px;
    width: 150px;
    border-radius: 3px;
    color: #000!important;
    padding-left: 12px!important;
    font-size: 14px!important;
	margin-left: 10px;
}

.transfer-quota-area .panel-transfer .dvi-amount .input-amount::-webkit-search-cancel-button{
    -webkit-appearance: none;
}

.transfer-quota-area .panel-transfer .dvi-amount .btn-determine{
    height: 35px;
    line-height: 35px;
    width: 64px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    background-color: #398dc5;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
	margin-left: 10px;
}

/*color*/
.transfer-quota-area .panel-transfer .color-red{
	color: #ff0000;
}

.transfer-quota-area .panel-transfer .color-green{
	color: #039612;
}


/*panel-total-amount*/
.transfer-quota-area .panel-total-amount{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	padding: 15px 10px;
	font-size: 15px;
}

.transfer-quota-area .panel-total-amount .txt{
	margin-left: 40px;
	font-weight: bold;
    font-size: 17px;
}

.transfer-quota-area .panel-total-amount .btn-back-money{
    width: 185px;
    text-align: center;
    height: 35px;
	line-height: 35px;
    background-color: #ff9600;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.transfer-quota-area .panel-total-amount .btn-reload-quota{
    width: 100px;
    text-align: center;
    height: 35px;
	line-height: 35px;
    background-color: #14aade;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

/*color*/
.transfer-quota-area .panel-total-amount .color-blue{
	color: #398dc5;
}

.transfer-quota-area .panel-total-amount .color-green{
	color: #039612;
}


/*panel-v1*/
.transfer-quota-area .panel-v1{
	display: flex;
	flex-wrap: wrap;
}

.transfer-quota-area .panel-v1 .div-v1{
	width: 24%;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    font-size: 14px;
    border-radius: 3px;
    line-height: 15px;
    background-color: white;
	margin-right: 10px;
	margin-top: 10px;
	padding: 5px 10px;
}

.transfer-quota-area .panel-v1 .div-v1:nth-child(4n){
	margin-right: 0px;
}

.transfer-quota-area .panel-v1 .div-v1:nth-child(-n+4){
	margin-top: 0px;
}

.transfer-quota-area .panel-v1 .div-v1 .txt{
	padding: 2px 5px;
	color: #333;
}

/*color*/
.transfer-quota-area .panel-v1 .div-v1 .txt.color-green{
	color: #039612;
}

/*== 平台轉帳 end ==*/



/*== 轉帳紀錄 start ==*/
.quota-log-area{
	background-color: #fff;
	border: 1px solid #d4d4d4;
}

.quota-log-area .header{
	display: flex;
	align-items: center;
	background-color: #d4d4d4;
	padding:8px 10px;
}

.quota-log-area .header > div{
	margin-left:10px;
}

.quota-log-area .header > div:first-child{
	margin-left:0px;
}

.quota-log-area .header .to-gstore-select{
	width: 145px;
    line-height: 25px;
    height: 25px;
	padding-left:10px;
}

.quota-log-area .header .to-gstore-select:after{
	width: 8px;
	height:8px;
}

.quota-log-area .header .to-gstore-select ul.list{
	width:100%;
	max-height: 300px;
	overflow: auto;
}

.quota-log-area .header .to-gstore-select ul.list .option{
	padding-left:10px;
}

.quota-log-area .header .to-gstore-select ul.list .option:hover{
    background-color: #519fdf!important;
	color:#fff;
}

.quota-log-area .header .search-btn{
	height: 25px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    background-color: #58acae;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
	padding:0px 7px;
}

.quota-log-area .header .search-btn:hover{
	background-color: #7cc8c8;
}

.quota-log-area .content{
	padding:10px;
}

.quota-log-area .content .quota-log-tb{
	width:100%;
	border-collapse: separate;
	border: 1px solid #cdcdcd;
}

.quota-log-area .content .quota-log-tb th{
	background-color: #ddd;
    text-align: center;
	padding:10px;
	font-weight:normal;
	position: sticky;
    top: -10px;
	border-right: 1px solid #cdcdcd;
	white-space: nowrap;
}

.quota-log-area .content .quota-log-tb th:last-child{
	border-right:0;
}

.quota-log-area .content .quota-log-tb td{
    text-align: center;
	padding:10px;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	white-space: nowrap;
}

.quota-log-area .content .quota-log-tb tr:last-child td{
	border-bottom:0;
}

.quota-log-area .content .quota-log-tb td:last-child{
	border-right:0;
}

.quota-log-area .content .quota-log-tb .dark-red-txt {
    color: #ad0101;
}

.quota-log-area .content .quota-log-tb .green-txt {
    color: #008940;
}

.quota-log-area .content .quota-log-tb .blue-txt{
	color: blue;
}
/*== 轉帳紀錄 end ==*/