ml, body{
	background: #EBE6D9;
	font-family: 'Raleway', sans-serif, Microsoft JhengHei, serif;
}
.container {
  margin-right: auto;
  margin-left: auto;
  position:relative;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.header-zone{
	background-color:#DADADA;
	width:100%;
	min-height:300px;
	max-height:45%;
}
.header-zone-header-menu-container{
	background: url('../images/Nevigation_shadow_top.png') no-repeat;
	background-color:#DADADA;	
	width:100%;
	/*max-width:120%;*/
	min-height:144px;
	max-height:100%;	
}

.catheader-zone-header-menu-container{
	background: url('../images/category_shadow_top.png') no-repeat;
	background-color:#FFFFFF;	
	width:100%;
	/*max-width:120%;*/
	min-height:169px;
	max-height:100%;	
}

.catheader-zone{
	background-color:#DADADA;
	width:100%;
}

.header-zone-header-menu-container-left, .header-zone-header-menu-container-right{
	float:left;
}

.header-zone-header-menu-container-left{
	float:left;
	max-width:28%;
	max-height:100%;
	padding-left:11%;
	padding-top:2%;
	font-size:27px;
	font-weight: bold;
	font-family:Microsoft JhengHei, serif;
}

.header-zone-header-menu-container-right{
	float:right;
	width:72%;
	max-height:100%;
	padding-left: 50px;
}
.header-zone-header-menu-container-right-top, .header-zone-header-menu-container-right-bottom{
	width:100%;
}
.header-zone-header-menu-container-right-top{
	min-height:30px;
	max-height:50%;
	float:left;
	font-size: 
}

.header-zone-header-menu-container-right-top td {
	color: #CCCCCC;
	font-size: 12px;
}

.header-zone-header-menu-container-right-top td  a {
	color: #CCCCCC;
	font-size: 12px;
	text-decoration: none;
}
.header-zone-header-menu-container-right-bottom{
	min-height:30px;
	max-height:50%;
	float:left;
}

.header-zone-header-menu-container-right-bottom td{
	font-size: 12px;
	font-family: Microsoft JhengHei, serif;
	font-weight: bold;
}

.header-carousel-container{
	width: 990px;
	height: 450px;
	max-height: 25%;	
	/*padding-left: 10%;
	padding-right: 10%;*/
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
}
.header-zone-bottom-container{
	background: url('../images/Nevigation_shadow_bottom.png') no-repeat top left;
	background-color: #DADADA;
	z-index:10;
	margin-top: -50px;
	width:100%;
	max-width:1140px;
	min-height:144px;
	max-height:100%;
	position: absolute;
	padding-top:5%;
}
.header-zone-bottom-container-title{
	float:left;
	width:100%;
	max-height:100%;
	padding-left:11%;
	padding-top:2%;
	font-size:xx-large;
	font-family:Microsoft JhengHei, serif;
	color:#A3925A;	
}

h2{
	float:left;
	max-width:28%;
	max-height:100%;
	padding-left:11%;
	padding-top:2%;
	font-size:xx-large;
	font-family:Microsoft JhengHei, serif;
	color:#A3925A;	
}

.middle-zone{
	width:100%;
	max-width:1140px;
	/*min-height:300px;*/
	max-height:33%;
	/*margin-top: 114px;*/
	padding-top: 114px;
	background-color: #FFFFFF;
}

.catmiddle-zone{
	width:100%;
	max-width:1140px;
	background-color: #FFFFFF;
}

.middle-zone-catalogy-container{
	margin-left: 120px;
	margin-right: 120px;
}

.cat-middle-zone-container{
	margin-left: 70px;
	margin-right: 70px;
}


.suggest-zone{
	width:100%;
	max-width:1140px;
	height: 450px;
	/*margin-top: 30px;*/
	padding-top: 30px;
	background-color: #FFFFFF;
}

.brand{
	background-color: #c1b88f;
	width:100%;
	max-width:1140px;
	height:50px;
	vertical-align: center;
}

.comparebox-header {
	width: 100%; 
	font-size: 20px; 
	font-family: Microsoft JhengHei,serif; 
	color: #FFFFFF; 
	background-color: #999999; 
	margin-top: 25px; 
	padding: 5px; 
	font-weight: bold;
}

.comparebox-title {
	padding: 5px 5px 5px 20px;
	font-size: 18px; 
	font-family: Microsoft JhengHei,serif; 
	color: #999999; 
	border-bottom: dashed 1px #999999; 
	border-left: solid 1px #999999; 
	border-right: solid 1px #999999;
}
.comparebox-title a {
	color: #808080;
}

.comparebox-item {
	padding: 5px 5px 5px 20px;
	font-size: 14px;
	font-family: Microsoft JhengHei,serif;
	color: #999999;
}


.footer-zone{
	background-color: #D7D7D7;
	width:100%;
	max-width:1140px;
	height:20px;
	vertical-align: center;
	margin-top: 2px;
	font-size: 14px;
	font-family:  Microsoft JhengHei, sans-serif;
}

.footer-zone  ul li {
	display:inline;
	padding-right: 90px;
	float: left;
}

.footer-zone ul li a {
	color: #333333;
	
	
}
.clear { clear: both; }

/*
html, body{
	background: #DADADA;
	font-family: 'Raleway', sans-serif, Microsoft JhengHei, serif;
}
.wrap{
	background: #DADADA;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.header{
	background-image: url('../images/Nevigation_shadow_top.png');
	width:100%;
	height:120px;	
}
.header-left, .header-right{
	float:left;
	height:120px;
}
.header-left{
	float:left;
	width:23%;
	height:50px;
	margin-left: 60px;
	padding: 30px 30px 30px 30px;
}
.header-left-title{
	font-size: xx-large;
}
.header-right{
	float: right:
	width:77%;
}
.header-right-top, .header-right-bottom{
	width: 100%;
}
.header-right-top{
	height: 30px;
	width: 100%;
	display: table;
	padding: 20px 0px 0px 0px;
	float:left;
	
}
.header-right-top-search{
	background: url('../images/Search_bar.png') no-repeat left top;
	height: 20px;
	width:100%;
	broder:0px solid;
	padding-left: 4px;
	color:#fff;
	
}
.header-right-bottom{
	height: 60px;
	float:left;
}
.carousel_zone{
	width:70%;
	height:100%;
	margin-left: 180px;
}
.center {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 30%;
	top: 30%; 
	margin-left: -150px;
	margin-top: -150px;
}
.header-middle{
	background: url('../images/Nevigation_shadow_bottom.png') no-repeat left top;
	width:100%;
	height:120px;
	margin-top:-50px;
	z-index:10;
	position: absolute;
}
.header-middle-title{
	float:left;
	font-size:x-large;
	margin-left: 60px;
	padding: 65px 30px 30px 30px;
	color:#A3925A;
}
.middle-zone{
	background-color:#FFFFFF;
	width:100%;
	
}
.catalogy-zone{
	width:80%;
}
*/