.features_body,.faq .f_home_left,.case_studies .f_home_left
{
position: relative;
width: 800px;
margin:20px auto;
}
.features_body.introduction .slide,.features_body.introduction .f_home_left
{
width: 617px;
}
.features_body.introduction,.menu_features
{
width:800px;
}
.introduction .f_home_left 
{
height: 410px;
color: #555;
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(204,204,204,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

position: relative;
display: inline-block;
vertical-align: top;
overflow:hidden;
}

.introduction .f_home_left .slide_contain
{
left:0px;
height: 410px;
position: relative;
width: 6000px;
display: inline-block;
vertical-align: top;
transition: left 1200ms;
-ms-transition: left 1200ms; /* Firefox 4 */
-moz-transition: left 1200ms; /* Firefox 4 */
-webkit-transition: left 1200ms; /* Safari and Chrome */
-o-transition: left 1200ms; /* Opera */
}
.introduction .f_home_left .slide
{
height: 410px;
color: #555;
position: relative;
font-size: 10px;
padding-right: 20px;
display: inline-block;
vertical-align: top;
padding: 15px;
}
.hfu .introduction .f_home_left .slide 
{
height: 463px;
}
.introduction .f_home_left .img
{
position:absolute;
left:0px;
top:0px;
width:540px;
height:auto;
}
.introduction .f_home_left .img2
{
width:100%;
height:auto;
}
.introduction .f_home_left .cur_left:hover, .introduction .f_home_left .cur_right:hover
{
opacity:0.8;
}
.introduction .f_home_left .title
{
width:400px;
font-size: 18px;
display: inline-table;
}
.introduction .f_home_left .number
{
font-size: 24px;
display: inline-table;
vertical-align:top;
}
.introduction .f_home_left .cur_left
{
width: 60px;
height: 30px;
position: absolute;
bottom: 20px;
left: 20px;
cursor:pointer;
}
.introduction .f_home_left .cur_right
{
width: 60px;
height: 30px;
position: absolute;
bottom: 20px;
right: 20px;
cursor:pointer;
}


.introduction .f_home_right 
{
width: 179px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
}
.introduction .f_home_right .f_buttons:not(:last-child)
{
margin-bottom:4px;
}

.introduction .f_home_right .f_buttons
{
width: 165px;
height: 50px;
vertical-align: top;
font-size:12px;
padding:5px 10px 10px 5px;
cursor:pointer;
display: inline-block;
}

.introduction .f_home_right .f_buttons:not(.active)
{
background-color:rgb(129, 194, 231);
}
.introduction .f_home_right .f_buttons.active
{
background-color:#333;
}
.introduction .f_home_right .f_buttons:not(.active) .text
{
color:#000;
}
.introduction .f_home_right .f_buttons.active .text
{
color:#fff;
}
.introduction .f_home_right .f_buttons .number
{
color:#fff;
font-size:22px;
display: inline-table;
vertical-align:top;
}

.introduction .text 
{
display: inline-table;
width: 148px;
}
.introduction .text_slide{
display: inline-block;
width: 440px;
position: absolute;
bottom: 40px;
left: 85px;
}
.text_slide *
{
font-size: 14px;
}
.text_slide p
{
padding:4px 0px 0px 0px;
}
.text_slide li
{
margin-left: 15px;
}

.features_body .slide table 
{
background-color:rgba(129, 194, 231,0.5);
border-width: 0px;
}
.features_body .slide tr td:nth-child(3) {
background-color: rgba(129, 194, 231,0.2);
}
.features_body .slide td:first-child 
{
border-right: 1px solid rgba(255, 255, 255,0.15);
background-color:rgba(129, 194, 231,0.7);
font-weight: bold;
}
.features_body .slide tr:first-child td
{
border-right: 1px solid rgba(255, 255, 255,0.15);
background-color:rgba(129, 194, 231,0.7);
font-weight: bold;
}
.features_body .slide td {
border-bottom: 1px solid rgba(255, 255, 255,0.15);
border-right: 1px solid rgba(255, 255, 255,0.15);
border-spacing:1px;
padding: 2px 5px;
}
.menu_button_features:first-child
{
//border-left:1px dotted #333;
//border-right:1px dotted #333;
}
.menu_button_features:last-child{
//border-left:1px dotted #333;
//border-right:1px dotted #333;
}
.menu_button_features 
{
display: inline-block;
color: #5BB1E3;
cursor: pointer;
line-height: 33px;
font-size: 14px;
padding-right: 10px;
vertical-align: bottom;
height: 30px;
//border-top: 1px dotted #333;
}
.menu_button_features :hover
{
color: #333;
}
.menu_features
{
margin: 0px auto;
margin-top: 40px;
//border-top: 1px dotted #333;
}
.menu_features .tabs
{
border-top: 1px dotted #333;
display: inline-block;
}
.backslash
{
transform: skewX(30deg);
-ms-transform: skewX(30deg);
-webkit-transform: skewX(30deg);
border-right: 1px dotted #333;
display: inline-block;
position: relative;
line-height: 70px;
font-size: 14px;
margin-right: 10px;
vertical-align: bottom;
height: 30px;
width: 6px;
}
.menu_button_features div
{
font-size:14px;
display:inline-block;
}

.features_body:not(.active_feat)
{display:none;}
.features_body.active_feat
{display:block;}
.active_button_feat
{
//font-weight: bold;
color: #000;
}
.circle
{
height: 15px;
width: 15px;
border-radius: 50%;
background: #5BB1E3;
vertical-align: middle;
margin-right:10px;
}
.active_button_feat .circle
{
background: #333;
}

.faq .f_home_left,.case_studies .f_home_left
{
margin:0px auto;
}
.faq .f_home_right,.case_studies .f_home_right
{
display:none;
}
.faq .slide,.case_studies .slide
{
margin:10px auto;
}

.faq .f_home_left .title,.case_studies .f_home_left .title
{
width:730px;
}
.faq .f_home_left .number,.case_studies .f_home_left .number
{
width:50px;
}
.faq .f_home_left .text_slide,.case_studies .f_home_left .text_slide
{
margin:20px 0px;
display:none;
}
.faq .title_include,.case_studies .title_include
{
vertical-align: top;
font-size: 12px;
padding: 5px 10px 10px 5px;
cursor: pointer;
background-color: #81C2E7;
}
.faq .title_include:hover,.case_studies .title_include:hover
{
background-color:#333;
}
.faq .f_home_left .title ,.case_studies .f_home_left .title 
{
display: inline-block;
vertical-align: top;
font-size: 14px;
}
.faq .f_home_left .number,.case_studies .f_home_left .number
{
color:#fff;
width: 50px;
display: inline-block;
font-size: 16px;
vertical-align: top;
}
.faq .cur_right,.case_studies .cur_right
{
display:none;
}
.faq .cur_right,.case_studies .cur_right
{
display:none;
}