#tabbed_box {
  margin: 0px;
}  

.tabbed_area {  
    border:1px solid #494e52;  
    //background-color:#636d76;  
    padding:0px;  
}  

ul.tabs {  
    margin:0px; padding:0px;  
    //margin-top:5px;  
    //margin-bottom:6px;  
}  
ul.tabs li {  
    list-style:none;  
    display:inline;
}  

ul.tabs li a {  
    //background-color:#464c54;  
    //color: silver;
    text-decoration:none;
    text-transform:uppercase;  
    border:1px solid #464c54;
    font: bold 22px TeXGyreAdventorRegular, Arial, Microsoft;
    padding: 12px 0px 8px;
    position: relative;
    bottom: 8px;
  }  
  
ul.tabs li a img {
  //width: 32px;
  //height: 30px;
  padding: 0;
  position: relative;
  left: 3px;
  margin: 0;
  top: 10px;
}  
  
ul.tabs li a:hover {  
    background-color:#2f343a;  
    border-color:#2f343a;  
}  
ul.tabs li a.active {  
    background-color:#ffffff;  
    color:#282e32;  
    border:1px solid #464c54;  
    border-bottom: 1px solid #ffffff;  
}  

.content {  
    background-color:#ffffff;  
    padding:10px;  
    border:1px solid #464c54;  
    margin: 0px;
    font-family: TeXGyreAdventorRegular, Arial, Microsoft JhengHei, Helvetica, sans-serif;
    display: inline-table; 
}  
#content_blue, #content_violet, #content_yellow, #content_green, #content_red, #content_black, #content_white { display:none; }  

#content_pink {
background-image: linear-gradient(bottom, #F59593 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #F59593 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #F59593 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #F59593 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #F59593 0%, #FFFFFF 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F59593), color-stop(1, #FFFFFF));
}

#content_blue {
background-image: linear-gradient(bottom, #89a3c3 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #89a3c3 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #89a3c3 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #89a3c3 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #89a3c3 0%, #FFFFFF 100%);
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #89a3c3), color-stop(1, #FFFFFF));
}

#content_yellow {
background-image: linear-gradient(bottom, #d1ba73 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #d1ba73 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #d1ba73 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #d1ba73 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #d1ba73 0%, #FFFFFF 100%);
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #d1ba73), color-stop(1, #FFFFFF));
}

#content_violet {
background-image: linear-gradient(bottom, #a376d6 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #a376d6 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #a376d6 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #a376d6 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #a376d6 0%, #FFFFFF 100%);
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #a376d6), color-stop(1, #FFFFFF));
}

#content_red {
background-image: linear-gradient(bottom, #df7070 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #df7070 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #df7070 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #df7070 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #df7070 0%, #FFFFFF 100%);
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #df7070), color-stop(1, #FFFFFF));
}

#content_green {
background-image: linear-gradient(bottom, #698b6f 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #698b6f 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #698b6f 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #698b6f 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #698b6f 0%, #FFFFFF 100%);
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #698b6f), color-stop(1, #FFFFFF));
}

#content_black {
background-image: linear-gradient(bottom, #7986a6 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #7986a6 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #7986a6 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #7986a6 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #7986a6 0%, #FFFFFF 100%);
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #7986a6), color-stop(1, #FFFFFF));
}

#content_white {
background-image: linear-gradient(bottom, #f3ebdf 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #f3ebdf 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #f3ebdf 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #f3ebdf 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #f3ebdf 0%, #FFFFFF 100%);
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #f3ebdf), color-stop(1, #FFFFFF));
}


ul.tabs {  
    margin:0px; padding:0px;  
    margin-top:5px;  
    margin-bottom:0px;
    //background-color: #464c54;
  }  

h1 {
  margin: 0px;
  padding: 0px; 
  font: bold 72px/72px TeXGyreAdventorRegular, Microsoft;
}
h2 {
  margin: 0px 0px 20px;
  padding: 0px;
  font: 42px/42px TeXGyreAdventorRegular, Microsoft;
}

.rainger_content {
  margin: 0px 0px 20px;
  padding: 0px;
  font-family: TeXGyreAdventorRegular, Microsoft JhengHei, Arial, Helvetica, sans-serif;
  float: none;
}

.rainger_des {
  float: left;
}

.rainger_pic {
  float: left;
  padding-right: 8px;
}

ul.rainger_tb {
  
}

ul.rainger_tb li {
  float: left;
}

.rainger_pink ul.des {
   background: #F59593;
}

.rainger_blue ul.des {
   background: #89a3c3; 
}

.rainger_yellow ul.des {
   background: #d1ba73; 
}

.rainger_violet ul.des {
   background: #a376d6; 
}

.rainger_green ul.des {
   background: #698b6f; 
}

.rainger_red ul.des {
   background: #df7070; 
}

.rainger_black ul.des {
   background: #7986a6; 
}

.rainger_white ul.des {
  background-color: #ddcaaf;
}

.des {
      margin: 0px 0px 20px;
      padding: 0px;
      font-family: TeXGyreAdventorRegular, Microsoft JhengHei, Arial, Helvetica, sans-serif;
  }
  
  .des ul {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
  }
  
  .des li {
    color: black;  
    margin: 0px;
    padding: 5px;
    background-color:#ccc;
    line-height: 22px;
  }
  
  .des li:nth-child(odd) {
    background: #fff;
  }
  
  .des li:nth-child(even) { 
    background-color:#fff; 
  }
  
  .des h3{
    color: white;
    text-shadow: 0 -1px 0 #231914;
    font-size: 24px;
    font-family: TeXGyreAdventorRegular, Microsoft JhengHei, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding-left: 5px;
  }