/*---------------
  banner
----------------*/

#banner{ background-color:#000000; height: 300px; }
#banner-view{ width:1000px; margin:0 auto; color:#fff; font-size: 15px; }
#banner-view h1{ font-size:30px; padding:40px 0 15px 0; text-transform:uppercase; color:#f9f9f9; }
#banner-view h1 .green{ color:#3c3; }
#banner-view h1 .blue{ color:#36f; }
#banner-view img{ float:right; }

/*---------------
  content
----------------*/

#content-view{ width:1000px; margin:0px auto 0px auto; }

.title{ font-size: 18px; padding:20px 0 10px 0; margin-bottom:20px; border-bottom:1px solid #efefef; }
#products{ width:100%; margin-top:30px; }

.product-item{ display: inline-block; *display: inline; _display: inline-block; zoom:1; width:290px; padding:20px; color:#666; vertical-align: top; }
.product-info{ width:80%; padding:10%; margin-left:10px; border:1px solid #efefef; font-size: 13px; }
.product-info:hover{ background-color:#fcfcfc; }
.product-info a{ color:#333; }
.product-icon{ text-align: center; }
.product-name{ font-size: 18px; color:#333; margin:15px 0 8px 0; }
.download-button{ padding:10px 50px 10px 50px; background-color: #339933; color:#fff !important; font-size: 16px; border-radius: 4px; }
.download-button:hover{ background-color: #3aab3a; }
.product-introduction{ height: 180px; }
.product-introduction a{ text-decoration: underline; color:#666; }
.product-introduction a:hover{ text-decoration: none; }
.other-download-link:hover{ text-decoration: underline; }
.phrase{ color:#666; font-size: 13px; }
.size{ float:left; margin:5px 0 0 5px; color:#8d8d8d; }

.product-category{ width:100%; font-size: 20px; padding:0px 0 10px 0; margin-bottom:20px; border-bottom: 1px solid #efefef; }

.beta{ position: absolute; margin:25px 0 0 130px; }