/* CSS Document */

div.bbo_tab{width:100%;float:left; clear:both;margin-top:30px;}
div.bbo_tab ul.bbo_tab_main{margin:0px; padding:0px;}
div.bbo_tab ul.bbo_tab_main li{font-size:18px;width:25%;float:left;background:#E7E7E7; color:#000; list-style-type:none; text-align:center; padding:20px 0; cursor:pointer; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
div.bbo_tab ul.bbo_tab_main li:hover{background:#fff;}
div.bbo_tab ul.bbo_tab_main li.active{background:#F60; color:#fff;}

div.bbo_tab_content{ padding:20px 0;float:left;width:100%; color:#ccc; display:table; }
div.bbo_tab_content ul.custom{width:104%;}
div.bbo_tab_content ul.custom li{width:30%;margin-right:3%; float:left;}
div.bbo_tab_content ul.custom li img{width:100%;}

div.bbo_tab_content div.bbo_tab_c_left{width:65%;display:table-cell; vertical-align:middle; padding:0 20px;}
div.bbo_tab_content li{ list-style-type:none; color: #ccc; line-height:25px;}
div.bbo_tab_content div.bbo_tab_c_right{width:35%;display:table-cell; vertical-align:middle; text-align:right;}
div.bbo_tab_content div.bbo_tab_c_right img{max-width:100%;}

@media (max-width: 768px) {
div.bbo_tab_mobile_content{float:left;width:100%;margin-bottom:20px; color:#ccc;}
div.bbo_tab_mobile_content h2{color:#fff;margin-bottom:0px;margin-top:0px;}
div.bbo_tab_mobile_content img{width:100%;}
div.bbo_tab_mobile_content div.bbo_tab_c_left{width:100%; float:left;}
div.bbo_tab_mobile_content li{ list-style-type:none; color: #ccc; line-height:25px;margin-bottom:10px;}
div.bbo_tab_mobile_content div.bbo_tab_c_right{width:100%; float:left;margin-top:10px;}
div.bbo_tab_mobile_content div.bbo_tab_c_right img{width:100%;}
}