@charset "utf-8";
/* CSS Document */

body{ 
margin:0px;
padding:0px;
/*color:#5a5a5a;*/
color:#666;
font-family:Verdana, Geneva, sans-serif;
background: #000; 
font-size:13px;
}
div.wrap{
	width:1045px;
	margin:0 auto;
	padding:0;
}
ul, li, ol{
	list-style:none;
}

a {text-decoration:none;}
.clear{ display:block; height:0; font-size:0; line-height:0; text-indent:-4000px; clear:both; }

div#main .wrap{ width:1050px;}
div#main .wrap  .left{ display:inline; float:left; background:url(../images/bg-l1.png) 0 0 no-repeat; width:25px; height:411px;}
div#main .wrap  .center{ display:inline; float:left; width:1000px; }
div#main .wrap  .right{ display:inline; float:left; background:url(../images/bg-r1.png) 0 0 no-repeat;  width:25px; height:411px;}

div#main-index .wrap{ width:1050px;}
div#main-index .wrap  .left{ display:inline; float:left; background:url(../images/bg-l.png) 0 0 no-repeat; width:25px; height:411px;}
div#main-index .wrap  .center{ display:inline; float:left; width:1000px; }
div#main-index .wrap  .right{ display:inline; float:left; background:url(../images/bg-r.png) 0 0 no-repeat;  width:25px; height:411px;}


/*header*/
div#header{ width:980px; height:42px; text-align:left; margin:0px; padding:10px; background:#242323;}
div#header h1.logo{text-indent:-9999px; background:url(../images/logo.png)  0 0 no-repeat; width:426px; height:45px; margin:0 0 0 0;}
div#header .h-left{width:307px; height:42px; text-align:left; display:inline; float:left;}
div#header .h-right{width:6369x; height:42px; text-align:left; display:inline; float:left; margin-top:0px; padding:0px;}
/*en-header*/

/*menu*/
div#menu{  width:639px; height:42px;  font-family:"Browallia New"; text-align:right;}
div#menu ul{list-style-type:none; margin:0 0 0 150px;}
div#menu ul li{ float:left; padding-left:20px; padding-top:8px;}
div#menu ul li a{ font-size:22px; text-decoration:none; color:#999999;}
div#menu ul li a:hover{ font-size:22px; text-decoration:none; color:#ec8c01;}
/*end-menu*/

/*contanner*/
div#contaner{width:998px; background:#FFF; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
div#contaner .c-top{margin:0px; }
div#contaner .c-center{margin:0px; padding:0px; text-align:left;}
div#contaner .c-buttom{margin:0px;}
/*contanner*/

/*contanner-index*/
div#contaner-index{width:998px; background:#FFF; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
div#contaner-index .c-top{margin:0px; }
div#contaner-index .c-center{margin:0px; padding:0px; text-align:left;}
div#contaner-index .c-buttom{margin:0px;}
/*contanner-index*/

/*slide*/
div#slide{ width:970px; padding:0 0 0 17px;}
/*end-slide*/

/*box-content*/
div#box-content{width:970px; margin-left:6px;  }
div#box-content .b-buttom a{ color:#666; }
div#box-content .b-top{}
div#box-content .b-buttom{width:970px; padding-bottom:10px;}

div#box-content .b-buttom .cb-left{width:323px;  display:inline; float:left; margin:0px; padding:0px;}
div#box-content .b-buttom .cb-left img{ margin-left:12px;}
div#box-content .b-buttom .cb-left .cb-detail{width:303px;  margin-left:10px; border:2px #e7e7e7 solid; background:#f1f1f1;}
div#box-content .b-buttom .cb-left .cb-detail img{ margin:0px;}
div#box-content .b-buttom .cb-left .cb-detail p.about{ text-indent:1.2em;}  

div#box-content .b-buttom .cb-center{width:323px;  display:inline; float:left;}
div#box-content .b-buttom .cb-center img{ margin-left:12px;}
div#box-content .b-buttom .cb-center .cb-detail{width:303px;  margin-left:10px; border:2px #e7e7e7 solid; background:#f1f1f1;}
div#box-content .b-buttom .cb-center .cb-detail img{ margin:0px;}
div#box-content .b-buttom .cb-center .cb-detail p.about{ text-indent:1.2em;}  

