@charset "utf-8";
@import "system.css";
/* Global CSS */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }
iframe { margin: 0; padding: 0; list-style: none }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
body { margin:0px auto; padding:0px; background: #CCC; font-size:12px; width:1000px; font-family: Arial, Helvetica, sans-serif; display:block; color:#333; }
.clearfix { display: inline-block; }
.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
html, body { height: 100%; }
* html .container { height: 100%; }
.container { margin: 0 auto; padding: 0; background: #fff; width: 1000px; }
.left { float: left }
.right { float: right }
.hidden { display: none; }
.showclear { clear: both; margin: 0; padding: 0 }
.showclear5 { clear: both; margin: 0; padding: 0; height: 5px; line-height: 5px; }
.showclear10 { clear: both; margin: 0; padding: 0; height: 10px; line-height: 10px; overflow: hidden }
.show10 { margin: 0; padding: 0; height: 10px; line-height: 10px; overflow: hidden }
.show20 { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #917d69; overflow: hidden }
a:link, a:visited { color: #543112; text-decoration: none; }
a:hover, a:active { color: #FC0; text-decoration: underline; }
.header { margin: 0; padding: 0; background: url(header_bg.gif) no-repeat; width: 1000px; overflow: hidden; }
.logo { margin: 0; padding: 0; width: 357px; height: 115px; overflow: hidden }
.logo a {
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://localhost/template/images/logo_bg.png', sizingMethod='image'); /*For IE7 & IE6*/background:url(http://localhost/template/images/logo_bg.png) no-repeat left top !important; /*For Firefox*/*background:none;
/*For IE7 & IE6*/cursor:pointer; width:357px; height:115px; display:block; }
.banner { margin: 0; padding: 0; width: 600px; height: 115px; }
.none { border:none; width:0px; height:0px; display:none; }
/*****************/
.language { margin: 30px 0 0 200px; padding: 0; }
.language ul { margin: 0; padding: 0; list-style: none }
.language li { float: left; margin: 0 5px; padding: 4px 0 0 0; background: url(gxfinearts.png) no-repeat 0 -180px; font: 12px Verdana, Geneva, sans-serif; font-weight: 600; color: #543112; width: 104px; height: 26px !important; height: 30px; text-align: center; }
.language li span { display: block; font: 9px Arial, Helvetica, sans-serif; }
.language li a:link,  .language li a:visited { display: block; color: #543112; height: 30px; text-decoration: none; }
.language li a:hover,  .language li a:active { display: block; color: #fff; height: 30px; text-decoration: none; }
/*****************/
.menu { position: relative; margin: 0 auto; padding: 0; width: 100%; height: 32px; overflow: hidden }
.menu ul { margin: 0; padding: 0; list-style: none }
.menu li { float: left; position: relative; display: inline; margin: 0; padding: 0; height: 30px; line-height: 30px; }
.menu li a { display: block; margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; background: url(menu_bg.gif) no-repeat -230px 0; width: 100px; height: 32px; line-height: 32px; text-align: center; }
.menu li a:link,  .menu li a:visited { color: #fff; text-decoration:none }
.menu li a:hover,  .menu li a.current,  .menu li a:active { color: #fff; font-weight: bold; text-decoration:none }
.menu .l1 { float: left; margin: 0; padding: 0; background: url(menu_bg.gif) no-repeat; width: 12px; height: 32px; }
.menu .l3 { float: left; margin: 0; padding: 0; background: url(menu_bg.gif) no-repeat -440px 0; width: 12px; height: 32px; }
.menu .l4 { float: left; margin: 0; padding: 0; background: url(menu_bg.gif) no-repeat -332px 0; width: 12px; height: 32px; }
/*****************/
.tbox { margin: 0 auto; padding: 0; background: url(main_bg.png); width: 1000px; height: 100%; }
.tbox .cols1 { margin: 0; padding: 10px 0 0 0; width: 210px; overflow: hidden; }
.tbox .cols1 .box { margin: 0 auto; padding: 0; width: 210px; }
.tbox .cols1 .box .title { margin: 0 0 0 30px; padding: 6px 0 0 20px; background: url(gxfinearts.png) no-repeat 0 -146px; font: 12px Verdana, Geneva, sans-serif; font-weight: 600; color: #543112; width: 153px; height: 28px !important; height: 34px; overflow: hidden; }
.tbox .cols1 .box .title2 { margin: 0 0 0 30px; padding: 6px 0 0 0; background: url(gxfinearts.png) no-repeat 0 -112px; font: 12px Verdana, Geneva, sans-serif; font-weight: 600; color: #543112; width: 153px; height: 28px !important; height: 34px; text-align: center; overflow: hidden; }
.tbox .cols1 .box .show { margin: 0; padding: 0; width: 200px; height: 100%; }
.tbox .cols1 .box .show dt { margin: 0; padding: 0 0 0 15px; font: 14px Arial, Helvetica, sans-serif; color: #543112; border-bottom: 1px dotted #543112; height: 26px; line-height: 26px; }
.tbox .cols1 .box .show dt a { color: #543112; }
.tbox .cols1 .box .show dd a { margin: 0 auto; padding: 0 0 0 20px; display: block; font: 12px Arial, Helvetica, sans-serif; color: #543112; border-bottom: 1px solid #cfcccc; width: 160px; height: 26px; line-height: 26px; }
.tbox .cols1 .box .show ul { margin: 0; padding: 0; list-style: none }
.tbox .cols1 .box .show li { margin: 0; padding: 0 0 0 15px; background: url(icon_01.gif) no-repeat; }
.tbox .cols1 .box .show li a { margin: 0; padding: 0; font: 14px Arial, Helvetica, sans-serif; height: 24px; line-height: 24px; }
.tbox .cols1 .mailbox { margin: 0 auto; padding: 47px 0 0 0; background: url(gxfinearts.png) no-repeat 0 -598px; width: 210px; }
.tbox .cols1 .mailbox img { margin: 0; padding: 0; }
.tbox .cols1 .mailbox span { display: block; margin: 6px 0 0 0; text-align: center; }
/***************/
.tbox .cols2 { margin: 0; padding: 10px 0 0 0; width: 786px; height: 100%; }
.tbox .cols2 .box { margin: 0 auto; padding: 0; width: 786px; }
.tbox .cols2 .box .title { margin: 0; padding: 0; border-bottom: 1px #5a3d1d solid; height: 24px; overflow: hidden; }
.tbox .cols2 .box .title .more { float: right; margin: 11px 0 0 0; padding: 0 70px 0 8px; background: url(gxfinearts.png) no-repeat 0 -84px; font: 10px Arial, Helvetica, sans-serif; color: #462c15; width: 88px; text-align: center }
.tbox .cols2 .box .topic a { display: block; margin: 0; padding: 0; font: 16px Arial, Helvetica, sans-serif; color: #F90; height: 24px; }
.tbox .cols2 .box .show { margin: 0; padding: 10px 0; height: 100%; display: table; width: 786px; }
.tbox .cols2 .box .show .bookli { }
.tbox .cols2 .box .show ul { margin: 0; padding: 0; }
.tbox .cols2 .box .show .bookli { float: left; display: table-cell; position: relative; margin: 3px; padding: 0; width: 186px; height: 100%; }
.tbox .cols2 .box .show .bookli .img { margin: 0; padding: 2px; border: 1px solid #968571; }
.tbox .cols2 .box .show .bookli .bt { margin: 10px 0 0 0; padding: 0; font: 14px Arial, Helvetica, sans-serif; color: #452c16; width: 186px; text-align: center; }
.tbox .cols2 .box .show .bookli .bt a:link,  .tbox .cols2 .box .show .bookli .bt a:visited { display: block; color: #006; text-decoration: none; }
.tbox .cols2 .box .show .bookli .bt a:hover,  .tbox .cols2 .box .show .bookli .bt a:active { display: block; color: #FF630D; text-decoration: underline; }
.tbox .cols2 .box .b_top { height: 100%; }
.tbox .cols2 .box .b_bottom { margin: 0; padding: 0 0 20px 0; background: url(box_bottom_bg_2.gif) no-repeat right bottom; height: 100%; }
.tbox .cols2 .box .b_not_bottom { background: url(main_bg.png) no-repeat 0 100px; height: 100%; }
.tbox .cols2 .box .border_bottom { border-bottom: 1px solid #5a3d1d; }
/*****************/
.search { float: left; margin: 0; padding: 0; font: 14px Arial, Helvetica, sans-serif; font-weight: 600; color: #fff; width: 720px; height: 34px; }
.search .s1 { float: left; margin: 0; padding: 0; background: url(gxfinearts.png) no-repeat 0 -243px; width: 14px; height: 34px; overflow: hidden }
.search .s2 { float: left; margin: 0; padding: 0 5px; background: url(gxfinearts.png) repeat-x 0 -277px; height: 34px; line-height: 34px; overflow: hidden }
.search .s2 p { float: left; display: block; margin: 0; padding: 0 3px; height: 34px; line-height: 34px; }
.search .s2 .b1 { margin: 0; padding: 0 !important; padding: 5px 0 0 0; }
.search .s2 .b2 { margin: 0; padding: 3px 0 0 0; }
.search .s2 p input { margin: 0 3px; padding: 2px 10px; }
.search .s2 p #query { margin: 0 5px; padding: 0 4px; font: 14px Arial, Helvetica, sans-serif; font-weight: 600; height: 20px; line-height: 20px; }
.search .s3 { float: left; margin: 0; padding: 0; background: url(gxfinearts.png) no-repeat 0 -311px; width: 14px; height: 34px; overflow: hidden }
/*****************/
.topinfo { margin: 0; padding: 0; background: url(box_bottom_bg_2.gif) no-repeat bottom right; height: 120px; border-bottom: 1px #630 solid; overflow: hidden }
/*****************/
.footer { margin: 0 auto; padding: 0; background: #201814 url(footer_bg.gif) no-repeat; width: 100%; height: 230px; }
.footer .f1 { margin: 0; padding: 10px 0 0 0; width: 510px; height: 150px; overflow: hidden; }
.footer .f2 { margin: 0; padding: 10px 0 0 0; width: 430px; height: 145px; overflow: hidden; }
.footer .links ul { margin: 0; padding: 0 0 0 5px; list-style: none; }
.footer .links li { float: left; margin: 0; padding: 6px 5px; width: 240px; }
.footer .help { margin: 0; padding: 0; width: 140px; overflow: hidden }
.footer .help h2 { float: left; margin: 0 5px 0 0; padding: 33px 15px 0 0; width: 25px; height: 145px; writing-mode: tb-rl; text-align: left; color: #543112; font-weight: bold; vertical-align: middle; border-right: 1px solid #543112; }
.footer .help ul { margin: 0; padding: 0; list-style: none; }
/*****************/
.footer { margin: 0 auto; padding: 5px 0 0 0; background: #201814 url(footer_bg.gif) no-repeat; width: 100%; height: 225px; }
.footer h2 { display:block; margin: 0; padding: 5px 13px 0 0; width: 26px; height: 153px; writing-mode: tb-rl; text-align: center; color: #543112; font-weight: bold; vertical-align: middle; border-right: 1px solid #543112; }
.footer .links { margin: 0; padding: 0; width: 800px; }
.footer .links ul { margin: 0; padding: 8px 0 0 8px; list-style: none; }
.footer .links li { float: left; margin: 0; padding: 2px; width: 90px; height: 18px; line-height: 18px; overflow: hidden; }
.footer .help { margin: 0; padding: 0; width: 130px; overflow: hidden; }
.footer .help ul { margin: 0; padding: 8px 0 0 8px; list-style: none; }
.footer .help li { margin: 0; padding: 5px; }
.footer .copyright { margin: 15px 0 0 0; padding: 0 10px; font: 12px Verdana, Geneva, sans-serif; color: #FFF; text-align: right; }
.footer .copyright .info { margin: 0; padding: 0; color: #F00; height: 30px; line-height: 30px; }
.footer .copyright .info img { margin: 0 15px 0 0; }
.footer .copyright .info a { color: #fff }
/* by tim 3:15 2009-10-23 */