@charset "utf-8";
/* CSS Document */
/* -首頁----------------------------------------------------------------------------------------------------------*/
#subtitle{ margin:0px auto; width:1150px; height:auto; overflow: hidden; padding:23px 0px 0px 0px;}
#subtitle #sleft{ float:left;}
#subtitle #sright{ float:right; margin:7px 0px 0px 0px;}
#subtitle #sright h1{ float:left;}
#subtitle #sright h1 a{ font-size: 13px; color: #fff; text-decoration:none; opacity:0.7; filter:alpha(opacity=70); padding:0px 8px 0px 0px; font-family:"微軟正黑體";}
#subtitle #sright h1 a:hover{ font-size: 13px; color: #fff; text-decoration:none; opacity:1; filter:alpha(opacity=100); padding:0px 8px 0px 0px; }
#subtitle #sright h2{ background:url(../images/top_line.png) no-repeat 0px 2px; float:left;}
#subtitle #sright h2 a{ font-size: 13px; color: #fff; text-decoration:none; opacity:0.7; filter:alpha(opacity=70); padding:0px 8px 0px 10px; }
#subtitle #sright h2 a:hover{ font-size: 13px; color: #fff; text-decoration:none; opacity:1; filter:alpha(opacity=100); padding:0px 8px 0px 10px; }


/* -search-*/
#search{ margin:0px 0px 0px 0px; width:auto; height:auto; overflow: hidden; float:left;}
#search .box{ float:left; background:url(../images/search_bg.png) no-repeat left; width: 272px;    }
#search .box .sbox{
  display: block;
  margin: 0;
  width: 190px;    
  font-size: 13px;
  color: #666;
  line-height: 28px;
  height:28px;
  padding:0px 10px 0px 10px;
  border: none;
  float:left;  
  outline: none; 
  background: none;
}
#search .box .sbtn {
  background:url(../images/search.png) no-repeat;
  width:54px;
  height:30px;
  display:block;
  float:right;
  margin:0px 0px 0px 0px; 
  font: inherit;
  cursor: pointer;
  border: none;
  background-color:transparent;
  outline: none; 
}

