@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, object { 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:Verdana; 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; height: 0px; overflow: hidden; }
.showclear5 { clear: both; margin: 0; padding: 0; height: 5px; line-height: 5px; overflow: hidden; }
.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: 347px; height: 115px; overflow: hidden }
.logo a {
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.gxfinearts.com/template/images/logo_bg.png', sizingMethod='image'); /*For IE7 & IE6*/ background:url('http://www.gxfinearts.com/template/images/logo_bg.png') no-repeat left top !important; /*For Firefox*/ *background:none;
/*For IE7 & IE6*/cursor:pointer; width:347px; height:115px; display:block; }
.banner { margin: 0; padding: 0; width: 630px; height: 115px; }
.none { border:none; width:0px; height:0px; display:none; }
/*****************/
.language { display: block; margin: 20px 0 0 200px; padding: 0; height: 45px; overflow: hidden; }
.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; }
/*****************/
.top_menu { display: block; margin: 0; padding: 0; white-space:nowrap; }
.top_menu ul { margin: 0; padding: 0; list-style: none }
.top_menu li { float: left; margin: 0 6px 0 0; padding: 0; line-height: 20px; }
.top_menu li a:link, .top_menu li a:visited { color: #FFF; text-decoration: none; }
.top_menu li a:hover, .top_menu li a:active { color: #FC0; text-decoration: underline; }
/*****************/
.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: 14px Verdana, Geneva, 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; line-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: 14px Verdana, Geneva, sans-serif; font-weight: 600; color: #543112; width: 153px; height: 28px; 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: 14px Verdana, Geneva, sans-serif; font-weight: 600; color: #543112; width: 153px; height: 28px; 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 Verdana, Geneva, sans-serif; font-weight: 600; 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 Verdana, Geneva, sans-serif; font-weight: 600; 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 Verdana, Geneva, sans-serif; height: 24px; line-height: 24px; }
.tbox .cols1 .box .userlogin { margin: 0 auto; padding: 0; background: url(gxfinearts.png) no-repeat 0 -372px; width: 200px; overflow: hidden; }
.tbox .cols1 .box .userlogin h2 { margin: 0; padding: 4px 0 0 10px; background: #dadbdb; border-bottom: 1px solid #543112; font: 14px Verdana, Geneva, sans-serif; font-weight: 600; color: #543112; width: 179px; height: 26px; line-height: 26px; overflow: hidden; }
.tbox .cols1 .box .userlogin h2 a { float:right; margin: 0 10px 0 0; padding: 0; font: 14px Verdana, Geneva, sans-serif; height: 26px; line-height: 26px; }
.tbox .cols1 .box .userlogin .show { margin: 0; padding: 0; background: #dadbdb; width: 189px; height: 185px; overflow: hidden; }
.tbox .cols1 .box .userlogin .show div { padding:6px 0px 5px 10px; }
.tbox .cols1 .box .userlogin .show div label { width:150px; white-space:nowrap; line-height:14px; font-size:12px; display:block; clear:both; color:#000; }
.tbox .cols1 .box .userlogin .show div p { margin:0px; padding:0px; }
.tbox .cols1 .box .userlogin .show div p tt { margin-left:5px; }
.tbox .cols1 .box .userlogin .show div span label { display:inline; color:#000; font-size:12px; font-weight:normal; margin-right:5px; }
.tbox .cols1 .box .userlogin .show .submit { text-align:left; padding:4px 0px 0px 10px; margin:0px; }
.tbox .cols1 .box .userlogin .show .submit input { padding:2px; line-height:12px; font-size:12px; margin-right:4px; border:1px solid; border-color:#787878 #ADADAD #5F5F5F #ADADAD; background:URL(submit.png) repeat-x top; background:#FFF }
/***************/
.tbox .cols2 { margin: 0; padding: 10px 0 0 0; width: 786px; line-height: 100%; }
.tbox .cols2 .box { margin: 0 auto; padding: 0; width: 786px; }
.tbox .cols2 .box .guide { margin: 0; padding: 0; background: url(box_bottom_bg.gif) no-repeat right bottom; font: 14px Verdana, Geneva, sans-serif; font-weight: 600; height: 50px; line-height: 50px; overflow: hidden; }
.tbox .cols2 .box .title { margin: 0; padding: 0; background: url(gxfinearts.png) no-repeat; height: 28px; line-height: 28px; }
.tbox .cols2 .box .title .more { float: right; margin: 1px 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 { display: block; margin: 0; padding: 0; background: url(gxfinearts.png) no-repeat 0 -28px; font: 12px Verdana, Geneva, sans-serif; font-weight: 600; color: #422c17; width: 100px; height: 28px; line-height: 28px; text-align: center }
.tbox .cols2 .box .topic1 { display: block; margin: 0; padding: 0; background: url(gxfinearts.png) no-repeat 0 -56px; font: 12px Verdana, Geneva, sans-serif; font-weight: 600; color: #422c17; width: 150px; height: 28px; line-height: 28px; text-align: center }
.tbox .cols2 .box .show { margin: 0; padding: 0 0 10px 0; background: url(box_bottom_bg.gif) no-repeat right bottom; line-height: 100%; }
.tbox .cols2 .box .show ul { margin: 0; padding: 0; list-style: none }
.tbox .cols2 .box .show li { float: left; margin: 3px; padding: 0; width: 186px; height: 236px; overflow: hidden; }
.tbox .cols2 .box .show li .img { margin: 0; padding: 2px; border: 1px solid #968571; }
.tbox .cols2 .box .show li .bt { margin: 0; padding: 0; font: 14px Verdana, Geneva, sans-serif; color: #452c16; width: 186px; height: 26px; line-height: 26px; text-align: center; overflow: hidden }
.tbox .cols2 .box .show li .bt a:link, .tbox .cols2 .box .show li .bt a:visited { display: block; color: #333; text-decoration: none; }
.tbox .cols2 .box .show li .bt a:hover, .tbox .cols2 .box .show li .bt a:active { display: block; color: #FC0; text-decoration: underline; }
.tbox .cols2 .box .show_book { margin: 0; padding: 10px 0 0 0; background: url(box_top_bg.gif) no-repeat right top; line-height: 100%; }
.tbox .cols2 .box .show1 { margin: 0; padding: 10px 0; background: url(box_bottom_bg.gif) no-repeat right bottom; line-height: 100%; }
.tbox .cols2 .box .b_top { margin: 0; padding: 0; background: url(box_top_bg.gif) no-repeat right top; line-height: 100%; }
.tbox .cols2 .box .b_bottom { margin: 0; padding: 0; background: url(box_bottom_bg_2.gif) no-repeat right bottom; border-bottom: 1px #630 solid; 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 Verdana, Geneva, 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 Verdana, Geneva, 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.gif) no-repeat bottom right; }
.t1 { position: relative; margin: 0; padding: 0; width: 455px; }
.t2 { margin: 0; padding: 0; width: 295px; }
.topnews { margin: 0; padding: 10px 0 0 0; height: 120px; overflow: hidden }
.topnews ul { margin: 0; padding: 0; list-style: none }
.topnews li { margin: 0; padding: 0 0 0 15px; background: url(icon_01.gif) no-repeat; font: 14px Verdana, Geneva, sans-serif; color: #452c16; width: 400px; height: 24px; line-height: 24px; overflow: hidden }
/*****************/
.inner { margin: 0 auto; padding: 5px; width: 260px; height: 265px; color: #000; overflow: hidden }
.inner h1 { margin: 0 0 5px 0; padding: 0; font: 16px Verdana, Geneva, sans-serif; font-weight: 600; color: #543112; height: 20px; line-height: 20px; width: 260px; overflow: hidden; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis }
.inner .img { float: right; margin: 0; padding: 3px; border: 1px #999 solid; background: #FFF; width: 80px; height: 80px; overflow: hidden; }
.inner .img img { margin: 0; width: 80px; height: 80px; overflow: hidden; }
.inner .show { margin: 0 auto; padding: 10px 5px; font: 14px Verdana, Geneva, sans-serif; width: 260px; line-height: 160%; table-layout: fixed; word-break:break-all; overflow: hidden }
.inner .show p { margin:0; padding: 5px 0 0 0; }
/** 20100416**/
.inner ul { margin: 0; padding: 0; list-style: none; }
.inner li { margin: 0; padding: 0; font: 14px Verdana, Geneva, sans-serif; color: #452c16; width: 250px; height: 22px; line-height: 22px; overflow: hidden }
/*************/
.spinner { margin: 0 auto; padding: 0; border: 5px #CCC solid; width: 470px; height: 160px; overflow: hidden; }
.spinner img { margin: 0; padding: 0; width: 470px; height: 160px; }
.controls { margin: 0 auto; padding: 0 5px; width: 260px; height: 20px; line-height: 20px; color: #000; overflow: hidden }
.controls div { float: left; }
.controls a { float:left; margin-right: 4px; padding: 0 5px; border:1px #ccc solid; font-size: 14px; color: #999; height: 18px; }
.controls .next { float: right; margin: 0; height: 18px; }
.controls a:hover, .controls a.activeSlide { padding: 0 5px; background: #630; border: 1px #630 solid; color: #fff; }
/*****************/
#recentWork { margin: 0; padding: 0; width: 280px; overflow: hidden }
.sp1 { margin: 0; padding: 0; background: url(gxfinearts.png) no-repeat 0 -210px; height: 6px; line-height: 6px; overflow: hidden }
.sp2 { margin: 0 auto; padding: 0; border-left: 1px #b8ab9a solid; border-right: 1px #b8ab9a solid; width: 278px; height: 100%; overflow: hidden; }
.sp3 { margin: 0; padding: 0; background: url(gxfinearts.png) no-repeat 0 -237px; height: 6px; line-height: 6px; overflow: hidden }
/*****************/
.space_blog { float: left; margin: 0; padding: 0; width: 360px; }
.space_blog .show2 { margin: 0; padding: 0; width: 360px; overflow: hidden }
.space_blog .show2 ul { margin: 0; padding: 0; list-style: none }
.space_blog .show2 li { margin: 0; padding: 0 0 0 15px; background: url(icon_01.gif) no-repeat; font: 14px Verdana, Geneva, sans-serif; color: #452c16; width: 360px; height: 26px; line-height: 26px; overflow: hidden }
.space_album { float: left; margin: 0; padding: 0; width: 426px; }
.space_album ul { margin: 0; padding: 0; list-style: none }
.space_album li { float:left; margin: 0; padding: 0; }
.space_album li .pic { margin: 3px; padding: 5px; width: 120px; height: 100px; text-align: center; border: 1px #630 solid; overflow: hidden; }
.space_album li .pic img { width: 120px; height: 100px; }
.space_album li span { display: block; margin: 0; padding: 0; text-align: center }
/*****************/
.footer { margin: 0 auto; padding: 5px 0 0 0; background: #201814 url(footer_bg.gif) no-repeat; width: 1000px height: 225px; overflow: hidden; }
.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 { float:left; margin: 10px 0 0 0; padding: 0; color: #F00; height: 50px; }
.footer .copyright .info img { margin: 0 15px 0 0; }
.footer .copyright .info a { color: #fff }
.footer .copyright .wj { float: right; margin: 0 0 0 10px; padding: 0; height: 50px; line-height: 50px; }
/* by tim 1:46 2010-12-31 */