@charset "utf-8";
/* CSS Document */
body {background-color:#FFF;margin:0 auto;padding:0; font-family:"宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#777;line-height:18px}
img {border:none;margin:0;padding:0}
form {margin:0;padding:0}
input {margin:0;padding:0}
h1 {font-weight:bold;font-size:12px;margin:14px 0 3px 6px;padding:0}
p {margin:3px;padding:3px}
a:link {color:#060;text-decoration:none;}
a:visited {text-decoration:none;color:#1a9dfc}
a:hover {text-decoration:none;color:#F00;}
a:active {text-decoration:none;color:#1a9dfc}
.clear {clear:both}
.theme1 {background:#FFF url(../images/dbg.gif) top left repeat-x;width:100%;margin:0;padding:0}
.default {width:775px;background:url(../images/default.gif) top center no-repeat;margin:0 auto;padding:0}
.dframe {width:600px;margin:0 auto;padding:0}
.lft_col {width:400px;margin:99px 0 0 24px;float:left}
.rgt_col {width:170px;margin:72px 0 0 0;float:right;text-align:left}
.v1 {width:85px;background:url(../images/valid.gif) left center no-repeat;text-align:right;margin:1px;padding:1px}
.v2 {width:72px;background:url(../images/valid.gif) left center no-repeat;text-align:right;margin:0}
.v3 {margin:3px 0 3px 0;padding:3px 0 3px 0;text-decoration:underline;color:#1a9dfc}
.p_list {list-style-type:upper-alpha;margin:0 8px 0 20px;padding-left:12px;line-height:12px}
.p_list li {margin-top:6px;padding-top:6px}
#mast {width:398px;height:88px;background:url(../images/mbg.gif) center no-repeat #FFF;border:1px dotted #999;text-align:center}
#L1 {margin:12px 15px 0 0}
#content {width:398px;height:280px;background:#FFF;border:1px dotted #999;margin-top:2px;text-align:center}
.Hero {width:315px;margin:20px;text-align:center; border:#CCC 1px dashed; color:#666; height:20px; font-family:"宋体",Verdana,"宋体"; letter-spacing:2px; font-size:16px; font-weight:bold; padding:20px;}
#Port {width:340px;height:170px;background:#b7cee1;margin:20px auto 0 auto;text-align:center}
#Port img {padding:1px;background-color:#FFF;margin-top:3px}
.ph{height:75px}
#start {width:338px;height:71px;margin:0 auto;text-align:left}
#access {width:339px;height:220px;background:url(lbg.gif) no-repeat #dfe4ee;background-position:50% 10%;margin:30px auto 0 auto;border:1px solid #c6cfe1}
#entry {width:339px;height:320px;background:url(ebg.gif) no-repeat #dfe4ee;background-position:50% 5%;margin:30px auto 0 auto;border:1px solid #c6cfe1}
#mail {width:339px;margin:0 auto;}
#base {width:398px;height:87px;background:url(seal.gif) no-repeat #FFF;background-position:275px 0px;border:1px dotted #999;border-top:none;text-align:center;margin:0;padding:0}
#cinfo {width:339px;margin:0 auto;padding-top:20px;text-align:left;font-size:9px;line-height:10px;color:#999}
#copy {width:398px;margin:3px 0 20px 0;text-align:center;font-size:12px;color:#999}
#login {margin:5px auto 0 auto;color:#7b9cb4; text-align:center}
#login a, #login a:visited {color:#7b9cb4;text-decoration:none}
#login a:hover {text-decoration:none;border-bottom:1px dotted}
#C0 {margin:17px auto 12px auto}
#C1 {margin:0 0 0 5px}
#C2 {margin:12px auto 20px auto}
#C3 {margin:17px auto 17px auto}
#C4 {margin:8px 12px 0 0}
#C5 {margin:0 0 19px 6px}
#C6 {margin:14px auto 14px auto}
#C8 {margin-top:12px}
#C9 {margin-top:1px}
#A1 {margin:0 0 12px 5px}
#B1 {margin:0}
#ad_1 {margin-top:2px;margin-bottom:2px}
#ad_2 {margin-top:2px;margin-bottom:2px}
#T1 {width:245px;border:none;color:#333;margin:0 auto;top:70px;position:relative;color:#555}
#T2 {width:339px;border:none;margin:0 auto;color:#555}
#T2 p {margin:0;padding:0}
#T3 {width:320px;height:160px;background:url(zentree.gif) top left no-repeat;border:none;margin:0 auto}
#T3 ul {list-style-type:none;color:#1a9dfc;line-height:24px;margin-top:0;padding-top:0}
#T3 li {margin-top:0;padding-top:0}
#T3 ul a, #T3 ul a:visited {color:#1a9dfc;text-decoration:none;border-bottom:1px dotted}
#T3 ul a:hover {text-decoration:none;border-bottom:1px dotted}
.R1 {text-align:left}
.R2 {height:75px;text-align:left;vertical-align:bottom}
.trap{color:#F00;padding:0;margin:0 0 6px 0;padding:0 0 6px 0}
.trapit {color:#F00;margin:0;padding-left:56px;list-style-type:none;line-height:12px}
#F1 {width:180px;height:19px;margin:0;padding:3px 0 0 6px;background:#FFF;border:1px solid #bdc7d8;font-family:Arial;font-size:12px}
#F2 {width:180px;height:19px;margin:0;padding:3px 0 0 6px;background:#FFF;border:1px solid #bdc7d8;font-family:Arial;font-size:13px;color:#67a54b}
#F3 {width:280px;height:19px;margin:0;padding:3px 0 0 6px;background:#FFF;border:1px solid #c0c0c0;font-family:Arial;font-size:12px}
#F4 {width:280px;height:75px;margin:0;padding:3px 0 0 6px;background:#FFF;border:1px solid #c0c0c0;font-family:Arial;font-size:12px}
.BTN{cursor:pointer;width:80px;height:26px;border:none;background:#bdc7d8;color:#7b9cb4;font-weight:bold;font-size:12px;padding:2px 2px;background:url(images/sub.gif) top left no-repeat}
.BTN2{cursor:pointer;width:78px;height:24px;border:none;background:#bdc7d8;color:#FFF;font-weight:bold;font-size:12px;padding:2px 2px;background:url(images/entry.gif) top left no-repeat}
#xy1 {margin:0px}
.details {width:200px;height:60px;float:left}
.entry {width:339px;height:60px;margin:0 auto;text-align:center}
.enter {width:139px;height:60px;float:right;text-align:right}
.d_list {list-style:circle;color:#1a9dfc;margin-top:10px}
.d_list a, .d_list a:visited {color:#1a9dfc;text-decoration:none;border-bottom:1px dotted}
.d_list a:hover {text-decoration:none;border-bottom:1px dotted}
.v_list {list-style:circle;color:#1a9dfc;margin-top:0px;padding-top:0;line-height:8px}
.v_list a, .d_list a:visited {color:#1a9dfc;text-decoration:none;border-bottom:1px dotted}
.v_list a:hover {text-decoration:none;border-bottom:1px dotted}
.v_list li{padding-bottom:8px}
#navigation {width:170px;height:177px;margin-top:98px;background:#FFF;border:1px dotted #999;text-align:left}
.menu {z-index:1000;font-size:12px;margin:1px}
.menu ul {padding:0;margin:0;list-style-type:none;width:168px}
* html .menu ul {margin-left:-16px; ma\rgin-left:0}
.menu li {position:relative;background:#FFF;height:34px}
.menu table {position:absolute;border-collapse:collapse;top:0;left:0;z-index:100;font-size:12px}
.menu a, .menu a:visited {display:block;text-decoration:none;height:34px;line-height:34px;width:168px;color:#666}
* html .menu a, * html .menu a:visited {background:#d4d8bd;width:168px;w\idth:167px}
* html .menu a:hover {color:#fff;background:url(m2.gif) left no-repeat #9ab42a;background-position:7px}
.menu :hover > a {color:#fff;background:url(m2.gif) left no-repeat #9ab42a;background-position:7px}
.menu ul ul {visibility:hidden;position:absolute;top:0;left:169px}
.menu ul li:hover ul,
.menu ul a:hover ul {visibility:visible}
.menu ul li.hello {text-indent:30px;border-bottom:1px dotted #999;background:url(m1.gif) left no-repeat #FFF;background-position:7px}
.menu ul li.services {text-indent:30px;border-bottom:1px dotted #999;background:url(m1.gif) left no-repeat #FFF;background-position:7px}
.menu ul li.portfolio {text-indent:30px;border-bottom:1px dotted #999;background:url(m1.gif) left no-repeat #FFF;background-position:7px}
.menu ul li.about {text-indent:30px;border-bottom:1px dotted #999;background:url(m1.gif) left no-repeat #FFF;background-position:7px}
.menu ul li.contact {text-indent:30px;border-bottom:none;background:url(m1.gif) left no-repeat #FFF;background-position:7px}
#on {color:#fff;background:url(m2.gif) left no-repeat #9ab42a;background-position:7px}
/*#tab {background:#9ab42a;color:#FFF;font-weight:bold;text-decoration:none}*/
#boast {width:100px;margin:12px 0 0 35px;text-align:left}
#boast a, #boast a:visited {text-decoration:none;border-bottom:1px dotted}
#boast a:hover {text-decoration:none;border-bottom:none}
#award {width:120px;margin:12px 0 0 35px;text-align:left}
#paginate {width:340px;height:30px;margin:12px auto 0 auto;padding:0;text-align:center}
#thumbs{overflow:hidden;width:340px;height:150px;margin:0 auto;position:relative}
.section{margin:0 auto;height:150px;width:2000px;position:relative}
.section ul{padding:0;margin:0;list-style:none;text-align:left}
.section li{float:left;width:338px;height:160px;padding:0 0px 0 22px !important;padding:0 0px 0 19px}
#thumbs2{overflow:hidden;width:340px;height:80px;margin:0 auto;position:relative}
.section2{margin:0 auto;height:80px;width:2000px;position:relative}
.section2 ul{padding:0;margin:0;list-style:none;text-align:left}
.section2 li{float:left;width:338px;height:85px;padding:0 0px 0 22px !important;padding:0 0px 0 19px}
.P1 ul {width:150px;height:22px;padding:0;margin:0 auto;list-style:none;text-align:left}
.P1 li {height:22px;text-align:center;float:left;line-height:22px}
.P1 ul li.console {margin-left:25px;height:22px;width:50px;text-align:center;float:left;line-height:22px}
.P1 ul li.page {margin-left:3px;height:22px;width:18px;text-align:center;float:left;line-height:22px}
.P1 a, .P1 a:visited {text-decoration:underline;color:#666;display:block}
.P1 a:hover {background:#9ab42a;color:#FFF;font-weight:bold;text-decoration:none}
#tooltip img {border:3px solid #b7cee1;padding:1px;background-color:#FFF}
.tooltip{cursor:pointer}