div#box-content .b-buttom .cb-right{width:323px;  display:inline; float:left;}
div#box-content .b-buttom .cb-right img{ margin-left:12px;}
div#box-content .b-buttom .cb-right .cb-detail{width:303px;  margin-left:10px; border:2px #e7e7e7 solid; background:#f1f1f1;}
/*end-box-content*/

/* about*/
div#about{ width:950px; margin:0 0 0 15px; padding:0 0 10px 0;}
div#about .ab-left{width:475px; display:inline; float:left;}
div#about .ab-left h1.title{ background:url(../about-us/img/Development-Factory.png) no-repeat; width:252px; height:43px; margin:0px; }
div#about .ab-left img{ display:inline; float:left; width:116px; height:97px;}
div#about .ab-right{width:475px; height:280px; display:inline; float:left;}
div#about .ab-right h1.title{ background:url(../about-us/img/Research.png); width:252px; height:43px; margin:0px;}
div#about .ab-right .box{ height:150px; border-left:1px #666 dotted; }
div#about .ab-right p.about{ font-size:13px; text-align:justify; text-indent:1.2em;  padding-left:10px;}
div#about .buttom-left{ width:475px;  display:inline; float:left;}
div#about .buttom-left p.address{ font-size:13px; text-align:justify; padding:0; margin:0px;}
div#about .buttom-right{ width:475px;  display:inline; float:left; padding:0 0 0 0;}
div#about .buttom-right p.address{ font-size:13px; text-align:justify; padding:0; margin:0px;}
/*end-about*/


/*contact*/
div#contact{width:950px;  margin:0 0 0 15px; padding:0 0 10px 0px;}
div#contact .ct-left{width:360px; display:inline; float:left;}
div#contact .ct-right{width:550px; padding-top:2px;  display:inline; float:left; text-align:left;}
div#contact .ct-right .box-img{width:573px;  margin:0 0 0 0px; padding-left:17px;}
div#contact .ct-right .box-desc{width:535px; margin:10px 0 5px 5px; padding:0px;}
div#contact .ct-right .box-desc ul { margin:0px; padding:0px;}
div#contact .ct-right .box-desc ul li.line-b {margin:5px; 0 0 0px; padding:0 0 5px }
div#contact .ct-right .box-desc ul li ol  {margin:0px; border-left:1px #acacac dotted;}
div#contact .ct-right .box-desc ul li ol li {margin:0px;}
div#contact .ct-right .box-desc ul li ol li.detail {margin:0 0 0 10px;}
div#contact .ct-right .box-desc ul li ol li.detail  a{ text-decoration:none; font-weight:bold;}
div#contact .ct-right .box-desc ul li ol li.detail  a:hover{ text-decoration:underline; font-weight:bold;}
div#contact .ct-right .box-desc ul li ol li.detail  a.mailto{ text-decoration:none; font-size:11px; color:#666;}
div#contact .ct-right .box-desc ul li ol li.detail  a:hover.mailto{ text-decoration:underline; font-size:11px; color:#666;}
/*end-contact*/


/*product*/
div#product-index{ width:950px;  background; margin:0 0 0 15px; padding:0 0 10px 0px;}
div#product-index div.left_30{padding-left:60px;}
div#product-index .prd{width:272px; float:left; display:inline;}
div#product-index .product{ width:272px; height:240px; background:url(../images/bg-product.png) 0 0 no-repeat; display:inline; float:left; margin:0 6px 7px 0px;}
div#product-index .product img.prd_img{ width:252px; height:190px; border:0px; margin:10px 0 0 10px; }
div#product-index .product img.prd_desc{padding-right:10px; border:0px; text-align:right;}
div#product-index .product p.title { padding-left:6px; padding-top:3px; text-align:right; margin:0px; font-size:12px; line-height:16px; color:#666; padding-right:12px; font-weight:bold;}
div#product-index .in-right{width:390px; height:1000px; display:inline; float:left;}
div#product-index .in-right .in-top{ background:; width:390px; height:350px; margin:5px 0 0 0;}
div#product-index .in-right .in-top h1.vision{ background:url(../product/images/vision.png) no-repeat; width:390px; height:44px; margin:0px;}
div#product-index .in-right .in-top p.product{ text-indent:1.2em; text-align:justify; margin:0px; padding:0px;}
div#product-index .in-right .in-top h1.qality{ background:url(../product/images/Quality.png) no-repeat; width:390px; height:44px; margin:0px;}
/*end-product*/



