@charset "utf-8";
#homepage #container { background-image: none; font-size: 12px; }

.banner { margin-bottom:0 auto 20px; }
.banner .banner_slide{ width:695px; height:253px; padding-bottom:3px;background: #fff url('slide/slide_bg.jpg') 0 0 no-repeat; float:left; overflow:hidden}
.banner .banner_right{ width:285px; height:253px; padding-bottom:3px; background: #fff url('slide/slide_right.jpg') 0 0 no-repeat;float:left; overflow:hidden}
.banner .banner_right_top,.banner .banner_right_bottom{ height:124px; width:100%;overflow:hidden; position: relative;}

.banner .banner_right_top b{ margin:88px 0 0 25px; text-indent:26px;display: block;}
.banner .banner_right_bottom b{ margin:86px 0 0 35px; display: block; }

.banner .banner_right_top a,.banner .banner_right_bottom a{ color:#333; font-weight:700; text-decoration:none; display:block; width:170px; height:20px; overflow:hidden}
.banner .banner_right_top a:hover,.banner .banner_right_bottom a:hover{ color:#cf000e; font-weight:700; text-decoration:none}
.banner .banner_right_top a{ margin:88px 0 0 35px; text-indent:26px}
.banner .banner_right_bottom a{ margin:85px 0 0 35px; position: absolute}

#homepage .hmpg-container1 a { text-decoration: none; color: #3a3e45; }
#homepage .hmpg-container1 a:hover { text-decoration: underline; color: #cf000e; }
#homepage .hmpg-container2 a { text-decoration: none; color: #3a3e45; }
#homepage .hmpg-container2 a:hover { text-decoration: underline; color: #cf000e; }


#homepage #container a.more { font-size: 12px; color: #cf000e; text-decoration: underline; padding: 0; background-image: none; white-space: nowrap; }
#homepage #container a.more:hover { color: #cf000e; text-decoration: none;}

#homepage img.hmpg-banner { display: block; margin-bottom: 8px; }
#homepage .hmpg-block1, #homepage .hmpg-block2, #homepage .hmpg-block3, #homepage .hmpg-block4 { float: left; display: inline; width: 245px; }
#homepage .hmpg-box, #homepage .hmpg-box2 { display: inline; width: 490px; }
/*#homepage .hmpg-block2. #homepage .hmpg-block4 { width: 246px; margin: 0 4px; }*/
#homepage .hmpg-block2 { width: 240px; margin: 0 4px 0 0; _margin: 0}
#homepage .hmpg-container1 .hmpg-block4 {width:240px}
#homepage .hmpg-container2 .hmpg-block4 {width:245px}
#homepage .hmpg-container2 .hmpg-block4 dd{margin:0px 0 10px 5px}
#homepage .hmpg-container2 .hmpg-block4 dd img{ padding:2px; border:1px #ccc solid}
#homepage .hmpg-container1, #homepage .hmpg-container1 .hmpg-box, #homepage .hmpg-container2, #homepage .hmpg-container3 .hmpg-box, #homepage .hmpg-container4 {background: #f9f9f9}

#homepage .hmpg-container1 { font-size: 12px; background-position: 490px 0; height: 155px; position: relative; padding-bottom: 14px; margin-bottom: 8px; background: #f9f9f9 url('../images/2wcorners-bottom.gif') 0 100% no-repeat; }
#homepage .hmpg-container1 .hmpg-box, #homepage .hmpg-container1 .hmpg-box2 { background-position: -508px 15px; width: 490px; margin-right: 4px; padding-bottom: 10px; }
#homepage .hmpg-container1 h2 { font-size: 14px; color: #cf000e; padding: 0; margin: 0; }
#homepage .hmpg-container1 h2 span { display: block; padding: 12px 10px 8px 20px; margin: 0; color: #cf000e; }
#homepage .hmpg-container1 h2 a:hover span { text-decoration: underline; }
#homepage .hmpg-container1 ul { list-style: none; }

#homepage .hmpg-container1 .hmpg-block2, #homepage .hmpg-container1 .hmpg-block4 { margin-right: 0; }
#homepage .hmpg-container1 .hmpg-block1 h2, #homepage .hmpg-container1 .hmpg-block3 h2 { background-position: -10px 0; }
#homepage .hmpg-container1 .hmpg-block2 h2, #homepage .hmpg-container1 .hmpg-block4 h2 { background-position: 235px 0; }
#homepage .hmpg-container1 .hmpg-block1 ul, #homepage .hmpg-container1 .hmpg-block2 ul { list-style: none; font-size: 12px; padding: 0 10px 17px 20px; }
#homepage .hmpg-container1 .hmpg-block1 ul li, #homepage .hmpg-container1 .hmpg-block2 ul li { background: transparent url('../images/more_arrow.gif') 0 6px no-repeat; padding: 0 0 3px 8px; }
#homepage .hmpg-container1 .hmpg-block3 ul, #homepage .hmpg-container1 .hmpg-block4 ul { padding: 0 0 20px 0; }
#homepage .hmpg-container1 .hmpg-block3 ul li, #homepage .hmpg-container1 .hmpg-block4 ul li { padding: 0 0 0 20px; clear: both; line-height: 18px; }
#homepage .hmpg-container1 .hmpg-block3 ul li.last span, #homepage .hmpg-container1 .hmpg-block4 ul li.last span { background-image: none; }

#homepage .hmpg-container1 .hmpg-block3 ul li span, #homepage .hmpg-container1 .hmpg-block4 ul li span { float: left; display: inline; margin: 0; width: 180px; line-height: 19px; background: transparent url('../images/2px-line.gif') 100% 100% repeat-x; }
#homepage .hmpg-container1 .hmpg-block3 ul li a, #homepage .hmpg-container1 .hmpg-block4 ul li a { display: inline; margin: 0; width: 175px; line-height: 19px; }
#homepage #container .hmpg-container1 .hmpg-block3 ul li a.act span, #homepage #container .hmpg-container1 .hmpg-block4 ul li a.act span { color: #cf000e;  padding: 0; font-size: 12px; width: 35px; text-transform: uppercase; text-align: right; }
#homepage #container .hmpg-container1 .hmpg-block3 ul li a.act span:hover, #homepage #container .hmpg-container1 .hmpg-block4 ul li a.act span:hover { cursor: hand; cursor: pointer; text-decoration: underline; }
#homepage #container .hmpg-container1 .hmpg-block3 ul li a:hover, #homepage #container .hmpg-container1 .hmpg-block4 ul li a:hover { cursor: hand; cursor: pointer; text-decoration: underline; }

/*#homepage #container .hmpg-container1 .hmpg-block3 ul li a.act, #homepage #container .hmpg-container1 .hmpg-block4 ul li a.act { color: #cf000e;  padding: 0; font-size: 12px; width: 35px; text-transform: uppercase; text-align: right; }*/

#homepage .hmpg-container1 a.more, #homepage .hmpg-container2 a.more { position:relative; top: 10px; left:170px}

#homepage .hmpg-container2 .hmpg-block3 a.more { right: 265px; }
/*#homepage .hmpg-container2 .hmpg-block41 a.more { right: 18px; bottom: 104px; }*/
#homepage .hmpg-container2 .hmpg-block41 a.more { right: 18px; top: 120px; }

#homepage .hmpg-container2 .hmpg-block2, #homepage .hmpg-container2 .hmpg-block3, #homepage .hmpg-container2 .hmpg-block4 { height:auto !important; min-height: 116px; height: 116px}

#homepage .hmpg-container2 h2 a { text-decoration: none; color: #dcdddd; }
#homepage .hmpg-container2 h2 a:hover { text-decoration: underline; color: #fff; }
#homepage .hmpg-container2 .hmpg-block4 p { padding: 0 5px 10px 18px; }
#homepage .hmpg-container2 .hmpg-block1 h2 { background: #e5e5e5 url('../images/2corners-top.gif') -18px 0 no-repeat; }
#homepage .hmpg-container2 .hmpg-block2 h2, #homepage .hmpg-container2 .hmpg-block3 h2 {background: #fff url('img/index_list_t.jpg') no-repeat center 3px; }
#homepage .hmpg-container2 img { float: left; display: inline; }
#homepage .hmpg-container2 .hmpg-block2 img { margin: 10px 15px 0 20px; }

#homepage .hmpg-container2 { background: #fff; position: relative; padding-bottom: 35px; margin-bottom: 8px;}
#homepage .hmpg-container2 .hmpg-box { background-position: -508px 15px; width: 980px; padding-bottom: 14px; }
#homepage .hmpg-container2 h2 { font-size: 14px; color: #fff; padding: 8px 10px 8px 20px; margin: 0 0 15px 0; background: #fff  url('img/index_list_t.jpg') center 3px no-repeat; }
#homepage .hmpg-container2 .hmpg-block2 dl { width: 230px;height:176px;padding-left:10px; overflow:hidden}
#homepage .hmpg-container2 .hmpg-block2 dt { float: left; width: 45px; }
#homepage .hmpg-container2 .hmpg-block2 dd { float: left; width: 175px; line-height:22px}

#homepage .hmpg-container2 .hmpg-block4 dl { width: 230px; padding-left:10px; height:88px}
#homepage .hmpg-container2 .hmpg-block4 dt { float: left; width: 85px; }
#homepage .hmpg-container2 .hmpg-block4 dd { float: left; width: 130px; padding-bottom: 10px; }

#homepage #description { font-size: 12px; padding: 8px; margin: 0 10px 10px; border:1px solid #ccc; background:#eee; text-indent:24px}
#homepage #flink { font-size: 12px; padding: 0 0 8px 0; margin: 0 10px; color:#c3c3c3}
#homepage #flink a{color:#c3c3c3; text-decoration:none}
#homepage #flink a:hover{color:#c3c3c3; text-decoration: underline}
#homepage #footer-wrapper { background: none; padding: 0; }
#homepage #footer { margin: 0; padding: 8px 0 6px; }

/* Homepage Banner
**************************************************************/

#hmpg-banner { background: transparent url('../images/ttest.jpg') 0 0 no-repeat; width: 980px; height: 248px; display: block; margin: 0 0 7px 0; }
#hmpg-banner .description { color: #fff; padding: 129px 0 0 50px; letter-spacing: 0.3px; line-height: 15px; font: normal 12px Arial; }

#hmpg-banner ul.btns { padding: 27px 0 0 50px; list-style: none; margin: 0; }
#hmpg-banner ul.btns li { display: inline; padding: 0 17px 0 0; letter-spacing: 0.1px; }
#hmpg-banner ul.btns li a.white-btn { background: transparent url('../images/white-btn.gif') 0 -2px no-repeat; height: 21px; color: #fff; text-decoration: none; font: bold 12px Arial; padding: 0 0 4px 23px; }

#hmpg-banner ul.lr { list-style: none; margin: 0; padding: 0; }
#hmpg-banner ul.lr li.right { width: 233px; float: right; margin: 0; }

#hmpg-banner .server-btn { position: absolute; top: 176px; }
#hmpg-banner .vdi-btn { position: absolute; top: 126px; }
#hmpg-banner .vdi-btn a.gray-btn { background: transparent url('../images/gray-btn.gif') 0 0 no-repeat; color: #797979; text-decoration: none; font: bold 12px Arial; padding: 2px 0 3px 23px; display: block; }

#hmpg-banner button.red-btn,
#hmpg-banner a.red-btn {
  background: transparent url('../images/red-btn-right.png') 100% 0 no-repeat;
  border-style: none;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: bold 12px Arial;
  height: 21px;
  margin: 0;
  padding: 0 11px 0 0;
  vertical-align: middle;
  word-spacing: 0;
  text-align: center;
  text-decoration: none;
}
.red-btn span {
  background: transparent url('../images/red-btn-left.png') 0 0 no-repeat;
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
  padding: 0 1px 0 27px;
  height: 21px;
  line-height: 20px; }
button.red-btn span {
  float: left; }
.red-btn {
  zoom: 1;
  display: table-cell;
  display: -moz-box; }
a.red-btn span {
  display: block;
  text-decoration: none;
  width:auto !important; width:1px; }
button.red-btn {
  overflow: visible;
  width:auto !important; width:1px;
  -moz-padding-end: 7px !important;
  -moz-padding-start: 0 !important; }
button.red-btn span:-moz-first-node {
  margin-top: -1px;
  -moz-margin-start: -3px !important; }
