/* CSS Document */
body{margin:0 auto;font:12px Arial, Helvetica, sans-serif;text-align:center;}
table,td,div,ul,li{font:12px Arial, Helvetica, sans-serif;}
img{border:none;}
ul,li{margin:0;padding:0;list-style:none;}


#logo a{color:#999;padding-right:10px;text-decoration:none;}
#nav{background:#4e606a;border-bottom:1px solid #718997;color:#fff;height:28px;line-height:28px;}
#nav a{color:#fff;padding:0 0.5em;text-decoration:none;}
#nav a:hover{text-decoration:underline;}

#pagebox{margin:0 auto;}
#maincontent{margin:0 auto;width:900px;}
#left{width:680px;float:left;text-align:left;}
.right{text-align:left;border-left:1px solid #dedee0;border-right:1px solid #dedee0;border-top:1px solid #dedee0;background:url(/images/build.gif) bottom no-repeat;border-bottom:1px solid #fff;}
.clear{clear:both;}
.space{margin-bottom:5px;}
.bold{font-weight:bold;}

.intro{text-indent:24px;color:#333;line-height:20px;padding:3px 10px;font-family:Tahoma,Arial, Helvetica, sans-serif;}
.intro a{color:#333;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;}
.intro a:hover{color:#c00;text-decoration:underline;}

#artlist,#artlist a{color:#369;}
#artlist .title{font-weight:bold;}
#artlist .eng{color:#929291;font:10px verdana,arial;}
#artlist .splitline{color:#c9c9c9;padding:0 3px;}
#artlist .more{font:10px arial;color:#666;text-decoration:none;}
#artlist ul{margin:10px;}
#artlist ul li{padding:3px 7px;background:url(/images/list_icon.gif) left 50% no-repeat;padding-left:10px;text-align:left;}
#artlist ul li a{text-decoration:none;background:url(/images/linkbg.gif) bottom repeat-x;display:block;padding-bottom:2px;}
#artlist ul li a:hover{text-decoration:underline;color:#036;}
#artlist .class, #artlist .class a{color:#333;}
#artlist .class a{padding:0 2px;}
#artlist .class a:hover{color:#f60;}
#artlist .img{padding:1px;border:1px solid #ccc;background:#fff;margin-top:10px;margin-left:10px;}
#artlist a.indexlist{background:url(/images/aclassbg.gif) left bottom no-repeat;padding:3px 10px;text-decoration:none;display:block;margin:-5px 0;};
#artlist a.indexlist:hover{text-decoration:underline;color:#036;}
#artlist a.alist{background:url(/images/aclassbg.gif) left bottom no-repeat;padding:3px 10px;text-decoration:none;display:block;}
#artlist a.alist:hover{text-decoration:underline;color:#036;}
.alistspace{padding-left:10px;padding-right:10px;text-align:left;line-height:8px;}
.alistspace a{line-height:16px;}


.indexlist{padding-left:10px;padding-right:10px;padding-top:7px;padding-bottom:7px;text-align:left;line-height:8px;}
.indexlist a{line-height:12px;}



#article{color:#333;text-align:left;}
#article h1{font:bold 18px Arial, Helvetica, sans-serif;color:#000;display:block;padding-top:15px;text-align:center;}
#article .content{padding:5px 17px 10px 20px;line-height:20px;}
#article .content img{float:left;margin:10px 10px 10px 0;}

#service, #service a{color:#333;}
#service .content{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding:5px 10px;line-height:20px;}
#service .img{border:1px solid #d0d0d0;margin-right:10px;}

#search{background:url(/images/search_bg.gif) repeat-x;height:31px;border:1px solid #aec1e3;color:#fff;padding-left:10px;}
#search .input{border:1px solid #8ab8e6;height:19px;line-height:19px;font:12px Verdana;color:#666;margin:0;padding:0;vertical-align:middle;border-right:none;}
#search .search{margin:0;padding:0;vertical-align:middle;}src:url(/images/search.gif)

#itwb{margin-top:10px;}
#itwb, #itwb a{color:#369;}
#itwb .intro{text-align:left;line-height:20px;color:#369;}
#itwb a{font-weight:bold;text-decoration:underline;}

.link{padding:10px 10px 0 5px;}
#link{color:#333;}
#link .titlebg{background:#fff;}
#link .title{background:url(/images/linkbg.gif) center repeat-x;text-align:left;padding-left:10px;font-weight:bold;}
#link .img{margin-right:20px;}

#predo{color:#697173;border:1px solid #fff;background:url(/images/predobg.gif) top repeat-x #fff;padding:0 15px;}
#predo .info{line-height:22px;}

#footer{background:#cdd4da;border-bottom:3px solid #b9c2ca;}
#footer .copyright{color:#7f888f;font-weight:bold;padding-left:20px;line-height:20px;text-align:left;}

#page{padding-right:10px;text-align:right;color:#333;vertical-align:middle;height:30px;line-height:30px;}
#page a{margin:3px 7px;vertical-align:middle;border:none;}
#page a:hover{border-bottom:2px solid #369;}

.select{margin-right:10px;color:#333;font-family:verdana;}

.class_list{text-align:right;background-color:#eee;padding-right:10px;color:#333;}
.class_list a{color:#333;}
.class{color:#333;background-color:#e5f3ff;border-bottom:3px solid #a9d6fa;text-align:left;padding-left:10px;margin:3px 0;}
.class_name{color:#c00;font-weight:bold;padding-left:3px;padding-right:20px;}

#productlist{margin:10px 0;font:12px Verdana, Arial, Helvetica, sans-serif;color:#333;}
#productlist tr{background:url(/images/list_tdline.gif) bottom repeat-x;}
#productlist td{padding:5px;}
#productlist a{color:#369;}

#product .intro{color:#369;padding:10px;text-indent:2em;line-height:20px;text-align:left;font-family:verdana;}
#product .contactus a{color:#036;text-decoration:underline;padding:0 3px;}
#product .contactus{color:#333;padding:10px;text-indent:2em;line-height:20px;font-family:verdana;}
#product #class{border:1px solid #ff8c19;background-color:#fffaf2;}
#product #class a{background:url(/images/class_icon.gif) left 45% no-repeat;padding-left:10px;text-decoration:none;color:#333;}
#product #class a:hover{text-decoration:underline;}
#product #class td{height:23px;line-height:23px;}
#product #newadd{margin:10px 0;}
#product #newadd .title{font-weight:bold;background-color:#d0e5f5;color:#333;text-align:left;padding:5px 8px;}
#product #newadd .listbg{background:url(/images/listbg_pro.gif) bottom repeat-x;height:28px;line-height:28px;text-align:left;color:#4e606a;}
#product #newadd .date{color:#4a5060;padding-right:8px;}
#product #newadd a{color:#4e606a;font-weight:bold;padding-right:8px;text-decoration:none;}
#product #newadd a:hover{text-decoration:underline;}

#detail{margin:10px;color:#333;}
#detail .img{margin:10px 0;border:none;}
#detail .money{font:28px tahoma,arial,verdana;padding:0 2px;color:#c00;}
#detail .buy{color:#fff;border:1px solid #a9d6fa;padding:3px;margin-top:15px;}
#detail .buy_go{line-height:23px;padding-left:25px;}
#detail h1{font:bold 16px Arial, Helvetica, sans-serif;display:block;background:url(/images/list_tdline.gif) bottom repeat-x;padding-top:10px;padding-bottom:7px;}
#detail #sampleimg {margin-bottom:10px;}
#detail #sampleimg a{border:1px solid #fff;display:block;height:60px;width:60px;padding:1px;float:left;margin:4px;}
#detail #sampleimg a:hover {border:1px solid #666;background:#fff;padding:1px;}
#detail .info{text-align:left;line-height:20px;}

#content{text-align:left;color:#333;}
#content .group{padding:10px 15px;font-weight:bold;color:#000;}
#content .img{float:left;margin:0 20px 5px 0;background-color:#fff;border:1px solid #ccc;padding:1px;}
#content .employeeimg{margin:10px auto;background-color:#fff;border:1px solid #ccc;padding:1px;width:200px;height:150px;}
#content .accreditimg{margin:10px auto;background-color:#fff;border:1px solid #ccc;padding:1px;}
#content .info{padding:0 15px 15px 15px;line-height:20px;}
#content .img2{background-color:#fff;border:1px solid #ccc;padding:1px;}
#content .listinfo{}
#content a.alist{background:url(/images/aclassbg2.gif) left bottom no-repeat;padding:0 10px 2px 10px;text-decoration:none;display:block;color:#369;margin-bottom:-10px;}
#content a.alist:hover{text-decoration:underline;color:#036;}

#charge {border:1px solid #ccc;}
#charge td{height:20px;}
#charge .title{color:#fff;font-size:14px;height:25px;line-height:25px;}
#charge .alert{padding:10px;}
#charge p{margin:5px;line-height:20px;}
#charge .content{margin:5px;padding:2px 5px;}
#charge .contentbg{background:url(/images/list_tdline.gif) bottom repeat-x;}

#datarev .title{font-weight:bold;color:#fff;font-size:14px;height:25px;line-height:25px;}
#datarev td{height:20px;padding:2px 5px;line-height:20px;}

#searchlist{border:1px solid #fff;color:#454545;}
#searchlist h1{padding:1px 10px;font:14px verdana;line-height:22px;margin:0;display:inline;}
#searchlist h1 a{color:#039;text-align:left;font-weiaght:bold;}
#searchlist h1 a:hover{color:#f00;}
#searchlist .date{color:#3c5c9d;font:10px verdana;padding-left:2px;letter-spacing:-1px;}
#searchlist .content{line-height:18px;text-align:left;padding-left:25px;padding-bottom:7px;padding-top:5px;}
#searchlist .box{margin-top:7px;margin-bottom:10px;background:url(/images/listbg_pro.gif) bottom repeat-x;}
#searchlist .result{background:#d0e5f5;font-size:12px;padding:5px 10px 5px 10px;color:#333;}
#searchlist .result a{color:#369;padding-left:2px;padding-right:2px;text-decoration:underline;}
#searchlist .result a:hover{color:#003;}
#searchlist .keyword{color:#c33;font-weight:bold;padding:0 2px;}
#searchlist .select{font-size:12px;}
#searchlist .border{border-bottom:2px solid #fff;}

#showp {}
#showp a{padding-left:10px; text-decoration:none;text-align:left;font:bold 12px verdana,arial;}
#showp a:hover{background:url(/images/class_icon.gif) left 45% no-repeat;text-decoration:underline;color:#000;}

