#navbar a{
	color: #fff;
	text-decoration: none;
}

#navbar a:hover{
	color: #bcb430;
	text-decoration: none;
}

#maincontent a {}
        
*{padding:0;margin:0}
html{

	

}
input#phrase {width: 100%;}
.doc_link {
/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;	
}
#home {
	background: url(image/bg_1.png) no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-attachment: fixed;
	
}
.head{
	background: url(image/head.png);
}

.set_header{
	text-align: center; 
	margin-bottom: 20px;
}
.set_content{
	color:#fff; 
	margin-left: 13%; 
	font-size: 20px; 
	line-height: 30px;
}
#menu {
	list-style: none;
}
#menu li a {
	color:#fff;
	text-decoration: none;
}
#menu li a:hover {
	color: #999;
}

.content_left{
	color: #fff; 
	height: 100%; 
	background:#4f4f48;
}

.img_left{
	height: 20%; 
	text-align: center;

}

.set_menu{
	
	margin-left: 30px; 
	margin-right: 10px; 
	height: 55%; 
	margin-top: 100px; 
	text-align: right; 
	font-family: arial;
}

.li_set{
	list-style-type: none;
	/* background-repeat: no-repeat; */ 
	/* background-position: right; */ 
	margin-bottom: 10px;
}

.set_list{
	background: url('image/list_img.png') no-repeat bottom right;
	/* background-repeat: no-repeat; */	
	/* background-position: bottom right; */
	/* font-size:  19px; */
    
	/* width: 87%; */
    text-align: right;
    
	/* background-position-y: 18px; */
    /* border: 1px solid #000; */
    margin-left: 35px;
    /*margin-bottom: 20px;*/
    
	/* height: 59px; */
}

.img_logo{
	width: 80%;
    margin-top: 18px;
}

.set_left{
	/*height: 27%; */
	background:#4f4f48;
}

.menu_set{
	 /*display: block !important;*/
	 height: 100% ;
	 background: #4f4f48; 
}


.header_set{
	/*height: 27%; */
	padding:0px !important; 
	background:#7e7c64;
}

.navbar-handles{
	background: #4f4f48 !important;
	color: #fff !important;
	border: none !important;
	box-shadow: none !important;
}

.content_set{
	background: #fff;
	height: 100%;
}
/**/

.bodytext {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4F4F48;
	font-size: 14px;
	line-height: 18px;
}

.pagetitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #655C0E;
}

.searchfunction {
	font-family: Verdana, Helvetica, sans-serif, Copperplate;
	font-size: 11px;
	color: #655C0E;
}

.white10 {
	color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif, Copperplate;
	font-size: 10px;
}

.white10 a:active { color: #FFFFFF; text-decoration: none}
.white10 a:link { color: #FFFFFF; text-decoration: none}  
.white10 a:visited { color: #FFFFFF; text-decoration: none}
.white10 a:hover {  color: #FFFFFF; text-decoration: underline}

.white12 {
	color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif, Copperplate;
	font-size: 12px;
}
.white12 a:active { color: #FFFFFF; text-decoration: none}
.white12 a:link { color: #FFFFFF; text-decoration: none}  
.white12 a:visited { color: #FFFFFF; text-decoration: none}
.white12 a:hover {  color: #FFFFFF; text-decoration: underline}

.dropcap {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	color: #716921;
	line-height: 18px;
}

.searchsummary {
	font-family: Verdana, Helvetica, sans-serif, Copperplate;
	font-size: 11px;
	color: #333333;
}

.searchurl {
	font-family: Verdana, Helvetica, sans-serif, Copperplate;
	font-size: 10px;
	color: #333333;
}

.searchpagenumbers {
	font-family: Verdana, Helvetica, sans-serif, Copperplate;
	font-size: 11px;
	color: #333333;
}

.searchnumberdiv {
	font-family: Verdana, Helvetica, sans-serif, Copperplate;
	font-size: 11px;
	color: #333333;
}

.searchnumberdiv a:active { color: #333333; text-decoration: none}
.searchnumberdiv a:link { color: #333333; text-decoration: none}  
.searchnumberdiv a:visited { color: #333333; text-decoration: none}
.searchnumberdiv a:hover {  color: #333333; text-decoration: none}

.searchtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #655C0E;
	font-size: 14px;
}
.searchtitle a:active { color: #655C0E; text-decoration: none}
.searchtitle a:link { color: #655C0E; text-decoration: none}  
.searchtitle a:visited { color: #655C0E; text-decoration: none}
.searchtitle a:hover {  color: #655C0E; text-decoration: underline}

.searchscore {font-family: Georgia, "Times New Roman", Times, serif; color: #990000; font-size: 11px; }
.quotation-container {width: 40%;}
.quotation {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	color: #655C0E;
	line-height: 18px;
}

blockquote {border: none !important; line-height: 160%;}

.footer {
	padding: 10px;
	font-size: 11px;
	text-align: center;
}
.footer a {color: #fff;}
.brownbg {background: #4f4f48;}

#maincontent a {color:#414166;}

        @media(max-width: 1024px){
            .img_logo{
				    width: 27% !important;
				margin-top: 13px !important;
			}

			.set_left{
				height: 132 !important;
			}

			
        }


        @media (max-width: 980px) {
           .img_logo{
				width: 165px !important;
				margin-top: 15px !important;
			}

			.set_left{
				height: 178px !important;
			}

			.menu_set{
				display: block !important;
				height: auto !important;
			}

        }

           
        @media (max-width: 800px) {
            .img_logo{
				    width: 27% !important;
				margin-top: 13px !important;
			}

			.set_left{
				height: 200px !important;
			}

			.header_set{
				height: 122px !important;
			}

			.menu_set{
				display: block !important;
				height: auto !important;
			}

			
        }

        @media (min-width: 768px) {
		  .sidebar-nav .navbar .navbar-collapse {
		    padding: 0;
		    max-height: none;
		  }
		  .sidebar-nav .navbar ul {
		    float: none;
		  }
		  .sidebar-nav .navbar ul:not {
		    display: block;
		  }
		  .sidebar-nav .navbar li {
		    float: none;
		    display: block;
		  }
		  .sidebar-nav .navbar li a {
		    padding-top: 12px;
		    padding-bottom: 12px;
		  }

		.quotation-container {width: 70%;}

		}

        @media (max-width: 640px) {
        	.img_logo{
				   /* width: 27% !important;*/
				 width:  146px !important;
				margin-top: 13px !important;
			}

			.set_left{
				    height: 167px !important;
			}

			.header_set{
				height: 97px !important;
			}

			.menu_set{
				display: block !important;
				height: auto !important;
			}
        }

        @media (max-width: 480px) {
          	.img_logo{
				width: 50% !important;
				margin-top: 13px !important;
			}

			.set_left{
				height: 180px !important;
			}

			.header_set{
				height: 57px;
			}

			.menu_set{
				display: block !important;
				height: auto !important;
			}
			.quotation-container {width: 100%;}
        }

        @media (max-width: 320px) {
          	.img_logo{
				width: 50% !important;
				margin-top: 13px !important;
			}

			.set_left{
				height: 31% !important;
			}

			.header_set{
				height: 57px;
			}

			.menu_set{
				display: block !important;
				height: auto !important;
			}
        }