@charset "UTF-8";
/* CSS Document */

#wrapper{width: 1280px;
		margin: 0px auto ;}

.main_img {
    width: 100%;
    height: 480px;
	max-width: 1000px;
}

#nav {
  list-style: none;
  display: flex;
}


.boxA:after	{content: "";
			display: block;
			clear: both}

.box2		{float: left;
			width: 20%;
			padding-left:50px;}

.box3		{float: left;
			width:25%;}

table , td, th {
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
}
td, th {
	padding: 3px;
	width: 100px;
	height: 25px;
	background-color: #F3FCFF
}
.spec table{
	width:100%;
}
.spec th {
	background: #C0D8EB;
}

.spec td{
	background-color: #F3FCFF
}

.even {
	background: #DCF3DD;
}
.odd {
	background: #DCF3DD;
}

.menu_link a{
	border-bottom:1px solid #E8E8E8;
	font-weight: bold;
}



input[type='radio']:checked + label .swanky_wrapper__content{
  display: block;
  top: 68px;
  border-bottom: 1px solid rgb(33, 46, 65);
}
input[type="radio"]:checked + label > .lil_arrow {
  -webkit-transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: 2px solid rgb(20, 163, 249);
  border-right: 2px solid rgb(20, 163, 249);
}
input[type='radio']:checked + label{
  height: 325px;background: #212e41;
  text-indent:4px;
  transition-property:height;
  transition-duration:.6s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
input[type='radio']:checked + label .bar{
  width:0;
}

input[type='radio']:checked + label{
  @for $i from 1 through 4{
    li:nth-of-type(#{$i}){
      animation:in .15s .45s + $i/8 forwards;
      -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
      -moz-animation:in .15s .45s + $i/8 forwards;
      -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }
  } 
}

.section {
   width:240px;
}

.menu {
   padding:1px;
   border:1px solid #FFFFFF;
}

.menu h2{
   margin:0;
   padding:10px 5px;
   font-size:12px;
   border-bottom:3px solid #AF2325;
   background:#fff url("../images/bg_h2.gif") 0 100% repeat-x;
}

.menu ul{
   margin:0;
   padding:0;
   list-style: none;
   border-top:1px solid #eeeeee;
}

.menu li {
   padding:0;
   font-size:12px;
   line-height:2.0;
   border-bottom: 1px dotted #FFFFFF;
}

.menu a {
   display:block;
   padding:10px 0 10px 20px;
   color:#333;
   text-decoration:none;
   background:url("../images/bg_list.gif") 10px 50% no-repeat;
}

.menu a.current {
   color:#FFFFFF;
   background:#ABABAB url("../images/bg_list.gif") 10px 50% no-repeat;
}

.menu a:hover {
   color:#3F623E;
   background:#E1E1E1 url("../images/bg_list.gif") 10px 50% no-repeat;
}

.boxB:after	{content: "";
			display: block;
			clear: both;}

.box4		{float: left;
			width: 20%;
			padding-left:160px;
			}

.box5		{float: left;
			width:80%;
		    position:absolute;
		    top: 550px;
			left: 304px;}