﻿    
/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    bill ao
email:     it@kingold.com
website:   http://www.kingold.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

 /*Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {
  margin:10px 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border:0px;
}

ol,ul
{
    list-style:none;
    }
    
    



/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 12px "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
 /* background-color:#F1FFE6;*/
  BACKGROUND: url(images/body_bg.jpg) #fff repeat-x  top;
  margin: 0px;
  padding:0px;
}

/* default links */

/*a:link {
background-color: transparent;
text-decoration: none;
color: #666;
}
a:hover {
background-color: #FFC;
text-decoration: underline;
color: #990;
}
a:visited {
background-color: transparent;
text-decoration: none;
color: #666
}*/

#admin_body
{
    background-color:White;
    }

a:link {
	color: #333;
	text-decoration: none;
} 

a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #1639A9;
	text-decoration: underline;
	/*background-color: #D9F9AD;*/
}


p
{
    line-height:22px;}
    
    
    
#admin_body
{
    background: White;
    }    

/*=Container
-----------------------------------------------------------------------------*/
#container
{
    
    width:960px;
    margin:0 auto;
    padding:0px;
    border:0px;
    background-color:White;
  /* background : url(Images/sidebar_back.jpg) 230px 200px repeat-y; */
    }


/* =Headings
-----------------------------------------------------------------------------*/
#head
{
    width:960px;
    /*height:135px;*/
    height:160px;
    background:url(Images/head.jpg) no-repeat;
    position:relative;
    
    }

#head #logo
{ margin:4px;
    } 
    
#head ul
{
    
    display:block;
    position:absolute;
   /* right:60px;
    bottom:30px;*/
   left:30px;
   bottom:20px;
    
    margin:0;
    padding:0;
    }
#head ul li
{
    
    float:left;
    margin:0;
    margin-left:10px;
    padding:0;
   
    }
 
 #head ul li a
 {
    width:89px;
    height:45px;
    display:block;
    text-indent:-9999px;
    }
    
#googlesearch
{
    display:block;
    position:absolute;
    right:10px;
    bottom:30px;
    margin:0;
    padding:0;
    }


    
 a#intro
 {
    background:url(Images/menu_intro.jpg)  0 -45px no-repeat;
    
    }   
    
 a#intro:hover
 {
    background:url(Images/menu_intro.jpg) no-repeat;
    
    }  
    
 a#play
 {
    background:url(Images/menu_play.jpg)  0 -45px no-repeat;
    
    }   
    
 a#play:hover
 {
    background:url(Images/menu_play.jpg) no-repeat;
    
    }   
    
 a#food
 {
    background:url(Images/menu_food.jpg) 0 -45px no-repeat;
    
    }   
    
 a#food:hover
 {
    background:url(Images/menu_food.jpg)  no-repeat;
    
    } 
 
 a#meet
 {
    background:url(Images/menu_meet.jpg) 0 -45px no-repeat;
    
    }   
    
 a#meet:hover
 {
    background:url(Images/menu_meet.jpg)  no-repeat;
    
    } 
    
a#news
 {
    background:url(Images/menu_news.jpg) 0 -45px no-repeat;
    
    }   
    
 a#news:hover
 {
    background:url(Images/menu_news.jpg)  no-repeat;
    
    } 
       
 a#ploy
 {
    background:url(Images/menu_ploy.jpg) 0 -45px no-repeat;
    
    }   
    
 a#ploy:hover
 {
    background:url(Images/menu_ploy.jpg)  no-repeat;
    
    } 
  


/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/




/* =Sub Nav
-----------------------------------------------------------------------------*/


/* = Navigation(supplementary)
----------------------------------------------------------------------------*/
#nav_supp
{
    width:920px;
    margin:0 auto;
    margin-top:10px;
    height:150px;
    border:solid 2px #E1E2CB;
    
    }

/* 重点推介介绍*/
#nav_supp #dec
{
    float:left;
    width:228px;
    } 
    
#nav_supp #dec h3
{
    font-size:16px;
    text-align:center;
    }
    
#nav_supp #dec p
{
    margin:4px 8px;
    }

