@charset "utf-8";
/* CSS Document */
html,body { margin:0; padding:0; width:100%; height:100%; text-align:center; font-family:Tahoma; }
* { margin:0; padding:0; }
li { list-style:none; }
img { border:none; }
pre,code,address,caption,cite,code,em,th,li,p,div,input,a,select { font-size:12px; }
a:link, a:visited { color:#666; text-decoration:none; font-size:12px; }
a:hover { color:#900; }
.submit { background:url(../images/btn_bg.gif) no-repeat; width:66px; height:22px; line-height:22px; border:none; color:#333; }
.btn { background:url(../images/btn_bg2.gif) repeat-x; padding:0 8px; line-height:20px; border:1px solid #ccc; color:#333; }
.btn2 { background:url(../images/btn_bg2.gif) repeat-x; padding:0 8px; line-height:20px; border:1px solid #ccc; color:#c30; }
hr { border-top:1px #ccc dotted; line-height:0px; height:0; margin:8px 0; }
.red { color:#f30; }
.bar_wapper { padding:8px; border:1px solid #ccc; background:url(../images/bg-0132.gif);}
.bar_wapper p { }
.tips { color:#999; font-size:12px; font-weight:normal; }
.thin_table { border-collapse: collapse; border-spacing: 0; }
.thin_table td,.thin_table th { padding:5px; border:1px solid #ccc; }
.grey_title { background-color:#CCC; padding:5px; margin:8px 0; }

a.notice:link, a.notice:visited { color:#06F; text-decoration:underline; font-size:12px; }
a.notice:hover { color:#900; text-decoration:none; }

.clear { clear:both; }
#index { position:relative;}
#index #container { width:806px; height:442px; left:50%; margin-left:-403px; top:50%; margin-top:-221px; background:#fff url(../images/index_17.jpg) no-repeat 95px 100%; position:absolute; }
#index #container .logo { background:url(../images/index_06.gif) no-repeat; width:74px; height:90px; position:absolute; left:48px; top:11px; }
#index #container .logo img { width:74px; height:90px; }
#index #container .last_news { position:absolute; width:210px; height:175px; top:137px; left:0; }
#index #container .last_news h2 { background:url(../images/index_10.gif) no-repeat; height:20px; margin-right:8px; border-bottom:1px dotted #ccc; }
#index #container .last_news ul li { border-bottom:1px dotted #ccc; height:25px; margin-right:8px; text-align:left; }
#index #container .last_news ul li a { line-height:25px; text-decoration:none; font-size:12px;}
#index #container .in_action { position:absolute; width:112px; height:21px; top:313px; left:0; background:url(../images/index_13.gif) no-repeat; }
#index #container .in_action img { width:112px; height:21px; }

#index #container .en_version { position:absolute; width:112px; height:21px; top:397px; left:0; text-align:left; }

#index #container .flash_content { position:absolute; width:596px; height:442px; top:0px; left:210px; }
#index #container .copyright { text-align:center; position:absolute; bottom:-20px; font-size:10px; width:100%; }

/* inside */
#inside { background:#ffffff url(../images/about_01.jpg) repeat-x; }
#inside #container { width:894px; margin:0 auto; position:relative; text-align:left; }
#inside #container #midcontent { background:#ffffff url(../images/about_15.jpg) repeat-y; overflow:hidden; zoom:1; }
#inside #container #midcontent .top_bar { width:894px; height:12px; background:url(../images/about_14.jpg) no-repeat; }
#inside #container #midcontent .left_bar { width:200px; float:left; min-height:500px; background:url(../images/about_18.jpg) no-repeat right top; }
#inside #container #midcontent .left_bar h2 { padding:5px 5px; }
#inside #container #midcontent .left_bar h2.en_title { color:#900; font-weight:normal; padding-left:20px; font-size:24px; }
#inside #container #midcontent .left_bar ul { padding:5px 20px; margin-bottom:25px; }
#inside #container #midcontent .left_bar ul li { border-bottom:1px dashed #aaa; padding:8px 2px; }
#inside #container #midcontent .left_bar ul li.title { padding:5px 2px; font-size:12px; text-align:center; background:url(../images/subTitle_21.jpg) no-repeat; font-weight:700; border-bottom:none; color:#933; }
#inside #container #midcontent .left_bar ul li a { background:url(../images/about_25.jpg) no-repeat 10px 0; padding:0 10px 0 25px;}
#inside #container #midcontent .left_bar ul li a:hover,#inside #container #midcontent .left_bar ul li a.current { background:url(../images/about_22.jpg) no-repeat 8px 0; padding:0 10px 0 25px; color:#900}
#inside #container #midcontent .left_bar .exit { text-align:right; padding-right:18px; }
#inside #container #midcontent .left_bar .exit a { text-decoration:underline;}
#inside #container #midcontent .content { width:675px; float:right; }
#inside #container #midcontent .content .pad20{ padding:15px 20px 30px 0;  font-size:12px;}
#inside #container #midcontent .content .pad20 h1.title { font-size:14px; text-align:center; color:#333; border-bottom:1px solid #ccc; line-height:30px; margin-bottom:20px; }

.show_detail { width:500px; overflow:hidden;}

.table { border-collapse:collapse; }
.table td,.table th { padding:2px; border:1px solid #ccc; }


#inside #container #news_detail { background:#ffffff url(../images/about_152.jpg) repeat-y; overflow:hidden; zoom:1; }
#inside #container #news_detail .content { padding:30px 50px; }
#inside #container #news_detail .top_bar { width:894px; height:12px; background:url(../images/about_142.jpg) no-repeat; }
#inside #container #news_detail h1.title { text-align:center; font-size:18px; padding:20px 0px; }
#inside #container #news_detail .date { text-align:center; font-size:12px; color:#ccc; }

#container #header { width:894px; height:121px; background:url(../images/about_05.jpg) no-repeat right top; position:relative; }
#inside #container #header .logo { width:85px; height:102px; background:url(../images/about_03.jpg) no-repeat 0 0; position:absolute; left:34px; }
#inside #container #header .login { width:530px; height:30px; position:absolute; left:133px; top:25px; font-size:12px; color:#666; }
#inside #container #header .login input { border:1px solid #ccc; background-color:#fff; }
#inside #container #header .logo a img { width:72px; height:102px; }
#inside #container #header .nav { position:absolute; left:123px; top:57px; width:770px; height:45px;}
#inside #container #header .nav li { float:left; }
#inside #container #header .nav li a{ background-image:url(../images/about_09.jpg); background-repeat:no-repeat; display:block; height:45px; width:110px; }
#inside #container #header .nav li a:hover{ background-image:url(../images/about2_09.jpg); }
#inside #container #header .nav .nav01 a { background-position:0px; }
#inside #container #header .nav .nav02 a { background-position:-110px; }
#inside #container #header .nav .nav03 a { background-position:-220px; }
#inside #container #header .nav .nav04 a { background-position:-330px; }
#inside #container #header .nav .nav05 a { background-position:-440px; }
#inside #container #header .nav .nav06 a { background-position:-550px; }
#inside #container #header .nav .nav07 a { background-position:-660px; }

#inside #container #header .nav_en { position:absolute; left:123px; top:60px; width:770px; height:45px;}
#inside #container #header .nav_en li { float:left; background:url(../Images/nav_en_03.jpg) repeat-x; width:185px; height:45px; }
#inside #container #header .nav_en li.nav_left { background:url(../Images/nav_en_01.png) no-repeat; width:10px; behavior: url(js/pngfix_new.htc);}
#inside #container #header .nav_en li.nav_right { background:url(../Images/nav_en_05.png) no-repeat; width:10px; behavior: url(js/pngfix_new.htc);}
#inside #container #header .nav_en li a{ display:block; height:45px; line-height:40px; padding:0 10px; font-size:12px; font-weight:700; text-align:center; }
#inside #container #header .nav_en li a:hover{ color:#900;}

.activity_show h2{ font-size:14px; }
.activity_show td.activity_mid { padding-right:5px;}
.activity_show td.activity_right { padding-left:5px;}
.active_title li { float:left; width:120px; height:35px; color:#fff; line-height:35px; }
.active_title li a{ line-height:35px; padding:10px; font-size:16px; color:#fff; font-weight:700; }
.active_title li span{ line-height:35px; padding:10px 25px; font-size:16px; color:#fff; }
.active_title li.being { background:url(../Images/round_bg.gif) no-repeat;}
.active_title li.being { color:#fff;}

#inside #container #header .nav a img { height:45px; width:110px; }
#inside #footer { width:100%; height:141px; background:url(../images/footer_bg.jpg) repeat-x; margin:0; text-align:center; position:relative; }
#inside #footer .content { position:absolute; margin-left:-447px; left:50%; top:0; width:894px; height:141px; background:url(../images/about_28.png) no-repeat 0 0; behavior: url(js/pngfix_new.htc); z-index:0;}
#inside #footer .txt { position:absolute; margin-left:-447px; left:50%; top:50px; width:894px; height:50px; z-index:10; color:#fff;}
#inside #footer .txt a { color:#fff; }