/* CSS Document */
html,body{ font-family:"Big Caslon Medium",Georgia, Garramond, "Times New Roman", Times, serif; font-size:12px; color:#FFF; background:#262626; width:100%; height:100%; min-height:592px; padding:0; margin:0; position:relative}
a{ text-decoration:none;color:#808080; cursor:pointer}
.clear{ clear:both; display:block; font-size:0; line-height:0; height:0; width:auto; position:static}
#wrap{ height:592px; width:100%; }
.bar{ width:1000px; height:55px;  text-align:left;position:relative; margin:0}
#wrap .minContent{ width:1000px}
#content{ width:100%; height:480px; border-bottom:2px solid #FFF;text-align:left; position:relative; overflow:hidden}
#wrap .s_home,#wrap .s_home #box{ border:none; height:482px;}
#wrap .s_home #box img{border-bottom:2px solid #FFF;}
#boxForSafari{ position:absolute; left:0; top:0; width:auto; height:480px; z-index:1}
#box{ position:absolute; left:0; top:0; width:auto; height:480px; z-index:10; overflow:hidden}
#box img,#box table{ position:relative; z-index:20;}

.nolink{color:#404040; margin-left:12px}

.boxInfo{position:relative; width:1000px; height:0; line-height:0px; font-size:0; z-index:29; margin:0 }
#box .boxInfo{ position:absolute; top:0; left:0}

.slider-control{ width:40px; height:480px; display:none; position:absolute; top:0px; cursor:pointer; z-index:30}
#pngpre{ background:url(/images/pagearrow_back.png) 10000px 0  no-repeat;left:10px;}
#pngpre:hover{ background:url(/images/pagearrow_back.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pagearrow_back.png');_ background:none; left:10px;}
#pngnext{ background:url(/images/pagearrow_next.png) 10000px 0  no-repeat;right:10px;}
#pngnext:hover{ background:url(/images/pagearrow_next.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pagearrow_next.png');_ background:none; right:10px;}

#navs{ position:absolute; left:50px; top:122px; z-index:30; width:223px; height:120px; overflow:hidden; font-size:12px}
.nav{ overflow:hidden; position:relative;width:223px; height:28px; border-bottom:2px solid #6b6b6b; cursor:pointer}
.nav a{ position:absolute; top:0; left:0; z-index:40; display:block; height:28px; line-height:28px; color:#DEC9BB; padding-left:9px; width:214px}
.nav div{ position:absolute; top:0; left:0; z-index:35; display:block; height:28px; width:223px; background:#000;filter: alpha(opacity=20);-moz-opacity:0.2;opacity: 0.2;}
.nav span{position:absolute; top:5px; right:5px; z-index:36; display:block; height:18px; width:18px; background:url(/images/p2.png) ;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/p2.png');_ background:none}
#homeBg{ width:608px; background:#CC6; height:480px; position:absolute;  left:0; top:0; z-index:29;background:url(/images/shadow.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow.png.png');_ background:none; }

#navs .nav2{ cursor:default}
#navs .nav2 a{ cursor:default;color:#404040;}
#navs .nav2 span{position:absolute; top:5px; right:5px; z-index:36; display:block; height:18px; width:18px; background:url(/images/p2_2.png) ;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/p2_2.png');_ background:none}
#navs .sel span,#navs .hover span{background:url(/images/p1.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/p1.png');_ background:none}
#navs .sel div,#navs .hover div{background:#808080;filter: alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;}
#navs .sel a,#navs .hover a{ color:#FFF}

#alts{position:absolute; left:50px; top:127px; z-index:30; width:700px; height:auto; overflow:hidden;  }
#alts  div{ position:static; float:left; width:260px; padding:0 40px 0 0; height:auto; line-height:17px; font-size:12px;font-family:Arial, Helvetica, sans-serif}
#alts  div.alt_right{ padding-top:50px; width:280px}
#alts  div.alt_left_2{ width:280px}
#alts  div.alt_right_2 { padding-left:157px; width:280px; clear:both}
#alts  div a{ color:#FFF}

.topTitle{ display:block; position:absolute; z-index:30; position:absolute}
#titleHome{background:url(/images/title_home.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title_home.png');_ background:none; top:41px; left:32px; width:279px; height:64px}
#titleArt{background:url(/images/title_art.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title_art.png');_ background:none; top:70px; left:46px; width:279px; height:64px}
#title_info{background:url(/images/title_info.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title_info.png');_ background:none; top:70px; left:50px; width:292px; height:35px}
#title_about{background:url(/images/title_about.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title_about.png');_ background:none; top:70px; left:50px; width:93px; height:27px}
#title_contact{background:url(/images/title_contact.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title_contact.png');_ background:none; top:70px; left:50px; width:117px; height:27px}
.bomInfo{ display:block; position:absolute; z-index:30; position:absolute; }
#infoHome{background:url(/images/info_home.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/info_home.png');_ background:none; top:386px; left:106px; width:409px; height:62px}
#infoArt{background:url(/images/info_home.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/info_home.png');_ background:none; top:386px; left:106px; width:409px; height:62px}
.txtInfo{ position:absolute; z-index:30; position:absolute; line-height:19px; width:190px; left:50px; top:353px; font-size:12px; line-height:19px}
#txtInfoArt{ }
/*
.btnMore{background:url(/images/btn_more.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_more.png');_ background:none; width:94px; height:28px; display:block; position:absolute; right:8px; bottom:-51px; cursor:pointer}
*/
.btnMore{ width:auto;height:29px; display:block; position:absolute; right:8px; bottom:-51px; cursor:pointer; font-family:"Big Caslon Medium",Georgia, Garramond, "Times New Roman", Times, serif; font-size:13px;  line-height:29px; padding-right:35px}
.btnMore span{background:url(/images/btn-m-off.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn-m-off.png');_ background:none; width:29px; height:29px; position:absolute; top:0; right:0 }
.boxInfoMsg{ z-index:42;position:relative; width:1000px; height:0; line-height:0px; font-size:0; }
.moreMsgs{ width:955px; height:303px; position:absolute; left:0; top:177px; z-index:40; padding-left:45px; display:none; font-family:Arial, Helvetica, sans-serif}
.moreMsgsBg{width:100%; height:303px; position:absolute; left:0;  top:177px;background:#000; z-index:41; display:none}
.moreMsg{ position:relative; z-index:42; float:left; width:210px; padding:20px 30px 0 0; font-size:11px; line-height:14px; color:#FFF}
.moreMsgs .moreMsgLast{ padding-right:0}
.moreMsgClose{background:url(/images/btn-m-off.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn-m-off.png');_ background:none;  width:29px; height:29px; cursor:pointer; position:absolute; right:20px; bottom:12px; z-index:43}
/*
.moreMsgClose:hover{background:url(/images/btn-m-on.png) ;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn-m-on.png');_ background:none;  }
*/
.tips,#box .tipsSel:hover{ position:absolute;background:url(/images/btn-m-off.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn-m-off.png');_ background:none; width:29px; height:29px; display:block; z-index:29; }
.tips:hover,#box .tipsSel{background:url(/images/btn-m-on.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn-m-on.png');_ background:none; }

#tips_1{top:118px; left:444px}
#tips_2{top:104px; left:1997px}
#tips_3{top:353px; left:3234px}
#tips_4{top:19px; left:3686px}
#tips_5{top:286px; left:4810px}
#tips_6{top:370px; left:5294px}
.paper{ position:absolute; display:none; z-index:28;}
#paper_1{top:24px; left:428px; background:url(/images/paper_1.png) no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/paper_1.png');_ background:none; width:368px; height:133px; }
#paper_2{top:35px; left:1983px;background:url(/images/paper_2.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/paper_2.png');_ background:none; width:320px; height:130px }
#paper_3{top:342px; left:2950px;background:url(/images/paper_3.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/paper_3.png');_ background:none; width:328px; height:103px }
#paper_4{top:5px; left:3352px;background:url(/images/paper_4.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/paper_4.png');_ background:none; width:379px; height:166px }
#paper_5{top:164px; left:4478px;background:url(/images/paper_5.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/paper_5.png');_ background:none; width:415px; height:197px }
#paper_6{top:272px; left:5273px;background:url(/images/paper_6.png)  no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/paper_6.png');_ background:none; width:348px; height:143px}
/*

#paper_1{top:27px; left:431px}
#paper_2{top:118px; left:444px}
#paper_3{top:118px; left:444px}
#paper_4{top:118px; left:444px}
#paper_5{top:118px; left:444px}
#paper_6{top:118px; left:444px}
*/

#logo{ background:url(/images/logo.jpg) no-repeat; width:127px; height:37px; position:absolute; bottom:9px; left:50px; display:block; }
#menu{ position:absolute; right:50px; top:22px;}
#menu a{  margin-left:12px}
#menu a:hover,#menu a.sel{color:#fff}

#tools{ position:absolute; top:10px; right:50px}
#tools a{  margin-left:12px}
#tools a:hover,#tools a.sel{color:#fff}

#sliderBox{ width:585px; height:7px; line-height:0; font-size:0; position:absolute; top:10px; left:49px; overflow:hidden; background:url(/images/bg_slider.gif) no-repeat; padding:4px 34px; }
#sliderBox .slider-control{ height:11px; display:block; width:7px; cursor:pointer; position:absolute; top:0; background:none }
#sliderBox  #pre{left:0}
#sliderBox  #next{ right:0}
#sliderCen{width:585px;  height:7px}
#slier-corner{ display:block; font-size:0; height:7px; width:80px; background:#FFF; cursor:pointer}

