﻿/* CSS Document */
body{ width:1002px; text-align:center; font-size:11px; color:#666666; font-family:Arial, Helvetica, sans-serif; padding:10px 0; margin:auto;background-color:#A6A6A6; }
a{ color:#666666; text-decoration:none;}
a:hover{text-decoration:underline;}
img{ border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0; line-height:normal;}
ul,li,dl,dt,dd,p{margin:0; padding:0; list-style:none;}
p{line-height:18px;}
em{font-weight:bold;}

#pageBox{background:#FFFFFF url(../images/bg_footer.gif) no-repeat center bottom; width:956px; margin:auto;}
#center{width:926px; margin:auto;background: url(../images/bg_header.gif) no-repeat top center; padding:10px 15px 0px 15px;}
#header,#sideBar,#mianContent,#footer{width:926px;}

#header{ text-align:left;}
#logo{ float:left;margin-left:20px; }
#header span.topNav{float:right; padding:5px 10px;}
#header span.topNav a{border-right:1px solid #999999;color:#000000; font-weight:bold; padding:0 5px;}
#banner{ clear:both; padding-top:10px; }

#mainNav{width:926px;background:url(../images/bg_mianNav.gif) repeat-x center left;overflow:hidden; zoom:1; text-align:center; }
#mainNav li{float:left; height:37px; width:115px; background:url(../images/bg_mianNav_list.gif) no-repeat center right;}
#mainNav li.patch{background:none;}
#mainNav li a{display:block; height:27px; padding-top:10px; color:#000000; font-weight:bold;}
#mainNav li a:hover,#mainNav li a.menu{text-decoration:underline;}

#sideBar{float:left; width:200px; text-align:left; margin-top:2px;}

#subNav,#aboutNav,#sitemap{border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
#subNav a:hover,#aboutNav a:hover,#subNav a.sub,#aboutNav a.sub,#sitemap a:hover{text-decoration:underline;}
#subNav h2,#aboutNav h2,#sitemap h2{background:url(../images/bg_subNav_h2.gif) repeat-x center left; height:22px; color:#FF6600; font-weight:bold; padding:8px 0 0 10px;}
#subNav h3,#sitemap h3{background:url(../images/bg_subNav_h3.gif) repeat-x center left; height:23px;padding:8px 0 0 10px;}
#aboutNav h3{ background-color:#EBEBEB; height:23px;padding:8px 0 0 10px; border-bottom:1px solid #757575;}
#subNav h4,#sitemap h4{padding:4px 10px; border-bottom:1px solid #CCCCCC;}
#sitemap{overflow:hidden; zoom:1; padding-left:20px;}
#sitemap li{width:200px; float:left; margin-right:20px;}

#mianContent{float:right; width:706px; text-align:left; padding:0 10px 10px 10px;}
#mianContent h2{ background:url(../images/ico_list_h2.gif) no-repeat center left; padding:10px 0px 5px 20px; border-bottom:1px solid #ECECEC; margin-bottom:5px; font-weight:bold;}

#i_com img{float:right;}

#i_prod{width:706px; text-align:center;}
#i_prod li{float:left; width:120px; height:140px; padding:0 28px;}
#i_prod li img{width:120px; height:120px;}

#footer{clear:both;height:100px; text-align:left; color:#000000; overflow:hidden; zoom:1;}
#footer div{float:left; height:80px; padding:20px 0 0 70px;}
#footer span{display:block;font-weight:bold; font-size:12px; line-height:20px;}
#footer p{line-height:15px;}
#footer .msn{background:url(../images/ico_msn.gif) no-repeat center left; padding-left:30px;}

#about p{padding:10px 0;}
#about dt{font-weight:bold; font-size:12px; line-height:50px;}
#about dd{line-height:30px;}

#news li{padding:5px 10px;}
#news .newInfo{ text-align:center; color:#000000;}
#news .newInfo h3{font-weight:bold; padding:5px 0; font-size:110%;}
#news .newInfo h4{padding:5px 0 10px 0; color:#666666;}
#news .newInfo p{text-align:left;}
#new_btn{background-color:#F3F3F3; padding:10px; margin:20px 0; clear:both;}
#new_btn a{padding:5px;}
#new_btn a:hover,#new_btn .page2{color:#FF0000;}

#products .p_list{overflow:hidden; zoom:1; width:706px;}
#products .p_list li{ float:left; width:170px; margin-right:5px;text-align:center; height:160px; margin-bottom:10px;}

#p_search{ width:630px; padding:10px 0; clear:both; margin:auto; overflow:hidden;zoom:1;}
#p_search span{ color:#666; font-size:12px; line-height:22px; margin-right:2px; float:left;}
#p_search select,#p_search input,#p_search img{ margin-top:2px; float:left;}
#p_search select,#p_search input{ width:160px; height:16px; border:1px solid #BDBDBB; margin-right:10px;}
#p_search select {height:21px;}
.p_title p{ display:block; padding:10px 0;}

#p_info{overflow:hidden; zoom:1;}
#p_info .p_pic{float:left; padding:4px; background-color:#FAFEFF; border:1px solid #EEEEEE; width:250px;height:200px; overflow:hidden; zoom:1; text-align:center; margin:auto;}
#p_info .p_size{ float:left; padding-left:10px;}
#p_info .p_size p{ line-height:21px;}

#p_new .p_list img{ width:120px;height:120px;}

#btn{ width:705px;clear:both;text-align:right; height:25px; text-align:right; padding:5px 0; margin:10px 0;}
#btn img{ margin:0 5px; display:inline; float:right; cursor:pointer;}



/*      Inquire Start      */
#inquire p{ padding:0; margin:0;}
#inquire input{ color:#898989;}
#inquire table td{ padding:5px 0;}
#inquire table input{ border:1px solid #ccc; float:left; height:15px; padding-top:3px;}
#inquire table textarea{ border:1px solid #ccc;}
#inquire table img{ float:left;}
#inquire p input{ border:0; float:none; width:12px; height:12px;}
div#inquire table table input{ text-align:center;}

div#i_top{ width:640px; border-bottom:1px solid #ccc; padding-bottom:30px; margin-bottom:20px;}
div#i_top div{ width:530px; margin:0 auto; text-align:left;}
div#i_top div input{ float:left; margin:10px 5px; padding:0;}
div#i_top div p{ font-size:12px; line-height:12px; padding:5px 0 0;}
div#i_top div span{ font-size:10px; text-align:left;}

#i_top2{ border-bottom:2px solid #ccc; border-top:1px solid #ccc; margin:10px 0 50px; padding:30px 0 15px;}
#i_top2 img{ float:left; margin:0 10px;}
#i_top2 p{ font-size:14px; color:#666; font-weight:bold; line-height:140%;}

#inquire table span{ font-size:11px; font-weight:bold; float:right; width:160px; text-align:right; padding-right:15px;}
#inquire table span a{ background:#870000; display:block; color:#fff; line-height:22px; height:22px; text-align:center; width:180px;}

div#check{ text-align:left; width:420px; border:3px solid #870000; padding:10px 0;}
div#check input{ border:0; margin:5px; float:left;}
div#check span{ font-size:10px; font-weight:normal; text-align:left; width:335px; margin:0; padding:0 0 0 10px; line-height:12px; display:block;}

div#i_btn1{ text-align:center; height:26px; margin:10px 0 0; width:270px;}

div#i_info table td{ padding:10px 0;}
div#i_info h3{ font-weight:bold; font-size:12px; color:#fff; float:left; margin:0; padding:0; border:0; line-height:12px;}
div#i_info h4{ line-height:30px;}
div#i_info input{ border:0; margin-left:10px;}
div#i_info p{ padding:0; margin:0; line-height:140%;}

.i_title{ background:#C48D91;}
.i_gray{ color:#3f3f3f; background:#F7E7E7;}
/*      Inquire End      */

/*      Leaveword Start      */
#left .leave_h2{ text-align:left; padding-bottom:5px; border-bottom:1px solid #1B4D74;}
.leave_h2 img{ float:right;}

#leave,#l_list{ width:678px; padding-top:10px; clear:both;}
#leave li{ width:678px; display:block;}
#leave span{ width:120px; color:#46462F; font-size:11px; text-align:right; margin:5px 7px 0 0; display:block; float:left; }
#leave input,#leave textarea{ width:400px; background:none; border:solid 1px #46462F; padding:1px 3px; margin-top:3px;}
#leave input{ width:250px;}
#submit{ width:600px; text-align:center; padding:20px 0; clear:both;}

#l_list li{ width:658px; padding:10px;}
#l_list h3{ font-size:15px; font-weight:normal;}
#l_list li p{ color:#666; line-height:180%; padding:5px 0;}
#l_list span{ color:#666;}
#l_list .red_bg{ background:#CCEDFE;}
#l_list .red_bg h3,#l_list .red_bg p,#l_list .red_bg span{ color:#3f3f3f;}
/*      Leaveword End      */
.project{padding-left:20px; overflow:hidden; zoom:1;}
.project li{ width:196px; height:165px; padding:10px 25px 0 5px; float:left;}
.project img{ margin:15px 0;}
.project li img{ width:196px; height:124px; margin:0;}
.project li h3{ font-size:12px; line-height:12px;}
.project h3{ color:#825C29; font-size:14px;}
.project strong{ color:#9A8C85;}
.project p{ color:#858585;}

#inquire_select{ width:678px; padding:3px 0; clear:both;}
#inquire_select span a{ font-size:11px; font-weight:bold; background:#1286CE; display:block; color:#fff; line-height:22px; text-align:center; width:150px; float:right;}

