* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; font-family: Tahoma, Geneva, sans-serif; font-size: 9pt; color: #222; }
body { background-color: #eaeaea; }

a { outline: none; -moz-outline: 0; border: none; border-width: 0;  font-family: Tahoma, Geneva, sans-serif; color: #008aff; }
a:active { outline: none; -moz-outline: 0; }
a:focus { outline: none; -moz-outline: 0; }
a:hover { text-decoration: none; }

img { border: none; border-width: 0; vertical-align: top;}

table { border-collapse: collapse; }


h1, h2, h3, h4, h5, h6 {  font-family: Tahoma, Geneva, sans-serif; font-size: 9pt; color: #ff0000; font-weight: bold;  text-align: left;  }


.cl { clear: both; height: 0; font-size: 0; line-height: 0; }



#main { width: 100%; min-width: 1000px; min-height: 100%; position: relative; }

/* header */
#header { width: 100%; height: 220px;  position: relative;  }

.topnblack { width: 100%; height: 81px; background-color: #000; position: relative; }

.logo { left: 114px; top: 30px; position: absolute; text-decoration: none; white-space: nowrap;}
.logo span { color: #fff; font-size: 8pt; left: 0px; top: 23px; position: absolute; }

.topact { background: url("../images/dt1.gif") 0 0 repeat-y;  padding: 3px 0 0 45px;  width: 240px; color: #fff; height: 49px; left: 36%; top: 14px; position: absolute; }
.topact strong { color: #ff0000; font-weight: bold; font-size: 14px; }
.topact.tascnd { left: 68.5%; }

.wt1 { left: 0px; top: 101px; position: absolute; width: 100%; height: 35px; }
.wt1 .wt2 { margin: 0 80px 0 30px; height: 35px; }
.wt1 table { width: 100%; }
.wt1 table td { text-align: center; vertical-align: top;  }
.wt1 table td a { float: left; display: inline;  height: 35px; line-height: 35px; color: #fff; font-weight: bold; text-decoration: none; background: #ff0000 url("../images/tal.gif") no-repeat; text-align: center; cursor: pointer; }
.wt1 table td a span { float: left; display: inline; height: 35px; line-height: 35px; background: url("../images/tar.gif") right 0 no-repeat; padding: 0 12px; cursor: pointer; }
.wt1 table td a:hover { text-decoration: underline; }


.wtb1 { left: 0px; top: 161px; position: absolute; width: 100%; height: 35px; }
.wtb1 .wtb2 { margin: 0 95px 0 30px; height: 35px; }
.wtb1 table { width: 100%; }
.wtb1 table td {  vertical-align: top;  }
.wtb1 table td a { background: url("../images/tst.gif") 0 5px no-repeat; color: #222; padding: 0 0 0 20px; }
.wtb1 table td a:hover { text-decoration: none; color: #ff0000; }
.wtb1 table td span { background: url("../images/tst.gif") 0 5px no-repeat; color: #ff0000;  padding: 0 0 0 20px; }





/* content */
#content { width: 100%; position: relative; }
.wrp-content { padding: 0 30px 20px 30px;  }

.cor1 { background: #f5f5f5 url("../images/cor-lt.gif") no-repeat; width: 100%; height: 100%;}
.cor2 { background: url("../images/cor-rt.gif") right 0 no-repeat; width: 100%; height: 100%; }
.cor3 { background: url("../images/cor-rb.gif") right bottom no-repeat; width: 100%; height: 100%; }
.cor4 { background: url("../images/cor-lb.gif") 0 bottom no-repeat; width: 100%; height: 100%; }


.umitop { width: 100%;  margin: 0 0 25px 0; }
.umitop td { vertical-align: top; height: 100%; }
.umitop td.sep2 { width: 33px; background: url("../images/dt2.gif") 0 0 repeat-y; }
.umitop td.mbl { width: 35%; padding-right: 21px; }


.umitop .simtd .cor2 { background: #f5f5f5  url("../images/cor-rt.gif") right 0 no-repeat; }
.insbl { padding: 18px 17px 0px 17px; height: 140px; overflow: hidden;}
.insbl h2, .insbl h3 { padding: 0 0 15px 0; }
.insbl h2 { font-size: 14px; font-weight: normal; }
.insbl h2 span { color: #626262; }
.insbl p { padding: 0 0 15px 0; }

.umitop td.mbl .insbl { background: url("../images/box.png") 21px 17px no-repeat; padding-left: 123px; }


.fll { float: left; }
.flr { float: right; }

.cont-col { width: 100%; margin: 0 0 30px 0; }
.cont-col td { height: 100%; vertical-align: top; }
.cont-col td.sep3 { width: 50px; background: url("../images/dt3.gif") center 0 repeat-y; }
.cont-col td.fdt { width: 34%; }

.cont-col h2 { padding: 0 0 15px 0; width: 100%; position: relative; }
.cont-col h2 a { color: #009cff; font-size: 8pt; right: 0px; top: 0px; position: absolute; font-weight: normal; }


.forany { vertical-align: top; list-style: none; width: 100%; margin: 10px 0 0 0; }
.forany li { float: left; width: 48%; padding: 0 1% 0 0; height: 30px; display: inline; }

.news { list-style: none; vertical-align: top; width: 100%; }
.news li { width: 100%; padding: 0 0 6px 0; }
.news li span { display: block; width: 100%; font-size: 9px; color: #919191; line-height: 10px; height: 10px; margin: 0 0 -1px 0; }

.cont-col .postblog { width: 100%; }
.cont-col .postblog td { height: auto !important; padding: 0 0 9px 0; width: 44%; font-size: 8pt; color: #afafaf; }
.cont-col .postblog td p { padding: 0 !important; }
.cont-col .postblog td a { font-size: 9pt; color: #009cff; }
.cont-col .postblog td.pdt { padding-right: 5%; }


.carwrap { width: 100%; position: relative; height: 151px; }
.carin1 { padding: 15px 20px 0 20px; }
.carin2 { width: 100%; position: relative;  }
.carwrap h2 { padding: 0 0 15px 0; }

.wrel { height: 58px; padding: 0 34px; }
.jcarousel-container {width: 100%;  padding: 0px; position: relative;  float: left; }
.jcarousel-container  li { height: 58px; margin: 0 31px 0 0; float: left; list-style: none; }
.jcarousel-container a {  }
.jcarousel-container  a:hover { }



.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; overflow: hidden; position: relative; width: 100%;  height: 58px;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-prev { width: 22px; height: 22px; background: url("../images/prev.png") no-repeat; left: -40px; top: 17px; position: absolute; display: block; cursor: pointer; text-decoration: none; text-indent: -9999px;}
.jcarousel-next {  width: 22px; height: 22px; background: url("../images/next.png") no-repeat; left: 100%; top: 17px; position: absolute; display: block;  cursor: pointer; text-decoration: none; text-indent: -9999px; margin: 0 0 0 18px; }
.jcarousel-prev-disabled { display: none !important; }
.jcarousel-next-disabled { display: none !important; }



/* col-left */
#col-left { width: 300px;  float: left;  margin-left: -100%;  }


#for-center { float: left; width: 100%; }
/*col-center*/
#col-center { margin: 0 0 0 300px; }


/*col-right*/
#col-right { float: left; margin-left: -250px; width: 250px; }















/* footer */

#sub-footer, #footer { width: 100%; height: 130px;	clear: both; 	margin: 0 auto; } 
#footer { position: relative;  margin-top: -130px; min-width: 1000px;  }

.copy { left: 30px; top: 0px; position: absolute; color: #010101; }
.designer { right: 34px; top: 0px; position: absolute; color: #020202; text-align: right;}

.fbt { width: 400px; left: 50%; top: 0px; position: absolute; margin: 0 0 0 -200px;}
.fbt td { text-align: center; vertical-align: top; padding: 0 15px;}
.fbt td a { display: block; width: 115px; height: 48px; margin: 0 auto; text-indent: -999em; overflow: hidden; }
.fbt td a.fbt1 { background: url("../images/fbt1.png") no-repeat; width: 115px; }
.fbt td a.fbt2 { background: url("../images/fbt2.png") no-repeat; width: 64px; }
.fbt td a.fbt3 { background: url("../images/fbt3.png") no-repeat; width: 119px; }
.fbt td a:hover { background-position: 0 -48px; }

.counter { vertical-align: top; list-style: none; right: 34px; top: 44px; position: absolute; }
.counter li { display: inline; float: left; width: 88px; height: 31px; padding: 0 0 0 15px; }
