/*
 design by Johnie.
 QQ:65940527
 http://www.modaodesign.com
 */
body{ 
    margin:0 auto; 
    padding:0;	
    font-size:12px; 
    background:#BED4E2 url(../../skin/css/bg_gif.gif) repeat-x; 
    color:#333;
    }
table,td,tr,th,div{	font-size:12px; line-height:150%;}
div,form,img,ul,ol,li,dl,dt,dd,p{ margin:0; padding:0; border:0; }
h4,h5{ margin:0; padding:0; font-size:12px; font-weight:normal; }
li{	list-style-type:none;}
a{ color:#333; text-decoration:none;}
    a:hover{ color:#f00; text-decoration:underline;}
    a:visited{ color:#333; }
    a img{ border:none;}

.fl{ float: left;}
.fr{ float: right; }
.red{ color:#DB060C;}
.spH{ margin-top: 10px;}


.cl,.ttl { zoom: 1; }
.cl:after,.ttl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }

.cls,.clear{ clear:both; display:block;}
.box{ 
    width:980px; margin:0 auto; 
    background:#fff; 
    overflow:hidden;
    }


#top{ overflow:hidden; padding:12px 0; background: #d7edfb; position: relative; }
    #top .logo{ float:left; padding-left:12px;  }
    #top .search{ float:right; padding-top:50px; padding-right:12px; }
    #top .search input{ padding:3px; height:18px; border:1px solid #9DC7E2; background:#fff url(../../skin/css/input_bg.gif) no-repeat; color:#C2C2C2;}
    #top .search img{ margin-bottom:-7px;}
    #top .topLink {position: absolute; top: 10px; right: 10px; color:#0072BC; }
    #top .topLink li{ float: left; margin:0 6px; }
	#top .topLink li a{ color:#0072BC;}
    

#menu{ height:35px; background:url(../../skin/images/mbg.gif)}
    #menu ul{ padding-left:12px; padding-top: 6px; }
    #menu ul li{ 
        float:left; text-align:center; padding:0 23px; 
        line-height: 23px; background:url(../../skin/css/hr.gif) no-repeat right; }

    #menu ul li a{ color:#fff; text-decoration:none; }
    #menu ul li.home a{ color:#333; }
    #menu ul li.home a:hover{ border:none;}
    
    #menu ul ul{ 
        display: none; position: absolute; overflow:hidden;
        margin: 0; padding:6px 0; width: 190px; 
        background: #0e6ec5;
        }
        #menu ul ul li{ 
            float: none; padding:0 13px; line-height: 24px; 
            text-align: left; 
            border-top:1px solid #81C0F9;
        }
        #menu li.mon{
            background: #0e6ec5;
            border-top:2px solid #3181C9;
        }
        #menu ul ul li.msel{
            background: #9ec8ea;
        }
        
        #menu ul ul li.msel a{ color: #0e6ec5;}

#banner{ padding-top:2px;}


#main{ padding-top:8px;}
    #main .left{ float:left; width:730px; overflow:hidden; margin-left:10px;}
    #main .right{ float:right; width:220px; margin-right:10px; }

#area{padding:10px; }
    #area .left{ float:left; width:200px; overflow:hidden; }
    #area .right{ float:right; width:750px; background: #f7fbfc; }


