﻿
*{ margin:0px; }

body{ background:url(../img/bg_green.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2C373B;}

#mainDiv{ width:982px; margin:0px auto; }

#mainBox{ width:100%; background-color:#fff; text-align:left; float:left; }

a{ color:#666; text-decoration:none;}

a:hover{ color:#ff7200; text-decoration:underline;}

img{ border:none;}

.clear{ border:none; line-height:0px; clear:both; height:0px;}

.hide{ display:none;}

span.red{ color:#ff0000;}

.btn{ width:60px; line-height:20px; border:solid 1px #c5ccd2; background-color:#f6f6f6; text-align:center; color:#666; cursor:pointer;}

.btn2{ width:80px; height:22px; line-height:20px; border:solid 1px #c5ccd2; background-color:#f6f6f6; text-align:center; color:#666; cursor:pointer;}

.btn3{ width:120px; height:22px; line-height:20px; border:solid 1px #c5ccd2; background-color:#f6f6f6; text-align:center; color:#666; cursor:pointer;}

.moreBtn{ width:124px; height:28px; line-height:28px; background:url(../img/btn_more.gif) no-repeat; font-weight:bold; color:#fff; text-indent:20px; text-decoration:none; display:block;}

.moreBtn:hover{ color:#fff; text-decoration:none;}

#shortcut { background: url(../img/bg2011122901.png) repeat-x scroll 0 -32px #EFEFEF; height: 31px;width: 100%;}

#shortcut .collect { float: left; line-height: 30px; padding-left: 15px; position: relative; color:#666;}

#shortcut ul { background: url(../img/bg2011122901.png) repeat-x scroll 0 -32px transparent; float: right; height: 31px; position: relative; z-index: 11;}

ol, ul {list-style: none outside none;}


#shortcut li { background: url(../img/bg2011122901.png) no-repeat scroll -260px -1px transparent; color: #ACACAC; float: left;  height: 26px; line-height: 26px; padding: 2px 8px 3px;}

#topBox{ width:982px; float:left;}

#top_l{ width:230px; height:70px; margin-left:20px; padding:10px 0px; float:left; display:inline;}

#top_r{ height:90px; margin-right:20px; text-align:right; float:right; display:inline;}

#top_r1{ height:40px; padding:10px 0px 5px 0px;}

#top_r2{ height:30px; padding:5px 0px 10px 0px;}


#navMenu{ width:982px; height:60px; float:left;}

#nav_top{ float:left; width:982px; height:10px; background:url(../img/nav_bg1.gif) no-repeat; overflow:hidden;}

#nav_bom{ float:left; width:982px; height:10px; background:url(../img/nav_bg2.gif) no-repeat; overflow:hidden;}

#gundong{float:left; height:20px; margin-bottom:5px; padding-top:5px; padding-bottom:5px; width:980px;border:solid 1px #ccc;font-size:14px; text-align:center; color:#ff7200; font-weight:bold;}

#navMenu #nav{ margin:0px auto; }

#navMenu #nav a{ line-height:40px; text-align:center; border-right:solid 1px #fff; background-color:#81ca3d; font-weight:bold; color:#fff; text-decoration:none; letter-spacing:1px; float:left; display:inline;}

#navMenu #nav a.last{ padding:0px 41px; border-right:none; }/*!important;*/

#navMenu #nav a:hover{ background-color:#fff; color:#81ca3d; text-decoration:none;}



#midBox{ width:982px; margin-top:0px; float:left;}

#leftBox{ width:204px; float:left;}

#leftBox .typeMenu{ width:204px;}

#leftBox .typeMenu .t{ width:197px; padding-left:5px; border:solid 1px #ccc; border-top:none; background-color:#81ca3d; line-height:30px; font-weight:bold; color:#fff;}

#leftBox .typeMenu .c{ width:204px; padding-left:0px; list-style-type:none; color:#3284cd;}

#leftBox .typeMenu .li1{ width:202px; border:solid 1px #ccc; border-top:none; position:relative;  z-index:9999;}

#leftBox .typeMenu .li1 a{ width:177px; height:27px; line-height:27px; padding:0px 20px 0px 5px; background:url(../img/list_bg1.jpg) no-repeat 3px 1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}

#leftBox .typeMenu .li1 a:hover{ color:#666; text-decoration:none;}

#leftBox .typeMenu .con{ width:250px; padding:15px; border:solid 1px #ccc; background-color:#fff; position:absolute; top:-1px; left:203px; display:none; float:left; z-index:9999;}

#leftBox .typeMenu .con dt{ width:250px; height:27px; border-bottom:solid 1px #ccc; margin-bottom:5px; color:#599907; font-size:15px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

#leftBox .typeMenu .con dd{ width:250px; height:27px; line-height:27px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

#leftBox .typeMenu .con dd a{ padding:0px; background:none; display:inline;}

#leftBox .typeMenu .con dd a:hover{ color:#ff7200; text-decoration:none;}


#leftBox .lefttab{ margin-top:10px;}

#leftBox .lefttab .t{ width:197px; padding-left:5px; border:solid 1px #ccc; border-top:none; background-color:#81ca3d; line-height:30px; font-weight:bold; color:#fff;}

#leftBox .lefttab .c{width:192px; line-height:20px; padding:5px; border:solid 1px #ccc; border-top:none; color:#666;}

#leftBox .lefttab .ides{ list-style:none; padding-left:0px; }

#leftBox .lefttab .ides li{ width:192px; padding:10px 0px; border-bottom:dotted 1px #ccc; }

#leftBox .lefttab .more{ width:192px; height:30px; line-height:30px; font-size:14px; font-weight:bold; text-align:right;}

#leftBox .lefttab .more a{ color:#f7d00f; text-decoration:underline;}

#leftBox .lefttab .more a:hover{ text-decoration:none;}



#rightBox{ width:765px; float:right;}

#rightBox2{ width:765px; border:solid 1px #ccc;/*71a3ed*/ float:right;}

#rightBox3{ width:980px; border:solid 1px #ccc;/*71a3ed*/ float:right;}

#loc{ width:750px; line-height:20px; margin-bottom:10px; padding-left:15px; font-size:13px; color:#666; float:right;}

#loc a{ color:#3284cd; text-decoration:none;}

#loc a:hover{color:#ff7200;}

/* Home */
#imagehome{ width:765px; height:230px;}

#imageBox{ width:765px; height:280px;}

#idx_con{ width:765px; margin-top:20px;}

#idx_con .idx_con1{ width:765px; float:left;}

#idx_con .idx_con1 .tab { border-collapse:collapse; text-align:center;}

#idx_con .idx_con1 .tab  td{ width:240px; padding:7px; vertical-align:top;}

#idx_con .idx_con1 .tab  td img{ width:240px; height:240px;}

#idx_con .idx_con1 .tab  td p{ line-height:20px;}

#idx_con .idx_con1 .tab  td a{ color:#ff7200; text-decoration:none;}

#idx_con .idx_con1 .tab  td a:hover{color:#ff7200; text-decoration:underline;}

#idx_con .idx_con1 .tab  td .t{ line-height:30px; font-size:16px; font-weight:bold; color:#599907;}

#idx_con .idx_con1 .tab  td .t a{ color:#599907; text-decoration:none;}

#idx_con .idx_con1 .tab  td .t a:hover{color:#81ca3d;}

#idx_con .idx_con1 .tab  td .c{ line-height:20px; color:#3284cd;}

#idx_con .idx_con1 .tab  td .d{ line-height:20px; color:#666;}

#idx_con .idx_con1 .tab  td .p{ line-height:20px; color:#666;}



#imgDiv{ width:980px; float:left;}

#footli{width:955px; margin:18px 0px 18px 25px; float:left; }

#imgDiv img{ width:117px;}

#idx_con .conDiv{ width:205px;}

#idx_con h4{ font-size:16px; font-weight:bold; color:#3284cd;}

#idx_con ul{ padding-left:0px; list-style:none;}

#idx_con ul li a{ color:#599907; text-decoration:none;}

#idx_con ul li a:hover{ color:#ff7200; text-decoration:underline;}

#idx_con .alink{ margin-top:10px;}


.featured-profiles {
    background-color: #FFFFFF;
    margin: 0px 0 0;
    position: relative;
    width: 220px;
}

div .header {
    height: 32px;
    width: 220px;
}

div .header div.le {
    background-image: url("../img/module-sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    height: 32px;
    width: 8px;
}

div .header div.cen {
    background-image: url("../img/module-sprite.png");
    background-position: 0 -100px;
    float: left;
    height: 32px;
    width: 204px;
}
div .header div.ri {
    background-image: url("../img/module-sprite.png");
    background-position: -42px -50px;
    background-repeat: no-repeat;
    float: right;
    height: 32px;
    width: 8px;
}

.featured-profiles .cont.gycr {
    padding: 3px 7px 0;
    position: relative;
    
}
#ordertab{ font-size:14px; }

#ordertab .inclass input{ font-weight: bold; color: #3284cd; font-family: Arial;font-size: 13px;width: 180px; height: 20px;}

#ordertab .inclass input:hover{

     border:1px solid #ff7200;
     height:23px;
     width:185px;
    
}
.featured-profiles .cont {
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    margin: 0;
}

div .bottom {
    background: url("../img/bg-left-panel.gif") no-repeat scroll 0 0px transparent;
    clear: both;
    height: 15px;
    width: 220px;
}
div .cen-bg{ background-image:url(../img/login.png);float:left;  width:34px; height:31px;}

div .cen-tex{float:left; padding-top:10px; font-size:13px; font-weight:bold; color:#666 }

.arctypelist-top {
    background-image: url("../img/home-mid-1.gif");
    font-size: 0;
    height: 9px;
    
}
.arctypelist-center {
    background-image: url("../img/bg-docs-lrg_2.gif");
    padding: 10px 0 5px  10px;
    float:left;
    width: 764px;

}


.arctypelist-bottom {
    background-image: url("../img/bg-docs-lrg_3.gif");
    font-size: 0;
    height: 5px;
    
}

/* Home */


/* 分类列表 */
#typeListBox{ width:982px; float:left;}

#typeListBox .title{ width:952px; padding:0px 15px;}

#typeListBox .title .t{ width:100%; font-size:34px; color:#599907;}

#typeListBox .title .d{ width:100%; margin-top:10px; line-height:20px; font-size:14px; font-weight:bold; color:#666;}

#typeListBox .typeItem{ width:735px; padding:0px 15px 15px; border-right:solid 1px #ccc; float:left;}

#typeListBox .typeItem .item{ float:left;}

#typeListBox .typeItem dl{ width:229px; margin-top:20px; margin-left:24px; float:left;}

#typeListBox .typeItem dl.first{ margin-left:0px; clear:left;}

#typeListBox .typeItem dl dt{ width:229px; height:30px; margin-bottom:10px; border-bottom:dotted 2px #9bb1c7; font-size:16px; font-weight:bold; color:Orange; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

#typeListBox .typeItem dl dd{ width:229px; height:30px; line-height:30px; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


#typeListBox .proItem{ width:180px; margin-top:20px; padding:0px 15px; float:right;}

#typeListBox .proItem .t{ line-height:25px; text-align:center; font-size:18px; color:#666;}

#typeListBox .proItem .carousel{ width:180px; margin-top:10px; height:672px;}

#typeListBox .proItem ul{ padding-left:0px; list-style:none;}

#typeListBox .proItem ul li{ margin-top:10px;}

#typeListBox .proItem ul li .img{ width:180px; height:180px; overflow:hidden;}

#typeListBox .proItem ul li .img img{ width:180px; height:180px;}

#typeListBox .proItem ul li .pn{ width:180px; height:44px; line-height:22px; text-align:center;}

#typeListBox .proItem ul li a{ color:#99cc00; text-decoration:underline;}

#typeListBox .proItem ul li a:hover{ color:#ff7200; text-decoration:none;}

/* 分类列表 */

.page{font-size:13px; text-align:center; padding:5px 5px 5px 5px; }

.page a{ color:#3284cd; text-decoration:none;}

.page a:hover{ color:#ff7200; text-decoration:none;}

#prolist{ padding-top:15px;}

#prolist #page a{ color:#3284cd; text-decoration:none;}

#prolist #page a:hover{ color:#ff7200; text-decoration:none;}


/* Product Detail */

#pro{ width:735px; padding:0px 15px 50px; float:right;}

#pro .title{ width:735px; height:50px; line-height:40px; font-size:20px; font-weight:bold; color:#599907;}

#pro .imgBox .l{ width:470px; height:300px; overflow:hidden; float:left;}

#pro .imgBox .r{ width:224px; height:243px; float:right; background:url(../img/pro_bg.jpg) no-repeat;}

#pro .imgBox .r .a1{ width:192px; height:60px; float:right;}

#pro .imgBox .r .a2{ width:224px; height:95px; float:right;}

#pro .imgBox .r .a3{ width:224px; height:45px; float:right;}

#pro .con{ width:735px; margin-top:20px; float:left; }

#pro .con .menu{ height:29px; padding-left:0px; border-bottom:solid 2px #7dbf43; font-size:14px; font-weight:bold; overflow:hidden;}

#pro .con .menu li{ width:180px; margin-right:5px; float:left;}

#pro .con .menu li a{ width:180px; height:29px; line-height:29px; background-image:url(../img/menu_bg3.jpg); color:#fff; text-decoration:none; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}

#pro .con .menu li a:hover{ color:#fff;}

#pro .con .menu li a.selected{ color:#fff;}

#pro #Deta{ width:735px; padding-top:15px; background-color:#fff; line-height:22px; color:#666; display:none; float:left;}

#pro #Deta a{ color:#137f99; text-decoration:underline;}

#pro #Deta a:hover{ color:#ff7200; text-decoration:none;}

#pro #Deta .t{ width:100%; line-height:20px; font-size:16px; font-weight:bold; color:#599907;}

#pro #DetaTab{ width:100%; border-collapse:collapse; text-align:left;}

#pro #DetaTab td{ padding:5px; line-height:20px;}

#pro #DetaTab td.l{ width:110px; text-align:right; vertical-align:top; font-weight:bold; color:Orange;}

#pro #DetaTab td.r{ width:605px; text-align:left; vertical-align:top;}

#pro #Deta .ideas{ width:100%; margin-top:20px; line-height:20px; font-size:17px; font-weight:bold; color:#599907;}

#pro #Deta .ideas a{ color:#137f99; text-decoration:underline;}

#pro #Templates{ width:735px; padding-top:15px; background-color:#fff; line-height:22px; color:#666; display:none; float:left;}

#pro #Templates a{ color:#137f99; text-decoration:underline;}

#pro #Templates a:hover{ color:#ff7200; text-decoration:none;}

#pro #Templates .t{ width:100%; line-height:20px; font-size:16px; font-weight:bold; color:#599907;}

#pro #Pack{ width:735px; padding-top:15px; background-color:#fff; line-height:22px; color:#666; display:none; float:left;}

#pro #Pack .t{ width:100%; line-height:20px; font-size:16px; font-weight:bold; color:#599907;}

#pro #Pack .ora{ color:Orange; font-weight:bold;}

/* Product Detail */

/* About Us */
#aboutBox{ width:735px; padding:0px 15px 50px; float:right;}

#aboutBox .t{ width:100%; padding-bottom:10px; border-bottom:dotted 1px #ccc;}

#aboutBox .t a{ margin-left:10px;}

#aboutBox .c{ width:100%; margin-top:10px; line-height:20px; color:#666;}

#aboutBox .c .ct{ line-height:30px; font-size:14px; font-weight:bold; color:#99cc00;}

#aboutBox .c a{ color:#99cc00; text-decoration:underline;}

#aboutBox .c a:hover{ color:#ff7200; text-decoration:none;}
/* About Us */

/* Testimonials */
#tesBox{ width:735px; padding:15px 15px 50px; float:right;}

#tesBox .t{ width:100%; font-size:17px; font-weight:bold; color:#599907;}

#tesBox .c{ width:100%; margin-top:20px; line-height:20px; color:#666;}

#tesBox .c a{ color:#99cc00; text-decoration:underline;}

#tesBox .c a:hover{ color:#ff7200; text-decoration:none;}

#tesBox .con{ width:574px; float:left;}

#tesBox .con .tt{ height:24px; background:url(../img/bg_dhl_t.jpg);}

#tesBox .con .mm{ padding:5px 20px; background:url(../img/bg_dhl_m.jpg) repeat-y;}

#tesBox .con .bb{ height:47px; background:url(../img/bg_dhl_b.jpg);}

#tesBox .con .cus{ line-height:20px; padding-left:5px; font-weight:bold; font-size:14px; color:#a3c439;}

#tesBox .con2{ width:574px; float:right;}

#tesBox .con2 .tt{ height:24px; background:url(../img/bg_dhr_t.jpg);}

#tesBox .con2 .mm{ padding:5px 20px; background:url(../img/bg_dhr_m.jpg) repeat-y;}

#tesBox .con2 .bb{ height:47px; background:url(../img/bg_dhr_b.jpg);}

#tesBox .con2 .cus{ line-height:20px; padding-right:5px; text-align:right; font-weight:bold; font-size:14px; color:#a3c439;}
/* Testimonials */


/* market*/
#market{ width:735px; padding:10px 15px 50px; float:right; background:url(../img/bg-title.png) repeat-x;}

#market .t{ width:100%; font-size:17px; font-weight:bold; color:#599907;}

#market .c{ width:100%; margin-top:10px; line-height:20px;}

#market .c .ct{ line-height:30px; font-size:14px; font-weight:bold; color:#99cc00;}

#market .c a{ color:#99cc00; text-decoration:underline;}

#market .c a:hover{ color:#ff7200; text-decoration:none;}

#mmm{position: absolute; width: 200px; height: 100px; border: 1px solid #666; background: #fefefe; display:none;}

#mmm div{width: 150px; height: 80px;  margin-left:10px; margin-top:10px;}

#mmm ul{float:left; padding-left:0px; list-style-type:none;}

#mmm ul li{float:left; width:30px; height:40px; padding-left:20px; }
/* market*/

/* PrepareFiles */
#pfBox{ width:735px; padding:15px 15px 50px; float:right;}

#pfBox .t{ width:100%; font-size:17px; font-weight:bold; color:#599907;}

#pfBox .c{ width:100%; margin-top:10px; line-height:20px;}

#pfBox .c .ct{ line-height:30px; font-size:14px; font-weight:bold; color:#336;}

#pfBox .c a{ color:#3284cd; text-decoration:underline;}

#pfBox .c a:hover{ color:#ff7200; text-decoration:none;}
/* PrepareFiles */


/* Order Processing */
#order-proBox{ width:735px; padding:15px 15px 50px; float:right;}

#order-proBox .title .t{ width:100%; font-size:17px; font-weight:bold; color:#599907;}

#order-proBox .title .d{ width:100%; margin-top:10px; line-height:20px; font-size:14px; font-weight:bold; color:#336;}

#order-proBox .c{ width:100%; margin-top:10px; line-height:20px;}

#order-proBox .c .ct{ line-height:30px; font-size:14px; font-weight:bold; color:#336;}

#order-proBox .c ul{ padding-left:20px; list-style-type:square;}

#order-proBox .c a{ color:#3284cd; text-decoration:underline;}

#order-proBox .c a:hover{ color:#ff7200; text-decoration:none;}
/* Order Processing */


/* Artwork Requirement */
#artBox{ width:735px; padding:15px 15px 50px; float:right;}

#artBox .t{ width:100%; font-size:17px; font-weight:bold; color:#599907;}

#artBox .c{ width:100%; margin-top:10px; line-height:20px;}

#artBox .c .ct{ line-height:30px; font-size:14px; font-weight:bold; color:#336;}

#artBox .c ul{ padding-left:20px; list-style-type:square;}

#artBox .c a{ color:#3284cd; text-decoration:underline;}

#artBox .c a:hover{ color:#ff7200; text-decoration:none;}
/* Artwork Requirement */


/* Artwork Templates */
#artBox2{ width:735px; padding:15px; float:right;}

#artBox2 .t{ width:100%; font-size:22px; font-weight:bold; color:#599907;}

#artBox2 .c{ width:100%; line-height:20px; color:#666;}

#artBox2 .c .ct{ line-height:30px; font-size:14px; font-weight:bold; color:#599907;}

#artBox2 .c ul{ list-style:none; margin-top:10px; padding-left:0px;}

#artBox2 .c ul li{ width:245px; margin-bottom:20px; float:left;}

#artBox2 .c ul li .l{ width:160px; float:left;}

#artBox2 .c ul li .l .lt{ width:160px; height:25px; color:#137f99; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

#artBox2 .c ul li .l .lc{ width:160px; height:100px; overflow:hidden;}

#artBox2 .c ul li .l .lc img{ width:160px;}

#artBox2 .c ul li .l .lb{ width:160px; line-height:25px; text-align:center;}

#artBox2 .c ul li .r{ width:75px; padding-top:50px; float:right;}
/* Artwork Templates */


/* Help */
#helpBox{ width:735px; padding:15px 15px 0px; font-family:Arial, Helvetica, sans-serif; float:right;}

#helpBox .t{ width:100%; font-size:17px; font-weight:bold; color:#599907;}

#helpBox .menu{ height:31px; border-bottom:solid 2px #ccc; font-weight:bold; overflow:hidden;}

#helpBox .menu a{ width:80px; height:31px; line-height:31px; margin-right:1px; background-image:url(../img/menu_bg.jpg); color:#666; text-decoration:none; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}

#helpBox .menu a:hover{ color:#599907;}

#helpBox .menu a.selected{ color:#599907;}

#helpBox .c{ width:100%; margin-top:10px; line-height:20px;}

#helpBox .c .ct{ line-height:30px; font-size:14px; font-weight:bold; color:#599907;}

#helpBox .c a{ color:#3284cd; text-decoration:underline;}

#helpBox .c a:hover{ color:#ff7200; text-decoration:none;}
/* Help */


/* Contact Us */
#contactBox{ width:735px; padding:0px 15px; font-family:Arial, Helvetica, sans-serif; float:right;}

#contactBox .t{ width:100%; font-size:17px; font-weight:bold; color:#599907;}

#contactBox .menu{ height:31px; border-bottom:solid 2px #ccc; font-size:14px; font-weight:bold; overflow:hidden;}

#contactBox .menu a{ width:175px; height:31px; line-height:31px; margin-right:5px; background-image:url(../img/menu_bg2.jpg); color:#666; text-decoration:none; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}

#contactBox .menu a:hover{ color:#599907;}

#contactBox .menu a.selected{ color:#599907;}
    
#contactBox .con{ width:735px; border-top:none; float:left;}

#contactBox .con span.b{ font-weight:bold; color:#599907;}

#contactBox .con .tab{ width:100%; border-collapse:collapse;}

#contactBox .con .tab td{ height:25px; padding:0px 5px;}

#contactBox .con .tab td.l{ text-align:right;}


#contactBox .con .tab2{ width:100%; border:solid 1px #ccc; border-collapse:collapse;}

#contactBox .con .tab2 td{ height:30px; border:solid 1px #ccc; padding:0px 5px;}

#contactBox .con .tab2 td.l{ text-align:right;}

#contactBox .con .tab2 span.n{ font-weight:bold; color:#336;}


#contactBox .con .tab3{width:100%; border:solid 1px #ccc; border-collapse:collapse;}

#contactBox .con .tab3 td{ height:28px; border:solid 1px #ccc; padding:0px 5px;}

#contactBox .con .tab3 td.l{ text-align:right;}

#contactBox .con .tab3 .style30{height:35px; font-size:18px; font-weight:bold; text-align:center; color:#599907}

#contactBox .con .tab3 span{ font-size:12px; font-weight:bold; color:#336;}
/* Contact Us  */

/* Order Processing */
#promotionBox{ width:600px; padding:15px 15px; margin:0px auto;}

#promotionBox .title{ width:600px;}

#promotionBox .title .t{ width:100%; font-size:17px; font-weight:bold; color:#599907;}

#promotionBox .title .d{ width:100%; margin-top:10px; line-height:20px; font-size:14px; font-weight:bold; color:#336;}

#promotionBox .con .tab{ width:100%; border-collapse:collapse;}

#promotionBox .con .tab td{ height:25px; padding:0px 5px;}

#promotionBox .con .tab td.l{ text-align:right;}
/* Order Processing */

/* 用户注册*/
#reBox .rig{ text-align:right;width:165px;}

#reBox .lef{ text-align:left; padding-left:20px; width:265px;}

#reBox table tr{ height:26px;}

#reBox { width:750px; padding:15px 0px 50px; float:right;}

#reBox .t{ width:100%; font-size:17px; font-weight:bold; color:#599907;}

#reBox .c{  margin-top:10px; line-height:20px;}

#reBox .c .ct{ line-height:30px; font-size:14px; font-weight:bold; color:#336;}

#reBox .c a{ color:#3284cd; text-decoration:underline;}

#reBox .c a:hover{ color:#ff7200; text-decoration:none;}



/* 底部 */
#bomBox{ width:982px; float:left; margin-top:20px; font-weight:bold; color:#666;}

#bomBox .info{ width:962px; padding:20px 10px; border-top:solid 2px #ccc; border-bottom:solid 2px #ccc;}

#bomBox .info .item{ width:230px; height:157px; margin-left:68px; float:left;}

#bomBox .info .item .t{ width:100%; height:25px; font-size:17px; font-weight:bold; color:#2e5a05;}

#bomBox .info .item .c{ line-height:22px;}

#bomBox .info .links{ width:826px; margin-top:20px; margin-left:68px; padding-top:20px; border-top:dotted 1px #ccc;}

#bomBox .info .links a{ margin-left:10px; color:#666; text-decoration:underline;}

#bomBox .info .links a:hover{ color:#ff7200; text-decoration:none;}

#bomBox .info .links .l{ font-size:14px; color:#2e5a05;}

#bomBox .copyright{ height:50px; line-height:50px; text-align:center; }


/* 产品列表*/
 .indutab { width:730px; margin-top:10px; border:solid 1px #ccc; border-collapse:collapse; text-align:center;}

 .indutab  th{ height:25px;  border:solid 1px #ccc; background-color:#fbfbfb; color:#3284cd;}

 .indutab  td{ border:solid 1px #ccc; line-height:30px; width:230px;}

 .indutab  td.l{ font-weight:bold; color:#3284cd;}

 .indutab  td.r{ text-align:left;}
 
 .indutab a{background-color:#fff;  font-weight:bold; color:#3284cd;text-decoration:none; float:left;}

 .indutab a:hover{  background-color:#3284cd; color:#fff; text-decoration:none;}

#typeListBox .div1{padding-bottom:25px; text-align:center; width:200px; float:left; padding-left:30px;}

#typeListBox .tab1{border:solid 1px #ccc; height:250px; width:215px;}

#typeListBox .tab1 a{ color:#3284cd; text-decoration:none;}

#typeListBox .tab1 a:hover{ color:#ff7200; text-decoration:none;}

#rptProList { margin-top:40px;width:100%}

#typeListBox .h{text-align:center; padding-top:0px; padding-bottom:10px;}

#typeListBox .style1{font-weight:bold; color:#3284cd;}

#typeListBox .style12{ height:150px; width:220px; }

#typeListBox .style12 a{border:solid 2px #eee;display:inline-block;}

#typeListBox .style12 img{border:solid 1px #ccc;display:block;padding:5px;}

#typeListBox .style122{color:#599907;border-bottom: #cccccc 2px dotted; height:38px; font-size:14px; padding-left:10px;}

#typeListBox .style122 a{ color:#3284cd; text-decoration:none;}

#typeListBox .style122 a:hover{ color:#ff7200; text-decoration:none;}

#nan .style1{font-weight:bold; color:#3284cd;}

#nan .style12  a{border:solid 2px #eee;display:inline-block;}

#nan .style12 img{border:solid 1px #ccc;display:block;padding:5px;}


#nan a{border:solid 2px #eee;display:inline-block;}

#nan img{border:solid 1px #ccc;display:block;padding:5px;}

.classl1 ul{ margin-top:10px; padding-left:0px; list-style:none;}

.classl1 ul li{line-height:25px; padding-left:16px; background:url(../img/arrow.gif) no-repeat 0px 7px; font-size:13px; color:#599907;}

.classl1{ width:185px;  border:solid 1px #ccc; float:right; height:200px;}

.classl1 .classl2{ width:135px; text-align:center; }

.classl1 .classl2 img{ width:127px;}

.classl1 .classl3{ width:185px;}

.classl1 ul li a{ color:#599907; text-decoration:none;}

.classl1 ul li a:hover{ color:#ff7200; text-decoration:underline;}

.class4{height:30px;}


/*left*/

.my_left_category{width:160px;font-size:12px;}

.my_left_category h1{background-image:url(./img/20100409124819164.gif); height:20px; background-repeat:no-repeat; font-size:14px; font-weight:bold; padding-left:15px; padding-top:8px; margin:0px; color:#FFF;}

.my_left_category .my_left_cat_list{width:148px;border-color:#b60134;border-style:solid;border-width:0px 1px 1px 1px;line-height:13.5pt;}

.my_left_category .my_left_cat_list h2 {margin:0px;padding:3px 5px 0px 9px;}

.my_left_category .my_left_cat_list h2 a {color:#d6290b;font-weight:bold;font-size:14px;line-height:22px;}

.my_left_category .my_left_cat_list h2 a:hover {color:#d6290b;font-weight:bold;font-size:14px;line-height:22px;}

.my_left_category .h2_cat{width:148px; height:26px;  background-image:url(./img/20100409124819709.gif); background-repeat:no-repeat;  line-height:26px; font-weight:normal; color:#333333; position:relative;}

.my_left_category .h2_cat_1{ width:148px; height:26px;  background-image:url(./img/20100409124819113.gif); background-repeat:no-repeat;  line-height:26px; font-weight:normal; color:#333333; position:relative;}

.my_left_category a{ font:12px; text-decoration:none; color:#3284cd;}

.my_left_category a:hover{ text-decoration:underline; color:#ff7200;}

.my_left_category h3{margin:0px; padding:0px;height:26px; font-size:12px; font-weight:normal;display:block; padding-left:8px;}

.my_left_category h3 span{color:#999999; width:145px; float:right;}

.my_left_category h3 a{ line-height:26px; font-weight:bold;}

.my_left_category .h3_cat{ display:none; width:204px; position:absolute;  left:123px;  margin-top:-26px;  cursor:auto;}

.my_left_category .shadow{z-index:2000;position:inherit;background:url(./img/20100409124819581.gif) left top; width:480px;}

.my_left_category .shadow_border{position:inherit; width:800px; border:1px solid #949494; margin-top:1px; border-left-width:0px; background:url(./img/20100409124819246.gif) no-repeat 0px 21px;  background-color:#ffffff; margin-bottom:3px}

.my_left_category .shadow_border ul{margin:0; padding:0; margin-left:15px}

.my_left_category .shadow_border ul li {list-style:none;padding-left:10px;background-image:url(./img/20100409124819650.gif); background-repeat:no-repeat;background-position:0px 8px;float:left;width:140px;height:26px;overflow:hidden;letter-spacing:0px;} 

.my_left_category .shadow_border ul li a{ font:12px;text-decoration:none;color:#444;}

.my_left_category .shadow_border ul li a:hover{text-decoration:underline; color:#ff7200;}

.my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;}

.my_left_category .active_cat h3 { font-weight:bold}

.my_left_category .active_cat h3 span{ display:none;} 

.my_left_category .active_cat div{display:block;} 

/*left*/

/*marketing*/
#mark{ width:765px; margin-top:10px;}

#mark .idx_con1{ width:743px; padding:10px;float:left;}

#mark .idx_con1 ul{ width:100%;}

#mark .idx_con1 h2{ color:#3284cd}

#mark .idx_con1 ul li{float:left; padding:10px;  }

#mark .idx_con1 ul li img{float:left; padding-right:9px; width:50px; height:50px; padding-bottom:0px;}

#mark .idx_con1 ul li div{width:226px;float:left;}

#mark .idx_con1 ul li a{ color:#999; text-decoration:none;}

#mark .idx_con1 ul li a:hover{color:#ff7200;}

#mark .idx_con1 ul li h3 a{ color:#599907; text-decoration:none;}

#mark .idx_con1 ul li h3 a:hover{ color:#ff7200; text-decoration:underline;}

#mark ul{ padding-left:0px; list-style:none;}

#mark ul li a{ color:#599907; text-decoration:none;}

#mark ul li a:hover{ color:#ff7200; text-decoration:underline;}

#marktex{ border-bottom: #cccccc 1px dotted; border-left: #cccccc 1px dotted;
          table-layout: fixed; border-top: #cccccc 1px dotted; border-right: #cccccc 1px dotted}

#marktex .div1{padding-bottom:30px; text-align:center; }

#marktex .style12{ height:140px; width:140px;}

#marktex .style12 a{border:solid 2px #eee;display:inline-block;float:left;}

#marktex .style12 img{border:solid 1px #ccc;display:block;}

#marktex .style14{ padding: 8px;}

/*customer*/

#rightBox2 .div1{padding-bottom:30px; text-align:center;}
#rightBox2 .style12{ height:105px; width:105px; }

#rightBox2 .style12 a{border:solid 2px #eee;display:inline-block;}

#rightBox2 .style12 img{border:solid 1px #ccc;display:block;}


/*indupro*/

#rightBox2 .induclassdiv {border-top:solid 1px #e0e0e0; width:735px; padding:15px; text-align:center; float:left; padding-bottom:20px;}

#rightBox2 .induclassdiv .t{ width:100%; text-align:left; line-height:20px;font-size:14px; font-weight:bold; color:#599907;}
/*home*/
#work { background-color:#ccc;}

#work tr th{ height:25px; font-size:12px; color:#3284cd; font-weight:bold; background-color:#fff; text-align:center}

#work tr td{ height:25px; background-color:#fff;}

.homefont{ font-size:13px; padding-top:10px; text-align:center}

.homefont a{ color:#599907; text-decoration:none; font-weight:bold;}

.homefont a:hover{ color:#ff7200; text-decoration:underline; font-weight:bold;}

/*markingdatailed*/

#Features .style21{border:solid 2px #eee;display:inline-block; width:105px; font-weight:bold; height:105px;}

#Features .style22{border:solid 1px #ccc;display:block;width:105px;height:105px;}

#editmate{width:100%;border:0px; padding-top:20px; padding-bottom:20px;}

#editmate tr th { height:35px; text-align:right;}

#editmate tr td { height:35px; padding-left:20px;}

#editpwd{width:700px;border:0px; padding-top:20px; padding-bottom:20px;}

#editpwd tr th { height:35px; width:150px; text-align:right;}

#editpwd tr td { height:35px; width:300px; padding-left:20px;}

#paymentab { width:100%; margin-top:10px; font-size:14px; border:solid 1px #ccc; border-collapse:collapse; text-align:left;}

#paymentab  th{ height:30px; color:#fff; font-size:15px; font-weight:bold; text-align:center;background-color:#81ca3d;}

#paymentab  td{ padding:5px; border:solid 1px #ccc; line-height:20px;}

#paymentab td.l{ font-weight:bold; color:#3284cd;}

#paymentab  td.r{ text-align:left;}

#paymentab span{font-size:15px; font-weight:bold; color:#599907;}

#paymentab a{ color:#599907; text-decoration:none; font-weight:bold;}

#paymentab a:hover{ color:#ff7200; text-decoration:underline; font-weight:bold;}

#style404{color:#8BBD40;font-size:14px; width:100%; text-align:center;}

#style404 a{ color:#599907; text-decoration:none; font-weight:bold;}

#style404 a:hover{ color:#ff7200; text-decoration:underline; font-weight:bold;}
