@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 reset 的 CSS */
@import url(/webeip/HT00100/becky/css/reset.css);

/*top手機版css*/
@media screen and (max-width:980px)
{
	/*Show_Title*/
	.morder_topbox{
		width: 90%;
		flex-wrap: wrap;
	}
	.morder_memberplace{
		display: block;
		width: 100%;
		padding: 0.5em 0;
	}
	.morder_select_optsort{
		width: 100%;
	}
	.morder_topbox_inputbox{
		width: 100%;
		padding: 0.5em 0;
	}
	.morder_input_bonuspage,
	.morder_input_refresh{
		width: 100%;
		margin: 0.5em auto;
	}

	/*Show_Body*/
	.morder_bodybox{
		width: 100%;
	}
	.morder_bodybox_titlebox{ display: none; }
	.morder_bodybox_content{
		width: 90%;
		margin: 0.5em auto;
		flex-wrap: wrap;
		border-radius: 7px;
		background-color: #FFEDE1;
	}
	.morder_bodybox_contentbox_number,
	.morder_bodybox_contentbox_pdkind,
	.morder_bodybox_contentbox_pdname,
	.morder_bodybox_contentbox_other{
		margin: 0 auto;
	}
	
	.morder_bodybox_contentbox_totprice,
	.morder_bodybox_contentbox_transferway,
	.morder_bodybox_contentbox_transferfettle,
	.morder_bodybox_contentbox_transferdate,
	.morder_bodybox_contentbox_other{
		width: 100%;
		text-align: left;
	}

	.morder_bodybox_contentbox_number,
	.morder_bodybox_contentbox_pdkind{
		width: auto;
	}
	.morder_bodybox_contentbox_pdname{
		width: 90%;
		border-top: 1px dashed #FFE0CB;
		border-bottom: 1px dashed #FFE0CB;
		font-weight: bold;
		font-size: 1.1em;
		padding: 1em 0.5em;
		box-sizing: border-box;
	}
	.morder_bodybox_contentbox_number:before{ content: "序號：";font-weight: bold; }
	.morder_bodybox_contentbox_totprice:before{ content: "總計金額"; }
	.morder_bodybox_contentbox_transferway:before{ content: "交易方式"; }
	.morder_bodybox_contentbox_transferfettle:before{ content: "交易狀態"; }
	.morder_bodybox_contentbox_transferdate:before{ content: "交易日期"; }

	.morder_bodybox_contentbox_totprice:before,
	.morder_bodybox_contentbox_transferway:before,
	.morder_bodybox_contentbox_transferfettle:before,
	.morder_bodybox_contentbox_transferdate:before{
		min-width: 5em;
		margin: 0.5em;
		padding: 0.5em;
		box-sizing: border-box;
		background-color: #FFCCA9;
		font-weight: bold;
	}
	.morder_input_detailpage, .morder_input_cancel, .morder_input_cconline{
		padding: 0.5em 0;
		font-size: 1em;
		border: 0;
		border-radius: 15px;
		letter-spacing: 0.5em;
		padding-left: 0.5em;
		box-sizing: border-box;
	}

	/*Cut_Page*/
	.morder_cutpagebox{
		width: 100%;
		flex-wrap: wrap;
	}
	.morder_cutpagebox_datacount{
		width: 50%;
		margin: 0;
		box-sizing: border-box;
		text-align: center;
	}
	.morder_cutpagebox_optionsbox{
		width: 100%;
		padding: 0.5em;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-items: center;

	}
	.morder_cutpagebox_nowpage,
	.morder_cutpagebox_pagestart,
	.morder_cutpagebox_pageback,
	.morder_cutpagebox_pagenext,
	.morder_cutpagebox_pageend,
	.morder_select_cutpage{
		display: block;
		width: 50%;
		padding: 0.5em;
		box-sizing: border-box;
		margin: 0;
		text-align: center;
	}
	.morder_cutpagebox_nowpage{
		padding: 0;
	}
	.morder_select_cutpage{
		width: 80%;
		margin: 0 auto;
	}
	.morder_cutpagebox_pagestart,
	.morder_cutpagebox_pageback,
	.morder_cutpagebox_pagenext,
	.morder_cutpagebox_pageend{
		width: 45%;
		margin: 0.5em auto;
		background-color: #BE44AC;
		color: white;
		border-radius: 15px;
	}
	.morder_cutpagebox_pagestart > a,
	.morder_cutpagebox_pageback > a,
	.morder_cutpagebox_pagenext > a,
	.morder_cutpagebox_pageend > a{
		color: white;
	}
	.morder_cutpagebox_pagestart,
	.morder_cutpagebox_pageback,
	.morder_cutpagebox_pagenext{
		border-right: none;
	}
}