.blk01 .ttl{ 
    line-height:28px; 
    border-top:1px solid #dcdcdc; 
    background: url(../../skin/css/blk_bg.gif) repeat-x 0 1px;
    }
    .blk01 .ttl h4 { 
        float:left;
        padding:0 15px;
        font-size: 12px; 
        font-weight:bold; 
        color:#0072BC;}
    .blk01 .ttl h4.sel{
        background: url(../../skin/css/blk_sel_bg.jpg) no-repeat 50% 0;
        padding-bottom:7px;
        }
    .blk01 .ttl h5{ 
        float:right; padding-top:10px; padding-right:8px;
        }
    .blk01 .ttl h5 a{ color:#666; }

.blk01 .cnt{ padding:7px;  border-top:none; }
    .blk01 .cnt ul li{ 
        padding-left:2px; line-height:25px; color:#525252; 
        background:url(../../skin/css/dot.gif) repeat-x bottom;}
    .blk01 .cnt ul li a{ color:#525252;}

.link{ border-top:none; margin: 6px 0;}
.link ul li{ text-align:center; float: left; padding: 5px 4px; }


.blk02{  padding:2px; border:4px solid #d5efff; background:#fff;}
.blk02 .ttl{ line-height:22px; border-bottom:2px solid #d5efff; color:#0071bb; }
    .blk02 .ttl h4{ float:left; padding-left:10px; font-size:14px; font-weight:bold; }
    .blk02 .ttl h5{ float:right; padding-right:10px; font-size:10px; font-family:arial; }
    .blk02 .ttl h5 a{ color:#fff;}
    .blk02 .ttl h4 a{ color:#fff;}
.blk02 .cnt{ padding:5px; }
    .blk02 .cnt li{ background: url(../../skin/css/ar.gif) no-repeat 0 12px; padding-left:14px; border-bottom:1px dotted #ccc; padding-top:5px; padding-bottom:5px; }
    .blk02 .text{ padding:15px; line-height:28px; }
    .blk02 .time{ float:right;}
    .blk02 .about{ padding:7px; line-height:26px;}
    
.blk_cnt{  padding:12px; background:#f7fbfc;}
.blk_cnt .ttl{ 
    line-height:28px; 
    margin-bottom: 8px;
    border-bottom:2px solid #d5efff; 
    color:#0071bb; }
    .blk_cnt .ttl h4{ float:left; padding-left:10px; font-size:12px; }
    .blk_cnt .ttl h5{ float:right; padding-right:10px; font-size:10px; font-family:arial; }

.blk_cnt .cnt{ padding:5px; }
    .blk_cnt .cnt li{ line-height:30px;  background:url(../../skin/css/dot.gif) repeat-x bottom;}
    span.time{ float: right;}
    
.blk_info{  padding:12px; background:#f7fbfc;}
.blk_info .ttl{ 
    line-height:28px; 
    margin-bottom: 8px;
    border-bottom:2px solid #d5efff; 
    color:#0071bb; }
    .blk_info .ttl h4{  padding-left:10px; font-size:12px; }
	.blk_info .ttl h4 a{}
.blk_info .text{ padding:14px; font-size:14px; line-height: 180%; }
    .blk_info h1{ text-align: center; margin: 12px 0; font-size: 18px;}

.tug{ padding:10px 0;}
.tug ul li{ float:left; padding:0 10px;}

.nav{ padding:7px; border:1px solid #D7D7D7; border-top:none;}
    .nav ul li{ margin:2px 0; line-height:30px; border:1px solid #f3f3f3; background:none;}
    .nav ul li a{ display:block; text-indent:10px; background:#7FBFFF; color:#fff; border:none; width:100%; }
    .nav ul li a.sel,
    .nav ul li a:hover{ text-decoration:none; background:#007AF5; border:none; }


#bottom{ margin:0 auto; width:980px; background:url(../../skin/images/foot_bg.jpg) repeat-x; }
#bottom .b_menu{ margin:20px; padding:20px}
#bottom .b_menu ul li{ padding:0 8px; background:url(../../skin/css/b_hr.gif) no-repeat right;text-align: center;}
#tree ul ul{padding-left: 20px;}
#tree li.croot{ position: relative; }
#tree .catMore{ position: absolute; top:2px; right:8px; color: #fff }

.feedback_list{ margin-top: 10px; }
.feedback_list .date{ color: #666;  }
.feedback_list .message{ font-size: 14px; }
.feedback_list li{ background: #fff; padding: 12px; margin: 12px; border: 1px dotted #ccc;; }
#feedback_pages{ text-align: center; margin:6px 0 12px; }

#login .input{ border: 1px solid #728999;}
#login .submit{ background: #5db6e0; border: none; padding: 4px 10px;}

#down li{ width:80px; float: left;}

.isttl{ background: #e7e7e7; line-height: 24px; text-align: center;}

.next a, .next span{ 
    text-align: center; 
    height: 24px; line-height: 24px; 
    }

#bbslist{ height:200px; overflow: hidden; }

a.last{ color:#3973A6; font-weight:bold; }
.text a{ color:#2184D3; text-decoration:underline; }