/* -home-*/
.home{ margin:7px 0px 0px 24px; width:auto; height:auto; overflow: hidden; float:left;  }
.home h1 { background:url(../images/icon01.png) no-repeat; float:left; }
.home h1 a{ font-size: 13px; color: #fff; text-decoration:none; opacity:0.7; filter:alpha(opacity=70); padding:0px 0px 0px 20px; }
.home h1 a:hover{ font-size: 13px; color: #fff; text-decoration:none; opacity:1; filter:alpha(opacity=100); padding:0px 0px 0px 20px; }
.home h2 { background:url(../images/icon02.png) no-repeat; float:left; margin:0px 0px 0px 22px;}
.home h2 a{ font-size: 13px; color: #fff; text-decoration:none; opacity:0.7; filter:alpha(opacity=70); padding:0px 0px 0px 20px; }
.home h2 a:hover{ font-size: 13px; color: #fff; text-decoration:none; opacity:1; filter:alpha(opacity=100); padding:0px 0px 0px 20px; }
.home h3 { background:url(../images/icon03.png) no-repeat; float:left; margin:0px 0px 0px 22px;}
.home h3 a{ font-size: 13px; color: #fff; text-decoration:none; opacity:0.7; filter:alpha(opacity=70); padding:0px 0px 0px 20px; }
.home h3 a:hover{ font-size: 13px; color: #fff; text-decoration:none; opacity:1; filter:alpha(opacity=100); padding:0px 0px 0px 20px; }

/* -menu-*/
#menu{ margin:0px auto; width:1150px; height:auto; padding:19px 0px 0px 0px;}
#menu .logo{ width:auto; height:91px; float:left;}

#minbg{ margin:0px auto; width:1190px; height:auto; overflow: hidden; padding:0px 0px 0px 0px; background:url(../images/mainbg.png) repeat-y top;}
#content{ margin:0px auto; width:1150px; height:auto; overflow: hidden; padding:0px 20px 0px 20px; }
#bottom{ margin:0px auto; width:1190px; height:21px; padding:0px 0px 0px 0px; background:url(../images/bottom.png) no-repeat;}

/* -index-*/
#ind{ margin:0px; width:1150px; height:auto; overflow: hidden; min-height:680px; position:relative;}
#ind_right{ margin:20px 30px 0px 0px; width:349px; height:auto; overflow: hidden; float:right;  position: absolute; z-index:300; right:0;}
#ind_right .blackbg{ margin:20px 0px 30px 0px; width:349px; height:552px; background: url(../images/ind_bg.png) repeat;}

.newpd{ margin:20px 0px 0px 18px; width:308px; height:auto; overflow: hidden; padding:20px 0px 0px 0px;  }
.abo{ margin:10px 0px 0px 18px; width:302px; height:auto; overflow: hidden;  }
.abo .txt{ margin:-5px 0px 0px 27px; width:275px; height:auto; overflow: hidden; font-size: 12px; color: #fff; line-height:20px;  opacity:0.8; filter:alpha(opacity=80); font-weight:normal;}
.indnews{ margin:25px 0px 29px 18px; width:302px; height:auto; overflow: hidden;  }
.indnews .nlist{ margin:0px 0px 0px 8px; width:294px; height:auto; overflow: hidden;  border-top:1px solid rgba(255, 255, 255, 0.3);}
.indnews .nlist dd{ margin:0px 0px 0px 0px; width:100%; background: url(../images/arrow.png) no-repeat 4px 10px; border-bottom:1px solid rgba(255, 255, 255, 0.3); padding:5px 0px 5px 19px; }
.indnews .nlist dd a{ font-size: 12px; color: #fff; line-height:20px;  opacity:0.8; filter:alpha(opacity=80); font-weight:normal; text-decoration:none; }
.indnews .nlist dd a:hover{ font-size: 12px; color: #fff; line-height:20px;  opacity:1; filter:alpha(opacity=100); font-weight:normal; text-decoration:none; }

/* -foot-*/
#foot ul{ margin:0px auto; width:930px; height:auto; overflow: hidden; list-style:none;}
#foot ul h1{ width:930px; font-size: 12px; color: #fff; text-decoration:none; line-height:20px; padding:10px 0px 0px 0px; }
#foot ul h1 a{ color: #fff; text-decoration: underline; }
#foot ul h1 a:hover{ color: #fff; text-decoration:none; }
#foot ul li {width:930px; height:auto; overflow: hidden; list-style:none; margin:15px 0px 10px 0px;}
#foot ul li dd{width:auto; float:left; font-size: 12px; color: #333; text-decoration:none; line-height:20px;}
#foot ul li dt{width:auto; float:right; font-size: 12px; color: #333; text-decoration:none; line-height:20px;}
#foot ul li dt a{color: #333; text-decoration: underline;}
#foot ul li dt a:hover{ color: #333; text-decoration:none; }

/* -內頁----------------------------------------------------------------------------------------------------------*/
#top_pic{ margin:0px auto; width:1150px; height:auto; overflow: hidden; list-style:none;}
#contentbox{ margin:0px auto; width:1150px; height:auto; overflow: hidden; list-style:none; padding:0px 0px 25px 0px;}
#contentbox2{ margin:0px auto; width:1100px; height:auto; overflow: hidden; list-style:none; padding:25px 25px 25px 25px;}
#left{ float:left; width:230px; padding:25px 0px 0px 25px; }
#right{ float:right; width:845px; padding:25px 25px 0px 25px; }
#company{ margin:0px 0px 20px 0px; padding:0px 0 0 0px; width:845px; height:auto; }


/*左側產品選單*/
.catalog {  width:230px; list-style: none;}
.catalog li { font-size:15px; list-style:none; line-height:18px;}
.catalog li .text{ height:18px; padding: 8px 5px 8px 10px ; line-height:18px; background: url(../images/leftbg01.gif) repeat-x bottom #e8e5e5; color:#817c7c; color:#817c7c; font-size:15px; list-style:none; line-height:18px; margin-bottom:1px;}
.catalog li .text a{ color:#817c7c; text-decoration:none;}
.catalog li .text a:hover{ color:#333; text-decoration:none;}
.catalog ul {}
.catalog ul ul {  background:none;}
.catalog ul  a:link, .catalog ul  a:visited {}

.catalog ul li{
border-bottom:1px solid #e8e7e7; padding:10px 5px 10px 24px;  box-sizing: border-box ;
background: url(../images/leftpp.gif) no-repeat left top,url(../images/leftbg02.jpg) no-repeat center bottom;
background: url(../images/leftpp.gif) no-repeat left top \0}
.catalog ul li a  {  color:#015ca3; font-weight:bold; display:block; }
.catalog ul li a:hover  {  color:#e2001a;  }

/*第三層*/
.catalog ul li ul { margin-top:10px;}
.catalog ul li ul li{ background:none; border-bottom:none; padding:5px;}
.catalog ul li ul li a{ color:#5f6162;  display: block; font-weight:normal;  font-size:13px;}
.catalog ul li ul li a:hover{ color:#e2001a;}
.catalog ul ul a:link:before, .catalog ul ul a:visited:before {  content: "．"; color:#5f6162;}

/* -麵包屑-*/
#bread{ width:100%; border-bottom:1px solid #e8e7e7; padding-bottom:5px; overflow:hidden; margin-bottom:15px}
#bread h1{font-family: 'Archivo Black',Arial, Verdana, sans-serif; font-size:25px; color:#333; float:left; text-align:left; line-height:1.0}
#bread h2{ font-size: 12px; color:#aaa9a9; float:right; text-align:right; margin-top:10px;}
#bread h2 a{ color:#6f6d6d; }
#bread h2 a:hover{ color:#e2001a; }

/* -產品介紹--------------------------------------------------------------------------------------------------------*/
#pdlist{ 
	width:845px;
	margin:0px 0px 0px 0px;
	height:auto; overflow: hidden;
}
#pdlist ul{ 
	padding: 0px 0px 25px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	float: left;
}
#pdlist li {
	padding: 0px 15px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	display: block;
	float: left;
	width:200px;
}
#pdlist li:nth-child(4n+0) {
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	width:200px;
}

#pdlist li h1{ width:200px; margin-bottom:10px; }
  
#pdlist li h1 img {width:200px; height:120px;
height:auto; -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -ms-transition: all 300ms;
  transition: all 300ms;} 
#pdlist li h1 img:hover{ opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);}
#pdlist li h2{ border-top:1px solid #e1e1e1;  border-bottom:1px solid #e1e1e1; font-size:13px; text-align:center; line-height:1.2; margin-bottom:5px;}
#pdlist li h2 a{ display: block ;color:#252424; padding:5px 0;}
#pdlist li h2 a:hover{ background:#f3f0f0;}

/* -內頁-*/
#pdview{
	width:845px;
	height:auto; overflow: hidden;/*版面底圖延伸*/	
	margin:-5px 0px 15px 0px;
	}
#pdview .title {
	width:845px;
	height:auto; overflow: hidden;/*版面底圖延伸*/	
	margin-bottom:15px;
	background:#002948;
	font-size:18px;
	padding:0px 0px 0px 20px;
	color:#fff;
	height:40ox;
	line-height:40px;
	}
#pdview .pdbox{
	width:845px;
	height:auto; overflow: hidden;/*版面底圖延伸*/	
	margin:0px 0px 15px 0px;
	}
	/*
#pdview .pdbox ul{
	width:345px;
	height:auto; overflow: hidden;版面底圖延伸	
	margin:0px 0px 0px 0px;
	float:left;
	list-style:none;
	}
#pdview .pdbox ul img{
	width:320px;
	}*/
#pdview .pdbox .pdtxt{
	width:345px;
	height:auto; overflow: hidden;/*版面底圖延伸*/	
	margin:0px 0px 0px 0px;
	float:right;
	list-style:none;
	font-size: 13px;  color:#333; line-height:25px;
	}
#pdview .pdbox .pdtxt .inqury{
	width:345px;
	margin:0px 0px 0px 0px;
	float: right;
	text-align:right;
	}				
#pdview .pdbox .pdtxt .inqury a{ margin:20px 0px 0px 238px; padding:0px 0 0 0px; width:107px; height:45px; display:block; background:url(../images/icon-inquiry.gif)}
#pdview .pdbox .pdtxt .inqury a:hover{ margin:23px 0px 0px 238px; padding:0px 0 0 0px; width:107px; height:45px; display:block; background:url(../images/icon-inquiry.gif)}

/*產品內頁大圖輪播*/
.ban{ width:480px; height:600px; position:relative; overflow:hidden;margin:0 auto 0 auto; float:left;}
.ban2{ width:480px; height:490px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:480px; height:480px;}
.ban2 ul li img{ width:480px; height:480px;}
.prev{ float:left; cursor:pointer;}
.num{ height:102px;overflow:hidden; width:408px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:480px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:95px; height:95px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.num ul li img{ width:95px; height:95px; }
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:200px; left:15px; width:28px; height:62px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:200px; right:15px; width:28px; height:62px;z-index:9;cursor:pointer;}

/* -E-SHOP--------------------------------------------------------------------------------------------------------*/

#con_form{ margin:15px 20px;}
#con_form h1{ padding:20px 50px; border-top:1px dashed #e1e1e1;  border-bottom:1px dashed #e1e1e1;}
#con_form ul{ background:#f7f7f7; border-bottom:1px dashed #e1e1e1; list-style:none;}
#con_form li{ padding:10px 80px; overflow:hidden; list-style:none;}
#con_form li h2{ width:80px; padding-right:10px; float:left; text-align:right;}
#con_form li h3{ width:800px; float:left}

#con_form .box{ background:url(../images/boxbg.gif) repeat-x bottom #fff; padding:5px; border:1px solid #dcdada }

.input{ padding:5px; border:1px solid  #e1e1e1}

.inqu td{ border-bottom:1px solid  #e1e1e1; padding:8px;}
.inqu a{ color:#403f3f;}
.inqu a:hover{ color:#fe0008;}

/* -問與答--------------------------------------------------------------------------------------------------------*/
#qaContent_icon a{
	width:845px;
	height:35px;
	margin: 20px 0px 0px 0px;
	background:url(../images/qna_icon.gif) no-repeat center;
	display:block;
}
#qaContent_icon a:hover{
	width:845px;
	height:35px;
	margin: 20px 0px 0px 0px;
	background:url(../images/qna_icon2.gif) no-repeat center;
}
#qaContent {
	width:845px;
	margin: 20px 0px 0px 0px;
}
#qaContent ul.accordionPart {
	margin: 0px 0px 0px 0px;
}
#qaContent ul.accordionPart li {	
	padding: 10px 0px 10px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	list-style: none;
	border-bottom:dotted 1px #ddd;
}
#qaContent ul.accordionPart li .qa_title {
	background: url(../images/q.gif) no-repeat 10px 3px;
	padding: 4px 0px 4px 35px;	
	color: #0e3958;	
	cursor: pointer;
	font-size: 14px;
	list-style: none;
	font-weight:normal;
	width:810px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#qaContent ul.accordionPart li .qa_title_on {
	color: #e2001a;
	text-decoration:none;
	list-style: none;
}
#qaContent ul.accordionPart li .qa_content {
	margin-top: 10px;
	padding: 7px 10px 10px 0px;
	background: url(../images/a.gif) no-repeat 10px 12px #f5f5f5;
	padding-left: 35px;
	color: #333;
	font-size: 15px;
	line-height: 25px;
}

/* -檔案下載-------------------------------------------------------------------------------------------------------*/
#download{ margin:0px 0px 20px 0px; padding:0px 0 0 0px; width:845px; height:auto; overflow: hidden;}
#download ul{ margin:0px 0px 0px 0px; padding:10px 0 10px 0px; width:845px; height:auto; overflow: hidden; border-bottom:dotted 1px #ddd; list-style:none;}
#download ul .title{ margin:0px 0px 0px 0px; padding:0px 0 5px 0px; width:100%; height:auto; overflow: hidden; font-size:18px; color:#333; line-height: 1.5;}
#download ul dd{ margin:0px 0px 0px 0px; padding:0px 0 0 0px; width:700px; height:auto; overflow: hidden; list-style:none; float:left;}
#download ul dd h1{ margin:0px 0px 0px 0px; padding:0px 0 0 0px; width:100%; height:auto; overflow: hidden; font-size: 12px; color: #666; line-height:20px;}
#download ul dd h2{ margin:0px 0px 0px 0px; padding:0px 0 0 0px; width:100%; height:auto; overflow: hidden; font-size: 14px; color: #333; line-height:25px;}
#download ul dt{ margin:0px 0px 0px 0px; padding:0px 0 0 0px; width:145px; height:auto; overflow: hidden; list-style:none; float:right;}
#download ul dt .download a{ margin:20px 0px 0px 0px; padding:0px 0 0 0px; width:128px; height:45px; display:block; background:url(../images/icon-download.gif)}
#download ul dt .download a:hover{ margin:23px 0px 0px 0px; padding:0px 0 0 0px; width:128px; height:45px; display:block; background:url(../images/icon-download.gif)}

/* -最新消息--------------------------------------------------------------------------------------------------*/
#news{ width: 845px; height:auto; overflow: hidden; }
#news ul{ margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; list-style: none; width: 845px; height:auto; overflow: hidden; border-bottom:dotted 1px #ddd;}
#news ul:hover{ margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; list-style: none; width: 845px; height:auto; overflow: hidden; background:url(../images/line.gif) bottom repeat-x #f1f1f1;}
#news ul:hover dt .title a{color: #015ca3; text-decoration:none;  }
#news ul dd{ width: 140px; float:left;}
#news ul dd img{ width: 120px; height:120px;  margin:5px 5px 5px 10px;}
#news ul dt{ margin:0px 0px 0px 0px; padding:0; float:right; width: 705px;}
#news ul dt .date{ margin:10px 0px 5px 0px; padding:0; font-size: 12px; color: #707070;  }
#news ul dt .title{  margin:0px 0px 3px 0px; padding:0; font-size:18px; color:#333; line-height: 1.5; width: 705px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#news ul dt .title a{color: #015ca3; text-decoration:none;  }
#news ul dt .title a:hover{color: #015ca3; text-decoration:none;  }
#news ul dt .title02{  margin:0px 0px 0px 0px; padding:0; font-size: 13px; color: #666; line-height:20px;  }


/* -最新消息-內頁-*/
#news02 {
	width:845px;	
	float: left;	
	padding:0px 0px 15px 0px;	
	margin:0px 0px 0px 0px;		
	height:auto; overflow: hidden;
	background:url(../images/news_line.jpg) bottom no-repeat ;
}
#news02 #news02_title {	
	width:845px;	
	padding:0px 0px 15px 0px;
	margin:0px 0px 0px 0px;		
	height:auto; overflow: hidden;/*版面底圖延伸*/ 
	
	font-size: 20px;
	color: #015ca3;
	line-height: 24px;
	font-weight:bold;
}
#news02 .date {
	width:845px;	
	font-size:13px;
	color: #888;
	margin:0px 0px 5px 0px;
	}
	
/* -內頁-*/
div#proview{
	width:845px;
	height:auto; overflow: hidden;/*版面底圖延伸*/	
	margin:0px 0px 0px 0px;
	}
