@charset "utf-8";

/* tabs.css - 选项卡样式文档, 2012 © yamoo9.com
---------------------------------------------------------------- */
/* ///////////////////////////////////////// 
	=.tab_menu
///////////////////////////////////////// */
.tabs .tab_menu li {
  position: relative;
  float: left;
  width:185px;
  margin-right: 2px;
  margin-bottom:-1px;
  z-index:100;
}
.ie6 .tabs .tab_menu li {
	display: inline;
}
.tabs .tab_menu li a {
  display: block;
  padding: 0.5em 1.5em;
  background: #ccc;
  border:1px #ccc solid;
  border-bottom:none;
  color: #333;
  font-size: 16px;
  /*
  -webkit-border-radius: 7px 7px 0 0;
  -khtml-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
*/
}
.tabs .tab_menu li:hover a, .tabs .tab_menu li a:focus, .tabs .tab_menu li.active a {
  padding-left: 40px;
  padding-right: 15px;
  background: #fff;
  border:1px #ccc solid;
  border-bottom-width:0px;
  color:#333;
}
.tabs .tab_menu li img {
  opacity: 0;
  position: absolute;
  top: 7px;
  left: 26px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.tabs .tab_menu li:hover img, .tabs .tab_menu li.active img {
  opacity: 1;
  left: 10px;
}

/* ///////////////////////////////////////// 
	=.tab_contents
///////////////////////////////////////// */
.tabs .tab_contents {
  position: relative;
  color: #333;
  background: #ffffff;
  border:1px #ccc solid;
  min-height:180px;
}
.ie6 .tabs .tab_contents {
	height: 144px;
}
.tabs .tab_contents ul {
  width:934px;
  height:auto;
  display:block;
  margin:20px 33px;
  overflow:hidden;
}
.tabs .tab_contents li {
  
  border-bottom: 1px solid #ededed;
  background: #ffffff;
}
.tabs .tab_contents li {
  width:100%;
  height:auto;
  display:none !important;
}
.js .tabs .tab_contents li {
  margin-bottom: 0;
  border-bottom: 0;
}
.tabs .tab_contents li a {
  width:290px;
  height:28px;
  line-height:28px;
  float:left;
  display:block;
  font-size:13px !important;
  text-align:left;
  color:#333333;
  margin-left:5px;
  overflow:hidden;
  padding-left:15px;
  background:url(../../images/arrow.png) 0px 6px no-repeat;
}
.tabs .tab_contents li a:hover {
 color:#c70000;
}
.tab_contents li.active {
  z-index: 10;
  display:block !important;;
}
.tabs .tab_contents img {
  float: left;
  margin-right: 10px;
}