@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------------------
  Main Layout & Styles
------------------------------------------------------------------------------------*/
body{
  font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
  font-size:12px;
  margin:0px;
  padding:0px;
  color:#444;
  background:#E3E3E3;
}
body a{text-decoration:none; color:#666;}
#width{width:994px; overflow:hidden;}/*main frame*/
#main{width:860px; background:url(../images/main-bg.gif) repeat; float:right; margin-left:120px; margin-right:10px; margin-bottom:20px;}
/*-------------------------------------------PAGE HEAD------------------------------*/
#page-head{width:860px; height:150px; float:left; background:#e3e3e3;}
#page-head .logo{width:300px; height:100px; padding-top:50px; float:left; overflow:hidden;}
#page-head .nav{width:560px; height:150px; float:left; overflow:hidden;}
#page-head .nav .lang{width:560px; height:125px; color:#7AC166; vertical-align:middle; text-align:center; float:left;}
#page-head .nav .lang span{width:80px; height:20px; color:#7AC166; margin:0px 5px 0px 5px;}
#page-head .nav .lang a{color:#7ac166;}
#page-head .nav .menu{width:560px; height:30px; letter-spacing:2px; float:left;}
#page-head .tab{width:80px; height:25px; background:#F2F2F2; padding-top:5px; margin-right:5px; float:left; font: bold 12px/1.5em Arial, Helvetica, sans-serif;}
#page-head .tab-press{width:80px; height:25px; background:#7AC166; padding-top:5px; margin-right:5px; float:left; font: bold 12px/1.5em Arial, Helvetica, sans-serif;}

/*--------------------------------------------HOME----------------------------------*/
#flash{width:856px; height:200px; border:2px solid #fff; border-bottom:0px; float:left; background:#00CCFF;}
#home-left{width:490px; height:600px; padding:10px 30px 10px 30px; background:#fff; text-align:left; float:left;}
#home-right{width:289px; height:610px; overflow:hidden; padding:0px 10px 32px 10px; background:#fff; border-left:1px solid #d8d8d8; text-align:left; float:left;}
/*projects and news list*/
#home-right .subject{width:249px; height:15px; padding:0px 20px 0px 20px; letter-spacing:2px; margin-top:20px; font:bold 14px/1.5em Arial, Helvetica, sans-serif; float:left;}
#home-right .tab{width:289px; margin-top:10px; overflow:hidden; float:left;}
#home-right .news-press{width:287px; margin-top:10px; background:#f2f2f2; float:left; border:1px solid #d8d8d8;}
#home-right .date{width:249px; padding:5px 20px 0px 20px; float:left;}
#home-right .title{width:269px; padding:0px 10px 5px 10px; margin-top:10px; font-size:11px; float:left;}
#home-right .nav{width:10px; height:40px; vertical-align:top; margin-right:5px; color:#6ab766; font-size:8px;}
/*--*/
#home-left .tab{width:488px; margin:10px 0px 10px 0px; padding:10px 0px 10px 0px; border:1px solid #D8D8D8; background:#F2F2F2; float:left;}
#home-left .tab .subject{width:448px; height:30px; padding:10px 20px 10px 20px; float:left; font:bold 24px/1.5em Arial, Helvetica, sans-serif; text-align:right;}
#home-left .tab .content{width:468px; padding:0px 10px 0px 10px; float:left; font-size:11px; text-align:justify;}
#home-left .tab .read{width:468px; height:10px; vertical-align:bottom; text-align:right; float:left;}
#home-left .event{width:488px; margin:10px 0px 10px 0px; padding:10px 0px 10px 0px; float:left;
font:bold 18px/1.5em Arial, Helvetica, sans-serif;}
#home-left .event a{text-decoration:underline;}

/*-------------------------------------------PAGE BOTTOM-----------------*/
#bottom{width:850px; border-top:1px solid #e3e3e3; padding:5px 0px 10px 10px; text-align:left; margin-bottom:30px; float:left; background:#fff;}

/*-------------------------------------------PRODUCT LIST-----------------------*/
#list-main {width:100%; text-align:left; float:left; background:#fff;}
#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; text-align:left;}
#list-main .series .row{width:100%; float:left;}
#list-main .series .right .tab{width:112px; height:132px; text-align:center; float:left; overflow:hidden; margin-right:5px; margin-top:5px;}
#list-main .series .right .tab .image{width:112px; height:112px; background:#E6E6E6; float:left;}
#list-main .image a{border:0px;}
#list-main .series .right .tab .itemno{width:112px; height:15px; padding-top:5px; float:left; font:normal 10px/1.5em Arial, Helvetica, sans-serif; font-size:10px;}

