@media (min-width: 768px) and (max-width: 1200px) {

	.login-content .heading h2 {
		font-size:16px;
	}

}
@media (max-width: 1200px) {

	.table th, .table td {
		padding:8px;
	}

}
@media (min-width: 1200px) {
}
	
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
	.container {
		width:100%;
		max-width: 1600px;
		/*padding: 0 90px;*/
		}
}	

	
@media all and (min-width: 1px) {	
#cartBtnZZZ:hover{
background-color: #1c999e;
color: #ffffff;
transition: all .4s ease-in-out 0s;
}

#cartBtnZZZ{
background: none repeat scroll 0 0 #1c999e;
color: #ffffff;
line-height: 1px;
border-radius: 0px;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}

#cartBtnZZZ a {
	color: #ffffff;
	font-size: 27px;
	padding: 32px 28px;
	display: inline-block;
	    letter-spacing: 2px;
}
}

	
	
@media (min-width: 1px) {

	.Top_Gap{
		margin-top: 5px;
	}
	#page {
		overflow:hidden;
	}
	.header-modules {
background: none repeat scroll 0 0 #E05B00;
box-shadow: 0 4px 16px 0 rgba(22,35,58,.2);
border-radius: 0px 0px 0px 0px;
	}
	.camera_wrap {
		width:100%;
	}
	.fluid_container {
		margin-top:0px;
		overflow:hidden;

	}
	header {
background: #ffffff;
	}
	.banner>div a:hover {
		/*box-shadow:0 0 12px rgba(0,0,0,0.4)*/
	}
	.banner>div a:hover i {
		background-color:#3f3f3f;
	}
	.box .box-content .box-product ul li.last_line {
		margin-bottom:0px;
	}
	.box .box-content .box-product ul li {
		margin-bottom:20px;
	}
	.box .box-content .box-product ul li .name {
		margin-bottom:4px;		
		line-height: 150%;
	}
	.box .box-content .box-product ul li a.button span {
		display:none;
	}




#McartBtn:hover{
background-color: #ff6800;
color: #ffffff;
transition: all .4s ease-in-out 0s;
}


#cartBtn, #McartBtn{
background: none repeat scroll 0 0 #ff6800;
color: #ffffff;
line-height: 1px;
border-radius: 0px;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}


@media all and (min-width: 1600px)  {
#cartBtn a {font-size: 18px;}
}



#McartBtn a {
	color: #ffffff;
	font-size: 30px;
	padding: 40px 40px;
	display: inline-block;
	letter-spacing: 2px;
}



#ButtonOrange{
letter-spacing:2px;
float:right;
border-radius: 4px;
font-family: 'Microsoft JhengHei',Tahoma,Verdana,Segoe,sans-serif;
display: inline-block;
background-color:#ED6410;
border: 3px solid #ED6410;
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
line-height: 1px;
vertical-align: top;
margin: 0px 0 0px 20px;
box-shadow: 1px 1px 3px rgba(132, 132, 132, 0.2);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}

#ButtonOrange:hover{
float:right;
background-color:#ED6410;
border-radius: 4px;
transform: scale(.95);
transition: all .4s ease-in-out 0s;
}


#ButtonOrange a{
	color: #ffffff;
	font-size: 16px;
	padding: 18px 20px;
	display: inline-block;	
}

#ButtonOrange a i{
}
#ButtonOrange a span{
	font-size: 16px;
}






#ButtonOrange a:hover{}

#ButtonBlue{
letter-spacing:2px;
float:right;
border-radius: 4px;
font-family: 'Microsoft JhengHei',Tahoma,Verdana,Segoe,sans-serif;
display: inline-block;
/*background-color:#0B979D;*/
border: 3px solid #ED6410;
font-size: 15px;
text-transform: uppercase;
color: #ED6410;
line-height: 1px;
vertical-align: top;
margin: 0px 0 0px 20px;
box-shadow: 1px 1px 3px rgba(132, 132, 132, 0.2);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;	
}

#ButtonBlue:hover{
float: right;
/*background-color: #12C3CA;*/
border-radius: 4px;
transform: scale(.95);
transition: all .4s ease-in-out 0s;
}


#ButtonBlue a{
	/*color: #ffffff;*/
	font-size: 16px;
	padding: 18px 20px;
	display: inline-block;	
}

#ButtonBlue a:hover{}

#ButtonBlue a i{
}
#ButtonBlue a span{
	font-size: 16px;
}



#button-guest, #button-shipping-method, #button-payment-method, #button-confirm, #button-orderdone{
	float:right;
	border-radius: 4px;
	font-family: 'Microsoft JhengHei',Tahoma,Verdana,Segoe,sans-serif;
	display: inline-block;
	background-color:#f54f29;
	font-size: 15px;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1px;
	vertical-align: top;
	margin: 0px 0 0px 20px;
	box-shadow: 1px 1px 3px rgba(132, 132, 132, 0.2);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;	
}

#button-guest:hover, #button-shipping-method:hover, #button-payment-method:hover, #button-confirm:hover, #button-orderdone:hover{
	float:right;
	background-color:#1C999E;
	border-radius: 4px;
transform: scale(.97);
transition: all .4s ease-in-out 0s;
}


#button-guest a, #button-shipping-method a, #button-payment-method a, #button-confirm a, #button-orderdone a{
	color: #ffffff;
	font-size: 16px;
	padding: 18px 20px;
	display: inline-block;		
}

#button-guest a:hover, #button-shipping-method a:hover{}

#button-guest a i, #button-shipping-method a i{
}
#button-guest, #button-shipping-method a span{
	font-size: 16px;
}



	.box .box-content .box-product ul li a.button i {
		display:block;
	}

	.box .box-content .box-product ul li .f-left, .f-left {
		padding:15px 10px 5px 10px;
	}

	
	.product-grid ul li .padding .left {
		padding: 15px 10px 15px;
	}


	
	.product-grid .image, .box .box-content .box-product ul li .image2 {
		width:100%;
		background-color:#eaeaea;
	}



.imageLayout {
padding: 3px;
border: 1px solid #ddd;
background-color: #fff;
border-radius: 3px;
}

.imageLayout:hover {
}

}