#nav_supp ul
{
    float:left;
   /* margin-right:10px;*/
  
    
    
    }
    
#nav_supp ul li
{
    float:left;
    width:150px;
    margin:2px 4px;
    }
    
#nav_supp h4
{
    font-size:14px;
    font-style:italic;
    font-weight:normal;
    margin:2px;
    padding:0px;
    }

#nav_supp #dec_left
{
    float:left;
    width:21px;
    height:99px;
    margin:30px 0 0 0;
    background:url(Images/dec_left.jpg) no-repeat;
    }
 #nav_supp #dec_right
 {
    float:left;
    width:21px;
    height:99px;
    margin:30px 0 0 0;
    background:url(Images/dec_right.jpg) no-repeat;
    }
   

/*conter
--------------------------------------------------------------------------*/

#content
{
    width:940px;
    margin:2px auto;
    border-bottom:solid 2px #E1E2CB;
    }

/* =Main Content
-----------------------------------------------------------------------------*/
#content_main
{
    float:left;
    width:350px;
    height:240px;
    border-left:solid 1px #E1E2CB;
    border-right:solid 1px #E1E2CB;
    padding:0px;
    margin:2px 0px;
    
    }
    
#content_main li
{
    line-height:22px;
    padding-left:30px;
    background:#fff url(Images/arrow.jpg) 10px 50% no-repeat;
    }
    
#content_main h2, #content_supp h2
{
   font-size:16px;
     height:25px;
     margin-left:20px; 
     margin-right:10px;
     color:#487a00;
     border-bottom:solid 1px #E1E2CB;
    }    
    
#content_main h2,#content_supp h2
{
     
     background:#fff url(Images/news_back.jpg) 0 0 no-repeat;
     padding-left:45px;
    }



/* =Secondary Content
-----------------------------------------------------------------------------*/



/*=Additional content
----------------------------------------------------------------------------*/
#content_sub
{
    float:left;
    width:218px;
    height:200px;
  /*  height:auto;*/
    
    }
    
 #content_sub a#feedback
{
    background:#fff url(Images/feedback_s.jpg) 0 0 no-repeat;
    width:120px;
    height:46px;
    display:block;
    TEXT-DECORATION: none;
    TEXT-INDENT:-9999px;
    float:left;
	margin-right:8px;
    
    }   
    
 #content_sub a#qq
 {
   margin-top:10px;
   float:left;
 }

#content_supp
{
    float:left;
    width:350px;
      
    }
    
    
#content_supp p
 {
    background:#fff url(Images/intro.jpg) 0 0 no-repeat;
    margin-left:10px;
    padding-left:150px;
    line-height:20px;
    }


/* =Footer
-----------------------------------------------------------------------------*/
#footer
{
  /* width:960px;*/
  width:100%;
   height:70px;
   background:url(Images/foot.jpg) repeat-x  ;
   clear:both;
   padding-top:10px;
   margin-top:10px;
    }
    
#footer p
{
    text-align:center;
    margin:0px;
    padding-top:2px;
    }


#footlink
{
    margin:10px;
    margin-bottom:20px;
    }

#footlink ul
{
    LIST-STYLE-TYPE: none;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
    
    }

#footlink ul li
{
    /*float:left;*/
   /* width:120px;*/
   DISPLAY: inline;
   padding:2px 6px;
   line-height:22px;
  /* width:120px;*/
   
    }


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/
#sidebar
{
    width:230px;
    float:left;
    /*background-color:#ccc;*/
   /* background: url(Images/sidebar_back.jpg) bottom right repeat-y;*/
    /*height:600px;*/
   /* border:solid 1px #ccc;*/
    }
    
    
 .sidebar_about
 {
    width:205px;
    height:91px;
    margin:30px 10px 20px 20px;
    background:#ccc url(Images/sidebar_about.jpg) no-repeat;
    }   
    
.sidebar_product
 {
    width:205px;
    height:91px;
    margin:30px 10px 20px 20px;
    background:#ccc url(Images/sidebar_product.jpg) no-repeat;
    
    } 
    
  .sidebar_items
 {
    width:205px;
    height:91px;
    margin:30px 10px 20px 20px;
    background:#ccc url(Images/sidebar_items.jpg) no-repeat;
    
    }   
    
 
 .sidebar_news
 {
    width:205px;
    height:91px;
    margin:30px 10px 20px 20px;
    background:#ccc url(Images/sidebar_news.jpg) no-repeat;
    
    }
    
    
