body
{
background-color:#EAEAEA;
margin:0;
padding:0;
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
h1 { margin:0; padding:36px 0 18px; color:#DFBE8B ; font:normal 36px/1.2em Arial, Helvetica, sans-serif;}

a:link {color:#DFBE8B ; text-decoration:none;}
a:visited {color:#DFBE8B ; text-decoration:none;}
a:hover {color:#DFBE8B ; text-decoration:underline;}
a:active {color:#DFBE8B ; text-decoration:underline;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}


.logodiv
{
background:url(images/Gel.jpg) no-repeat left;
background-size:100% ;
height:100px;
width:880px;
margin-left:auto;
margin-right:auto;
padding-left:120px;
}
.content
{
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
background-color:#fff;
width:997px;
margin-left:auto;
margin-right:auto;
}
.content { padding-bottom:16px; }
.content_resize { 
padding:40px 0px;
width:900px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
h2,h3{ font:bold 18px Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0;}
h4 { font:bold 14px Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0;}
h2 { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p { margin:8px 0; padding:4px 0 0 0; font:normal 14px/1.8em Arial, Helvetica, sans-serif;}

.content h2 { margin-top:12px;padding:4px 12px; background-color:#DFBE8B ; color:#fff; float:left; width:auto;}
.content .mainbar { float:left; width:630px;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:236px;}
.content h3{margin-top:12px;margin-bottom:12px;padding:4px 0px; background-color:#fff; color:#DFBE8B ; float:left; width:auto;}
.content .detail { margin-left:auto;margin-right:auto; padding:0 0 16px 0;}
.content h4{margin-top:12px;margin-bottom:12px;padding:4px 0px; background-color:#fff; color:#000000; float:left; width:auto;}
/*menu*/
.menu_nav { position:relative;z-index:10;
border-top-right-radius:8px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-left-radius:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px;
height:46px;width:997px; background-color:#DFBE8B ;
font:bold 12px/1.8em Arial, Helvetica, sans-serif;
}
.menu_nav ul { width:997px; list-style:none;  margin:0 30px 0 30px;position:absolute;z-index:10;}

.nav,.nav ul {
    list-style:none;
    margin:0;
    padding:0;
	z-index:10;
}

.nav {
    position:relative;
	z-index:10;
}

.nav ul {
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:46px;
	z-index:10;
}

.nav li {
    float:left;
    position:relative;
	z-index:10;
}

.nav li a {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    background-color:#DFBE8B ;
    color:#FFF;
    display:block;
    line-height:35px;
    padding:5px 20px;
    text-decoration:none;
    transition:0.5s;
	z-index:10;
}
.nav li:hover > a  {
    background:#fff;
    color:#DFBE8B ;
	border-top-right-radius:8px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-left-radius:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px;
	margin:2px 0;
	z-index:10;
}
.nav  li.active >a{
	background:#fff;
    color:#DFBE8B ;
	border-top-right-radius:8px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-left-radius:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px;
	margin:2px 2px;
	z-index:10;
}


.nav li:hover ul.subs {
    height:auto;
    width:225px;
	border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px;
z-index:10;
}

.nav ul li {
    -moz-transition:0s;
    -o-transition:0s;
    -webkit-transition:0s;
    opacity:0;
    transition:0s;
    width:100%;
	z-index:10;

}

.nav li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
	z-index:10;
}

.nav li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
	z-index:10;
}

.nav ul li a {
    background:#DFBE8B ;
    color:#fff;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#fff;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
	z-index:10;
}

.nav li:hover ul li a {
    line-height:35px;
	z-index:10;

}

.nav ul li a:hover {
	color: royalblue;
	background:url(images/nav_sub.png) no-repeat  left;
	background-color:#DFBE8B ;
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
	margin:0 0;
	z-index:20;
}


.headerpic
{
float:left;
width:150px;
padding:16px 0 16px 0;
}

.headertxt
{
float:left;
width:620px;
}


/* footer */
.footer { padding:16px 0;}
.footer_resize { margin:0 auto; padding:0 40px; width:997px;}
.footer p.lf { text-align:center;margin:0 auto;  width:auto; line-height:1.5em;}
/* button */
.myButton {
	background-color:#de752a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #de752a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:2px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#f1831b;
}
.myButton:active {
	position:relative;
	top:1px;
}
/* table */
.datalist{  
    border:1px solid #DFBE8B ;   /* è¡¨æ ¼è¾¹æ¡† */  
    font-family:Arial;  
    border-collapse:collapse;   /* è¾¹æ¡†é‡å  */  
    background-color:#FFFFFF;   /* è¡¨æ ¼èƒŒæ™¯è‰² */  

}  

.datalist th{  
    border:1px solid #DFBE8B ;   /* è¡Œåç§°è¾¹æ¡† */  
    background-color:#DFBE8B ;   /* è¡Œåç§°èƒŒæ™¯è‰² */  
    color:#FFFFFF;              /* è¡Œåç§°é¢œè‰² */  
    font-weight:bold;  
    padding-top:4px; padding-bottom:4px;  
    padding-left:12px; padding-right:12px;  
    text-align:center;  
}  
.datalist td{  
    border:1px solid #DFBE8B ;   /* å•å…ƒæ ¼è¾¹æ¡† */  
    text-align:center;  
    padding-top:4px; padding-bottom:4px;  
    padding-left:10px; padding-right:10px;  
}  
.datalist tr.altrow{  
    background-color:#e9c789;   /* éš”è¡Œå˜è‰² */  
} 



fieldset{
border:1px #b8b8b8 solid;
padding:15px;
margin:0 0 10px 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
legend{
color:#FFFFFF;
background-color:#DFBE8B ;
font:bold 12px Arial, Helvetica, sans-serif; padding:8px; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
} 


.search_box {
	float:right;
	background: #FFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 4px;
	position: relative;
	cursor: pointer;
	width:180px;
	margin:10px 30px 10px 0;
	height:20px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	z-index:20;
}
.search_box form input[type="text"] {
	border: none;
	outline: none;
	background: none;
	color:#BEBEBE;
	width:80%;
	font:bold 12px/1.8em Arial, Helvetica, sans-serif;
	-webkit-apperance: none;
	margin:0px;
	z-index:20;
}
.search_box form input[type="submit"] {
	border: none;
	cursor: pointer;
	background: url(images/search.png) no-repeat 15px 3px;
	position: absolute;
	right: 0;
	width: 40px;
	height: 25px;
	outline: none;
	z-index:20;
}

.button {
   border-top: 1px solid #ecd8b3;
   background: #e5936a;
   background: -webkit-gradient(linear, left top, left bottom, from(#dd5b3e), to(#e5936a));
   background: -webkit-linear-gradient(top, #dd5b3e, #e5936a);
   background: -moz-linear-gradient(top, #dd5b3e, #e5936a);
   background: -ms-linear-gradient(top, #dd5b3e, #e5936a);
   background: -o-linear-gradient(top, #dd5b3e, #e5936a);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #e6563a;
   background: #e6563a;
   color: #ccc;
   }
.button:active {
   border-top-color: #e6563a;
   background: #e6563a;
   }
.myButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #de752a), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #de752a 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #de752a 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #de752a 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #de752a 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #de752a 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#de752a', endColorstr='#bc3315',GradientType=0);
	background-color:#de752a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #de752a));
	background:-moz-linear-gradient(top, #bc3315 5%, #de752a 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #de752a 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #de752a 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #de752a 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #de752a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#de752a',GradientType=0);
	background-color:#bc3315;
}
.myButton2:active {
	position:relative;
	top:1px;
}
