.my-size{
	margin-top: 30px;
	font-size: 30px;
}
.my-size::before{
	content: "default";
}

img.check {
	width: 24px;
	position: absolute;
	left: -10px; 
	z-index: 999 ;
}

img.sold-out-new {
		width: 80px;
    	position: absolute;
    	left: 260px; 
    	z-index: 999 ;
}
.sold-out img{
    width:100%;
}

.check-div {
	padding-left: 2px !important;
	padding-right: 2px !important;
	width: 10px;
}

@media only screen and (max-width: 1199px) {
	.my-size::before{
		content: "1199 ";
	}
}

@media only screen and (max-width: 1080px) {
	.my-size::before{
		content: "1080 橫";
	}
}

@media only screen and (max-width: 991px) {
	.my-size::before{
		content: "991 ";
	}
}
@media only screen and (max-width: 926px) {
	.my-size::before{
		content: "926 ";
	}
}

@media only screen and (max-width: 850px) {
	.my-size::before{
		content: "850";
	}
}
@media only screen and (max-width: 844px) {
	.my-size::before{
		content: "844 同 915 橫";
	}
	
	
}
@media only screen and (max-width: 840px) {
	.my-size::before{
		content: "840";
	}
}
@media only screen and (max-width: 830px) {
	.my-size::before{
		content: "830";
	}
}
@media only screen and (max-width: 820px) {
	.my-size::before{
		content: "820";
	}
}

@media only screen and (max-width: 812px) {
	.my-size::before{
		content: "812 and 810 ";
	}
}

@media only screen and (max-width: 810px) {
	.my-size::before{
		content: "810 同 812";
	}
	
}
@media only screen and (max-width: 801px) {
	.my-size::before{
		content: "801";
	}
}
@media only screen and (max-width: 800px) {
	.my-size::before{
		content: "800 同 812";
	}
}
@media only screen and (max-width: 799px) {
	.my-size::before{
		content: "799 .";
	}
}



@media only screen and (max-width: 760px) {
	.my-size::before{
		content: "760 橫的 ";
	}
}

@media only screen and (max-width: 700px) {
	.my-size::before{
		content: "700 同 760.";
	}
}
@media only screen and (max-width: 667px) {
	.my-size::before{
		content: "667 同 760.";
	}
}
@media only screen and (max-width: 428px) {
	.my-size::before{
		content: "428 ";
	}
}
@media only screen and (max-width: 414px) {
	.my-size::before{
		content: "414 ";
	}
}

@media only screen and (max-width: 412px) {
	.my-size::before{
		content: "412 ";
	}
}

@media only screen and (max-width: 394px) {
	.my-size::before{
		content: "394 ";
	}
}

@media only screen and (max-width: 384px) {
	.my-size::before{
		content: "384 ";
	}
}

@media only screen and (max-width: 375px) {
	.my-size::before{
		content: "375-260-not";
	}
	img.check {
    	width: 24px;
    	position: absolute;
    	left: 4px; 
    	z-index: 999 ;
    }
    img.sold-out-new {
    	width: 80px;
    	position: absolute;
    
    	left: 260px; 
    	z-index: 999 ;
    }
}
@media only screen and (max-width: 360px) {
	.my-size::before{
		content: "360-200 ";
	}
	img.check {
    	width: 24px;
    	position: absolute;
    	left: -10px; 
    	z-index: 999 ;
    }
    img.sold-out-new {
    	width: 80px;
    	position: absolute;
    	top:9px;
    	left: 200px; 
    	z-index: 999 ;
    }
}


.subtitle {
	background-color: bisque;
}

.bg-gray {
	background-color: white;
}

.my_amount {
	width: 24px;
	border: 0px;
	background-color: transparent;
}

.my-btn {
	width: 30px;
}

th.title {
	position: relative; 
	width: 50%; 
}

td.price {
	width: 10%;
}

td.amount {
	#width: 50px; 
}

td.note {
	width: 15%; 
}

.my-table {
	height: 75px;
	min-width: 75px;
	font-size: 3rem;
}

.table-h {
	height: 80px;
}

.fixed-bottom-left {
	position: fixed;
	left: 0;
	bottom: 0px;
	z-index: 99999999;
}

.fixed-bottom-right {
	position: fixed;
	right: 0;
	bottom: 0px;
	z-index: 99999999;
}
.fixed-top-right {
	position: fixed;
	right: 0;
	top: 0px;
	z-index: 99999999;
}
.note-btn{
	width:50px;	
}
.order_by{
		cursor: pointer; 
	}
	.order_by:hover{
		color:red;
	}
.order_img{
	width:18px;	
	margin-right: 6px;
	padding:3px; 
	border:solid 1px #ddd; 
}
.fs-10{
	font-weight: 400;
	font-size: 10px;
}
.fs-8{
	font-weight: 500;
	font-size: 8px;
}
.table-note{
	margin-left: 12px;
	font-weight: 700;
	font-size: 1.2rem;
}
.table-note::before{
	content: "* "; 
}
.active-jimmy{
    font-weight:600;
    border:solid 1px #ccc;
    border-radius:4px;
}