.tabs {overflow:hidden;}
.tabs li{float:left;}
.tabs li a {display:block; position:relative; margin-right:25px;}
.tabs li a span {display:inline-block; background:#a8a5a5; color:#fff; position:absolute; bottom:0; left:0; width:100%; padding:4px 4px 4px 15px; font-size:18px; line-height:17px; min-height:50px;}
.tabs li a span em {display:block; color:#000; font-size:15px; line-height:16px;}
.tabs .active a span {background:#fe9400;}
.tabs li:last-child a {margin-right:0;}

.book-bg .tabs {height:223px; margin:0 0 0 -5px; padding:0;}
.book-bg .tabs li {margin-bottom:-5px;}
.book-bg .tabs li a {margin:0;}
.book-bg .tabs li span {display:none;}
.book-bg .tabs li a img {transition: all 0.5s ease 0s;}
.book-bg .tabs li.active a img {transform:scale(1.1, 1.1);}
.book-bg .tabs li {text-align:center;}
.book-bg .tabs li.galbraith {background:url(../images/galbraith-bg.png) top left no-repeat; width:31px;}
.book-bg .tabs li.hayek {background:url(../images/hayek-bg.png) top left no-repeat; width:24px;}
.book-bg .tabs li.schumpeter {background:url(../images/schumpeter-bg.png) top left no-repeat; width:30px;}
.book-bg .tabs li.chandler {background:url(../images/chandler-bg.png) top left no-repeat; width:36px;}
.book-bg .tabs li.adamsmith {background:url(../images/adamsmith-bg.png) top left no-repeat; width:17px;}
.book-bg .tabs li.marx {background:url(../images/marx-bg.png) top left no-repeat; width:23px;}
.book-bg .tabs li.keynes {background:url(../images/keynes-bg.png) top left no-repeat; width:18px;}
.book-bg .tabs li.ricardo {background:url(../images/ricardo-bg.png) top left no-repeat; width:26px;}
.book-bg .tabs li.locke {background:url(../images/locke-bg.png) top left no-repeat; width:16px;}
.book-bg .tabs li.friedman {background:url(../images/friedman-bg.png) top left no-repeat; width:43px;}
.book-bg .tabs li.active {background:#d18520;}

.book-content img {float:left; margin:0 15px 0 0;}
.book-content h3 {font-size:20px; padding-bottom:10px;}
.book-content h3 span {display:block; font-size:16px;}

/* == accordion */
.accordion_tabs {display:none; border-top:1px solid #ccc; padding:5px; background:#eee;}
.tab_content_wrapper > .accordion_tabs:first-child {border-top:none;}
a.accordion_tabs span {color:#333; display:inline-block; padding:5px;}
a.accordion_tabs span em {display:block; color:#333;}
a.accordion_tabs.active span,
a.accordion_tabs.active span em {color:#e08404;}


/*  == tab content  */
.tab_content_wrapper {overflow:hidden; position:relative; transition:all .3s ease-in-out .3s;}
.tab_content {transition:all .6s ease-in-out; padding:10px 0 35px 0; background:#f6f6f6; width:100%;}
.toggle_display {display:block;}
.toggle_position {position:absolute;}
.toggle_border {border-top:1px solid #e4e4e6;}

.fadeIn{opacity:1; transition-delay:.3s;}
.fadeOut{opacity:0;}

/* Media Queries
***********************/
@media screen and (max-width: 768px) {
  .accordion_tabs {display:block; }
  .tab_content_wrapper {height:auto !important;}
  .tab_content {transition:none; padding:10px 0;}
  .toggle_display {display:none;}
  .toggle_position {position:relative;}
  .toggle_border {border-width:1px;}
  
  .book-bg .accordion_tabs img {display:none; width:0; float:none;}
  .book-bg .accordion_tabs span {font-size:18px; float:none; width:100%;}
  
  .book-content img {float:left; margin:0 15px 0 0; width:25%;}
  .book-content h3 {font-size:16px; padding-bottom:10px;}
}

/* ---- inner page -----*/