.sidebar_meet
 {
    width:205px;
    height:91px;
    margin:30px 10px 20px 20px;
    background:#ccc url(Images/sidebar_meet.jpg) no-repeat;
    
    }    
    
 .sidebar_expand
  {
     width:205px;
    height:91px;
    margin:30px 10px 20px 20px;
    background:#ccc url(Images/sidebar_expand.jpg) no-repeat;
    
    }
    
 #sidebar ul 
 {
   /* height:300px;*/
   /*  border-right:solid #ccc 1px;*/
    text-align:right;
    margin-bottom:10px;
    }     
 #sidebar ul li
 {
    text-align:right;
    width:160px;
   border-bottom:solid #ccc 1px;
    margin:10px 20px;
    font-size:14px;
    color:#70867A;
    font-weight:bold;
    }  
    
  #sidebar ul li#first
  {
    background-color:#69873D;
    border-bottom:solid #ccc 1px;
    }
    
    
 #sidebar ul li a
 {
    color:#70867A;
    }
 
    
#main
{
    width:660px;
    float:right;
    /*margin-right:20px;*/
    border-left:solid 1px #ccc; 
    /* border:solid 1px #ccc;*/
    padding:0px 25px;
   /* background-color:#ccc;*/
    }
#main h1
{
   /* border-bottom:solid #ccc 2px; */
    font-size:22px;
    margin:1em 0;
   /* background:url(../../Images/product_back.jpg) no-repeat;*/
   background:url(Images/h1_back.jpg) no-repeat;
   /* height:36px;*/
    height:59px;
    padding:8px 10px 6px 32px;
    color:#487a00;
    } 
    
#main h2.title
{
    margin-top:40px;
    padding:6px;
    background-color:#F1FFE6;
    text-align:center;
    font-size:18px;
    }    
 
    
    
/*IMG {BORDER-TOP-WIDTH: 0px;	BORDER-LEFT-WIDTH: 0px;	BORDER-BOTTOM-WIDTH: 0px;	VERTICAL-ALIGN: middle;	BORDER-RIGHT-WIDTH: 0px}*/
    
    
#main .show_items 
{
    width:100%;
    margin:10px;
    } 
    
#main .show_items h4
{
    text-align:center;
    }
    
#main .show_items p
{
    text-align:left;
    width:160px;
    }
 
  #main .show_items tr
  {
     border-bottom:solid #ccc 1px;
    } 
    
 #main .show_items td
 {
    TEXT-ALIGN: center;
    vertical-align:top;
    } 
  
  #main .show_items dl
  {
   /* border-bottom:solid #ccc 1px;*/
    } 
    
 #main .show_items  dt
 {
  /*  width:150px;
    height:100px;
    text-align:center;*/
  width:160px;
    height:110px;
  background: url(images/shadow.gif) no-repeat bottom right;
 /* clear: right;
  float: left;*/
  position: relative;
  margin: 10px 0 0 10px;

    
    }   
    
   #main .show_items  dt img 
   {
    display: block;
    border:1px solid #a9a9a9 !important;
    Width:150px;
    Height:100px;
    background:#fff;
    margin: -5px 5px 5px -5px;
    position: relative;
    padding:4px;

    
    } 
    
  
  #main ul
  {
    
/*border-top : 5em solid #f5efff; */
border-bottom : 1px solid #999; 
overflow : hidden; 
    }
    
    
 #main ul li.product
{
  /*  background : url(images/ul.png) repeat-x; */
    float:left;
    width:200px;
   /* border:solid red 1px;*/
    margin:6px;
   /* height:328px;*/
     height:250px;
  /*  display:inline;*/
    }
    
 #main ul li.content
 {
     float:left;
    width:180px;
   /* border:solid red 1px;*/
    margin:6px;
    height:280px;
    
    }   
     
  
  .desc_content h2
 {
    margin:4px;
    font-size:14px;
    text-align:center;
    }
 .desc_content p
 {
    width:160px;
    line-height:20px;
    padding:2px 6px;
    }   
    
    