/*product-order*/
div#product{ width:950px;  background; margin:0 0 0 15px; padding:0 0 10px 0px;}
div#product .box-img{ width:940px;  margin-left:5px;}
div#product .box-img ul{ margin:0px; padding:0px; }
div#product .box-img ul li { width:168px; height:172px; margin:5px 10px 5px; 10px; display:inline; float:left; background:#999;}
div#product .box-img ul li { background:url(../product/images/bg-a.png) no-repeat; width:168px; height:172px;}
div#product .box-img ul li:hover{ background:url(../product/images/bg-a2.png) no-repeat; }
div#product .box-img ul li img{ width:147px; height:108px; border:1px #666 solid; margin:7px; 7px 5px 7px; }
div#product .box-img ul li p{ text-decoration:none; font-size:11px; color:#666; text-align:left; margin:0px; padding:0 0 0 5px;}
/*end-product-order*/
/*product-detail*/
div#product-detail{width:950px;  background; margin:0 0 0 15px; padding:0 0 10px 0px;}
div#product-detail .box-product{ margin:0px; padding:0px; }
div#product-detail .box-product ul{margin:0px; padding:0 0 0 25px; }
div#product-detail .box-product ul li{ width:179px; height:166px; background:url(../product/images/bg-d.png) no-repeat; display:inline; float:left; margin:0 0 10px 0;}
div#product-detail .box-product ul li img{ width:116px; height:98px; margin:25px 0 0 34px; border:0px;}
div#product-detail .box-product ul li p.detail{ width:118 px; margin:0 0 0 33px; padding:5px 0 0 15px; color:#666;}
 /*end-product-detail*/

 /*pkp-sport*/
div#sport{ width:950px;  margin:0 0 0 15px; padding:0 0 10px 0px;}
div#sport .top-left{width:480px;  display:inline; float:left;}
div#sport .top-left h1.vdo{margin:0px; font-size:20px;}
div#sport .top-right{ width:470px; height:450px; display:inline; float:left; }
div#sport .top-right img.title{ margin-left:45px; margin-top:25px; border:0px; }
div#sport .top-right img.even{ margin-left:45px; margin-top:15px; border:0px;}
div#sport .buttom-center { background:; width:950px; height:300px;}
div#sport .buttom-center  a { border:0px; }
div#sport .buttom-center  a:hover { border:0px; }
div#sport .buttom-center .box-vdo{display:inline; float:left; margin-left:15px; margin-top:10px;  width:127px;}
div#sport .buttom-center p.present{display:inline; float:left; margin:0px; border:1px #09F solid; width:125px; height:95px;}
div#sport .buttom-center p { font-weight:bold;}
div#sport .buttom-center img.img-vdo{ border:0px; margin:2px;}
 /*end-pkp-sport*/

/*************** Pagination ***************/

#main-content .pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.number {
				border: 1px solid #ddd;
                }

.pagination a.current {
                background: #469400 url('../images/bg-button-green.gif') top left repeat-x  !important;
                border-color: #459300 !important;
                color: #fff !important;
                }
				
.pagination a.current:hover {
				text-decoration: underline; 
                }

/************ Shortcut Buttons ************/


/*footer*/
div#footer{background:#353535; height:80px; text-align:center; width:1000px; }
div#footer a{ color:#CCC; text-decoration:none; font-size:11px; color:#666 }
/*en-footer*/