div#proview #text {
	width:845px;
	padding:0px 0px 0px 0px;
	height:auto; overflow: hidden;	
	}
	
div#proview #job{
	width:845px;
	margin:10px 0px 30px 0px;	
	}
div#proview #job h1{
	width:845px;
	background: url(../images/dot.gif) no-repeat 0px 8px;
	padding: 0px 0px 0px 20px;
	font-family:"微軟正黑體" ; 
	font-size:18px;
	color: #076bbb;
	font-weight:bold;
	line-height:27px;
	}
div#proview #job .txt{
	width:825px;
	font-size:13px; color:#333; line-height: 22px;
	padding:5px 0px 0px 20px;
	}
	
#link{ width:100%; clear:both; border-bottom:1px solid  #e8e7e7;border-top:1px solid  #e8e7e7; padding:10px 10px 0px 10px; color:#555454;font-size: 13px; margin:10px 0px 0px 0px;}
#link a{ color:#015ca3;}
#link a:hover{ text-decoration:underline;}
#link ul { margin-bottom:10px;}	

/* -人才招募--------------------------------------------------------------------------------------------------*/
#job{ width: 845px; height:auto; overflow: hidden; }
#job ul{ margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; list-style: none; width: 845px; height:auto; overflow: hidden; border-bottom:dotted 1px #ddd;}
#job ul:hover{ margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; list-style: none; width: 845px; height:auto; overflow: hidden; background:url(../images/line.gif) bottom repeat-x #f1f1f1;}
#job ul:hover dt .title a{color: #015ca3; text-decoration:none;  }
#job ul dt{ margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; float:right; width: 825px;}
#job ul dt .date{ margin:10px 0px 5px 0px; padding:0; font-size: 12px; color: #707070;  }
#job ul dt .title{  margin:0px 0px 3px 0px; padding:0; font-size:18px; color:#333; line-height: 1.5; width: 705px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#job ul dt .title a{color: #015ca3; text-decoration:none;  }
#job ul dt .title a:hover{color: #015ca3; text-decoration:none;  }
#job ul dt .title02{  margin:0px 0px 0px 0px; padding:0; font-size: 13px; color: #666; line-height:20px;  }


