﻿@charset "utf-8";
body{margin:0 auto; font-size:12px}
img{vertical-align:text-bottom; border:0}

.f-left{float:left; display:inline}
.f-right{float:right; display:inline}

.clearfix:after {
          content: ".";
          display: block;
          height: 0px;
          clear: both;
          visibility: hidden;}

.header{width:996px; height:90px; background-color:silver; margin:0 auto}
.outframe{width:996px; height:auto; margin:20px auto; font-size:12px;}
.outframe .main{width:686px; height:auto; margin-left:12px;}
.outframe .main .top{width:686px; height:64px; background-image:url('../img/content_top.gif'); background-repeat:no-repeat}
.outframe .main .top .navleft{width:350px; height:48px; line-height:48px; margin-left:22px;}
.outframe .main .top .navleft a{font-size:12px; font-family:宋体; text-decoration:none}
.outframe .main .top .navleft a:link{color:#005191;}
.outframe .main .top .navleft a:visited{color:#005191;}
.outframe .main .top .navleft a:hover{color:#00c0ff;}

.outframe .main .top .navright{width:305px; height:48px; line-height:48px; text-align:center}
.outframe .main .top .navright a{font-size:14px; font-weight:bold; font-family:宋体; text-decoration:none; margin-left:24px}
.outframe .main .top .navright a:link{color:white;}
.outframe .main .top .navright a:visited{color:white;}
.outframe .main .top .navright a:hover{color:gray;}

.outframe .main .content{width:686px; height:auto; background-image:url('../img/content_bg.gif'); background-repeat:repeat-y; position:relative; padding-bottom:34px}
.outframe .main .content h1{text-align:center; font-size:18px; line-height:35px; margin:0px 30px 0 30px; *margin:30px 30px 0 30px; _margin:30px 30px 0 30px; _padding-top:30px; word-wrap : break-word ; word-break : break-all ;}
.outframe .main .content .intro{width:450px; margin:20px auto; background-color:white; line-height:1.8em; border:1px silver dotted; padding:10px}

.outframe .main .content .size{position:absolute; right:24px; _right:54px; top:0px}
.outframe .main .content .size a{font-size:12px; font-family:宋体; padding:4px}
.outframe .main .content .size a:link{color:black; text-decoration:none}
.outframe .main .content .size a:visited{color:black; text-decoration:none}
.outframe .main .content .size a:hover{background-color:#deeeff; color:black; text-decoration:none}
.outframe .main .content .size .selected{font-size:14px; font-weight:bold; text-decoration:underline}
.outframe .main .content .author{font-size:12px; color:#7a7a7a; font-family:宋体; display:block; width:600px; overflow:hidden; text-align:center; margin:0 auto; line-height:1.8em;}
.outframe .main .content .author span{margin-right:40px}
.outframe .main .content .return{float:right; display:inline; margin-right:35px}

.outframe .main .content a{font-size:12px; font-family:宋体; text-decoration:none}
.outframe .main .content a:link{color:black}
.outframe .main .content a:visited{color:black}
.outframe .main .content a:hover{color:#00a7ff}

.outframe .main .content .text{width:632px; height:auto; margin:0 auto; _margin-left:26px; font-size:14px; line-height:1.8em; font-family:"Times New Roman", Times, serif; color:black; word-wrap : break-word ;word-break : break-all ;}
.outframe .main .content .text img{max-width:632px; width:expression(this.width > 632 ? "632px" : this.width+"px")}
.outframe .main .content .text a:link{color:#8ACAFD}
.outframe .main .content .text a:visited{color:#0466B8}
.outframe .main .content .text a:hover{color:#F69427}

.outframe .main .content .cc{margin-left:45px; line-height:35px; height:35px; font-family:宋体;}
.outframe .main .content .cc a{font-size:12px; text-decoration:none}
.outframe .main .content .cc a:link{color:black;}
.outframe .main .content .cc a:visited{color:black;}
.outframe .main .content .cc a:hover{color:#51c3ff;}
.outframe .main .content hr{border-color:#E0E0E0; border-style:dotted; margin:0 25px; border-width:thin}
.outframe .main .content .prevnext{font-size:12px; color:#c5c5c5; width:270px; margin:0 28px; line-height:45px; overflow:hidden}
.outframe .main .content .prevnext a:link{color:#0072ff; text-decoration:none}
.outframe .main .content .prevnext a:visited{color:#0072ff; text-decoration:none}
.outframe .main .content .prevnext a:hover{color:#51c3ff; text-decoration:underline}

.outframe .main .content .comment_panel{width:620px; height:26px; line-height:26px; background-color:#e8f7ff; border:1px #d3f0ff solid; margin:38px 32px auto 32px}
.outframe .main .content .comment_panel p{margin:0 15px;}
.outframe .main .content .comment_panel a{font-size:12px; font-family:宋体; text-decoration:none}
.outframe .main .content .comment_panel a:link{color:black}
.outframe .main .content .comment_panel a:visited{color:black}
.outframe .main .content .comment_panel a:hover{color:#00a7ff}
.outframe .main .content .comment{width:606px; height:80px; margin:0 32px; padding:16px 0 20px 8px; border-bottom:1px #d7d7d7 dashed}
.outframe .main .content .comment p{font-size:14px; line-height:1.6em; margin-top:12px}
.outframe .main .content .comment a{font-size:12px; font-family:宋体; font-weight:bold; text-decoration:none}
.outframe .main .content .comment a:link{color:#00a7ff;}
.outframe .main .content .comment a:visited{color:#00a7ff;}
.outframe .main .content .comment a:hover{color:#82d4ff}

.outframe .main .content .entersite{width:88px; height:26px; line-height:26px; margin:0 auto; background-image:url('../img/67.gif'); text-align:center}

.outframe .main .bottom{width:686px; height:28px; background-image:url('../img/content_bottom.gif'); background-repeat:no-repeat}
.outframe .sider{width:264px; height:1000px; margin-right:18px}
.outframe .sider .box{width:264px; height:auto; padding-bottom:30px; position:relative; margin-bottom:12px}
.outframe .sider .list{font-size:14px; font-weight:bold}
.outframe .sider .list li{ list-style-image:none; padding-left:12px; *padding-left:0; _padding-left:0; list-style-position:inside; list-style-type:none; font-weight:normal; margin-left:12px; font-size:12px; line-height:24px; background-image:url('../img/li_168.gif'); background-position:0 5px; background-repeat:no-repeat;}
.outframe .sider .list .hotselect{position:absolute; right:14px; top:2px; width:auto; line-height:24px; font-size:12px; font-weight:normal}
.outframe .sider .list .hotselect a{padding:2px; border:1px #FFA200 solid}
.outframe .sider .list .hotselect a:link{}
.outframe .sider .list .hotselect a:visited{}
.outframe .sider .list .hotselect a:hover{background-color:#FFA200; color:white}
.outframe .sider .list .hotselect .selected{background-color:#FFA200; color:white}

.outframe .sider .list .comment{width:240px; height:auto; padding:4px 0; border-bottom:1px silver dashed; font-weight:normal; font-size:12px; line-height:20px; margin:0 auto; color:black; font-family:宋体;}
.outframe .sider .list .comment a{font-size:12px; text-decoration:none}
.outframe .sider .list .comment a:link{color:black}
.outframe .sider .list .comment a:visited{color:black}
.outframe .sider .list .comment a:hover{color:gray}
.outframe .sider .list .comment a.user:link{color:#00b7ff; font-weight:bold}
.outframe .sider .list .comment a.user:visited{color:#00b7ff; font-weight:bold}
.outframe .sider .list .comment a.user:hover{color:#3ac7ff; font-weight:bold}

.outframe .sider a{font-size:12px; font-family:宋体; text-decoration:none}
.outframe .sider a:link{color:black}
.outframe .sider a:visited{color:black}
.outframe .sider a:hover{color:gray}

.outframe .sider .yellow3{background-color:#fefbd0;}
.outframe .sider .yellow3 .l_t{background-image:url('../img/r_corner_yellow3.gif')}
.outframe .sider .yellow3 .l_b{background-image:url('../img/r_corner_yellow3.gif')}
.outframe .sider .yellow3 .r_t{background-image:url('../img/r_corner_yellow3.gif')}
.outframe .sider .yellow3 .r_b{background-image:url('../img/r_corner_yellow3.gif')}

.outframe .sider .green{background-color:#e8fed0;}
.outframe .sider .green .l_t{background-image:url('../img/r_corner_green.gif')}
.outframe .sider .green .l_b{background-image:url('../img/r_corner_green.gif')}
.outframe .sider .green .r_t{background-image:url('../img/r_corner_green.gif')}
.outframe .sider .green .r_b{background-image:url('../img/r_corner_green.gif')}

.outframe .sider .blue2{background-color:#d0f1fe;}
.outframe .sider .blue2 .l_t{background-image:url('../img/r_corner_blue2.gif')}
.outframe .sider .blue2 .l_b{background-image:url('../img/r_corner_blue2.gif')}
.outframe .sider .blue2 .r_t{background-image:url('../img/r_corner_blue2.gif')}
.outframe .sider .blue2 .r_b{background-image:url('../img/r_corner_blue2.gif')}

.l_t{width:14px; height:14px; font-size:1px; left:0; top:0; position:absolute; background-repeat:no-repeat; background-position:0 0}
.l_b{width:14px; height:14px; font-size:1px; left:0; bottom:0; position:absolute; background-repeat:no-repeat; background-position:0 -14px}
.r_t{width:14px; height:14px; font-size:1px; right:0; top:0; position:absolute; background-repeat:no-repeat; background-position:-14px 0}
.r_b{width:14px; height:14px; font-size:1px; right:0; bottom:0; position:absolute; background-repeat:no-repeat; background-position:-14px -14px}


.cloze{width:16px; height:16px; padding:0 0 0 15px; overflow:hidden; background-image:url('../img/_web_icon_029.gif'); background-repeat:no-repeat; background-position:center;}
.cloze_{width:16px; height:16px; padding:0 0 0 15px; overflow:hidden; background-image:url('../img/web_icon_029.gif'); background-repeat:no-repeat; background-position:center; cursor:pointer}

.button{width:auto; margin:0 auto; text-align:center}
.button a{padding:6px 19px; border:1px #a2dfff solid; line-height:24px; background-color:#cfeeff; color:#4ec3ff; font-size:12px; text-decoration:none}
.button a:hover{background-color:#4ec3ff; border-color:#4ec3ff; color:white}

.outframe .main .content .inputbox{width:620px; height:100px; border:1px #63caff solid; margin:12px 32px; overflow-y:scroll}

.footer{width:996px; height:auto; padding:15px 0; line-height:20px; background-image:url('../img/tg_logo.gif'); background-repeat:no-repeat; background-position:70% center; border-top:1px silver solid; text-align:center; margin:0px auto;}
.footer a:link{color:#676767; text-decoration:none}
.footer a:visited{color:#676767; text-decoration:none}
.footer a:hover{color:black; text-decoration:none}

.attach{padding:10px; background-color:white; border:1px #EFEFEF solid}

.attach a:link{color:#005191;}
.attach a:visited{color:#005191;}
.attach a:hover{color:#00c0ff;}

/*comment*/
.outframe .sider .blue3{background-color:#F3F8FE; position:relative; border:1px #D9E7FB solid;}
.outframe .sider .blue3 .commtitle{height:36px; line-height:36px; background-image:url('../img/251.gif'); background-repeat:no-repeat; background-position:78px center; font-size:14px; color:black; width:100%; text-align:center;}
.outframe .sider .blue3 .commlist{font-size:12px; border-style:dotted; border-color:#E0E0E0; border-width:1px 0 1px 0}
.outframe .sider .blue3 .commlist .rank{width:40px; height:60px; line-height:60px; float:left; display:inline; background-color:#D8E8FC; text-align:center; font-size:18px}
.outframe .sider .blue3 .commlist .commcontent{display:inline; width:214px; height:50px; line-height:25px; margin:5px 5px auto 5px; float:left}
.outframe .sider .blue3 .commlist .commcontent a:link{color:#5F9AEE}
.outframe .sider .blue3 .commlist .commcontent a:visited{color:#5F9AEE}
.outframe .sider .blue3 .commlist .commcontent a:hover{color:#8ACAFD}

/*comment_style*/
.outframe .main .top_c{border:1px #D9E7FB solid; background-color:#F3F8FE; height:35px; line-height:35px}
.outframe .main .top_c .navleft{width:350px; height:35px; line-height:35px; margin-left:22px;}
.outframe .main .top_c .navleft a{font-size:12px; font-family:宋体; text-decoration:none}
.outframe .main .top_c .navleft a:link{color:#005191;}
.outframe .main .top_c .navleft a:visited{color:#005191;}
.outframe .main .top_c .navleft a:hover{color:#00c0ff;}

.outframe .main .top_c .navright{width:305px; height:35px; line-height:35px; text-align:center}
.outframe .main .top_c .navright a{font-size:14px; font-weight:bold; font-family:宋体; text-decoration:none; margin-left:24px}
.outframe .main .top_c .navright a:link{color:white;}
.outframe .main .top_c .navright a:visited{color:white;}
.outframe .main .top_c .navright a:hover{color:gray;}

.outframe .main .content_c{padding-top:20px; background-color:#F3F8FE; border:1px #D9E7FB solid; background-image:none; border-top:0; width:auto; position:relative; padding-bottom:34px}
.outframe .main .content_c h1{text-align:center; font-size:18px; line-height:35px; padding-top:20px; margin:0 30px; word-wrap : break-word ; word-break : break-all ;}
.outframe .main .content_c .intro{width:450px; margin:20px auto; background-color:white; line-height:1.8em; border:1px silver dotted; padding:10px}

.outframe .main .content_c .size{position:absolute; right:24px; _right:54px; top:0px}
.outframe .main .content_c .size a{font-size:12px; font-family:宋体; padding:4px}
.outframe .main .content_c .size a:link{color:black; text-decoration:none}
.outframe .main .content_c .size a:visited{color:black; text-decoration:none}
.outframe .main .content_c .size a:hover{background-color:#deeeff; color:black; text-decoration:none}
.outframe .main .content_c .size .selected{font-size:14px; font-weight:bold; text-decoration:underline}
.outframe .main .content_c .author{font-size:12px; color:#7a7a7a; font-family:宋体; margin-top:20px; text-align:center}
.outframe .main .content_c .author span{margin-right:40px}

.outframe .main .content_c .return{float:right; display:inline; margin-right:35px}

.outframe .main .content_c a{font-size:12px; font-family:宋体; text-decoration:none}
.outframe .main .content_c a:link{color:black}
.outframe .main .content_c a:visited{color:black}
.outframe .main .content_c a:hover{color:#00a7ff}

.outframe .main .content_c .text{width:632px; height:auto; margin:0 auto; _margin-left:26px; font-size:14px; line-height:1.8em; font-family:"Times New Roman", Times, serif; color:black; word-wrap : break-word ;word-break : break-all ;}
.outframe .main .content_c .text img{max-width:632px; width:expression(this.width > 632 ? "632px" : this.width+"px")}
.outframe .main .content_c .text a:link{color:#8ACAFD}
.outframe .main .content_c .text a:visited{color:#0466B8}
.outframe .main .content_c .text a:hover{color:#F69427}

.outframe .main .content_c .cc{margin-left:45px; line-height:35px; height:35px; font-family:宋体;}
.outframe .main .content_c .cc a{font-size:12px; text-decoration:none}
.outframe .main .content_c .cc a:link{color:black;}
.outframe .main .content_c .cc a:visited{color:black;}
.outframe .main .content_c .cc a:hover{color:#51c3ff;}
.outframe .main .content_c hr{border-color:#E0E0E0; border-style:dotted; margin:0 25px; border-width:thin}
.outframe .main .content_c .prevnext{font-size:12px; color:#c5c5c5; width:270px; margin:0 28px; line-height:45px; overflow:hidden}
.outframe .main .content_c .prevnext a:link{color:#0072ff; text-decoration:none}
.outframe .main .content_c .prevnext a:visited{color:#0072ff; text-decoration:none}
.outframe .main .content_c .prevnext a:hover{color:#51c3ff; text-decoration:underline}

.outframe .main .content_c .comment_panel{width:620px; height:26px; line-height:26px; background-color:#e8f7ff; border:1px #d3f0ff solid; margin:38px 32px auto 32px}
.outframe .main .content_c .comment_panel p{margin:0 15px;}
.outframe .main .content_c .comment_panel a{font-size:12px; font-family:宋体; text-decoration:none}
.outframe .main .content_c .comment_panel a:link{color:black}
.outframe .main .content_c .comment_panel a:visited{color:black}
.outframe .main .content_c .comment_panel a:hover{color:#00a7ff}
.outframe .main .content_c .comment{width:606px; height:80px; margin:0 32px; padding:16px 0 20px 8px; border-bottom:1px #d7d7d7 dashed}
.outframe .main .content_c .comment p{font-size:14px; line-height:1.6em; margin-top:12px}
.outframe .main .content_c .comment a{font-size:12px; font-family:宋体; font-weight:bold; text-decoration:none}
.outframe .main .content_c .comment a:link{color:#00a7ff;}
.outframe .main .content_c .comment a:visited{color:#00a7ff;}
.outframe .main .content_c .comment a:hover{color:#82d4ff}

.outframe .main .content_c .entersite{width:88px; height:26px; line-height:26px; margin:0 auto; background-image:url('../img/67.gif'); text-align:center}

.outframe .main .bottom_c{width:686px; height:28px;}


