.screen_font {
	font-family: "Microsoft JhengHei",verdana,PMingLiU,MingLiU;
}
	.buycar_product_item {
		width:40px;
	}
	.buycar_product_name {
		width:640px;
	}
	.buycar_product_type {
		width:85px;
	}
	.buycar_product_amount {
		width:75px;
	}
	.buycar_product_price {
		width:60px;
	}
	.buycar_product_qty {
		width:45px;
	}
	.buycar_product_qty input {
		width:30px;
	}
	.buycar_product_edit {
		width:40px;
	}
	.buycar_preferential {
		width:600px;
	}
	
@media screen and (min-width: 1281px) {
	.pushy-open {
    	width: 60%;
	}
	}

@media screen and (max-width: 1280px) {
	.buycar_product_item {
		width:40px;
	}
	.buycar_product_name {
		width:560px;
	}
	.buycar_product_type {
		width:85px;
	}
	.buycar_product_amount {
		width:75px;
	}
	.buycar_product_price {
		width:60px;
	}
	.buycar_product_qty {
		width:45px;
	}
	.buycar_product_edit {
		width:40px;
	}
	.buycar_preferential {
		width:600px;
	}
	.pushy-open {
    	width: 60%;
	}
	
 }
 
@media screen and (max-width: 1025px) {
	.buycar_product_item {
		width:40px;
	}
	.buycar_product_name {
		width:510px;
	}
	.buycar_product_type {
		width:85px;
	}
	.buycar_product_amount {
		width:75px;
	}
	.buycar_product_price {
		width:60px;
	}
	.buycar_product_qty {
		width:45px;
	}

	.buycar_product_edit {
		width:40px;
	}
	.buycar_preferential {
		width:600px;
	}
	.pushy-open {
    	width: 60%;
	}
 }




@media screen and (min-width: 768px) and (max-width: 981px) {
	.buycar_product_item {
		width:30px;
	}
	.buycar_product_name {
		width:352px;
	}
	.buycar_product_type {
		width:85px;
	}
	.buycar_product_amount {
		width:75px;
	}
	.buycar_product_price {
		width:60px;
	}
	.buycar_product_qty {
		width:40px;
	}
	
	.buycar_product_edit {
		width:30px;
	}
	.buycar_preferential {
		width:500px;
	}
	#promotion_big_img {
		display:none !important;
	}
	#search_alert {
		font-size:12px!important;
	}
 }
 
@media screen and (min-width: 480px) and (max-width: 720px) {
	.buycar_product_item {
		width:30px;
	}
	.buycar_product_name {
		width:370px;
	}
	.buycar_product_type {
    	width: 70px;
	}
	.buycar_product_amount {
		width:60px;
	}
	.buycar_product_price {
		width:50px;
	}
	.buycar_product_qty {
		width:40px;
	}
	.buycar_product_edit {
		width:35px;
	}
	.buycar_preferential {
		width:500px;
	}
	#search_alert {
		font-size:12px!important;
	}
 }
 
@media screen and (max-width: 480px) {
	.buycar_product_item {
		width:30px;
	}
	.buycar_product_name {
		width:350px;
	}
	.buycar_product_type {
    	width: 70px;
	}
	.buycar_product_amount {
		width:60px;
	}
	.buycar_product_price {
		width:50px;
	}
	.buycar_product_qty {
		width:40px;
	}
	.buycar_product_edit {
		width:30px;
	}
	.buycar_preferential {
		width:320px;
	}
 }

@media screen and (max-width: 979px) { 
	.buycar_product_name {
		width:568px;
	}
 }
@media screen and (min-width: 768px) and (max-width: 981px) {
	.buycar_product_name {
		width:560px!important;
	}
 }

@media screen and (max-width: 780px) { 

	.others_product_list {
		font-size: 14px !important;
	}
	.price {
		font-size: 20px !important;
	}
	
	#creditcard_display {
		font-size: 12px !important;
	}
 }

 
@media screen and (max-width: 640px) { 
	.others_product_list {
		font-size: 12px !important;
	}
	.price {
		font-size: 18px !important;
	}
	
	#creditcard_display {
		font-size: 12px !important;
	}
 }

@media screen and (max-width: 480px) { 
	#Channel_list .channel_btn {
    	font-size: 14pt !important;
    	margin: 3px !important;
    	padding: 3px !important;
    	width: 80px !important;
	}
 }


@media screen and (max-width: 375px) { 
	.btn {
		font-size: 13px !important;
		padding: 2px !important;
		float: left;
	}
	.btn-group {
		float: left;
	}
	
	#Channel_list .channel_btn {
    	font-size: 14pt !important;
    	margin: 3px !important;
    	padding: 3px !important;
    	width: 80px !important;
	}
	
	.holder {
		height: auto !important;
	}
 }

@media screen and (max-width: 360px) { 
	.btn {
		font-size: 13px !important;
		padding: 2px !important;
		float: left;
	}
	
	#Channel_list .channel_btn {
    	font-size: 14pt !important;
    	margin: 3px !important;
    	padding: 3px !important;
    	width: 80px !important;
	}
	
	.lobibox-notify {
		width: 350px !important;
	}
 }

@media screen and (max-width: 320px) { 
	.btn {
		font-size: 11px !important;
		padding: 2px !important;
		float: left;
	}
	
	#Channel_list .channel_btn {
    	font-size: 14pt !important;
    	margin: 3px !important;
    	padding: 3px !important;
    	width: 80px !important;
	}
 }
 
 /*iphone 4*/
 @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { 

 }
 
 /*iphone 5*/
 @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){

 }
 
 /*iphone 6*/
 @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
 
 }
 
  /*iphone 6  Plus */
 @media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
 
 }
 
 /*ipad 3 landscape */
 @media (max-device-width: 1024px) and (orientation: landscape) { 

 } 


 /*ipad 3 Portrait */
 @media (max-device-width: 768px) and (orientation: portrait) { 

 } 
 
 /*ipad 4 */
 @media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {

 }
 
  /*ipad mini */
 @media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {

 }
 
 @media screen and (min-width: 1500px) and (max-width: 1681px) {
	.lable_isotope {
		margin: 8px;
		min-width: 280px;
		max-width: 305px;
    	float: left;
    	width: auto;
	}
 }
 
 @media screen and (min-width: 1300px) and (max-width: 1367px) {
	.lable_isotope {
		margin: 8px;
		min-width: 280px;
		max-width: 310px;
    	float: left;
    	width: auto;
	}
 }