.img_product
{
    margin:6px;
    background: url(images/shadow.gif) no-repeat right bottom;
    float: left;
    display:inline; /*不加这个，在IE6会变形 */
   }
   
.img_product div
{
  background: url(images/mask.png) no-repeat left top !important;
  background: url(images/mask.gif) no-repeat left top;
  padding: 0 0px 0px 0;
  float: left; /* :KLUDGE: Fixes bug in IE/Mac */
  margin:0px;
  
    
    }
 .img_product img
 {
  background-color: #fff;
 /* background-color:#C00000;*/
  border: 1px solid #a9a9a9 !important ;
  padding: 4px;
 /* margin: -5px 5px 5px -5px;*/
  
  display:inline; 
  margin:0px;
  position:relative;
  left:-5px;
  top:-5px;

  
    }   
 


   
.desc_product
{
    float:left;
    margin:0;
    padding:0;
    
  /*  width:340px;*/
    }
  
 .desc_product h2
 {
    margin:4px;
    font-size:14px;
    text-align:center;
    }
 .desc_product p
 {
    width:180px;
    line-height:20px;
    padding:2px 6px;
    
     border-bottom: 1px solid #ccc;
    }         
    
.desc_items
{
    float:left;
    margin:0;
    padding:0;
    width:100%;
    }
    
 .img_items
{
    float:left;
    margin:4px 6px;
    width:200px;
   }   
    
.desc_items p
{
    font-size:13px;
    line-height:22px;
    padding:4px 6px;
    margin:0px;
    margin-left:6px;
    float:left;
    width:340px;
    }
    
.desc_items h3,.block_show h3
{
    /*background-color:#69873D;*/
     background-color:#D3E0C2;
     padding:6px;
     
    }

#admin_sidebar
{
    float:left;
    }

#admin_sidebar *
{
    margin:2px;
    padding:0px;
}    
 
#admin_content
{
    float:right;

}  



 #secnewshot
 {
    margin:20px;
    float:left;
    text-align:left;
   /* background:#fafbf1;*/
    
    }
    
 #secnewshot h1
 {
    font-size:14px;
    }   
    
#secnewshot li
{
    width:620px;
    }    
 
 
 #secnewshot .img_news
 {
    float:left;
    
    }
    
    
 #secnewshot .desc_news
 {
    width:420px;
    margin-left:20px;
    float:left;
    } 
    
  #secnewshot .desc_news h2
  {
    font-size:14px;
    margin:0px;
    padding:0px;
    }  
    
 
 #secnewshot table td
 {
    padding:6px;
    }
    
#secnewslist
{
    float:left;
    text-align:left;
    margin:10px;
     line-height:22px;
    /* border-top:solid 1px #ccc;*/
     width:620px;
     padding-top:10px;
    }
    
/*A:link {	COLOR: #0435ac;	TEXT-DECORATION: underline}   */
#newsimg
{
    float:left;
    width:184px;
    overflow:hidden;
    padding-left:20px;
    margin-right:10px;
    
    }
#newsimg a
{
    BORDER-RIGHT: #ddd 1px solid;	PADDING-RIGHT: 4px;	BORDER-TOP: #ddd 1px solid;	DISPLAY: block;	PADDING-LEFT: 4px;	PADDING-BOTTOM: 4px;	OVERFLOW: hidden;	BORDER-LEFT: #ddd 1px solid;	WIDTH: 174px;	PADDING-TOP: 4px;	BORDER-BOTTOM: #ddd 1px solid;
    
    }  
  
  
.about_img
{
    float:right;
    margin:6px;
    
    }    
.about_img2
{
   /* float:right;*/
    margin:6px auto;
    text-align:center;
    }
    
 
 
 /*留言板*/
 
 #feedback
 {
    }
    
 #feedback h4
 {
    padding:4px;
    background-color:#D3E0C2;
    font-weight:normal;
    font-size:14px;
    margin-right:20px;
    }
    
