/* CSS Document */
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

h1, h3, h4, h5, h6 {margin:20px 0 15px 0; font-weight:bold; font-family:Helvetica, Arial, Verdana, sans-serif; color:#fff}
h1 {font-size:26px;}
h2 {clear:both;margin:50px 0 15px 0; font-size:22pt; font-weight:bold; font-family:Helvetica, Arial, Verdana, sans-serif; color:#fff}
h3 {font-size:22px; font-weight:normal}
ul, ol, dl, li {margin:15px 0 0}
p {width:100%; text-align:justify; margin:15px 0 0 0}
a {text-decoration:underline; outline:none}

a:link {
COLOR: #fff;
}
a:visited {
COLOR: #fff;
}
a:hover {
color:#a63c3c;
}
a:active {
color:#a63c3c;
}
	
.clear {clear:both; float:left}

body {
	font-size:14px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#f1f0f0;
	background-color: #FFFFFF;
	margin: 10px auto;
	width: 355px;
	background-image: url(body_newbg.jpg);
	background-repeat: repeat;
}

#wrapper {
	width:355px;
	overflow:hidden;
	background-color: #000000;
}
#header {
	width:330px;
	margin:0 0;
	background-color: #000000;
	padding-left: 10px; padding-right: 0px; 
}
	#header img {
  		max-width: 100%;
  		height: auto;
	}
				
	#navigation {height:52px; width:330px}
		#navigation li {float:left; width:275px; margin:2px; font-size:18px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#fff; border-top:3px solid #a63c3c; border-bottom:3px solid #a63c3c;list-style-type:none; background:url(nav_bg.png) 50% top repeat-x}
			#navigation li a {display:block; height:35px; padding-top:16px; border-right:1px solid #1c1b1b; border-left:1px solid #000; text-align:center; color:#fff; text-decoration:none}
			#navigation li form {display:block; height:35px; padding-top:16px; border-right:1px solid #1c1b1b; border-left:1px solid #000; text-align:center; color:#fff; text-decoration:none}
				#navigation li a:hover {color:#a63c3c; text-decoration:none}

#content {
	width:330px;
	padding-left: 10px;
	padding-right: 10px;
	border:1px solid #020202;
}
	#content table {
  		max-width: 100%;
  		height: auto;
	}
#contenthead {
	width:300px;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	border:1px solid #993333;
}
#subaru {
	width:300px;
	padding-left: 10px;
	padding-right: 10px;
	border:4px solid #993333;
}
#expert {
	display: flex;
	width:300px;
	margin: auto;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;}
.expert-child {
    flex: 1;
}  
.expert-child:first-child {
    margin-right: 20px;
}
#huo table {
  		max-width: 100%;
  		height: auto;
	}
		#main_content {float:left; display:inline; width:329px; margin:0 0 0 0;}
			.two_columns {float:left; display:inline; margin-right:30px; width:310px}
			#main_content .right_column {margin:0}
			#main_content img {
  				max-width: 100%;
  				height: auto;
			}
			#main_content ul {
    			list-style-position: inside;
    			padding-left: 0;
			}
			#main_content iframe {
  				max-width: 100%;
			}
		#footer {clear:both; padding:100px 0 30px 0; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:.85em}
		

#search-box {
    background: black; /* Sets the search box background to black */
    padding: 15px;
    border-radius: 8px;
    border: 2px solid #993333;
    width: 80%;
    max-width: 600px;
    margin: 20px auto;
    text-align: center;
}

.search-list {
    list-style: none;
    padding: 0;
}

/* Correct alignment inside .search-item */
.search-item {
    display: flex;
    align-items: center; /* Center-aligns image & text vertically */
    margin-bottom: 15px;
    text-align: left;
    background-color: black !important;
    color: white;
    padding: 10px; /* Adds spacing around content */
    border-radius: 5px; /* Optional: Softens edges */
}

.search-box {
    background-color: black; /* Sets background to black */
    color: white; /* Ensures text is readable */
    padding: 15px; /* Adds spacing inside the box */
    border-radius: 8px; /* Softens edges for a modern look */
    border: 2px solid #993333; /* Adds a dark red border */
    width: 80%; /* Makes it responsive */
    max-width: 600px; /* Limits maximum width */
    margin: 20px auto; /* Centers the box horizontally */
    text-align: center; /* Centers text inside the box */
}


.search-image {
    width: 100px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #a63c3c;
}

.search-title {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

.search-title:hover {
    color: #a63c3c;
}

.hidden {
    display: none;
}

#show-more-btn {
    background: #a63c3c;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
}

#show-more-btn:hover {
    background: #993333;
}