@import url("basic.css");
/* CSS Document */

#box{ margin:0 auto; width:829px; text-align:left;overflow:hidden;}
#logo,#nav,#banner,#content,#foot{ float:left;display:block;width:100%; margin-top:5px; overflow:hidden;}


#top{ height:90px;}
#version{ float:right;clear:right; margin-right:5px;background:url(../img/top.jpg) no-repeat; height:16px; width:129px; color:#fff; text-align:center;}
#version a{ color:#fff;}

#top-r .put{ width:175px;}
#top-r{ float:right; clear:right; margin-top:45px;line-height:26px; width:273px;}
#home{ width:450px; height:65px; margin-top:20px; float:left; background:url(../img/logo.png) no-repeat;}


#nav{width:100%; background:#333; z-index:99; overflow:visible;}
#nav li{float:left; display:inline;position:relative; overflow:visible;}
.cont{ position:absolute; left:0; top:24px;padding:2px; width:100%;background:#fff; border:1px solid #fff;z-index:100; display:block;  visibility:hidden;}
.cont li{height:20px;line-height:19px; border-bottom:1px solid #fff; display:block; width:100%;color:#555; background:#eee;}
#nav a{ display:block; text-align:center; }
#nav a.menu{color:#fff; width:100px;}
#nav a.menu:hover{color:#6cf;}
#nav .cont a{color:#555;}
#nav .cont a:hover{ color:#333; background:#ccc;}



#left{ float:left; clear:left; width:216px; margin-right:5px; overflow:hidden;}
#center{ float:left; width:366px;margin-right:5px;overflow:hidden;}
#right{ float:right; width:237px;overflow:hidden;}

/*----*/
h2.ul-h2,h2.ul-h22{ background:url(../img/h2-bg3.jpg) right -24px repeat-x; width:100%; height:24px; line-height:24px; padding:0;}
h2.ul-h2 img,h2.ul-h22 img{ float:left;}
h2.ul-h2 span,h2.ul-h22 span{background:url(../img/h2-bg3.jpg) right top no-repeat; float:left; height:24px;line-height:30px; padding-left:5px; padding-right:12px;}
h2.ul-h2 a,h2.ul-h22 a{ height:24px; line-height:24px;}

h2.ul-h22{background:url(../img/h2-bg33.jpg) right -25px no-repeat; height:25px; line-height:25px; margin-top:5px; color:#3674b1;}
h2.ul-h22 span{background:url(../img/h2-bg33.jpg) right top no-repeat;height:25px; line-height:30px; }
h2.ul-h22 a{ color:#fff;}

ul.ul-li{float:left; width:354px; padding:5px; border:1px solid #bbb; border-top:none;}
ul.ul-li li{float:left;width:334px; padding:0 5px 0 15px; height:22px; line-height:22px; background:url(../img/icon.jpg) 5px 10px no-repeat; overflow:hidden;}
ul.ul-li li a{ position:relative;width:100%;display:block;}
ul.ul-li li a:hover{ background:#f5f5f5;}

img.new{ position:absolute; left:auto; top:0;}
/*left*/
#left1{float:left; width:174px; padding:12px 20px; border:1px solid #bbb; border-top: none; background:url(../img/foot-bg.jpg) bottom repeat-x; padding-bottom:40px;}
#left1 p{ height:30px; line-height:30px;}
#left1 input{ width:110px;}
#left1 input.btn{ width:65px; margin-top:12px!important;_margin-top:6px;}


ul.sider{ float:left;color:#3674b1; width:204px; border:1px solid #3674b1; padding:5px 5px 6px 5px;border-top:none;}
ul.sider li{ display:block; width:90%; padding:0 5%;line-height:27px; background:url(../img/line.png) bottom repeat-x; overflow:hidden;}
/*center*/
#centerh{ float:left;margin-left:20px; font-size:12px; font-weight:lighter;}
ul#c-2{ float:left; clear:left; width:100%; height:91px; margin:5px 0; background:#3674b1;overflow:hidden;}
ul#c-2 li{ float:left;display:inline; width:33%;}
ul#c-2 li img{ margin:0 auto;}
ul#c-2 li a{ color:#fff; width:100%; display:block; text-align:center; line-height:18px;}
ul#c-2 li a:hover{ color:#66CCFF}

#center1{ height:132px;}
#center3,#right3{ height:176px;}
/*right*/
#right1,#right2,#right3{ float:left; width:100%; overflow:hidden;}
#right1 h2{background:url(../img/icon4.jpg) left no-repeat; padding-left:35px; height:21px; line-height:21px;}
#right1 p{ float:left; clear:left;background:url(../img/p.jpg) no-repeat; padding-left:20px; width:100%; height:26px; line-height:26px; margin-top:3px;}
#right1 p a{ float:left; width:103px; color:#444;}
#right1 p a:hover{ color:#000;}

#right2{height:92px; overflow:hidden; margin:5px 0;}
#right3{width:225px;}
ul#right3{ width:225px}
ul#right3 li{ width:205px;}

#foot{line-height:22px;text-align:center; background:url(../img/foot-bg.jpg) top repeat-x; padding:25px 0 20px 0;}


/*內頁*/
#go-top{ position:absolute; bottom:0; right:10%;}


#left0{ float:left; clear:left; margin-right:5px; width:164px; background:#f5f5f5;}
#right0{ float:left; width:660px;}


/*公司簡介*/
#about{ margin-top:20px; display:block; line-height:180%;}
#about dt{ font-weight:bold;}

#right0 h3{ float:left;width:93%; padding-left:7%; line-height:25px; font-size:12px; margin-bottom:5px;background:url(../img/icon7.gif) 0 no-repeat #f5f5f5; color:#8eacf0;}



#menu{ float:left; width:100%; background:#fff; padding-bottom:3px;}
#menu li{ margin-bottom:1px;}
#menu li a{ background:url(../img/left_bg.jpg) no-repeat; width:124px; padding:0 20px; height:27px; line-height:27px; display:block;}
#menu li#last a{ background-position:0 -54px;}
#menu li a:hover{ color:#000;}
/*
#menu li a:hover{background-position:0 -27px;}
#menu li#last a:hover{background-position:0 -81px;}
*/

.save{float:left; clear:left; width:94%; padding:10px 3%; display:none; height:auto!important; min-height:360px; height:360px;}
.save dl{ float:left; clear:left; width:100%; margin-top:5px;}
.save dt{ float:left; line-height:30px; padding-left:3%; width:97%;background:url(../img/icon5.jpg) left no-repeat;}
.save dd{ float:left; line-height:25px;  width:100%; background:url(../img/line.png) bottom repeat-x; margin-bottom:10px; padding-bottom:10px;}
.save table{ float:left; clear:left; width:100%; border:1px solid #ccc; margin-top:10px;}
.save th{ padding:2px 5px;  border:1px solid #ccc; line-height:22px; }
.save td{ padding:2px 5px;  border:1px solid #ccc; line-height:22px;}


#save1 ul{ padding-left:3%; width:97%; }
#save1 li{ padding-left:3%; width:97%;background:url(../img/icon6.jpg) left no-repeat;}


#save2 td{ padding:2px 5px;  border:1px solid #ccc; line-height:22px;}
#save3 th{background:#8eacf0; color:#fff;}

#save4 dd p{padding-left:6%; width:94%;background:url(../img/icon6.jpg) 20px no-repeat;}
#save4 dd h4{padding-left:3%; width:97%;background:#f5f5f5; font-size:12px;}

#save6 dl{float:left; clear:none; width:420px; margin-right:10px;}
#save6 dt{ padding-left:6%; width:94%;}


#ss2 h4,#ss3 h4,#ss6 h4{ font-size:13px; margin-top:20px; line-height:30px; color:#FF9900;}
#ss7 table td{ background:#eee;}

#ss6{ line-height:22px;}
#ss6 h4{color:#8eacf0;}
#ss6 ol{ float:left; clear:left; width:100%;}
#ss6 li{ float:left;list-style:outside decimal; width:100%;}

#yingpan2{ border:5px solid #ccc; padding:1px; float:left; margin-right:20px; margin-top:20px;}


#about table{ width:100%; border-top:1px solid #ccc;border-left:1px solid #ccc; empty-cells:show; border-collapse:collapse;}
#about td,#about th{ padding:2px 10px; border:none; border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
#about th{ background:#e3e9f6;}


#s2 dt,#s2 dd{ float:left; clear:left;padding:0;background:#eee; margin-top:10px; width:98%; padding:1%; height:auto; line-height:22px;}
#s2 dt{ background:#e3e9f6;}
#s2 dt span{float:left;color:#111;}
.q1{ width:7%;}
.q2{ width:93%; }

#eg-list,#eg-list2{float:left; width:96%; padding:8px 2%; height:auto!important; min-height:280px; height:280px;}
#eg-list li,#eg-list2 li{float:left;width:98%; padding:0 0 0 2%; height:22px; line-height:22px; background:url(../img/icon.jpg) 0 no-repeat; border-bottom:1px dotted #ccc; overflow:hidden;}
.guest{ position:absolute; top:0; right:100px; color:#999;}
#eg-list2{ min-height:20px; height:auto;}

/*--eg-detail-*/
#eg-detail{ float:left;height:auto!important; min-height:280px; height:280px;}
#eg-detail h4{ line-height:30px; font-size:13px; text-align:center; text-indent:0;}
#eg-detail table{ float:left; margin-top:10px; border:1px solid #ccc; width:100%;}
#eg-detail table td{ padding:2px 5px;border:1px solid #ccc;}
.td1{ width:120px;}

table#online{ float:left; clear:left; width:100%; border:1px solid #ccc;}
table#online td{ padding:2px 5px; line-height:30px; border:1px solid #ccc;}