h1, h2, h3  {color:#fff; font-weight:400; }
div.main  {width: 80%; max-width: 1050px; min-width:850px; margin:0 auto;}
.year_awards {text-align:left; margin-left:20px; font-size:14px;}
.product_awards {width:100%; margin:5px auto; }
.product_awards ul  {list-style:none;  margin:0 0 5px 0; padding:0 0 20px 0; border-bottom:1px solid #262626; }
.product_awards ul li  {display:inline-block; width:30%; height:10px; margin:5px 30px 5px 0; padding:2px 5px 2px 0; font-size:12px; line-height:1.5; text-transform:uppearcase;}
.product_awards ul li a {color:#ddd;}
.product_awards ul li a:hover {color:#f4a600;}
.award_products h1 {background:#2e2c2d; border-top:1px solid #333; color:#fff; padding:0px;}
.award_products h1 a  {color:#CCCCCC;}
.award_products h1 a:hover  {color:#333;}
.prodImg h2 {font-size:14px; margin-top:2px; font-weight:400;}
.award_products h2 { font-size:16px; margin:5px; color:#ffb330;}
.top {height:13px; padding-left:20px; margin-right:20px; background-color:black; width:280px;}
.main_prodImg {width:100%; background:#1d1b1c; margin:0; float:left; min-height:200px;}
.prodImg {width:15%; padding-left:10px; float:left; text-align:center; margin:10px; padding-top:16px; }
.main_prodqut {width:80%; height:200px; float:right; margin:10px; font-size:15; left:0; }
.prodqut {padding-top:10px; max-height:auto; height:150px; overflow:hidden;}
.full_art {width:100%; font-size:14px; text-align:left; font-weight:400; margin-top:20px;}
.viewed {width:100px;}
img {vertical-align:middle; }
.awards_header { height: 75px; width: 100%; position: relative; color: rgb(255,255,255);}
.awards_header .Award_year h1 { font-size:24px; font-weight:500; color:#fff; display: inline-block; width: 380px; position: absolute; top: 35px; }	
.datalist-bd {font-size: 14px;}
.datalist-ft {font-size: 14px;}	

.categories { color: #f3c37e; padding-top: 12px; padding-bottom: 0px; line-height: 36px; margin: 0; font-size: 18px; font-weight: 400; text-transform: uppercase;}
.awards_header .Award_year ul { display: inline-block; position: absolute; right: 120px; top: 35px; }
.Award_year ul li { float: left;  text-align: center; list-style-type: none; font-size:14px;}

.Award_year li a {display: block; width: 70px; font-size:12px; text-align:center; border-right: 1px solid rgb(99,98,99);}
.Award_year li a:hover {color: rgb(244, 166, 0); }
.Award_choose {padding-left:55%; padding-top:-10px;}
label {padding-left:20px; display: inline-block; position: absolute; right: 0px; top: 40px;}

.current-year a {color: #FFB330;}

@media (max-width: 1186px)
{
.categories,.product_awards { display:none; }
.main_prodqut {margin:10px; font-size:14px; left:0; width:76%;}
}

@media (max-width: 900px)
{
.MainContent { width:100%; }
div.main  { position:relative; width:96%; max-width: 96%; min-width:96%; margin:0 auto; padding:5px 0px 5px 0px; }
.prodImg { width:100%; float:left; text-align:center; margin:10px; padding-top:5px; }
.main_prodqut { width:96%; height:auto; float:left; }
.prodqut { height:auto; max-height:auto; }
}

@media (max-width: 560px)
{
.year_awards {display:none;}
label {top: 52px; display:block; position:absolute; right:10px;}
.awards_header {margin-bottom:10px; }
.awards_header .Award_year ul {top:56px; left:0; margin-left:0; position: absolute;}
.Award_year li a { text-align:left; width:60px; padding-left:10px; }
.awards_header .Award_year h1 { top:20px;}
}