/* -頁碼-----------------------------------------------------------------------------------------------------*/
.manu {	
	font-size: 12px;  padding: 3px; margin: 3px; text-align: center; 
}
.manu a {
	padding: 2px 5px 2px 5px; margin: 2px; text-decoration: none; color: #666; 
}
.manu a:hover {
	color: #e2001a; 
}

.manu .current {
	padding: 2px 5px 2px 5px; font-weight: bold;margin: 2px; color: #e2001a; 
}
.manu .disabled {
	border: #dcdcdc 1px solid; padding-right: 10px; padding-left: 10px; padding-bottom: 2px; margin: 2px; color: #666; padding-top: 2px; 
}

/* -按鈕-----------------------------------------------------------------------------------------------------*/
.button_back{
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;color: #666;
 background-color: #e7e7e7; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7)); border:none;
 background-image: -webkit-linear-gradient(top, #fff, #e7e7e7);
 background-image: -moz-linear-gradient(top, #fff, #e7e7e7);
 background-image: -ms-linear-gradient(top, #fff, #e7e7e7);
 background-image: -o-linear-gradient(top, #fff, #e7e7e7);
 background-image: linear-gradient(to bottom, #fff, #e7e7e7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff, endColorstr=#e7e7e7); border:1px solid #ccc;
}
.button_back:hover{
 color: #666; text-decoration:none;
 background-color: #e7e7e7; background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#fff));
 background-image: -webkit-linear-gradient(top, #e7e7e7, #fff);
 background-image: -moz-linear-gradient(top, #e7e7e7, #fff);
 background-image: -ms-linear-gradient(top, #e7e7e7, #fff);
 background-image: -o-linear-gradient(top, #e7e7e7, #fff);
 background-image: linear-gradient(to bottom, #e7e7e7, #fff);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e7e7e7, endColorstr=#fff); 
}