html 
	{
	    overflow-y: scroll;
	}
	body 
	{
		background:#FFF;
		color:#222;
		/*font-family:"Times New Roman", Times, serif;*/
		font-size:12px;
		line-height:1.5;	/* global line height */
		margin:0;	/* margins around whole site */
	}
	table, colgroup, col, th, tr, td 
	{/* tables still need 'cellspacing="0"' in the markup */
		border-collapse:separate;
		border-spacing:0;
		border:1px solid #cccccc;
	}
   
	a 
	{
		text-decoration:none; 
	}

	#side_menu a:focus,a:active,a:hover,a:visited,a:link 
	{
		color:#3F3F3F;
	}

	h1, h2, h3, h4, h5, h6
    { 
	   font-size:1.3em;
	}
    pre
	{
	   font-family:Courier, monospace;
	   background-color:#FFF8E2; /*#F5F5F5;*/
	   padding:6px 6px;
	}

	#wrap 
	{
	   width:100%;
	   margin:0;

	}
	#header 
	{
		text-align: center;
		background-color: #FAFAFA;
		width: 100%;
		  position: fixed;
		  top: 0px;
		  left: 0px;
	}
	#top_menu
	{
		margin:0 auto;
		width:990px;
		height:43px;
		line-height:43px;
		border:1px solid #988068;
        background-color:#988068;  /* #2d1152; */
	}
	.top_menu1 
	{
	    float:left;
		color:#ffffff;
	    font-size:1.1em;
        font-weight: bold; 
		background-color:#988068; 
		width:100px;
        height:43px;
		line-height:43px;
		text-align:inherit;
	}
	.top_menu1_on 
	{
	    float:left;
		color:#ffffff;
	    font-size:1.1em;
        font-weight: bold; 
		background-color:#6A5847; 
		width:100px;
        height:43px;
		line-height:43px;
		text-align:inherit;
	}
	#top_search 
	{
	   margin:0 auto;
	   width:990px;
		border:1px solid #cccccc;

	}
    input 
	{
        vertical-align: middle;
    }
    input.form-text 
	{
        border: 1px solid #bcbcbc;
        height: 28px;
		width:300px;
		padding:0px 7px;
    }
    input.img_button 
	{
        background: url(/img/search_32_2.png) no-repeat;
        width: 32px;
        height: 32px;
		border:none;
        cursor: pointer;
    }
    #top_search .search 
	{ 
	   text-align:center;
	   height:45px;
       line-height:45px;
	}
    #top_search .submenu 
	{ 
	   text-align:left;
	   height:45px;
       line-height:45px;
	}

    #content 
	{
		margin:0 auto;
		width:990px;
		border:1px solid #cccccc;
		margin-top:91px;
		margin-bottom:5px;
		overflow:hidden;
	}
	aside 
	{
		float:right;
		width:240px;
		margin:5px;
		margin-top:5px;

	}
	#side_menu 
	{
	   /* overflow:auto; */
	   overflow-x:hidden;
	   height:76%;
	   background-color:#F2F2F2;
	   border:1px solid #D8D8D8;
       margin-bottom:0px;
	}
	#side_menu .category2
	{
	   margin-top:1px;
	   margin-bottom:1px;
	   margin-left:15px;
	}
	.category2 a:hover 
	{
	   text-decoration: underline;
	}
	#side_menu .category4
	{
	   margin-top:1px;
	   margin-bottom:1px;
	   margin-left:15px;
	}
	.category4 a:hover 
	{
	   text-decoration: underline;
	}
	#side_menu .category6
	{
	   margin-top:1px;
	   margin-bottom:1px;
	   margin-left:30px;
	}
	.category6 a:hover {
	   text-decoration: underline;
	}
	#side_menu .category8
	{
	   margin-top:1px;
	   margin-bottom:1px;
	   margin-left:40px;
	}
	.category8 a:hover 
	{
	   text-decoration: underline;
	}
	#side_menu ul 
	{
	   list-style:none;
	   padding:0;
	   margin-top:7px;
	   margin-left:1px;
	   margin-right:1px;
	   margin-bottom:3px;
       font-size:0.97em;
	   /*font-size:0.95em; */
	}
	#side_menu ul li
	{
       padding:2px;
	
	}

    #side_menu ul li a:hover 
	{
	   text-decoration: underline;
	}

	#side_menu ul li a:focus,a:active,a:visited,a:link
	{
		 list-style:none;
	}

    #main_menu 
	{
		float:right;
        width:73%;
		margin-left:6px;
		margin-right:6px;
	}
	#main_menu 	a:hover
	{
		text-decoration: underline; 
	}
    #main_menu img 
	{
	    max-width:97% !important;
	}
	.search_result 
	{
	   margin-top:7px;
	   margin-left:15px;
	}
    #footer 
	{
		text-align:center;
		margin:0 auto;
		width:990px;
		height:50px;
		line-height:30px;
		border-top:4px solid #3F3F3F;
        margin-top:10px;
		margin-bottom:50px;
		clear:both;
	}
    #menu_btn 
	{
	    display:none; width:1%;float:left;overflow:hidden;
	}
    #cat_title 
	{
	    display:none;
	}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
   #aside {
         display:none; 
		 width:100%;
		 float:left;
		 overflow:scroll;
         position:fixed;
         height:100%;
         margin-top:-140px;
   }
   #cat_title {display:block;margin-top:20px;margin-bottom:10px;margin-left:10px;color:blue;font-size:1.1em;}
   #menu_btn {
	    display:inline;
        float:right; 
		width:180px;
		margin-top:0px;
   }
	#side_menu ul {
	   list-style:none;
	   padding:0;
	   margin-top:3px;
	   margin-left:1px;
	   margin-right:1px;
	   margin-bottom:20px;
	   font-size:1em;
	}

	#side_menu .category2{
	   margin-top:1px;
	   margin-bottom:1px;
	   margin-left:30px;
	}
	.category2 a:hover {
	   text-decoration: underline;
	}
	#side_menu .category4{
	   margin-top:2px;
	   margin-bottom:2px;
	   margin-left:30px;
	}
	.category4 a:hover {
	   text-decoration: underline;
	}
	#side_menu .category6{
	   margin-top:2px;
	   margin-bottom:2px;
	   margin-left:50px;
	}
	.category6 a:hover {
	   text-decoration: underline;
	}
	#side_menu .category8{
	   margin-top:2px;
	   margin-bottom:2px;
	   margin-left:90px;
	}
	.category8 a:hover {
	   text-decoration: underline;
	}
	.border-menu {
	  position: relative;
	  padding-left: 1.25em;
	  font-size:47px;
    }
    #menutoggle {background-color:#FFFFFF;}
	.border-menu:before {
	  content: "";
	  position: absolute;
	  top: 0.3em;
	  left: 0.13em;
	  width: 1em;
	  height: 0.125em;
	  border-top: 0.375em double #000;
	  border-bottom: 0.125em solid #000;
	  border-color:#B3AFA7;
	}
   #content #main_menu {			float:left; overflow:hidden; width:100%;     padding-right: 10px;}
   body  {
		background:#FFF;
		color:#222;
		/*font-family:"Times New Roman", Times, serif; */
		font-size:2.1em;
		line-height:1.5;	/* global line height */
   }
	#wrap {
	   width:100%;
	   margin:0;
	}
   #wrap #top_menu {
		margin:0 auto;
		width:100%;
		height:120px;
		line-height:120px;
		border:1px solid #988068;
        background-color:#988068; /* #2d1152; */     
   }
	.top_menu1 {
	    float:left;
		color:#ffffff;
	    font-size:0.9em;
        font-weight: bold; 
		background-color:#988068; 
		width:198px;
		height:120px;
		line-height:120px;
		text-align:inherit;

        display: inline-block;
	}
	.top_menu1_on {
	    float:left;
		color:#ffffff;
	    font-size:0.9em;
        font-weight: bold; 
		background-color:#6A5847; 
		width:198px;
		height:120px;
		line-height:120px;
		text-align:inherit;
	}
	#top_search {
	    float:center;
		height:130px;
	}


    input.form-text {
	    float:center;
        border: 1px solid #bcbcbc;
	    width:530px;
		height:83px;
		margin-top:23px;
		font-size:50px;
		padding:0px 20px;
    }
    input.img_button {
        background: url(/img/search_mobile_2.png) no-repeat;
		width:83px;
		height:83px;
		font-size:1em;
		margin-top:23px;
        border:none;
		cursor: pointer;
    }

   #content {
		margin:0 auto;
		width:990px;
		border:1px solid #cccccc;
		margin-top:253px;
		margin-bottom:5px;
		overflow:hidden;
   }
   pre {
		font-family:Courier, monospace;
		font-size: .75em;
		margin-bottom:1.625em;
		overflow:auto;
		padding:1em 1em;
		white-space:pre-wrap;
   }
    #footer {
		text-align:center;
		margin:0 auto;
		width:990px;
		height:130px;
		line-height:130px;
		border-top:4px solid #3F3F3F;
        margin-top:10px;
		margin-bottom:20px;
		clear:both;
	}

}