/* from: scss/0/scss/style.css */
/*
Powered by OuBB
http://www.OuBB.com/
*/

/*------------- base ----------*/
body,table,div,p {color:#4E535A;font:normal 12px/1.5em Arial,Tahoma;}
A {text-decoration:none;font-family:Verdana;color:#045095;}
A:hover {color:#0099CC;}
h1, h2 {font-family:"Lucida sans Unicode",Arial;}
h1 {font-size:16px;color:#cc3300;}
h2 {font-size:14px;color:#083E61;letter-spacing:0;}
h3 {font-size:12px;letter-spacing:0;}
li {list-style-type:none;overflow:hidden;}
cite, em, i {font-style:normal;}
img {border:0; background:#fff;}
.oubox {width:982px;margin:0 auto;padding:0;text-align:center;background:#fff;}
#head, #body, #links {width:100%;text-align:center;}
menu, #menu {width:100%;text-align:center;overflow:hidden;}
#head dl, #top, #body .body, .side {width:100%;text-align:left;overflow:hidden;}
#header,#footer {display:none;}
#head dl {height:90px;margin:10px 0;text-align:left;}
#head dl dt {float:left;width:300px;font:bold 16px Arial;}
#head dl dd {float:right;width:660px;overflow:hidden;}
#tool {width:100%;text-align:right;}
#tool A:hover {color:#009FEC;}
#logo strong, #userlogo {display:block;float:left;}
#userlogo {margin-right:20px;}
#logo strong * {display:block;letter-spacing:1px;color:#fff;}
#logo strong em {height:50px;font:bold 18px/20px Arial;letter-spacing:3px;color:#2BACE3;}
.body li, .body h1, .body h2, .side dl dd ul li, .products dl h3, .products dl dt, p.pswbar .back, .blog dir .back, #foot em, .comment dl dt i, .board .li span, .d, .v, .c, .a, .e, .n {background:url(http://img.oubb.net/!!/0/0/li.gif) no-repeat 0 100px;}
#mn, menu, menu A, menu .s, #nav .s {background:url(http://img.oubb.net/!!/0/0/menu.png) no-repeat;}
#mn {width:100%;height:82px;background-repeat:repeat-x;}
menu {position:relative;height:45px;}
menu .s {position:absolute;z-index:2;top:0;height:43px;}
menu .l {left:0;width:10px;background-position:0 -90px;}
menu .r {right:0;width:195px;background-position:-285px -90px;}
menu ul {position:absolute;z-index:5;top:10px;left:30px;width:92%;height:35px;}
menu ul li {float:left;width:82px;height:100%;margin:0 2px;text-align:center;}
menu A {display:block;width:100%;height:100%;margin-top:1px;padding-top:2px;background-position:-100px -101px;overflow:hidden;}
menu A span {font:bold 12px/28px "Lucida sans Unicode",Arial;white-space:nowrap;color:#fff;}
menu A:hover {background-position:-187px -101px;}
menu A:hover span {color:#FEFA9E;}
menu ul .current A {margin-top:0;padding-top:4px;background-position:-13px -100px;}
menu ul .current A span {font-weight:bold;letter-spacing:1px;color:#CC6600;}
menu ul .current A:hover {background-position:-13px -100px;}
menu ul .current A:hover span {color:#CC3300;}
#menu {height:36px;}
#menu ul {height:100%;margin:8px;}
#menu A {padding:1 4px 0 8px;font:normal 12px/18px arial;}
#menu A:link, #menu .menu A:visited {}
#smenu ul {height:100%;margin-top:36px;text-align:right;color:#C2D3E2;}
#smenu ul A {padding:0 3px;}

#nav {width:100%;height:37px;text-align:left;-overflow:hidden;}
#nav .s, #nav ul {height:100%;}
#nav .l {float:left;width:45px;background-position:0 -135px;}
#nav .r {float:right;width:170px;position:relative;background-position:-310px -135px;}
#nav ul {float:left;width:60%;padding-top:10px;text-align:left;letter-spacing:1px;color:#B0C585;}
#nav ul A, #nav ul cite {line-height:18px;}
#nav ul cite {color:#045095;}
#nav .r span {position:absolute;z-index:11;top:10px;width:110px;text-align:center;}
#ucp {position:absolute;z-index:10;top:5px;left:110px;width:46px;height:25px;cursor:hand;cursor:pointer;}
#ubox {display:none;position:absolute;z-index:990;top:20px;right:-3px;width:180px;border:1px solid #aaa;background:#fff;cursor:crosshair;}
#ubox #up {width:160px;margin:2px auto;}
#ubox #up * {position:relative;}

#forumlist {position:relative;}
#forumlist .fgtree {display:none;position:absolute;z-index:990;top:12px;left:-50px;width:170px;overflow:y-auto;border:1px solid #aaa;background:#fff;cursor:crosshair;}
#forumtreedata {display:none;}

#tool A:hover {background-color:#F3FCCB;}
#ann {position:relative;height:30px;width:590px;overflow:hidden;}
#ann A {position:absolute;display:block;top:30px;left:5px;height:17px;width:350px;text-align:left;padding-left:22px;overflow:hidden;background-position:0 -1348px;}

.news, dl.tp, dl.tp dt, .tb th, .mainbox, .mainlist, .manage, #threadCss p.pswbar, .c4, .tbbox .l {background:url(http://img.oubb.net/!!/0/0/tp.png) repeat-x;}
#news, #focus, #main .main, #center, .side, .side dl, .side dl dt, .side dl dd, #left, #left dl, #left dl dd,{overflow:hidden;}
#body .body {margin:10px auto;}
.body li {padding-left:15px;line-height:1.5em;background-position:0 -294px;}
.body h1 {height:30px;margin:20px 0;padding:3px 0 0 22px;line-height:1.5em;background-position:0 -960px;}
.body h2 {height:18px;margin:16px 0 10px 0;padding:0 0 0 22px;line-height:16px;background-position:0 -1020px;}
.body h4 {height:16px;margin-bottom:8px;line-height:16px;}
dl.tp {width:100%;}
#top {margin-bottom:8px;}
#main, #main2 {float:left;width:732px;}
.side {float:right;width:240px;border:1px solid #B6D5EB;border-right-color:#99C4E3;background:#F2F8FB;}
.side dl.tp {padding-bottom:10px;background:#F2F8FB;}
.side dl.tp dt {width:100%;height:32px;padding:2px 0 0 40px;font:bold 12px/25px "Lucida sans Unicode",Arial;color:#083E61;background-position:0 -250px;}
.side dl.tp dd {width:92%;margin:7px auto;overflow:hidden;}
.side dl.tp ul {width:100%;margin:10px 0;}
.side dl.tp dd.catelist h4 {height:25px;margin:3px 0;border:1px solid #ddd;line-height:25px;background:#eee;}
.side dl.tp dd.catelist ul {margin:0;}
.side dl.tp dd ul li {color:#7EAFCD;white-space:nowrap;background-position:0 -746px;}
.side dl.tp dd ul li.current {background-position:0 -806px;}
.side dl.tp dd ul li.current A {color:#999;}
.side dl.tp dd ul {margin:2px 0 6px 0;padding:0;}
.side dl.tp dd ul.d-1 {margin-left:12px;}
.side dl.tp dd ul.d-2 {margin-left:8px;}
.side dl.tp dd ul.d-0 li {padding-left:14px;background-position:0 -878px;}
.side dl.tp dd ul.d-1 li {padding-left:13px;background-position:0 -806px;}
.side dl.tp dd ul.d-2 li {padding-left:13px;background-position:0 -566px;}

.side .kw {width:115px;}
.side dd.img img {width:220px;margin:12px 0;}
#toplist {background:#fff;}
#toplist ul {width:200px;margin:8px auto;overflow:hidden;}
#toplist ul li {background-position:0 30px;}
#focus, #headline {width:360px;overflow:hidden;}
#focus {float:left;height:270px;}
#focus img {width:360px;height:270px;}
#headline {float:right;text-align:left;}
#headline ul {width:96%;margin-left:4px;white-space:nowrap;overflow:hidden;}
#headline ul li {padding-left:18px;background-position:0 -507px;}
#headline ul li.li1 {background-position:0 -597px;}
#headline ul li.li2 {background-position:0 -567px;}

.news, .news dl dd, .news ul, .news ul li, .news p {overflow:hidden;}
.news {width:360px;margin-bottom:6px;text-align:left;border:1px solid #CEDDE6;border-top:none;background-position:0 -300px;}
.newsico {background-position:-30px -300px;}
.news1 {float:left;width:360px;}
.news2 {float:right;width:360px;}
.news h3 {width:90%;margin:8px 0 6px 32px;font-weight:bold;color:#006699;}
.newsico h3 {width:94%;margin:8px 8px 0 8px;}
.newsico h3 img {float:left;width:48px;height:48px;}
.newsico h3 dl {float:left;margin-left:10px;}
.newsico h3 dl dt, .newsico h3 dl dd {height:21px;margin-top:3px;overflow:hidden;}
.newsico h3 dl dt {padding-left:4px;border-bottom:1px solid #fff;}
.newsico h3 dl dd {font:normal 12px Verdana;color:#CEDDE6;}
.newsico h3 dl dd A {padding:0 3px;}
.news ul, .news p, .news .tab h4 {width:95%;margin:8px 2px 8px 10px;}
.news ul li {width:97%;padding-left:12px;white-space:nowrap;overflow:hidden;}
.news ul li span {padding-left:6px;color:#999;}
.news ul li cite {padding-right:5px;font:normal normal 12px Arial;color:#aaa;}
.news ul li cite A {padding:0 3px;}
.news ul li A:hover, .mainbox ul li A:hover {padding:1px 0;}

.tab {width:100%;}
.tab ul {display:none;clear:both;}
.tab ul.current {display:block;}
.tab h4, .tab h4 A {background:url(http://img.oubb.net/!!/0/0/btn.png) no-repeat;}
.tab h4 {height:26px;text-align:left;background-position:0 -479px;}
.tab h4 A {display:block;float:left;height:24px;margin:0 0 0 2px;padding:0px 7px;font:normal 12px/26px Arial;border-left:1px solid #C2D3E2;border-right:1px solid #C2D3E2;color:#000;background-position:0 -50px;overflow:hidden;}
.tab h4 A:hover {color:#C64F06;background-position:-200px -50px;}
.tab h4 A.current {height:25px;line-height:29px;border-color:#A2C6D7;color:#54A3D1;background-position:-400px -50px;}
.tab h4 A.current A:hover {background-position:-600px -50px;}

.d, .v, .c, .a, .n, .e {padding-left:17px;padding-right:8px;color:#7EA4BE;}
.d i, .v i, .c i, .a i, .n i, .e i {color:#111;}
.d {background-position:7px -237px;cursor:hand;cursor:pointer;}
.a {background-position:0 -1100px;}
.e {background-position:0 -1148px;}
.c {background-position:0 -1197px;}
.n {background-position:0 -1249px;}
.v {background-position:0 -1298px;}
.l {float:left;}
.r {float:right;}

.main {width:100%;}
.mainbox {width:100%;border:1px solid #3399CC;background-position:0 -5000px;overflow:hidden;}
.mainbox .main {width:690px;margin:15px 10px 15px 20px;}
.mainbox .main p {margin:10px 0;}
.mainbox .main p.date {padding:5px 0;text-align:right;border-bottom:1px solid #bbb;}
.mainbox .main .content {font:normal 14px/1.7em Tahoma; color:#000;}
.mainbox .list {width:99.6%;margin:1px;}
.mainbox .list ul {width:95%;margin:10px 15px;}
.mainbox dl.tp {height:34px;background-position:0 -100px;overflow:hidden;}
.mainbox dl.tp dt {height:100%;padding:3px 20px 0px 35px;line-height:25px;background-repeat:no-repeat;background-position:0 -150px;}
.mainbox dl.tp dt, .mainbox dl.tp dt A {font-weight:bold;letter-spacing:2px;color:#fff;}
.mainlist {width:730px;padding:40px 0;border:1px solid #A2C6D7;background-position:0 -3300px;overflow:hidden;}
.mainlist h1 {width:690px;margin:20px 15px 10px 30px;}
.mainlist p, .mainlist ul, .mainlist .main, .mainlist p.pswbar {width:690px;margin:10px 12px 10px 28px;}
.mainlist .link {color:#ccc;}
.mainlist .link A {padding:0 2px;color:#999;}
.mainlist p.pswbar {text-align:center;}
.mainlist ul li, .mainlist p {font-size:14px;}
.mainlist ul li {line-height:1.7em;background-position:0 -291px;}
.mainlist ul li cite, .mainbox ul li cite i {padding:0 4px;font:normal normal 12px Arial;}
.mainlist ul li cite {padding-left:20px;color:#999;}
.mainlist ul li cite i {color:#75B37B;}
.full, .bookshow {width:730px;border:1px solid #A2C6D7;background-position:0 -3300px;overflow:hidden;}
.tp2 {border-color:#D6E778;background-position:0 -900px;}
.tp3 {border-color:#EEDEAC;background-position:0 -1500px;}
.tp4 {border-color:#FEE0E7;background-position:0 -2100px;}
.tp5 {border-color:#ddd;background-position:0 -2700px;}
.tp1 {background-position:0 -3300px;}

.tbbox {width:100%;margin-bottom:10px;text-align:left;border:1px solid #CEDDE6;}
.tbbox .l {width:32px;border-left:1px solid #fff;border-right:1px solid #CEDDE6;color:#006699;background-position:0 -3300px;}
.tbbox .l h5 {width:18px;margin:4px 6px 3px 8px;}
.pswbar {margin:3px 0;padding:3px 0;}
p.pswbar {width:100%;height:30px;margin:20px 0;text-align:center;background:#F2F8FB;overflow:hidden;}
p.pswbar .page {display:block;padding:3px 0;margin-top:5px;}
.page span, .page input {border-color:#D5EFF7;color:#3399CC;background:#F5FCFE;}
.page A:link, .page A:visited {border-color:#D5EFF7;color:#0072C6;background:#fff;}
.page A:hover {border-color:#3399CC;color:#fff !important;background:#4AB1DD;}
.page .curpage {border-color:#CEEAD3;background:#F5FAED;}
.c1 {background:#fff;}
.c2 {background:#F2F8FB;}
.c3 {background:#eee;}
.c4 {background-position:0 -1525px;}
.c5 {background:#fff;}
.c6 {background:#fafafa;}
.c11 {background:#fff;}
.c12 {background:#fafafa;}
#links ul {width:96%;margin:4px auto;text-align:left;}
#links ul A {padding:0 6px;}
.links A img {width:100px;height:36px;margin:8px;padding:2px;border:1px solid #ddd;background:#fff;}
.links A:hover img {border-color:#FF6600;background:#FFEF24;filter:alpha(opacity=60);}
#foot {width:100%;height:200px;border-top:3px solid #98C4DE;}
#foot dl {padding-top:12px;text-align:left;color:#888;}
#foot dd {float:left;width:48%;}
#foot dt {position:relative;float:right;width:48%;text-align:right;}
#foot dt A {padding:0 3px;}
#foot dt em {position:absolute;top:50px;right:0;z-index:100;background-position:0 -1450px;}
#foot dt em, #foot dt em A {display:block;width:23px;height:12px;}

.ad {width:100%;margin-bottom:8px;overflow:hidden;}
.ad img {width:100%;border:0;}
.moreinfo A {background-position:0 -448px;}
.msger A, .moreinfo A {margin-left:0;padding-left:21px;}
.nowrap {white-space:nowrap;}

/*------------- root ----------*/
.show {text-align:left;}
.show div {width:96%;}
.show .box {float:left;width:130px;margin:0 15px 10px 0;color:#888;}
.show .box ul {width:100%;}
.show .box dl, .dig .box dd {float:right;width:80%;overflow:hidden;color:#888;}
.show .half dl {width:59%;}
.show .box h6 {width:100%;margin:5px 0;font:bold 12px/16px Tahoma;overflow:hidden;}
.show .box em {display:block;margin-top:5px;font-size:12px;}
.show .box A img {width:120px;height:90px;padding:3px;border:1px solid #ccc;background:#fff;}
.show .box A:hover img {border-color:#FF6600;background:#FFEF24;filter:alpha(opacity=70);}
.show ins {display:block;width:0;height:0;font:normal 0/0 arial;clear:both;}
.pic .box, .book .box, .dig .box, .txt .box, .ico .box {width:96%;margin-bottom:20px;}
.pic .half, .book .half, .dig .half, .ico .half {width:47%;}
.pic .box A img, .book .box A img, .ico .box A img {float:left;}
.pic .box h6, .book .box h6, .dig .box h6 {margin-top:0;font-size:14px;}
.pic .half h6, .book .half h6, .dig .half h6 {font-size:12px;}
.pic .col3 h6, .book .col3 h6, .dig .col3 h6 {font-size:12px;}
.mv .box {width:156px;height:210px;margin:0 21px 20px 0;padding:0;text-align:center;border:1px solid #ddd;background:#fafafa;}
.mv .box ul {width:136px;margin:0 0 0 12px;text-align:left;overflow:hidden;}
.mv .box h6 {height:32px;}
.mv .box A img {margin-top:12px;padding:2px;border-color:#fff;}
.book .box A img {width:75px;height:100px;}
.book .box dl, .dig .box dd {width:85%;}
.book .half dl, .dig .half dd {width:72%;}
.book .col3, .dig .col3, .txt .col3 {width:31%;}
.book .col3 dl, .dig .col3 dd {width:60%;}
.dig .box dt, .summary dl.title {background:url(http://img.oubb.net/!!/0/0/dig.png) no-repeat;}
.dig .box dt {position:relative;float:left;width:70px;height:90px;}
.dig .box dt b, .dig .box dt i {position:absolute;z-index:20;display:block;width:68px;text-align:center;font:bold 18px Arial;}
.dig .box dt b {top:15px;left:2px;color:#E39935;}
.dig .box dt i {top:60px;left:1px;color:#CC0000;}
.txt .half {width:44%;margin-right:40px;}
.txt h2 {height:18px;letter-spacing:nowrap;overflow:hidden;}
.tgmore .clear {height:20px;}
.tgmore .box p {margin:5px 0;}
.txt .clear {height:5px;}

.p .box {width:92px;margin-right:4px;}
.p .box A img {width:80px;height:80px;}
.small .box {width:108px;margin-right:6px;}
.small .box img {width:100px;height:75px;padding:2px;}
.large .box {width:170px;margin-right:12px;margin-bottom:10px;}
.large .box img {width:160px;height:120px;padding:4px;}
.press .box {margin-right:8px;}
.news .show {margin:0 0 12px 15px;}
.news .show h3 {margin-left:0;}
.body .show h2 {margin:4px 0;}
.show li A:link, .show ul li A:visited {color:#000;}
.show li A:hover {color:#555;}
.show i {padding-left:4px;font:normal normal 11px Arial;color:#333;}

.side .show {padding:4px 0 7px 18px;border:0;background:transparent;}
.side .show ul {margin:8px 18px 2px 0;}

/*------------- news ----------*/
.newslist p {position:relative;}
.newslist p cite {position:absolute;top:-25px;right:10px;z-index:10;color:#999;}

/*--------- tag --------*/
#tagCss #main {width:620px;}
#tagCss #main .main {width:580px;}
#tagCss #side {width:355px;}
#tagCss #side .tp dd ul {}

/*-------Service--------*/
#psCss .mainbox {border-color:#A2C6D7;background-position:0 -3300px;}

/*------------- search ----------*/
#searchCss .mainbox {padding:20px;padding-left:30px;border:1px solid #ddd;}

/*------------- joke ----------*/
#jokeCss .mainbox ul {float:left;width:30%;margin-right:20px;}
#jokeCss .mainbox ul li {white-space:nowrap;overflow:hidden;}
#jokeCss .mainbox .content {width:86%;margin:30px 0 80px 30px;font:normal 14px/1.8em Tahoma;}

/*------------- Blog ----------*/
#blogCss #main {width:700px;}
#blogCss #side {width:250px;}
#blogCss #frbox, #blogCss .mainbox {border-color:#CEDDE6;}
#side #intro dd div {width:100%;text-align:center;}
#side #intro dd div img {margin:10px auto;}
.summary {padding-bottom:10px;}
.summary .content img {margin:0 10px 10px 0;}
.summary dl.title {width:100%;height:60px;margin-bottom:15px;background-position:0 -100px;}
.summary dl.title dt {margin-left:82px;width:80%;}
.summary .title h2 {height:32px;margin:5px 0;padding:0;background:none;}
.summary dl.title dt span {margin:6px 6px 0 0;padding-right:10px;color:#999;}
.summary dl.title dd {float:left;width:60px;margin-right:22px;}
.summary dd i, .summary dd cite {display:block;width:100%;height:20px;text-align:center;font:bold 14px Arial;color:#fff;}
.summary dd i {margin:8px 0 9px 0;font-size:16px;}
.blog h1 {margin-bottom:10px;}
.blog p {margin-bottom:10px;text-align:right;padding-right:15px;color:#bbb;}
.blog p A {padding-right:5px;}
.from {border-bottom:1px dotted #83BF40;}
.blog .content {font:normal 14px/1.7em Arial;}
dir i {padding:0 3px;font-style:normal;font-weight:normal;text-decoration:none;}
dir span A {padding:0 2px;}
.blog dir .back {padding-left:13px;background-position:0 -206px;}
.main dir, .main del {margin-top:20px;padding:5px 0 2px 0;text-align:right;font-size:12px;line-height:15px;color:#aaa;}
.main dir del {display:block;text-decoration:line-through;color:#555;}