.smart-tabs { position: relative; }

.smart-tabs dt {
  background: #f8fafb;
  border: solid #dfe1e1;
  color: #333;
  float: left;
  font-size: 1.2em;
  font-weight: 400;
  height: 3em;
  line-height: 3;
  text-align: center;
  border-width: 1px 1px 0;
}

.smart-tabs dt a {
  color: #999;
  display: block;
  padding: 0 1rem;
}

.smart-tabs dt.current {
  background: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 2;
}

.smart-tabs dt.current a { color: #111; }

.smart-tabs dd {
  background: #fff;
  border: 1px solid #dfe1e1;
  font-size: 1.2em;
  margin-top: -1px;
  position: absolute;
  width: 100%;
  padding: .75em 1em;
}

.smart-tabs.accordion {
  border-bottom: 1px solid #dfe1e1;
  min-height: 100%;
}

.smart-tabs.accordion dt {
  float: none;
  text-align: left;
  width: 100%;
  z-index: 1;
}

.smart-tabs.accordion dt.current { z-index: 0; }

.smart-tabs.accordion dt a:before { content: '\2b\a0'; }

.smart-tabs.accordion dt.current a:before { content: '\2013\a0'; }

.smart-tabs.accordion dd {
  border-bottom: 0 none;
  height: 100%;
  min-height: 0;
  position: relative;
  top: 0;
}

.smart-tabs:before,
.smart-tabs:after,
.smart-tabs.accordion dd:before,
.smart-tabs.accordion dd:after {
  content: " ";
  display: table;
}

.smart-tabs:after,
.smart-tabs.accordion dd:after { clear: both; }


/* second tap*/



.smart-tabss { position: relative; }

.smart-tabss dt {
  background: #f8fafb;
  border: solid #dfe1e1;
  color: #333;
  float: left;
  font-size: 1.2em;
  font-weight: 400;
  height: 3em;
  line-height: 3;
  text-align: center;
  border-width: 1px 1px 0;
}

.smart-tabss dt a {
  color: #999;
  display: block;
  padding: 0 1rem;
}

.smart-tabss dt.current {
  background: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 2;
}

.smart-tabss dt.current a { color: #111; }

.smart-tabss dd {
  background: #fff;
  border: 1px solid #dfe1e1;
  font-size: 1.2em;
  margin-top: -1px;
  position: absolute;
  width: 100%;
  padding: .75em 1em;
}

.smart-tabss.accordionn {
  border-bottom: 1px solid #dfe1e1;
  min-height: 100%;
}

.smart-tabss.accordionn dt {
  float: none;
  text-align: left;
  width: 100%;
  z-index: 1;
}

.smart-tabss.accordionn dt.current { z-index: 0; }

.smart-tabss.accordionn dt a:before { content: '\2b\a0'; }

.smart-tabss.accordionn dt.current a:before { content: '\2013\a0'; }

.smart-tabss.accordionn dd {
  border-bottom: 0 none;
  height: 100%;
  min-height: 0;
  position: relative;
  top: 0;
}

.smart-tabss:before,
.smart-tabss:after,
.smart-tabss.accordionn dd:before,
.smart-tabss.accordionn dd:after {
  content: " ";
  display: table;
}

.smart-tabss:after,
.smart-tabss.accordionn dd:after { clear: both; }