﻿body{ width:1002px; text-align:center; font-size:11px; color:#666666; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg_body.gif) repeat-x 0 2px; margin:auto; padding:0;}

a{ color:#3f3f3f; text-decoration:none;}

img{ border:0 ;margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-size:100%;}
h2{ font-size:14px;}

p{ font-family:Geneva, Arial, Helvetica, sans-serif; line-height:180%; text-align:left; margin:0; padding:0;}
p span{ font-weight:bold;}
p a{ color:#890000; text-decoration:underline;}

ul{ list-style:none; margin:0; padding:0; display:block;}

li{ display:block; margin:0; padding:0; float:left;}

hr{ margin:5px auto 10px; clear:both;}

*{ padding:0; margin:0;}

h1{ display:none; margin:0 0 0 -9999px;}


#center{ width:1002px; text-align:center; background:url(../images/bg_center.gif) repeat-x bottom; padding:2px 0 0; margin:0 auto; display:table;}

#header,#mainnav,#footer{ width:886px; text-align:left; margin:0 auto; display:table; clear:both;}
#mainbody{ width:952px; text-align:left; margin:0 auto;clear:both;}

#header{ display:block;position: relative;}
#header img{ float:left;}
#header div.flag{ width:250px; text-align:right; float:right;}
#header div img{ margin:20px 0; float:right;}
#header span{ display:block; clear:both;}
#header span a{ font-size:11px; background:url(../images/icon_pink.gif) no-repeat left; padding-left:7px; margin-left:15px;}

#logo p{ font-size:24px; font-weight:bold; color:#838383; padding-top:35px;}
#logo a img{ float:left; margin:0;}

#mainnav{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg_menu.gif) no-repeat right bottom; font-weight:bold; height:48px;}
#mainnav li{ background:url(../images/bg_menu.gif) no-repeat left bottom; padding-left:6px;}
#mainnav a{ color:#341A04; line-height:48px; padding:0 29px; display:block;}
#mainnav a:hover,#mainnav .menu{ color:#890000; line-height:48px; background:url(../images/bg_menu_hover.gif) repeat-x bottom;}

#mainbody{ margin:25px auto 0;}

#footer{ color:#A9A9A9; font-size:11px; text-align:center; padding-top:20px; height:60px;}
#footer a{ color:#A9A9A9; padding:0 5px;}
#footer a:hover{ color:#3f3f3f; text-decoration:underline;}


#left{ width:220px; float:left;}
#about,#news,#products{width:715px; float:right;}
#right{ width:715px;float:right;}
#about h2,#news h2,#products h2{ color:#C48D91; line-height:35px; background:url(../images/bg_r_h2.gif) repeat-x bottom; padding-left:5px;}
#about h2 img,#news h2 img{ margin-top:15px; float:right;}

/*      Index Start      */
#subnav{ background:#F8F4F4; padding-bottom:30px; margin-bottom:10px;}
#subnav h2,#i_contact h2{ color:#fff; line-height:34px; background:url(../images/bg_left_h2.gif) no-repeat; padding:0 0 5px 25px; border-bottom:2px solid #CFA1A5;}
/*#subnav h3{ line-height:30px; background:#fff url(../images/icon_subh3.gif) no-repeat 7px 13px; padding-left:18px; border-bottom:1px solid #CFA1A5;}*/
#subnav h3{ margin:0 15px; border-bottom:1px dotted #C1BFBF;}
#subnav h3 a{ color:#666666;background:url(../images/icon_pink.gif) no-repeat 0 15px; padding-left:12px; padding:10px 0 10px 12px; display:block;}
#subnav a:hover,#subnav .sub{ color:#890000; text-decoration:underline;}

#search{ width:214px; height:83px; background:url(../images/bg_search.gif) no-repeat; display:table; clear:both;}
#search input{ width:135px; height:16px; background:#fff; border:1px solid #999; margin-left:8px; margin-right:5px;}
#search input,#search img{ margin-top:32px; float:left;}

#mid{ width:426px; float:left;}
#pro_txt .inner{ padding:10px 0;}
#pro_txt span.more{ display:block; text-align:right}
#pro_txt span.more a{ color:#BCAE9D; font-weight:bold}
#i_pro{}
#i_pro li{ padding:10px}
#i_pro li img{ border:#D8B5B8 1px solid; width:120px; height:91px;}

#i_brands{ clear:both; padding-top:20px; *padding-top:10px;}
#i_brands h2{ margin-bottom:10px;}

#i_right{ width:260px; float:right;}
#i_right h2,#pro_txt h2,#i_brands h2{ color:#A09284;}
.i_com h2,.i_news h2,.i_pro h2,#pro_txt h2,#i_brands h2{ font-size:16px; line-height:30px; padding-left:10px; border-left:3px solid #C48D91; background:#FFF4F4;}
.i_com h2:hover,.i_news h2:hover{}
#isearch,.i_com,.i_news{ font-size:11px; width:260px; display:table; clear:both;}

#isearch{ padding-bottom:10px; margin-bottom:10px; border-bottom:4px solid #A09284;}
#isearch h2{ padding-bottom:10px;}
#isearch input{ width:205px; height:17px; border:1px solid #BCB7AC; float:left;}
#isearch img{ margin-left:2px; float:left;}

.i_com{ padding-bottom:15px; margin-bottom:30px; border-bottom:2px dotted #B4AA9F;}
.i_com h2{ margin-bottom:10px;}
.i_com img{ margin:10px 0 0 5px; float:right;}
.i_com p,.i_txt p{ font-size:11px; line-height:130%; padding:5px 0 0 0;}

.i_news li{ float:none; padding:15px 0 10px;}
.i_news li h5 a{ color:#BCAE9D; padding-left:10px;}
.i_news li h5 span{ font-weight:normal;}



/*      Index End       */

#i_contact{background:#F8F4F4; margin-bottom:10px;}
#i_contact .inner{ padding:10px 10px 15px; line-height:18px;}
#i_contact li{ float:none}
#i_contact li span{ display:inline-block; vertical-align:top}

.i_txt{ line-height:16px;}
.i_txt h2{ font-size:14px; color:#A09284; font-weight:normal}

/*    Column Start     */
#about p,#news p{ line-height:160%; padding:7px 0;}
#about .about_pic,#news img{ margin:10px 20px 10px 0; float:left;}
#about .gray{ color:#A7A7A7; padding-top:5px; display:block; clear:both;}

.link,.down,#sitemap{ width:650px; padding:10px 0 0; margin:0 auto; display:table;}
.link li{ width:650px; padding:10px 0; display:table;}
.link li img{ height:100px; width:100px; border:1px solid #ccc; margin-right:20px; float:left;}
.link a{ color:#666; font-size:12px; line-height:30px;}
#right .link li p{ color:#3f3f3f; line-height:150%; padding:0; margin:0;}
.link li a:hover,.down li a:hover{ color:#009ACB; text-decoration:underline;}

.down li{ width:640px; border-bottom:1px solid #ccc; padding:15px 0 25px;}
.down li .d_pic{ width:130px; height:112px; margin-right:20px; float:left;}
.down li h4{ font-size:14px;}
#right .down li p{ height:55px; padding:5px 0;}
.down li .btn_down{ margin-left:200px;}

.v_pic{ width:650px; text-align:center; padding:20px 0; margin:0 auto; display:table; clear:both;}
#about .v_pic img{ padding:10px; border:1px solid #000; margin:0 auto; display:block; float:none;}
.v_pic h3{ font-size:18px;}

.project_list li{ width:193px; height:165px; text-align:center; padding:10px 5px;}
#about .project_list li img{ width:185px; height:140px; padding:4px; margin:0; border:1px solid #ccc; display:block; overflow:hidden;}
.project_list li h4{ font-size:12px;}

#about #sitemap li{ width:190px; margin-right:2px; background:#F7F9EC; padding-left:15px; float:left;}
#sitemap li h2{ color:#BF0000; font-size:14px; line-height:25px; background:#E8EFCA; padding-left:10px;}
#sitemap h4{ margin-left:15px;}
#sitemap h3 a{ background:url(../images/icon_ipro_h3.gif) no-repeat left 5px; padding:0 0 2px 12px; margin-top:5px;}
#sitemap a{ line-height:23px; background:url(../images/icon_sub_h4.gif) no-repeat left 5px; padding-left:12px;}
#sitemap a:hover,#sitemap .sub{ border-bottom:2px solid #57AB52; padding-bottom:0;}
/*    Column End     */

/*      Leaveword Start      */
#left .leave_h2{ text-align:left; padding-bottom:5px; border-bottom:1px solid #1B4D74;}
.leave_h2 img{ float:right;}

.post{float:right;padding-top:20px;}
#leave,#l_list{ width:500px; padding-top:10px; display:table; clear:both;}
#leave li{ width:700px; display:block;}
#leave span{float:left; color:#46462F; font-size:11px; margin:5px 7px 0 0; display:block;width:100px;text-align:right;}
#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:600px; padding:10px 0;}
#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:#F7E7E7;}
#l_list .red_bg h3,#l_list .red_bg p,#l_list .red_bg span{ color:#3f3f3f;}
/*      Leaveword End      */


/*    News Start     */
#news li{ float:none;width:650px; padding:15px 0 5px 2px;}
#news li h5 a{ color:#BCAE9D; padding-left:10px;}
#news li h5 span{ color:#989898; font-weight:normal;}
#news li a:hover{ text-decoration:underline;}
/*    News End     */


/*    Products Start     */
#p_search{ width:460px; font-size:11px; color:#666; float:right;}
#p_search span{ margin-right:2px; float:left;}
#p_search select,#p_search input,#p_search img{ margin-top:5px; float:left;}
#p_search select,#p_search input{ width:130px; height:18px; border:1px solid #BDBDBC; margin-right:10px;}

.p_title p{ font-size:11px; line-height:140%; padding:10px 0 0;}

.p_list{font-size:11px; padding-top:5px;clear:both;}
.p_list li{ width:715px; float:left; height:1%;clear:both; padding:15px 0; border-bottom:#B4AA9F 1px dashed}
.p_list li input{ margin-right:3px; vertical-align:middle}
.p_list li h3{ overflow:hidden}
.p_list li img{border:1px solid #D8B5B8; float:left; margin-right:15px; width:120px; height:91px;}
.p_list li span.more{ display:block; text-align:right; padding-right:20px;}
.p_list li span.more a{color:#BCAE9D;font-weight:bold;}

#products #i_mid{ width:350px; padding:10px 0 60px 15px; border-left:10px solid #F0F0F0;}
#i_mid .p_list{ width:330px;}

#i_mid .p_list li{ width:330px; padding:15px 0;}
#i_mid #p_search select,#i_mid #p_search input{ width:60px; height:16px; border:1px solid #BDBDBC;}

#p_info,#p_txt,#btn,#p_new{clear:both;}

#p_info{ padding:20px 0; margin-bottom:10px; border-bottom:1px dotted #C1BFBF;}
#p_pic{ width:290px; height:220px; text-align:center; background:#F6F6F6; padding-top:10px; overflow:hidden; float:left;}
#p_pic div{ width:270px; height:180px; text-align:center; margin:auto; overflow:hidden;}
#p_pic div img{ display:block; margin:auto;}
#p_pic span a{ color:#777; font-size:11px; font-weight:bold; margin:10px; display:block; float:right;}

#p_size{ width:340px; padding-top:15px; float:right;}
#p_size p{ color:#838383; line-height:150%; padding:0;}
#p_size img{ margin-top:10px;}

#p_txt h3,#p_new h3{ font-size:14px;}
#p_txt p,#p_title p{ line-height:160%; padding:10px 0;}

#btn{ text-align:right; margin:20px 0;}
#btn img{ margin:5px; display:inline;}
/*    Products End     */


#inquire_select,#new_btn{padding:3px 0; clear:both;}
#inquire_select span a{ font-size:11px; font-weight:bold; background:#870000; display:block; color:#fff; line-height:22px; text-align:center; margin-top:10px; width:150px; float:right;}

#new_btn{ color:#666; text-align:right; margin:10px 0; border-top:1px dotted #CDCDCD;}
#new_btn span{ margin:5px 3px 0 0; padding:0; line-height:16px;}
#new_btn a{ color:#666; font-size:11px; padding:1px 2px;}
#new_btn a:hover,#new_btn .page2{ color:#FFF; background:#870000;}


/*      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; display:table; 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:100px; 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:120px;}

div#check{ text-align:left; width:420px; border:3px solid #870000; padding:10px 0; display:table;}
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      */

#p_list *{padding:0;margin:0;text-align:center;}
#p_list h2{color:#BCAE9D; font-size:148px;}
#p_list li{float:left; width:120px;}
#p_list img.pro{ width:115px;}s
#p_list li a{ width:120px; }

.i_pro h2{ margin:10px 0; clear:both;}



.view{ padding-bottom:15px; display:table; clear:both; overflow:hidden; zoom:1; padding:10px 0;}
.view h4{padding-bottom:10px;}
.view li{ width:30%; text-align:center; float:left; margin:0 1%;}
.view li img{ width:90%; margin-bottom:7px;}

.v_pic{text-align:center; padding:20px 0; display:table; clear:both;}
.v_pic p{padding:20px; text-align:left;}

#fav{position:absolute;right:40px;top:20px;font-size:11px;}
#fav a{background:url("/images/star.jpg") no-repeat left center;
padding-left:20px;margin-left:5px;display:inline-block;color:#1a1a1a;}
