/* CSS Document */
body { background-color:#a1aaba; margin:0; padding:0; font-size:12px; color:#495574;}
 p, ul {padding:0; margin:0;}
 ul { list-style:none;}
 a { color:#495574; text-decoration:none;}
 img { border:0;}
 .toplink{color:#495574;}
 .toplink a {color:#495574; text-decoration:none;}
 .toplink a:hover { text-decoration:underline; color:#0088cc;}
 #main { width:1000px; margin:0 auto; background-color:#FFFFFF;}
 #nav { width:730px; height:90px; }
 
 #nav01{ background:url(../images/nav01.jpg) no-repeat; width:150px; height:32px; display:block;}
 #nav01_over { background:url(../images/nav011.jpg) no-repeat; width:150px; height:32px; display:block;}
 #nav01:hover {background:url(../images/nav0111.jpg) no-repeat;}
 
 #nav02 { background:url(../images/nav02.jpg) no-repeat; width:140px; height:32px; display:block;}
 #nav02_over { background:url(../images/nav022.jpg) no-repeat; width:140px; height:32px; display:block;}
 #nav02:hover {  background:url(../images/nav0222.jpg) no-repeat;}
 #nav02_over:hover {  background:url(../images/nav0222.jpg) no-repeat;}
 
 #nav03 { background:url(../images/nav03.jpg) no-repeat; width:140px; height:32px; display:block;}
 #nav03_over { background:url(../images/nav033.jpg) no-repeat; width:140px; height:32px; display:block;}
 #nav03:hover { background:url(../images/nav0333.jpg) no-repeat;}
 #nav03_over:hover { background:url(../images/nav0333.jpg) no-repeat;}
 
 #nav04 { background:url(../images/nav04.jpg) no-repeat; width:140px; height:32px; display:block;}
 #nav04_over { background:url(../images/nav044.jpg) no-repeat; width:140px; height:32px; display:block;}
 #nav04:hover{ background:url(../images/nav0444.jpg) no-repeat;}
 #nav04_over:hover{ background:url(../images/nav0444.jpg) no-repeat;}
 
 #nav05 { background:url(../images/nav05.jpg) no-repeat; width:150px; height:32px; display:block;}
 #nav05_over { background:url(../images/nav055.jpg) no-repeat; width:150px; height:32px; display:block;}
 #nav05:hover{ background:url(../images/nav0555.jpg) no-repeat;}
 #nav05_over:hover{ background:url(../images/nav0555.jpg) no-repeat;}
 
 a.navlist{color:#0088cc;}
 a.navlist:hover { color:#495574; font-weight:bold;}
 .talnews { background-color:#FFFFFF;}
 .tdleft { background:url(../images/newsleftbg.jpg) no-repeat; width:290px; height:190px;}
 .pnews {line-height:18px; padding:0; margin:0; color:#495574;padding-right:12px;}
 .pnews a{ color:#495574;}
 .pnews a:hover { color:#0088cc; text-decoration:underline;}
 
 .ulnews{margin:0; padding:0; list-style:none; line-height:25px; color:#808080;}
 .ulnews li a {color:#495574;}
 .ulnews li a:hover { color:#0088cc; text-decoration:underline;}
 
/***********  À¸Ä¿Ò³ÑùÊ½ ************/
#leftnav { width:180px; overflow:hidden;}
#leftnav ul { font-size:12px;}
#leftnav li { padding-bottom:2px; text-indent:2.5em; font-size:14px;}
#leftnav li a { display:block; width:180px; height:30px; background:url(../images/left_listnavout.jpg) no-repeat; line-height:30px;}
#leftnav li a:hover {background:url(../images/left_listnavover.jpg) no-repeat; font-weight:bold; color:#0088cc;}
#leftnav li a.leftnavover {background:url(../images/left_listnavover.jpg) no-repeat; font-weight:bold; color:#0088cc;}
#leftnav li ul { font-size:12px;}
#leftnav li ul p.navblock { display:block; height:7px;}
#leftnav li ul li {text-indent:3.0em; font-size:12px; padding-top:3px;}
#leftnav li ul li a { display:block; height:auto; line-height:normal; color:#0088cc; background:none;}
#leftnav li ul li a:hover { text-decoration:underline; background:none; font-weight:normal;}

.psloc { font-size:13px; height:31px;*height:27px; padding-top:3px;*padding-top:4px;}
.psloc span {color:#0088cc; font-weight:bold;}
#contab { width:340px; margin:auto; }
.psimgbox { border:1px #cfdee5 solid; padding:1px; background-color:#FFFFFF;}
.pscol {height:17px; line-height:17px;}
.pstit {color:#0088cc; font-size:14px; font-weight:bold;}
.pscol img { vertical-align:top; padding-top:2px;*padding-top:1px;}
a.pstxtmore  {color:#0088cc;}
a.pstxtmore:hover {color:#0088cc; text-decoration:underline;}
.psicomore { padding-left:228px; }
.psicomore img { vertical-align:bottom; padding-bottom:5px;}
.psicomore1 { padding-left:183px; }
.psicomore1 img { vertical-align:bottom; padding-bottom:5px;}
.psicomore2 { padding-left:168px; }
.psicomore2 img { vertical-align:bottom; padding-bottom:5px;}
.pslist { padding-top:3px; color:#FF0000;}
.pslist li { background:url(../images/ps_listarrow.jpg) 0px 7px no-repeat; text-indent:0.8em; line-height:22px;}
.pslist li a { color:#806c0d;}
.pslist li a:hover { color:#0088cc; text-decoration:underline;}
.pslist1 { padding-top:3px; width:340px;color:#FF0000;}
.pslist1 li { width:100px; float:left; margin-right:13px;overflow:hidden; line-height:22px;}
.pslist1 li a { color:#0088cc; text-decoration:underline;}
.pslist1 li a:hover { color:#806c0d;text-decoration:none;}
.coltit {color:#0088cc; font-size:14px; font-weight:bold; padding:11px 0 0 16px;*padding-top:12px;}
#ps1protop { width:720px; margin:auto;}
.ps1pro { width:144px; float:left; text-align:center; overflow:hidden; padding:15px 0 5px 0;}
.ps1pro .ps1propic { background:url(../images/probg.jpg) center no-repeat; margin:0 auto; padding:5px; width:100px; height:60px;}
.ps1pro .ps1protit { font-weight:bold; padding-top:6px;}
.conabout { width:690px; padding:15px 30px;; font-size:14px; line-height:30px;}
.condownload { width:710px; margin:auto; padding-top:20px;}
.condownload li { width:700px; height:35px; line-height:35px; background:url(../images/dttitbg.jpg) no-repeat; text-indent:5.0em; padding-bottom:10px;}
.condownload li a { font-size:14px; color:#495574; font-weight:bold;}
.condownload li a:hover { font-size:14px; color:#0088cc; text-decoration:underline;}
.newslist, .newscon, .feedbacklist, .onlineorder { width:710px; margin:auto;}
.newslist ul { margin:10px 0 10px 0;}
.newslist li { background:url(../images/news_listbg.jpg) no-repeat; height:34px; line-height:34px; padding-left:18px;}
.newslist li span { font-size:13px; font-family:Verdana, Arial; float:right; padding-right:10px;}
.newslist li a { font-size:14px;}
.newslist li a:hover { color:#0088cc;}
.newscon .news_title { text-align:center; font-size:16px; font-weight:bold; height:50px; line-height:50px;}
.newscon .newsloc { text-align:center; height:30px;}
.maincon { width:710px; height:77px; padding:20px; padding-bottom:0;}
.maincon .mainconimg { float:left; width:120px; padding-left:10px}
.maincon .maincontxt { float:left; width:580px; line-height:24px; padding-top:10px;}

.prolist { width:733px; margin:auto;}
.prolist ul { margin-bottom:20px;}
.prolist ul li { padding-top:20px;}
.prolistmain { width:733px;background:url(../images/proline.jpg) center bottom no-repeat; padding-bottom:30px; overflow:hidden;}
.prolistmain .prolistimg { float:left;width:200px; text-align:center;}
.prolistmain .prolistcon {float:left; width:533px;}
.prolistmain .prolistcon p { font-size:14px; font-weight:bold; color:#0088cc; padding-bottom:12px;}