.feedback_content
{
    width:600px;
   /* border-top:solid #ccc 1px;
    border-bottom:solid #ccc 1px;*/
    }
    
.reply_content
{
    color:blue;
    }
.sendcontent
{
    border: solid #ccc 1px;
    margin:16px 8px;
    padding:10px 12px;
    }
    
    
.sendcontent .content_dec
{
    margin:10px 0 10px 0;
	text-decoration: none;
   font-size :1em;
		font-weight:normal; 
		/*line-height:30px;*/
		line-height:22px;
		background-color: #efefef;
		padding-left:20px;
    }
    
 .expand
 {
    width:100%;
    }
 .expand li
 {
    float:left;
    width:264px;
    margin-right:20px;
    padding:7px;
    margin-left:10px;
    height:296px;
    BACKGROUND: url(images/bg-cap-link2.gif) no-repeat left top;
    }
    
  .wargameimg
  {
    float:right;
    margin-left:20px;
    text-align:center;
    }
ol#wartext
 {   
    list-style-type:decimal ;
    line-height:22px;
    /*margin-left:10px;*/
    padding-left:20px;
    padding-bottom:10px;
    margin-bottom:20px;
    border-bottom:solid 1px #ccc;
    
  }
  
  
#shownews h2
{
    text-align:center;
    border:solid 1px #ccc;
    font-size:18px;
    padding:6px;
    margin:20px 10px 10px 10px;
    }
#shownews p#dec
{
    text-align:right;
    margin-right:30px;
    margin-bottom:10px;
    }
    
 
.wargame li
{
     float:left;
    width:300px;
    margin-right:10px;
    padding:2px;
    margin-left:10px;
    height:220px;
   /* BACKGROUND: url(images/bg-cap-link2.gif) no-repeat left top;*/
    }
.itemsplay li
{
    float:left;
    margin:2px;
    }
    
.photolist li
{
    float:left;
    margin:4px 6px;
    padding:2px;
  /*  height:250px;
    width:250px;
    border:solid 2px #ccc;*/
    }

.photolist li #photosmall
{
    /*float:left;*/
   /* margin:4px 6px;*/
  /*  padding: 2px;
    height:250px;
    width:250px;
    border:solid 2px #ccc;
    text-align:center;*/
    
  height:250px;
  width:250px;  
 /* line-height:250px;*/
 padding:2px;
  border:1px solid #666;
  overflow:hidden;
  position:relative;
  text-align:center;
  
  
  display: table-cell;
vertical-align: middle;


    
    }

/* .photolist li #photosmall img
    {
        position:static;
  position:relative;
  top:-50%;left:-50%;
  vertical-align:middle;

        }*/

#admin_container .operation
 {
    padding:6px;
   /* float:left;*/
    width:600px;
    margin:10px;
    
    }    
#admin_container .operation a
{
   padding:7px 22px;	
  	
   background: url(Images/userButton2.gif) no-repeat left center;		
    text-align: center;	
    text-decoration: none;
    font-size:12px;
    }     
    
.adminMenu
{
    width:180px;
    margin:0px;
    padding:0px;
    }
.adminMenu ul
{
    padding:0px;
    margin:0px;
   
    }
    
.adminMenu ul li
{
    margin:0px;
    padding:2px;
    width:120px;
    }
    
.adminMenu ul li.first
{
    font-weight:bold;
    margin:10px 0 0 10px;
    
    }    
    
 .adminMenu ul li ul
{
    margin:0px;
    padding:6px 20px;
    }   
 .adminMenu ul li ul li
 {
    margin:0px;
   /* padding:4px;*/
    } 
    
.adminMenu h2
{
    font-size:14px;
    padding:2px 10px;
    background-color:#ccc;
    margin:0px;
}    
       
#admin_footer
{
    clear:both;
    }  
#admin_container .contentArea
{
  margin:10px;
  padding:6px;
    }   
.adminLogin
{
    border:solid 1px #ccc;
    width:500px;
    height:200px;
    margin:80px auto;
    padding:20px;
    }    
.adminLogin div
{
    margin:6px;
    text-align:center;
    }  
.adminLogin div.btn
{
    text-align:center;
    }      
                   