/*-----------------------------------------PRODUCT DETAIL------------------------*/
#item-main{width:860px; text-align:left; float:left; padding-top:20px; padding-bottom:20px; background:#fff;}
#series-no {width:820px; padding-top:20px; border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; float:left; text-align:right;}
#item-main .left-part{width:640px; float:left; padding-top:10px; padding-left:20px;}
#item-main .left-part .effect{width:400px; float:left; overflow:hidden;}
#item-main .left-part .effect .list{width:380px; height:100px; padding:10px 10px 10px 10px; margin-bottom:4px; float:left;}
#item-main .left-part .effect .list-tab{width:186px; height:100px; margin-left:4px; float:left;}
#item-main .left-part .item-no{width:400px; font: bold small-caps 26px/1.5em Arial, Helvetica, sans-serif;}
#item-main .left-part .effect-div{width:400px; float:left;}
#item-main .left-part .module-img{width:240px; float:left;}
#item-main .right-part{width:200px; float:left}
#item-main .right-part .other{width:140px; padding-left:60px; height:200px; float:left; padding-top:100px;}
.other .tab{ width:20px; height:100px; writing-mode:tb-rl; text-align:center;  background:#7ac166; float:right; }
.other .itemno-list{width:120px; padding:0px; background:#7ac166; float:left; overflow:hidden;display:none;}
.other a{color:#fff;}
.other .itemno-list ul{margin:0px; padding:0px;}
.other .itemno-list li{width:100px; padding:5px 10px 5px 10px; font-size:11px; color:#fff; float:left; list-style:none;}
.other .itemno-list .li-press{background:#BCE2AF;}
#item-main .feature{width:99%; font-size:11px; padding-top:20px; float:left;}

/* product specifications */
#item-main .h-sub{width:99%; float:left; border-top:5px solid #7AC166; margin-bottom:10px; font:bold 16px/1.5em Arial, Helvetica, sans-serif;}
#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; overflow:hidden;}
#item-main .subject{width:100%; float:left; font-size:11px; font-weight:bold;}
#item-main .subject .subject-item{width:21%; float:left; padding-left:1%;}
#item-main .subject .subject-spec{width:33%; float:left;}
#item-main .subject .subject-detail{width:45%; float:left;}
#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%;font-size:10px;}
#item-spec .detail{width:80%; background:#eaeaea; 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-----------------*/
/*----------------------------------------------------PROJECTS AND NEWS-------------------*/
#press-main{width:860px; padding-top:20px; padding-bottom:20px; background:#fff; float:left; text-align:left; font-size:11px;}
#press-main .main-part{width:600px; float:left; overflow:hidden;}
#press-main .main-part .main-subject{width:580px; float:left; padding-left:20px; letter-spacing:2px; text-align:left; border-bottom:1px solid #ccc; font:bold 24px/1.5em Arial, Helvetica, sans-serif;}
#press-main .main-part .year-nav{width:450px; height:30px; float:left; padding-left:150px; padding-top:20px; font:bold small-caps 16px/1.5em Arial, Helvetica, sans-serif;}
#press-main .main-part .year-nav span{width:60px; padding-right:20px; float:left;}
#press-main .main-part .year-nav a:hover{color:#7ac166;}
#press-main .main-part .year-nav .focus{color:#7ac166;}
#press-main .main-part .tab{width:548px; height:120px; margin:10px 20px 10px 20px; padding:5px; float:left; background:#f2f2f2; border:1px solid #ccc;}
#press-main .tab a{color:#666;}
#press-main .tab .date{width: 548px; height:20px; float:left;}
#press-main .tab .title{width:348px; height:100px; float:left; font:bold 14px/1.5em Arial, Helvetica, sans-serif;}
#press-main .tab .img{width:200px; height:100px; float:left;}
#press-main .tab .img 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';);}
#press-main .nav-part{width:260px; float:left;}
#press-main .nav-part .nav-middle{width:100px; height:100px; float:right; padding-top:200px;}
#press-main ul{padding:0px; margin:0px;}
#press-main li{ width:80px; height:25px; padding-left:20px; padding-top:5px; float:right; font:bold 14px/1.5em Arial, Helvetica, sans-serif; color:#fff; list-style:none; margin-top:20px; background:#7ac166;}
#press-main li a{color:#fff;}
/*-------------------------------------------Project Detail---------------------------*/
#press-view{width:820px; padding:20px; background:#fff; float:left; text-align:left; font-size:11px;}
#press-view .subject{width:600px; margin-top:20px; float:left; font: bold small-caps 18px/1.5em Arial, Helvetica, sans-serif;}
#press-view .content{width:600px; float:left; margin-top:20px; font-size:11px;}
#press-view .pics{width:600px; float:left;}
/*-------------------------------------ABOUT COMPANY----------------*/
#about-main{width:860px; float:left; background:#fff; padding-top:20px;}
#about-main .des-part{width:490px; padding:10px 10px 10px 30px; font-size:11px; text-align:left; float:left;}
#about-main .logo-part{width:289px; padding:10px 10px 10px 10px; text-align:left; float:left;}
#about-main .des-part .tab{width:468px; padding:10px 10px 10px 10px; border:1px solid #D8D8D8; background:#F2F2F2; float:left;}
#about-main .logo-part .tab{width:287px; height:80px; margin-bottom:50px; border:1px solid #D8D8D8; background:#F2F2F2; float:left;}
/*----------------------------------CONTACT--------------------------*/
#contact-main{width:820px; float:left; background:#fff; font-size:11px; padding:20px 20px 20px 20px;}
.map-part{width:520px; float:left; text-align:left; overflow:hidden;}
.map-part .map{ width:518px; margin-top:20px; border:1px solid #d8d8d8; float:left;}
.form-part{width:280px; padding-left:20px; float:left; text-align:left;}
.form-part .subject{width:280px; height:20px; margin-bottom:20px; font:bold 16px/1.5em Arial, Helvetica, sans-serif; float:left; text-align:left;}
.form-part .subject3{width:280px; height:20px; margin-bottom:5px; margin-top:15px; font: normal 13px/1.5em Arial, Helvetica, sans-serif; float:left;}
.form-part .tab{width:280px; padding-top:5px; text-align:left; float:left;} 
.form-part .subject2{width:280px; height:20px; margin-top:20px; margin-bottom:20px; font:bold 16px/1.5em Arial, Helvetica, sans-serif; float:left; text-align:left;}
.form-part .title{width:80px; float:left;}
.form-part .inpu{width:200px; float:left;}
.form-part input{width:180px; height:10px; font-size:11px;}