﻿
.login .infobtn{float:left;background:url(../images/longbtnbg.gif) no-repeat top left; width:90px;height:25px;line-height:25px;border:none;cursor:pointer;display:block; font-size:12px;color:#fff;}

body{background:#ffffff url(../images/compsitebg.gif) repeat-x top left;}
#wrapper{width:980px;background-color:#ffffff;}
#bkimg img{display:block;float:left;}
#head{position:relative;width:980px;}

/*菜單*/
#menu{clear:both;display:block;height:40px;line-height:40px;background:url(../images/cmenubg.gif) repeat-x top left;}

#menu li{background:url(../images/cmenuimg.gif) no-repeat center left;float:left;}
#menu li.begin{padding:0;margin-right:220px;background:url(../images/cmenubegin.gif) no-repeat top left;width:8px;display:block;height:40px;}
#menu li.end{padding:0;float:right;background:url(../images/cmenuend.gif) no-repeat top left;width:8px;display:block;height:40px;}
#menu li span{float:left;font-size:13px;cursor:pointer;padding:0 15px 0 15px;height:40px;line-height:40px;display:block;text-decoration:none;color:#ffffff;}
#menu .submenu{position:relative;}
#menu .submenu .iframsubmenu, #menu .submenu .menuitem{position:absolute;top:35px;left:0px;display:none;z-index:0;}
#menu .submenu .menuitem{width:140px;background-color:#6587F4;text-align:center;font-size:12px;z-index:1;}
#menu .submenu .menuitem a{width:140px;text-align:left;text-indent:5px;margin:0;padding:0;height:28px;line-height:28px;font-size:13px;float:none;display:block;text-decoration:none;}
#menu li a:link, #menu li a:visited, #menu .submenu .menuitem a:link, #menu .submenu .menuitem a:visited{text-decoration:none;color:#ffffff;}
#menu li a:hover, #menu li a:active, #menu .submenu .menuitem a:hover, #menu .submenu .menuitem a:active{text-decoration:underline;color:#FFFF68;}
#main #listContainer{overflow:hidden;margin:0 5px 2px 5px;color:#000;font-weight:bold;font-size:13px;}
#main #listContainer, #main #listContainer li{height:24px;line-height:24px;}
#main #listContainer li{float:none;}
/*Logo*/
#logo{position:absolute;top:0;left:0;width:207px;height:229px;}
#logo .top{font-size:0;background:url(../images/logotop.gif) no-repeat left top;height:4px;}
#logo .cont{background:url(../images/logobg.gif) repeat-y top left;width:207px;}
#logo .logoimg{margin:0 4px 0 3px;display:block;}
#logo .bottom{background:url(../images/compnamebg.gif) repeat-x left top;width:200px;margin:0 4px 0 3px;height:75px;}
#logo .bottom span{width:200px;text-align:center;font-size:15px;height:35px;line-height:35px;display:block;font-weight:bold;color:#ffffff;}

#left, #main{overflow:hidden;margin-bottom:15px;}
/*left*/
#left {float:left;clear:both;background:url(../images/sidebottombg.gif) no-repeat bottom left;width:214px;padding-bottom:6px;}
#left .content{background:url(../images/sidebg.gif) repeat-y top left;width:214px;padding:2px 7px 2px 7px;}

/*會員專區*/
.login, .ads{font-size:13px;clear:both;background:#ffffff url(../images/areabottom.gif) no-repeat bottom left;width:200px;margin:0 0 10px 0;padding-bottom:10px;}
.login .title, .ads .title{text-align:center;line-height:29px;background:url(../images/areatitle.gif) no-repeat bottom left;height:29px;display:block;}
.login .area .row{clear:both;margin:8px 0 8px 0;text-align:center;height:22px;}
.login .area .btnrow{margin:12px 0 0 0; height:25px;}
.login div .logintip{float:left;width:80px;margin:0;line-height:22px;}
.login .text{float:left;width:100px;border:1px solid #999999;height:22px;}
.login .loginbtn{float:left;background:url(../images/shortbtn.gif) no-repeat top left; width:61px;height:25px;line-height:25px;text-align:center;border:none;margin:0 8px 0 24px;color:#ffffff;cursor:pointer;}
.login .changepwdbtn{float:left;background:url(../images/changepwd.gif) no-repeat top left; width:90px;height:25px;line-height:25px;border:none;cursor:pointer;display:block;}
.login .loginout{background:url(../images/shortbtn.gif) no-repeat top left; width:61px;height:25px;line-height:25px;text-align:center;border:none;color:#ffffff;cursor:pointer;margin-left:70px;}
.login .userid{width:100px;color:#0072BC;display:block;float:left;height:22px;line-height:22px;text-align:left;}
.login .row .usertip{line-height:22px;height:22px;text-align:center;font-size:13px;font-weight:bold;color:#ff0000;}

/*廣告*/
.ads div.row{margin:12px 0 12px 1px;}

/*主內容區,右邊*/
#main{float:left;width:750px;margin-top:12px;margin-left:10px;}
#main #listContainer{overflow:hidden;margin:0 5px 2px 5px;color:#000;font-weight:bold;font-size:13px;}
#main #listContainer, #main #listContainer li{height:24px;line-height:24px;}
#main .title{overflow:hidden;}
#main .title .left{background:url(../images/maintitlel.gif) no-repeat left top;width:30px;height:30px;display:block;float:left;}
#main .title .right{background:url(../images/maintitler.gif) repeat-x left top;width:720px;height:30px;line-height:30px;float:left; text-indent:5px; font-weight:bold;font-size:13px;}

#main .imgarticle{clear:both;margin-top:5px;overflow:hidden;width:750px;}
#main .imgarticle .imgs{float:left;width:327px;}
#main .imgarticle .img{width:327px;background:url(../images/imgbottom.gif) no-repeat bottom left;margin:0 6px 10px 7px;padding-bottom:14px;}
#main .imgarticle .img .con{background:url(../images/imgbg.gif) repeat-y top left;width:327px;}
#main .imgarticle .img .con img{margin-left:14px;}
#main .imgarticle .img .top{background:url(../images/imgtop.gif) no-repeat top left;width:327px;height:14px;font-size:1px;display:block;}

#main .content{overflow:hidden;float:left;display:block;padding-top:5px;width:750px;}
#main .imgarticle .content{width:400px;float:right;}
#main .content .subtitle{background:url(../images/subtitlebg.gif) no-repeat top left;width:380px;color:#0072BC;height:29px;line-height:120%;margin:3px 0 8px 0;text-indent:18px;display:block;font-size:15px;}
#main .content .body{line-height:120%;display:block;}
#main .content .attachdoc{clear:both;margin:6px 0 6px 0;}

#main .queryarea,#main .addqu{clear:both;margin:15px 20px 15px 20px;width:710px;overflow:hidden;}
#main .queryarea hr{height:1px;font-size:1px;line-height:1px;border-top:1px dashed #808080;margin:10px 0 0 0;}
#main .queryarea .loginbtn{background:url(../images/shortbtn.gif) no-repeat top left; width:61px;height:25px;line-height:25px;text-align:center;border:none;margin-left:5px;color:#ffffff;cursor:pointer;}
#main .queryarea div{height:30px;line-height:30px;}
#main .queryarea span{display:inline-block;margin-right:10px;}

#main .newslist{margin:15px 20px 15px 20px;width:710px; border-collapse:collapse;font-size:13px;}
#main .newslist tr{background-color:#FFE1FF;height:25px;line-height:25px;}
#main .newslist tr.alt{background-color:#E1E1FF;}
#main .newslist .head{height:28px; line-height:28px; text-align:center;background-color:#999999;font-weight:bold;color:#000000;font-size:13px;}
#main .newslist td.type{width:85px;}
#main .newslist td.type1{width:100px;}
#main .newslist td.date {width:65px;}
#main .newslist td.date div.compl{background-color:#FFB342;color:#008000;width:100%;height:100%;}
#main .newslist td.readtimes{width:60px;}
#main .newslist td.title{text-align:left;text-indent:10px;}
#main .newslist td.author{width:70px;overflow:hidden;}
#main .newslist td a:link,#main .newslist td a:visited{color:#333399;text-decoration:none;}
#main .newslist td a:hover,#main .newslist td a:active{color:#7487C2;text-decoration:underline;}

tr.page td{background-color:#999999;text-align:left;line-height:18px;height:18px;}
.page table tr{height:20px;line-height:20px;}
.page table tr td{width:22px;background-color:#F7FDE7;text-align:center;}
.page table tr td span{font-weight:bold;color:#0000ff;}

#main .showarticle{margin:15px 20px 15px 20px;width:710px;color:#000000;}
#main .showarticle .title,.contentarea .article .unit{font-size:13px;font-weight:bold;float:left;color:#74B419;width:424px;height:100%;margin-bottom:18px;}
#main .showarticle .unit{width:643px;}
#main .showarticle .date,.contentarea .article .readtimes{float:left;width:90px;text-align:center;}
#main .showarticle .content{clear:both;}
#main .showarticle .img{float:left;width:200px;height:100%;}
#main .showarticle .text{float:left;width:443px;height:100%;margin-bottom:15px;overflow:hidden;letter-spacing:2px; }
#main .showarticle .fulltext ,.contentarea .article .attachdoc,.contentarea .article .attachimg{ clear:both;width:643px;height:100%;margin-bottom:15px;line-height:150%;letter-spacing:2px; overflow:hidden;}
#main .showarticle .attachimg img{float:left;margin:15px 35px 15px 0;display:inline;}
#main .showarticle .return{clear:both;height:22px;line-height:22px;margin-bottom:15px;}
#main .showarticle .return a{margin-right:10px; display:block; width:75px;float:left;margin-top:8px;}
#main .showarticle .body{width:620px;}
#main .showarticle .contentdesc tr{height:26px;line-height:26px;}
#main .showarticle .contentdesc .tip{background-color:#EAF1DA; text-indent:6px; width:114px;}
#main .showarticle .contentdesc .main{background-color:#F7FDE7; padding-left:8px;}
#main .showarticle .contentdesc .main img{margin:7px;}

#main .body .ttalk{ width:100%;border:1px solid #9DB3C5;margin-bottom:10px;}
#main .body .ttalk th{ background:#86B980;height:31px;line-height:31px;text-indent:15px;color:#ffffff;font-weight:bold;text-align:left;}
#main .body .ttalk td{border-bottom:1px solid #9DB3C5;}
#main .body .ttalk td.hits,.contentarea .body .ttalk td.retalks{color:#009900;width:120px;text-indent:8px;}
#main .body .ttalk td.sendtm{color:#666666;text-align:right;padding-right:12px;width:120px;}
#main .body .ttalk td.sendtm1{color:#666666;text-align:right;padding-right:12px;}
#main .body .ttalk td.cont{padding:8px 15px 8px 15px;}
#main .body .ttalk td.atta{padding:2px 15px 2px 15px;border:none;}
#main .body .ttalk td.atta a{margin:4px 5px 4px 5px;}
#main .body .ttalk td.atta img{margin-top:8px;border:1px solid #000;}
#main .body .ttalk td.authorinfo,.contentarea .body .ttalk td.otherinfo{width:180px;font-weight:bold;color:#006699;text-indent:15px;background-color:#EAF1DA;}
#main .body .ttalk td.authorinfo div{text-align:center;height:26px;line-height:26px;color:#000000;}
#main .body .ttalk tr{height:26px;line-height:26px;}
#main .body .ttalk td.otherinfo{font-weight:normal;}

/*投票*/
.vote{margin-top:20px; border-collapse:collapse;}
.vote tr{background-color:#ECECEC;height:24px;line-height:24px;}
.vote tr.alt{background-color:#F9F9F9;}
.vote img{float:left;}
.vote td.parcent{background-color:#E5E5E5;width:50px;}
.vote td.result{width:50px;}
.vote th{text-align:left;font-weight:bold;color:#FFFFFF;background-color:#D00F00; text-indent:10px;line-height:20px;height:20px;}
.vote td.imgs{color:#DA0000;text-align:left; padding-left:8px;}

/*foot*/
#foot{clear:both;margin:0px 0 10px 0;}
#foot .hr{background:url(../images/foothr_bg.gif) repeat-x top left;width:980px;height:24px;}
#foot .hr .left{background:url(../images/foothr_l.gif) no-repeat top left;float:left;width:7px;height:24px;margin-right:30px;}
#foot .hr a{float:left;height:24px;line-height:24px;font-size:13px;color:#ffffff;margin:0 5px 0 5px;}
#foot .hr .right{background:url(../images/foothr_r.gif) no-repeat top left;float:right;width:7px;height:24px;}

#foot .info{clear:both;margin-top:5px;}
#foot .logonod{background:url(../images/footnodline.gif) no-repeat top right;float:left;height:50px;width:300px;}
#foot .logonod img{margin:10px 15px 9px 70px;}
#foot .other{float:left;font-size:12px;color:#666666;margin-left:10px;}
#foot .other .copyright, #foot .other .contact{height:25px;line-height:25px;}

#menu ul{ list-style-type:none;}
#menu ul,#menu li{margin:0;padding:0;}
#main #listContainer, #main #listContainer li{margin:0;padding:0;}
