﻿.formobile
{
	display: none;
}
.max-sm-size .formobile
{
	display:inline-block;
	width:100%;
}
.max-sm-size .fordesktop
{
	display:none;
}
.word .tablebox
{
	overflow: auto;
}

@media screen and (max-width: 768px)
{
	div#mybody
	{
		width: 100%;
	}
	div#myframe
	{
		width: 100%;
	}
	div#mytable
	{
		width: 100%;
	}
	div#myDatatable
	{
		width: 100%;
	}
	/*~會影響 bgstretcher
	img:not(.qrcode,.button,.notrwd)
	{
		max-width:100%;
		height:auto;
	}
	*/
	/*~會影響 針對html內容 */
	.word img:not(.qrcode,.button,.notrwd)
	{
		max-width:100%;
		height:auto;
	}
	.atwd
	{
		width: 100%;
	}
	.atwd img:not(.qrcode,.button,.notrwd)
	{
		max-width: 100%;
		height: auto;
    }
	.atwd p
	{
	    margin:0 20px;
	}
	#aPswindow
	{
	    width:100%;
	    height:100%;	
	}
	.jssor img
	{
		max-width:inherit;
		height:inherit;
	}
	#anchorbox
	{
	    left:auto;
	    right:0;
	}
}
@media screen and (max-width: 480px)
{
	div#myframe
	{
		width: 100%;
	}
	.word img:not(.qrcode,.button,.notrwd)
	{
		box-sizing: padding-box;
	}
	.itemBox
	{
	   width:auto;
	}
	.itemBox .image
	{
		 display:inline-table;
		 max-width:100%;
		 height: auto;
	}
	.itemBox .image img
	{
		 width: auto;
	}
	.itemBox img:not(.qrcode,.button,.notrwd)
	{
		max-width:100%;
	}
	#aPswindow
	{
	    width:100%;
	    height:100%;	
	}
	.imgpy img:not(.qrcode,.button,.notrwd)
	{
		max-width: 100%;
		height: auto;
	}
	.button
	{
		max-width: 100%;
		height: auto;
	}
	div.content
	{
		width: 100%;
	}
	img._image
	{
		max-width: 100%;
		width:100%;
		height: auto;
	}
}
.mm-mbmode
{
	margin: 0 ;
	display:none;
}
.mm-mbmode a
{
	text-decoration: none;
	color: #696969;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 10px 0;
}
.mm-mbmode table
{
    width:100%;	
    border-collapse: collapse;
}
.mm-mbmode td
{
	width: auto;
	text-align: center;
	border:none;
}
.mm-mbmode td:hover
{
	background-color: #f5f5f5;
}

/*~Cart STEP 1*/
@media screen and (max-width: 768px)
{
	.ckoutIT .th1
	{
		min-width:75px;
		width:100%;
	}
	.cartoutfunbox,.selpayModebox,#acqDbox
	{
	   display:inline-block;
	   width:96%;
	   padding:5px;
	   margin: 0 auto;
	   text-align:center;
	}
	.cartoutfunbox a
	{
		background-color: #660000;
		color: #ffffff;
		border:none;
	}
	.cartoutfunbox .freightbox
	{
	   display:inline-block;
	   width:100%;
	   padding:0;
	}
	.gotoback
	{
		text-align:center;
	}
	#sdagreeBox
	{
	     display:inline-block;
	     width:100%;
	     margin-top:15px;	
	}
}

/*~Cart STEP 2/3*/
@media screen and (max-width: 768px)
{
	.cartmbfrom
	{
	   display:inline-block;
	   width:100%;
	   margin: 0 auto;
	}
	.cartmbfrom div
	{
		padding: 5px 0;
	}
	.cartmbfrom div.cartmbim{
	    display:block;
	}
	.cartmbfrom #crpw2 a
	{
	   white-space:nowrap;
	   margin-left:5px;
	   margin-top:5px;
	}
	.cartmbfrom .mobnone
	{
	   display:none;
	}
	.cartmbfrom .adr font
	{
	    height:auto;
	    line-height: normal;
	}
	.cartmbfrom .adr ul
	{
	    width:100%;	
	    height:auto;
	    margin-bottom:10px;
	}
	.cartmbfrom .chooseadd
	{
	    float:right;
	    margin-top:0;
	    margin-right:8px;
	}
	.cartmbfrom #od0112n,.cartmbfrom #od0130n
	{
	    float:left;
	    width:84%;
	}
	.cartmbfrom .fortxt
	{
		color: #ffcc33;
	    margin-bottom:10px;
	}
	.cartmbfrom input[type="text"],#pw,#Email,#od0113n,#od0114n,#od0115n,#od0120n,#od0121n,#od0131n,#od0146n,#od0111n,#od0133n,#od0116n,#od0139n,#od0142n,#pickupDate,#pickupStore,#od0120n_1,#od0120n_3,#od0120n_4,#od0120n_5
	{
	   width:100%;
	}
	.cartmbfrom textarea,.cartmbfrom select
	{
	   width:100%;	
	}
	.cartmbfrom .radiobox
	{
	   margin-bottom:10px;	
	}
	.cartmbfrom .fbk_box
	{
	   padding:5px 0 0 0;
	}
	.cartmbfrom .fbk_box .cttle
	{
		padding: 10px 0;
		margin: 0 0 5px 0;
		width: 100%;
		text-align: center;
		height: auto;
	}
	.cartmbfrom .fbk_box .lirgth
	{
		width: 100%;
	}
	.cartmbfrom .fbk_box .cttle font
	{
		text-align:center;
		margin-top:0;
	}
	.cartmbfrom .fbk_box font
	{
		width: 100%;
		text-align: left;
		margin-right: 10px;
		padding: 5px 0;
		text-indent: 5px;
	}
	.cartmbfrom font.deffot
	{
		float: left;
		width: auto;
	}
	.cartmbfrom .infobox .cartmbim
	{
		padding-left: 5px;
	    box-sizing: border-box;
	}
	.cartmbfrom span
	{
	    width:100%;	
		display:inline-block;
		margin-top:5px;
	}
	.cartmbfrom label
	{
		display:inline-block;
		margin-top:5px;
	}
	.cartmbfrom font.deffot
	{
		float: left;
		width: auto;
	}
	.cartmbfrom font.defbut
	{
		display: inline-block;
		width: 105px;
		height:60px;
		float:left;
	}
	.cartmbfrom .cartmbim input[type='button']
	{
	    margin-bottom:5px;	
	}
	.cartmbfrom .cnet
	{
		text-align:center;
	}
	.cartmbfrom #od0112n.Super_code
	{
		width: 200px;
	}
	.cartmbfrom .fbk_box .Supen font
	{
		width:80px;
	}
}


/*rwd-html-table*/
@media screen and (max-width: 480px)
{
	.rwd-html-table
	{
	}
	.rwd-html-table tr
	{
		border: Transparent 10px solid;
	}
	.rwd-html-table thead
	{
		display: none;
	}
	.rwd-html-table td:before
	{
		content: attr(data-th);
		font-weight: bold;
	}
	.rwd-html-table td
	{
		padding: 8px;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}
	.rwd-html-table td:first-child
	{
		border-top: #dcdcdc 1px dotted;
		padding-top: 15px;
	}
	.rwd-html-table td:last-child
	{
		padding-bottom:20px;
	}
	.rwd-html-table tr:first-child td:first-child
	{
		border-top: none;
	}
}