html{min-height: 100%;
 	height: auto;}
body#home {	margin: 0px; font:normal 12px/150% Arial; color:#535335; background:url(bg.png) center top repeat-x; background-color:#FFF}

body#internal {	margin: 0px; font:normal 12px/150% Arial; color:#535335; background:url(inbg.png) center top repeat-x; background-color:#FFF}
/****** Sortable Styles ******/
/* a style which makes div touch the bottom of content */
.clear { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden;}
/* clearFloat */
.clearFloat:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }
.clearFloat { display:inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/

* html .clearfix { height:1%; }
form, ul, ul li, p { padding:0; margin:0;}
ul li{ list-style:none}
.clearFloat { display:block; }

td, p, input {	font:normal 12px/150% Arial;	color:#333	text-decoration: none;}
a,
a:visited {  font:normal 12px/150% tahoma; color:#000; text-decoration:none}
a:hover   {  font:normal 12px/150% tahoma; color:#C30101; text-decoration:underline}
a.smaller{ font-size:11px;}
a.email:link{ color:#C30101; text-decoration:underline}

a.email:hover{ color:#333; text-decoration:none}
select{font:normal 11px/150% Arial; }
.stress{ font-weight:bold;}
img { border: none; margin:0; padding:0 }

div, ul{ zoom:1; }
div:after, ul:after{ content:"\0020"; display:block; height:0; clear:both; }


/*----------------- / GLOBAL ------------------*/
#pageTop{ width:968px;}
#pageMain{background-color:#FFF; width:960px; margin:16px auto;}
#pageFooter{background:url(bgfooter.gif) center bottom no-repeat; width:960px;}
#container{ width:968px; margin:0 auto;}
#header{ width:968px; position:relative;   height:95px;}
#logo{ float:left; display:block; margin:8px 0 0 2px;}
.header_right{ background:url(topright.png); width:211px; height:111px; position:absolute; top:0px; right:0px;}
.header_right p{ padding:22px 10px 0 13px; color:#FFF; font-size:13px;}
.header_right a{ color:#FFFF00; text-decoration:underline; font-size:13px;}
.header_right a:hover{ color:#FFFF00; text-decoration:none}


.style{
	position:absolute;
	top:1px;
	right:17px;
	text-align:center;
	width:115px;
	height:29px;
	background:url(version.jpg);
}
.style a{line-height:22px; padding:0 5px; font-size:11px;  }
#header #form {
	position:absolute;
	top:42px;
	right:0px;
	font-size:12px;
	width: 254px;
	font-weight:bold;
}
#header #form form{
	width:234px;
	height:23px;
}

.input_text { background:url(form.gif) 0 0 no-repeat; width:198px; height:23px; line-height:23px; border:none; padding-left:26px; float:right; padding-top:4px; *padding-top:0px; width:170px; font-size:11px; color:#090 }
.input_submit { background:url(form.gif) right 0 no-repeat; width:36px; height:23px; border:none; cursor:pointer; float:right; }



#row2{ width:968px;  }


#news{ height:63px; width:930px;  background:url(bg1.gif) no-repeat center top; position:relative;}
#news p{ position:absolute; font:bold 23px Arial, Helvetica, sans-serif; padding:22px 0 0 12px;}
#news ul{ margin:0; padding:0;}
#news ul li{ float:left; padding-right:12px; line-height:24px;}
#news ul li a{ color:#FFF; font-size:12px; line-height:24px; background:url(i2.png) no-repeat left 2px; padding-left:12px;}


#row3{ width:100%; margin-top:8px;}
#row3 .col1{ float:left; width:320px; background:url(t3.png) repeat-y; height:273px;}
#row3 .col1 .top{ background:url(t1.png) no-repeat center top; height:48px; line-height:34px;}
#row3 .col1 .top p.title{ padding-left:50px; padding-top:11px; font-size:19px; color:#FFF;}
#row3 .col1 .top p.title a{  font-size:19px; color:#FFF;}
#row3 .col1 .bottom{ background:url(t2.png) no-repeat bottom center;  height:273px;}
#row3 .col1 .md{ width:304px; margin:0 auto}
#row3 .col1 .md .pic{ float:left; padding:2px; margin-left:3px; margin-top:18px; }
#row3 .col1 .md .desc{ width:194px; margin-right:9px; float:right; margin-top:8px; }
#row3 .col1 .md .desc .t1{ font-size:15px; line-height:120%; margin-bottom:8px; color:#268134; font-weight:bold; margin-top:6px;}
#row3 .col1 .md .desc .t2{ font-size:12px;line-height:150%; color:#535335}
#row3 .col1 .md .desc p.t3{ font-size:16px; font-weight:bold; float:left;}
#row3 .col1 .md .desc .details{ float:right; background:url(cart.gif) no-repeat left 0px; padding-left:30px; height:24px; margin-right:10px;}
#row3 .col1 .md .desc .details a{ text-decoration:underline;}
#row3 .col1 .md .desc p.t3 span{ color:#C80F0F;}
#num{ padding:8px 0 0 0px;}
#num li{ float:left; margin-right:1px; }
#num ul li a{ text-align:center; display:block; background-color:#EAE5BE; width:16px; height:16px; line-height:16px; font-size:10px; color:#535335; text-decoration:none;}
#num ul li a:hover{ display:block; background-color:#F6BD0C; color:#FFF; text-decoration:none;}
#num ul li a.selected{ display:block; background-color:#F6BD0C; color:#FFF; text-decoration:none;}

#row3 .col2{ float:left; width:320px; background:url(t3.png) repeat-y; height:273px; margin-left:2px;}
#row3 .col2 .top{ background:url(t1.png) no-repeat center top; height:48px; line-height:34px;}
#row3 .col2 .top p.title{ padding-left:50px; padding-top:11px; font-size:19px; color:#FFF;}
#row3 .col2 .top p.title a{  font-size:19px; color:#FFF;}
#row3 .col2 .bottom{ background:url(t22.png) no-repeat bottom center;  height:273px;}
#row3 .col2 .md .t2{ font-size:12px;line-height:150%; color:#535335; padding:12px 12px 4px 12px}
#row3 .col2 .md{ background:url(dh.png) no-repeat 12px 8px; width:286px; margin:0 auto}

#row3 .col2 .md .more{ padding-left:12px; float:left}



#row3 .col3{ float:left; width:320px; background:url(t3.png) repeat-y; height:273px; margin-left:2px;}
#row3 .col3 .top{ background:url(t1.png) no-repeat center top; height:48px; line-height:34px;}
#row3 .col3 .top p.title{ padding-left:50px; padding-top:11px; font-size:19px; color:#FFF;}
#row3 .col3 .top p.title a{ font-size:19px; color:#FFF;}
#row3 .col3 .bottom{ background:url(t2.png) no-repeat bottom center;  height:273px;}
#row3 .col3 .md{ padding:12px; width:256px; margin:0 auto}
#row3 .col3 .md ul li{ line-height:22px;}
#row3 .col3 .md ul li a{ background:url(icon1.png) left 2px no-repeat; padding-left:13px; height:12px; color:#535335; text-decoration:none}
#row3 .col3 .md ul li a:hover{  color:#333; text-decoration:underline}











.row4{ width:100%; margin-top:28px;}

.row4 .col1{ float:left; width:640px;margin-right:8px;}
.row4 .col1 .title{ color:#333; font-size:25px; }
.row4 .col1 ul.news li { margin-bottom:12px;}
.row4 .col1 ul.news li .date{ float:left; background:url(datebg.png); width:59px; height:67px; text-align:center; margin:5px 0 0 0;}
.row4 .col1 ul.news li .right{ float:right; width:570px;}
.row4 .col1 ul.news li .right .time{ color:#ED8805; font-weight:bold}

.row4 .col1 ul.news li .date .day{ color:#FFF; height:42px; line-height:43px;font-weight:bold}
.row4 .col1 ul.news li .date .year{ color:#A1F984;font-weight:bold;  font-size:15px;}
.row4 .col1 ul.news li .right .t1{ font-size:14px; line-height:120%;  color:#268134; font-weight:bold; margin-top:6px;}
.row4 .col1 ul.news li .right .intro a{ color:#C51A12; font-weight:bold}



.row4 .col2{ float:right; width:314px; background:url(rbg.jpg) no-repeat; min-height:226px;}
.row4 .col2 .title{ font-size:17px; padding:11px 0 0 11px; color:#000; font-weight:bold}
.row4 .col2 img{ padding:18px 0 0 18px;}
.row4 .col2 .t2{ padding:0 0 0 18px; color:#408828;}
.row4 .col2 .t2 a{ color:#C51A12; text-decoration:underline;  font-weight:bold}
.line { background:url(line.png); width:973px; height:12px; margin:8px auto;}


.row5{ width:100%; margin-top:28px;}

.row5 .col1{ float:left; width:640px;margin-right:8px;}
.row5 .col1 .title{ color:#333; font-size:25px; }
.row5 .col1 ul.news li { margin-bottom:12px; background:#F4F9E4; height:98px;}
.row5 .col1 ul.news li .pic{ float:left; width:71px;  text-align:center; margin:10px 0 0 6px; border:1px solid #C4D788;}
.row5 .col1 ul.news li .right{ float:right; width:555px; margin:10px 0 0 0px;}
.row5 .col1 ul.news li .right .time{ color:#ED8805; font-weight:bold}

.row5 .col1 ul.news li .right .t1{ font-size:14px; line-height:120%;  color:#268134; font-weight:bold; margin-top:6px;}
.row5 .col1 ul.news li .right .intro a{ color:#C51A12; font-weight:bold}



.row5 .col2{ float:right; width:314px; background:url(rbg2.jpg) no-repeat; min-height:226px;}
.row5 .col2 .title{ font-size:17px; padding:11px 0 0 32px; color:#000; font-weight:bold}
.row5 .col2 .time{ padding:18px 0 0 18px; font-size:15px; color:#238E33;	}
.row5 .col2 .t2{ }
.row5 .col2 .t2 a{ color:#C51A12; text-decoration:underline}


#dateL .t1{ float:left; padding:22px 0 0 58px; color:#408828; font-size:15px;}

#dateL p{ float:right; margin-right:22px; margin-top:22px;}

table.eventDateList{ width:90%; margin:5px 0 0 27px;}
table.eventDateListin{ width:90%; margin:18px 0 0 18px;}

.weekList{ color:#C51A12}
.dateSelected{ color:#FFF; font-weight:bold; background:#3D9721; width:16px; height:16px; display:block; line-height:16px;}
.dateSelected a{color:#FFF; text-decoration:none}

.pro_title{ font-size:24px;}
.price{ color:#C00; font-size:19px;}


#internal{ width:100%; margin-top:12px;}
#internal .col1{ float:right; width:723px;margin-right:8px;}
#internal .col1 .pro_list{ width:723px; margin-bottom:12px;}
#internal .col1 .pro_list .top{ background:url(pin1.jpg); height:34px; line-height:34px;}
#internal .col1 .pro_list .top p{ padding-left:15px; padding-top:3px; font-size:16px; color:#333}
#internal .col1 .pro_list .md{  width:720px; min-height:150px;}

#internal .col1{ float:right; width:738px;margin-right:2px;}
#internal .col1 .c1{ float:left; width:480px}
#internal .col1 .c1 .title{ color:#000; border-bottom:1px solid #FBC807; padding-bottom:6px; height:25px; line-height:25px; margin-bottom:12px; }
#internal .col1 .c2{ width:256px; float:right;}
#internal .col1 .c2 .rr1{ background:url(rr1.png) no-repeat; min-height:226px;}
#internal .col1 .c2 .rr1 .title{ font-size:12px; padding:9px 0 0 13px; color:#000; font-weight:bold}
#internal .col1 .c2 .rr1 img{ padding:18px 0 0 8px;}
#internal .col1 .c2 .rr1 .t2{ padding:0 15px 0 12px; color:#408828;}
#internal .col1 .c2 .rr1 .t2 a{ color:#C51A12; text-decoration:underline}

#internal .col1 .c2 .rr2{ background:url(rr2.png) no-repeat; min-height:226px; margin:32px auto;}
#internal .col1 .c2 .rr2 .title{ font-size:12px; padding:9px 0 0 13px; color:#000; font-weight:bold}

#internal .col1 .c2 .rr1 .md ul{ padding:18px 18px; text-align:left}
#internal .col1 .c2 .rr1 .md ul li{ background:url(i.png) no-repeat left 6px; padding-left:15px; border-bottom:1px solid #FBC807; height:22px; line-height:22px;}
#internal .col1 .c2 .rr1 .md ul li a{ font-size:12px;}



#internal .col1 .c2 .rr3{ background:url(rr1.png) no-repeat; min-height:226px; margin-bottom:32px;}
#internal .col1 .c2 .rr3 .title{ font-size:12px; padding:9px 0 0 13px; color:#000; font-weight:bold}
#internal .col1 .c2 .rr3 img{ padding:50px 0 0 8px; margin-bottom:32px;}
#internal .col1 .c2 .rr3 .t2{ padding:0 15px 0 12px; color:#408828;}
#internal .col1 .c2 .rr3 .t2 a{ color:#C51A12; text-decoration:underline}
#internal .col1 .c2 .rr3 .md ul{ padding:18px 18px; text-align:left}
#internal .col1 .c2 .rr3 .md ul li{ background:url(i.png) no-repeat left 6px; padding-left:15px; border-bottom:1px solid #FBC807; height:22px; line-height:22px;}
#internal .col1 .c2 .rr3 .md ul li a{ font-size:12px;}
#internal .col1 .c2 .rr3 .md ul li a:hover{ font-size:12px; color:#EBAE15;}
#internal .col1 .c2 .rr3 .md ul li.selected a{ font-size:12px; color:#EBAE15;}



#internal .col1 .pro_list .md .pic{ float:left; border:1px solid #EBEBEB; padding:2px; margin-left:10px; background-color:#FFF; margin-top:8px; }
#internal .col1 .pro_list .md .desc{ width:548px; margin-right:6px; float:right; margin-top:8px; }
#internal .col1 .pro_list .md .desc .t1{ font-size:18px; line-height:120%; margin-bottom:8px;}
#internal .col1 .pro_list .md .desc .t2{ font-size:12px;}
#internal .col1 .pro_list .md .desc p.t3{ font-size:16px; font-weight:bold; float:left;}
#internal .col1 .pro_list .md .desc .details{ float:right; background:url(cart.gif) no-repeat left 1px; padding-left:23px; height:24px; margin-right:10px;}
#internal .col1 .pro_list .md .desc .details a{ text-decoration:underline;}
#internal .col1 .pro_list .md .desc p.t3 span{ color:#C80F0F;}

#internal .col1 .pro_list .footer{ background:url(pin2.jpg) no-repeat; height:4px; }

#internal .col2{ float:left; width:220px;}
#internal .col2 #category { width:220px; background:url(inleft.png) no-repeat; min-height:190px;}
#internal .col2 #category .top{ width:220px; height:57px; }
#internal .col2 #category .top p{ font-size:12px; padding:15px 0 5px 22px; font-weight:bold; color:#333}
#internal .col2 #category .md img{ padding:8px;}
#internal .col2 #category .md{ width:220px; min-height:160px;}
#internal .col2 #category .footer{ width:220px; height:16px; background:url(leftbottom.png) left bottom no-repeat; min-height:190px;}
#internal .col2 #category .md ul{ padding:8px 18px; text-align:left}
/*#internal .col2 #category .md ul li{ background:url(i.png) no-repeat left 6px; padding-left:15px; border-bottom:1px solid #E3E3E3;}*/
#internal .col2 #category .md ul li{  padding-left:4px; border-bottom:1px solid #FBC807;}


#internal .col2 #category .md ul li a{ font-size:12px;}
#internal .col2 #category .md ul li a:hover{ font-size:12px; color:#EBAE15;}
#internal .col2 #category .md ul li.selected a{ font-size:12px; color:#EBAE15;}

.pro_title{ font-size:24px;}
.price{ color:#C00; font-size:19px;}



#Register{ margin-top:12px;}
#cate{ margin-top:0px;}
#subthrumb{
color:#666666;
font-size:12px;
margin:0pt auto 3px;
padding:0px 0pt 6px 0;
text-decoration:none;
}
#subthrumb a{  text-decoration:none; color:#666}
#subthrumb a:hover{ text-decoration:underline}

.blue{ color:#0375BB}
.text1{ padding:12px; font-size:12px;}
.title{ font-size:24px; color:#0375BB}
.title2{ font-size:18px; color:#0375BB; padding-top:20px; font-family:Verdana, Geneva, sans-serif; margin-bottom:8px;}
.title3{ font-size:16px; color:#0375BB; font-family:Verdana, Geneva, sans-serif}

.more{ float:right;}
.list{ border-bottom:1px dotted #CCC; padding-bottom:12px; margin-bottom:20px;}
.productImg{ border:1px solid #F5F3E1; background:#FFF; padding:2px;}

.mainContent{ padding:8px;}
.mainContent .title{ font:bold 20px/150% Arial, Helvetica, sans-serif; color:#000}
.mainContent .about{ padding:8px; margin-bottom:62px;}
.inbanner{ margin:0 auto; width:968px;}
.red{ color:#F00}
.form_content td{ font-size:14px;}
.claim{ padding:12px; font-size:11px;}


.input{ border:1px #666 solid; background-color:#FFF; color:#333; font:normal 11px/18px arial; height:18px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:237px;}
.textBoxinput{ border:1px #666 solid; background-color:#FFF; color:#333; font:normal 11px/18px arial; height:198px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:380px; }
.input:hover, .textBoxinput:hover{ border:1px #000 solid; background-color:#F8FBFE; }
.input:focus, .textBoxinput:focus{ border:1px #000 solid; background-color:#F8FBFE;}
a.more{ text-decoration:underline}
.dropdown{ border:1px #666 solid; background-color:#FFF; color:#333; font:normal 11px/18px arial; height:21px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:243px;}
.center{ text-align:center}

#scrolldiv{ float:right; margin:5px 10px 0 0;}



.events{}
.newsin li{ background:url(icon.png) left 5px no-repeat; padding-left:27px;border-bottom:1px solid #F2EFD6; margin-bottom:12px; padding-bottom:8px;}
.newsin li .t1 a{ font-size:16px; color:#000}
.newsin li .date img{ float:left; padding-right:12px; }
.newsin li .date{padding-top:1px;}
.newsin li .detail{ color:#333}
.events li{ border-bottom:1px solid #F2EFD6; margin-bottom:12px; padding-bottom:8px;}
.events li .t1 a{ font-size:16px; color:#000}
.events li .date img{ float:left; padding-right:12px; }
.events li .date{padding-top:8px;}
.mainText .t2{ font-size:22px; text-align:center; border-bottom:1px solid #F2EFD6; margin-bottom:12px; padding-bottom:8px; line-height:130%; color:#000; font-weight:bold}
.back a{  font-size:14px; text-decoration:underline}
.back{ text-align:center; font-size:14px; padding:12px;}

.nameJob{ margin-bottom:12px;}
.board img{ margin-right:8px;}
span.name{ FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #333;}
span.job{FONT-SIZE: 13px; COLOR: #999999; padding-left:8px; font-weight:bold}
.sepLineII{ border-bottom:1px solid #FBC807; margin:32px 0 30px 0;}

/* ====================== footer ====================== */

#footer{ background:url(footbg.png); height:69px;  *margin-bottom:0; width:100%; margin-top:60px;}


#footer .main {  position:relative; width:968px; margin:0 auto; height:69px; color:#C1D18C;}
#footer .main .links{ padding:15px 0 0 0px;}
#footer .main .links, #footer .main .links a{ color:#F4F9E4;}
#footer .main .links a{ padding:0 6px}
#footer .main .footimg{ position:absolute; top:-44px; right:0; background:url(footpic.png); width:150px; height:113px;}
*html #footer .main .footimg {
      background: none;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='images/footpic.png');
}
#footer .main .copy{ padding-left:6px; font-size:11px;}

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 300px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../templates/systselector-arrow.png) no-repeat;
	color: #000000;	
}

.tool-text {
	font-size: 100%;
	margin: 0;
	color: #000000;
}