@import "/webeip/HT00100/becky/css/reset.css";
@charset "big5";

/*top手機版css*/
@media screen and (max-width:980px)
{
	/*Show_Title*/
	.bonuslist_topbox{
		width: 90%;
		flex-wrap: wrap;
	}
	.bonuslist_memberplace,
	.bonuslist_bonuspoint{
		display: block;
		width: 100%;
		padding: 0.5em 0;
	}
	.bonuslist_input_orderpage{
		width: 100%;
		margin: 0.5em auto;
	}

	/*Show_Body*/
	.bonuslist_bodybox{
		width: 100%;
	}
	.bonuslist_bodybox_titlebox{ display: none; }
	.bonuslist_bodybox_content{
		width: 90%;
		margin: 0.5em auto;
		flex-wrap: wrap;
		border-radius: 7px;
		background-color: #FFEDE1;
	}

.bonuslist_bodybox_contentbox_number,
.bonuslist_bodybox_contentbox_intro,
.bonuslist_bodybox_contentbox_bonus,
.bonuslist_bodybox_contentbox_creatdate,
.bonuslist_bodybox_contentbox_transferfettle,
.bonuslist_bodybox_contentbox_usedate{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding: 0.5em 1em;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.1em;
}
.bonuslist_bodybox_contentbox_number:before{ content: "序　號："; }
.bonuslist_bodybox_contentbox_intro:before{ content: "說　明："; }
.bonuslist_bodybox_contentbox_bonus:before{ content: "點　　數"; }
.bonuslist_bodybox_contentbox_creatdate:before{ content: "建立日期"; }
.bonuslist_bodybox_contentbox_transferfettle:before{ content: "交易狀態"; }
.bonuslist_bodybox_contentbox_usedate:before{ content: "使用日期"; }
.bonuslist_bodybox_contentbox_number:before,
.bonuslist_bodybox_contentbox_intro:before,
.bonuslist_bodybox_contentbox_bonus:before,
.bonuslist_bodybox_contentbox_creatdate:before,
.bonuslist_bodybox_contentbox_transferfettle:before,
.bonuslist_bodybox_contentbox_usedate:before{
	min-width: 5em;
	margin: 0.5em 0;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #FFCCA9;
	font-weight: bold;
}
	/*Cut_Page*/
	.bonuslist_cutpagebox{
		width: 100%;
		flex-wrap: wrap;
	}
	.bonuslist_cutpagebox_datacount{
		width: 50%;
		margin: 0;
		box-sizing: border-box;
		text-align: center;
	}
	.bonuslist_cutpagebox_optionsbox{
		width: 100%;
		padding: 0.5em;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-items: center;

	}
	.bonuslist_cutpagebox_nowpage,
	.bonuslist_cutpagebox_pagestart,
	.bonuslist_cutpagebox_pageback,
	.bonuslist_cutpagebox_pagenext,
	.bonuslist_cutpagebox_pageend,
	.bonuslist_select_cutpage{
		display: block;
		width: 50%;
		padding: 0.5em;
		box-sizing: border-box;
		margin: 0;
		text-align: center;
	}
	.bonuslist_cutpagebox_nowpage{
		padding: 0;
	}
	.bonuslist_select_cutpage{
		width: 80%;
		margin: 0 auto;
	}
	.bonuslist_cutpagebox_pagestart,
	.bonuslist_cutpagebox_pageback,
	.bonuslist_cutpagebox_pagenext,
	.bonuslist_cutpagebox_pageend{
		width: 45%;
		margin: 0.5em auto;
		background-color: #BE44AC;
		color: white;
		border-radius: 15px;
	}
	.bonuslist_cutpagebox_pagestart > a,
	.bonuslist_cutpagebox_pageback > a,
	.bonuslist_cutpagebox_pagenext > a,
	.bonuslist_cutpagebox_pageend > a{
		color: white;
	}
	.bonuslist_cutpagebox_pagestart,
	.bonuslist_cutpagebox_pageback,
	.bonuslist_cutpagebox_pagenext{
		border-right: none;
	}
}