@charset "utf-8";
/* CSS Document */
body{ width:100%; background:#000000; font: normal 11px Arial, Helvetica, sans-serif; margin:0px;}
a {color:#fff; text-decoration:none;}
a:hover{color:#ccc; text-decoration:underline;}
a:active{color:#fff;}
img{border:0px;}
#top{width:100%; height:20px; background:#565656;}
#top .t-main{width:940px; height:20px;}
#top .m-left{width:720px; height:20px; float:left; padding-right:20px; color:#fff; text-align:right;}
#top .m-left span{width:60px; text-align:left; padding-left:10px; float:right; background:url(../images/top_tab.gif) no-repeat left;}
#top .m-right{width:200px; height:20px; float:left; background:#fff;}
#top .m-right span{width:85px; height:20px; padding-left:10px; margin-left:5px; float:left; font:bold small-caps 11px/1.5em Verdana, Arial, Helvetica, sans-serif;}
#top .m-right a{color:#000; text-decoration:none;}
#top .m-right .cn{background:url(../images/flag-cn.gif) no-repeat left;}
#top .m-right .sp{background:url(../images/flag-sp.gif) no-repeat left;}
#main-body{width:100%; background:#fff; float:left;}
#main{width:940px; overflow:hidden;}
#logo{width:inherit; height:54px; float:left; background:url(../images/silverstar-index_08.gif) no-repeat left; text-align:left;}
#navigation{width:inherit; height:56px; float:left;}
#main-title{width:65%; height:20px; float:left; text-align:left; padding-left:15px; margin-bottom:10px; font: bold 16px/1.5em Arial, Helvetica, sans-serif;}
/*--------------home style-------------*/
#home-main{width:100%; margin-top:5px; float:left;}
#home-main .main-left{width:525px; float:left; padding-left:5px; overflow:hidden;}
#home-main .main-left .fla{width:inherit; height:245px; float:left;}
#home-main .main-left .catalog{width:530px; float:left; margin-top:10px;}
#home-main .main-left .row{width:500px; height:130px; padding-left:15px; padding-right:15px; margin-top:5px; float:left;}
#home-main .main-left .catalog-main{width:86px; height:130px; float:left; margin-right:10px;}
#home-main .main-left .title{width:86px; height:20px; float:left; background:#b2cade; color:#000; text-align:center; font: normal small-caps 11px/1.5em Arial, Helvetica, sans-serif;}
#home-main .main-left .catalog-tab{width:86px; height:100px; float:left; overflow:hidden;}
#home-main .main-right{width:390px; float:left; margin-left:20px; overflow:hidden;}
#home-main .main-right .newdesign{width:360px; height:255px; padding-left:30px; float:left; background:url(../images/newdesign-bg.gif) no-repeat center;}
#home-main .main-right .newdesign .dialog-left{width:140px; height:135px; margin-top:20px; text-align:left; font: normal small-caps 14px/1.5em Arial, Helvetica, sans-serif; color:#fff; float:left;}
#home-main .main-right .newdesign  .itemno{width:100%; height:10px; float:left; text-align:left; padding-top:30px; font: bold small-caps 22px/1.5em Arial, Helvetica, sans-serif; color:#fff;}
#home-main .main-right .newdesign a{color:#fff; font:bold small-caps 16px/1.5em Arial, Helvetica, sans-serif; text-decoration:none;}
#home-main .main-right .newdesign .dialog-right{width:200px; height:155px; float:left; padding-top:30px;}
#home-main .main-right .projects{width:370px; float:left; padding-left:15px;}
#home-main .main-right .projects .title{width:350px; float:left; padding-left:15px; padding-top:10px; font-weight:bold; text-align:left;}
#home-main .main-right .projects .main-content{width:340px; padding-left:15px; text-align:left; padding-bottom:20px; margin-top:5px; font-size:10px; float:left;overflow:hidden; }
#home-main .main-right .projects .main-content ul{margin: 0px; padding:0px;}
#home-main .main-right .projects .main-content li{width:350px; height:13px; margin:0px; list-style-type:decimal; text-align:left;margin-bottom:5px; overflow:hidden;}
#home-main .main-right a {color:#000;}
#home-main .main-right a:hover{color:#666;}
#home-main .main-right .projects .main-content .content{width:215px; float:left; padding-left:15px; font-size:11px; text-align:justify;}
#home-main .main-right .projects .main-content .p-img{width:106px; float:left; margin-left:14px;}
/*----------------------------copyrights-----------------------------------*/
#bottom-main{width:100%; height:30px; float:left; text-align:left; font: normal 11px/1.5em Arial, Helvetica, sans-serif; color:#fff;}
#bottom-main .b-container{width:940px; text-align:left; padding-top:5px; }
#bottom-main .b-container .copyright{width:460px; float:left; padding-right:40px; text-align:left;}
#bottom-main .b-container .nav{ width:360px; float:left; padding-left:60px; font:bold small-caps 12px/1.5em Arial, Helvetica, sans-serif;}

/*------------------------------LOGIN---------------------*/
#login-main{ width:98%; text-align:left; float:left; }
#login-main .plat{width:410px; height:228px; float:left; background:url(../images/normal-bg.gif) no-repeat center;}
#login-main .main-form{width:360px; padding:30px 20px 20px 30px; float:left;}
.main-form .left-subject{width:80px; height:20px; float:left; margin-top:10px; font:normal small-caps 11px/1.5em Arial, Helvetica, sans-serif; color:#fff;}
.main-form .right-input{width:280px; height:20px; float:left; margin-top:10px;}
.main-form .butt{width:360px; height:32px; float:left; text-align:center; margin-top:10px;}
.main-form .bottom-menu{width:360px; height:32px; float:left; text-align:left; margin-top:40px; font: normal 11px/1.5em Arial, Helvetica, sans-serif; color:#666;}
.main-form .oper-menu{width:120px; height:20px; float:left; font:bold 13px/1.5em Arial, Helvetica, sans-serif;}
#login-main .input-text{width:200px; height:15px; border:1px solid #666; background:#ccc; font: normal small-caps 12px/1.5em Arial, Helvetica, sans-serif;}
#login-main .input-select{width:200px; height:20px; border:1px solid #666; background:#ccc; font: normal small-caps 12px/1.5em Arial, Helvetica, sans-serif;}
#login-main .input-submit{width:96px; height:32px; border:0px; background:url(../images/button-ok.png) no-repeat center;}
#login-main .input-reset{width:96px; height:32px; border:0px; background:url(../images/button-cancel.png) no-repeat center;}
#empire-main{width:99%; height:100px; margin-bottom:20px; padding-top:40px; border:2px solid #ccc; font: bold 18px/1.5em Arial, Helvetica, sans-serif; float:left;}
#empire-main a{color:#000; text-decoration:underline;}
/*----------------------------REGISTER--------------------------------------------------*/
#register-main{width:100%; text-align:left; float:left; margin-top:10px;}
#register-main .menu{width:310px; padding-right:10px; margin-left:10px; margin-top:10px; float:left;}
#register-main .menu ul{margin:0px; padding:0px;}
#register-main .menu li{width:98%; height:20px; margin-top:5px; padding-left:2%; background:#ccc;list-style-type:none; font: normal small-caps 11px/1.5em Arial, Helvetica, sans-serif;}
#register-main .plat{width:610px; float:left; margin-bottom:20px;}
#register-main .plat p{width:100%; float:left; font:normal small-caps 11px/1.5em Arial, Helvetica, sans-serif;}
#register-main .plat-top{width:570px; height:43px; float:left; padding-left:40px; padding-top:20px; background:url(../images/Untitled-1_03.gif) no-repeat center; font: normal small-caps 24px/1.5em Arial, Helvetica, sans-serif; color:#fff;}
#register-main .note{font: normal small-caps 14px/1.5em Arial, Helvetica, sans-serif;}
#register-main .plat-main{width:540px; height:920px; float:left; padding-left:40px; padding-right:30px; background:url(../images/Untitled-1_06.gif) repeat-y center; text-align:justify; overflow:hidden;}
#register-main .plat-bottom{width:610px; height:24px; float:left; background:url(../images/Untitled-1_08.gif) no-repeat center;}
#register-main .plat-main .row{width:540px; float:left; margin-top:5px;}
#register-main .plat-main .title{width:100px; height:30px; float:left;}
#register-main .plat-main .textfield{ width:440px; height:30px; float:left;}
#register-main .input-text{width:200px; margin-right:20px; border:1px solid #666; background:#ccc; font:normal 12px/1.5em Arial, Helvetica, sans-serif;}
#register-main .plat-main .clauses{font-size:20px; color:#FF0000;}
#register-main .newsletter{width:540px; float:left; margin-top:20px; margin-bottom:20px; border-top: 1px dashed #000; border-bottom:1px dashed #000; font: normal small-caps 11px/1.5em Arial, Helvetica, sans-serif;}
#register-main .comment-row{width:540px;}
#register-main .comments{width:100%; float:left; font-weight:bold; margin-bottom:20px;}
#register-main .actions{width:100%; height:20px; float:left;}
/*-----------------------------------ITEM LIST----------------------------------*/
#list-main {width:100%; text-align:left; float:left; margin-top:10px;}
#list-main .series{width:90%; text-align:left; float:left; border-top:1px solid #000; padding-top:5px; margin-top:10px; margin-left:5%;}
#list-main .series .left{width:15%; float:left; padding-top:5px; font: bold small-caps 16px/1.5em Arial, Helvetica, sans-serif;}
#list-main .series .right{width:85%; float:left;}
#list-main .series .right .tab{width:112px; height:132px; text-align:center; float:left; margin-right:10px; margin-top:5px;}
#list-main .series .right .tab .image{width:112px; height:112px; background:#E6E6E6; float:left;}
#list-main .series right .tab .itemno{width:112px; height:15px; padding-top:5px; float:left; font:normal 11px/1.5em Arial, Helvetica, sans-serif;}
#list-main .plat{width:810px; float:left; margin-bottom:20px;}
#list-main .plat-top{width:770px; height:33px; float:left; border-bottom:1px solid #000; padding-top:20px; font: normal small-caps 24px/1.5em aArial, Helvetica, sans-serif;}
#list-main .plat-main{width:740px; float:left; padding-bottom:30px; text-align:justify; overflow:hidden;}
#list-main .plat-main .row{width:740px; float:left;}
#list-main .item-container{width:112px; height:132px; margin-left:10px; float:left; margin-right:10px; margin-top:10px; margin-bottom:10px;}
#list-main .plat-main .item-no{width:112px; height:20px; text-align:center; font: normal small-caps 12px/1.5em Arial, Helvetica, sans-serif;}
#list-main .plat-main .item{width:112px; height:112px; background:#E6E6E6; text-align:center; float:left; overflow:hidden;}
#list-main a{color:#000;}
#list-main .menu{width:110px; padding-right:10px; margin-left:10px; margin-top:60px; float:left;}
#list-main .menu ul{margin:0px; padding:0px;}
#list-main .menu li{width:90%; height:20px; margin-top:5px; padding-left:10%; background:#ccc;list-style-type:none; font: normal small-caps 14px/1.5em Arial, Helvetica, sans-serif;}
/*----------------------------ITEM DETAIL--------------------------------------------*/
#item-main {width:100%; text-align:left; float:left; margin-top:10px;}
/*===右边菜单===*/
#item-main .right-part{width:230px; float:left; padding-top:10px; color:#666666;}
#item-main .right-part a{color:#000;}
#item-main .right-part ul{margin:0px; padding:0px; font: bold small-caps 14px/1.5em Arial, Helvetica, sans-serif; color:#000;}
#item-main .right-part li{width:190px; height:15px; margin-top:3px; padding-left:10px; margin-left:20px; background:#b2cade; list-style-type:none; font: normal small-caps 10px/1.5em Arial, Helvetica, sans-serif; overflow:hidden;}
/*====左边===*/
#item-main .left-part{width:700px; float:left; overflow:hidden;}
#item-main .left-part .dev-main{width:700px; margin-top:10px; float:left; text-align:left;}
#item-main .left-part .dev-margin{ margin-bottom:10px;}
#item-main .item-plat{width:602px; float:left;}
#item-main .left-part .img-top{width:602px; height:38px; padding-left:30px; padding-top:20px;  float:left; font: normal small-caps 32px/1.5em Arial, Helvetica, sans-serif; letter-spacing: 1pt; color:#000;}
#item-main .left-part .img-bottom{width:602px; float:left; font: bold 11px/1.5em Arial, Helvetica, sans-serif; overflow:hidden;}
#item-main .left-part .img-main{width:602px; height:281px; float:left;}
#item-main .item-plat .item-img{width:230px; height:280px; padding-left:30px; float:left;}
#item-main .item-plat .effect-main{width:200px; height:100px; padding-top:80px; padding-left:50px; float:left;}
#item-main .item-plat .effect-main .list{width:180px; height:50px; margin-bottom:4px; float:left;}
#item-main .item-plat .effect-main .list-tab{width:80px; height:50px; margin-left:4px; float:left;}
/* product specifications */
#item-main .tab-left-title{width:200px; height:18px;padding-bottom:2px; padding-left:10px; background:#ccc; font:bold 13px/1.5em Arial, Helvetica, sans-serif; float:left;}
#item-main .tab-right-title{width:300px; height:18px; float:left; text-align:right; font: bold 13px/1.5em Arial, Helvetica, sans-serif;}
#item-main .specification{width:99%; float:left; border:1px solid #ccc;}
#item-spec{width:100%; font-size:11px;}
#tab-table{width:100%; font-size:11px;}
#item-spec .row{width:100%;}
#item-spec .item{width:20%;background:#EAEAEA; padding-left:5px;}
#item-spec .spec{width:80%; background:#eaeaea; font-size:10px;}
#item-spec .detail{width:80%; height:15px; font-size:10px;}
#item-spec .spec-left{width:40%; height:15px; padding-left:5px;}
#item-spec .spec-right{width:60%; height:15px; padding-left:5px;}
/*----------------specification end-----------------*/
/*----------------DOWNLOAD TABLE IN PRODUCT DETAIL----------*/
#dl_main{width:100%; height:100px; font-size:11px; margin-top:5px;}
#dl_main .row{width:100%; height:18px; float:left;}
#dl_main .row .title{width:80px; height: 15px; margin-left:2px; padding-bottom:3px; overflow:hidden; background:#cccccc; text-align:center; float:left;cursor:pointer; cursor:hand; font:normal small-caps 12px/1.5em Arial, Helvetica, sans-serif; }
#dl_main .row .title a{color:#fff;}
#dl_main .row .tab_title{width:80px; height:15px; margin-left:2px; padding-bottom:3px; overflow:hidden; background:#999999; text-align:center; float:left; cursor:pointer; cursor: hand; font-weight:bold;}
#dl_main .row .tab_title a{color:#fff;}
#dl_main .unit{width:99%; height:165px; float:left; border:1px solid #eaeaea; margin-left:0px;}
#dl_main .unit .pic{width:95%; padding-left:5%; background:url(../images/icon_article.gif) no-repeat left; height:20px; float:left; margin-left:5px; margin-top:5px;}
#dl_main .unit a{color:#999999;}
/*=================NEWS LIST================*/
#event-main{width:100%; text-align:left; float:left; margin-top:10px;}
#event-main .left-part{width:600px; float:left;}
#event-main .left-part .title{width:600px; height:30px; margin-bottom:20px; float:left; font: bold small-caps 24px/1.5em Arial, Helvetica, sans-serif;}
#event-main .news-subject{width:220px; height:20px; padding-left:10px; margin-right:370px; float:left; background:#b2cade; font:bold small-caps 14px/1.5em Arial, Helvetica, sans-serif; overflow:hidden;}
#event-main .news-subject a{color:#fff;}
#event-main .news-tab-main{width:600px; height:100px; float:left; padding-left:10px; padding-top:10px; padding-right:10px; border:1px solid #eaeaea; margin-bottom:20px;}
#event-main .news-tab-main .contents{width:380px; float:left; margin-top:20px; text-align:justify;}
#event-main .news-tab-main .images{width:200px; padding-left:20px; height:80px; float:left; overflow:hidden;}
#event-main .news-tab-main .images img{border:0; margin:0; padding:0; max-width:200px; width: expression (this.width>200 && this.width > this.height ? 200px:'auto';); max-height:92px; height:expresion(this.height>92?92px:'auto';);}
#event-main .news-tab-main .date{width:580px; height:10px; float:left; font-weight:bold;}
#event-main .right-part{width:300px; float:left;}
/*=================NEWS DETAIL===================*/
#event-view{width:100%; text-align:left; float:left; margin-top:10px; margin-bottom:20px;}
#event-view .left-part{width:700px; float:left;}
#event-view .title{width:800px; height:30px; margin-bottom:20px; float:left; font: bold small-caps 24px/1.5em Arial, Helvetica, sans-serif;}
#event-view .news-subject{width:400px; height:30px; padding-left:10px; margin-right:370px; float:left; background:#b2cade; font:bold small-caps 18px/1.5em Arial, Helvetica, sans-serif; overflow:hidden;}
#event-view .tab-main{ width:680px; padding:0px 10px 10px 10px; float:left; border:1px solid #eaeaea;}
#event-view .tab-main .contents{width:100%; float:left; margin-top:10px; text-align:justify; text-indent:30px; font-size:12px;}
#event-view .tab-main img,a.img{border:0; margin:0; padding:0; max-width:500px; width: expression (this.width>500 && this.width > this.height ? 500px:'auto';); max-height:180px; height:expresion(this.height>180?180px:'auto';);}
#event-view .tab-main .images{height:180px; overflow:hidden; float:left; margin-top:10px; text-align:center;}
#event-view .right-part{width:240px; float:left;}
/*======================SUPPORT DOWNLOADS================*/
#download-main{width:100%; text-align:left; float:left; margin-top:10px; padding-bottom:20px;}
#download-main a{color:#333333;}
#download-main .general-subject{width:280px; height:18px; text-align:left; float:left; margin-top:20px; margin-right:640px; padding-left:20px; padding-bottom:5px; background:#b2cade; font:bold small-caps 20px/1.5em Arial, Helvetica, sans-serif; color:#fff;}
#download-main .general-tab{width:898px; text-align:left; float:left; padding-left:20px; padding-right:20px; border:1px solid #eaeaea;}
#download-main .series-title{width:110px; height:20px; margin:10px 15px 10px 15px; float:left; font:bold 14px/1.5em Arial, Helvetica, sans-serif;}
#download-main .product-title{width:180px; height:20px; margin:10px 15px 10px 15px; float:left;font: normal small-caps 11px/1.5em Arial, Helvetica, sans-serif;}
#download-main .download-tab{width:80%; text-align:left; float:left;}
/*====================FAQ=================================*/
#faq-main{width:100%; text-align:left; float:left; margin-top:10px; padding-bottom:20px;}
#faq-main a{color:#333333;}
#faq-main .menu{width:29%; margin-left:3%; text-align:left; float:left;}
#faq-main .menu-title{width:100%; height:20px; margin-bottom:20px; font:bold small-caps 20px/1.5em Arial, Helvetica, sans-serif;}
#faq-main .menu .subject-list{width:90%; margin-top:3px; padding-left:10px;background:#b2cade; list-style-type:none; font: normal small-caps 11px/1.5em Arial, Helvetica, sans-serif;}
#faq-main .faq-topic{width:100%; height:20px; margin-bottom:40px; float:left; text-align:left; font: bold small-caps 36px/1.5em Arial, Helvetica, sans-serif;}
#faq-main .list-tab{width:67%; text-align:left; float:left;}
#faq-main .list-tab .detail-content{width:98%; padding-left:1%; padding-right:1%; text-align:justify; float:left; font-size:12px;}
#faq-main .list-tab .detail-content .unit-content{width:100%; float:left; font-size:12px;}
#faq-main .list-tab .detail-content .unit-img{width:100%; float:left; margin-bottom:20px;}
#faq-main .list-tab .faq-subject{width:98%; height:20px; padding-left:2%; margin-bottom:10px; float:left; background:#b2cade; font: bold 14px/1.5em Arial, Helvetica, sans-serif;}
#faq-main .list-tab .date-tab{width:99%; height:20px; padding-left:1%; float:left; text-align:left;}
#faq-main .list-tab .faq-list-content{width:98%; height:100px; padding-left:1%; padding-right:1%; text-align:justify; margin-bottom:20px; float:left; overflow:hidden;}
/*=================================contact===========================*/
#contact-main{width:100%; text-align:left; float:left; margin-top:10px;}
#contact-main .plat{width:610px; float:left; margin-bottom:20px;}
#contact-main .plat-top{width:570px; height:43px; float:left; padding-left:40px; padding-top:20px; background:url(../images/Untitled-1_03.gif) no-repeat center; font: normal small-caps 24px/1.5em aArial, Helvetica, sans-serif; color:#fff;}
#contact-main .plat-main{width:540px; height:420px; float:left; padding-left:40px; padding-right:30px; background:url(../images/Untitled-1_06.gif) repeat-y center; text-align:justify; overflow:hidden;}
#contact-main .plat-bottom{width:610px; height:24px; float:left; background:url(../images/Untitled-1_08.gif) no-repeat center;}
#contact-main .plat-main .textfield{ width:440px; height:30px; float:left;}
#contact-main .input-text{width:200px; margin-right:20px; border:1px solid #666; background:#ccc; font:normal 12px/1.5em Arial, Helvetica, sans-serif;}
#contact-main .plat-main .row{width:540px; float:left; margin-top:5px;}
#contact-main .plat-main .title{width:100px; height:30px; font:normal small-caps 11px/1.5em Arial, Helvetica, sans-serif; float:left;}
#contact-main .input-submit{width:96px; height:32px; border:0px; background:url(../images/button-ok.png) no-repeat center;}
#contact-main .input-reset{width:96px; height:32px; border:0px; background:url(../images/button-cancel.png) no-repeat center;}
/*========================================ABOUT US==============================*/
#company-main{width:100%; text-align:left; float:left; margin-top:10px;}
#company-main .main-title{width:100%; text-align:left; font:bold small-caps 26px/1.5em Arial, Helvetica, sans-serif;}
#company-main .left-part{width:600px; float:left; text-align:justify; font-size:12px;}
#company-main .right-part{width:320px; padding-left:20px; float:left; text-align:left;}
#company-main .right-part .contact-title{width:100%; float:left; text-align:left; margin-bottom:20px; font: bold small-caps 16px/1.5em Arial, Helvetica, sans-serif;}
#company-main .right-part .tab{width:100%; float:left; text-align:left; margin-bottom:5px;}
#company-main .right-part .tab .subject{width:20%; float:left; font:normal small-caps 12px/1.5em Arial, Helvetica, sans-serif;}
#company-main .right-part .tab .info{width:80%; float:left; text-align:left;}
#company-main .bottom-part{width:100%; float:left; margin-bottom:20px; text-align:left;}
