#title_block_h4 { display:none;}


#categories_block_top{clear:both;position:relative;top:30px}
#categories_block_top .sf-menu{position:relative}#categories_block_top .sf-menu>li{position:static}
#categories_block_top .sf-menu>li>ul{width:100%;top:60px;margin:0 20px}
#categories_block_top .sf-menu>li>ul>li{display:block;float:left;width:20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px}
#categories_block_top .sf-menu>li>ul>.category_thumb{display:block;clear:both;overflow:hidden;width:100%}
#categories_block_top .sf-menu>li>ul>.category_thumb img{display:inline-block;width:33%}
#categories_block_top .sf-menu>li h4 a{font-size:1.1em}
#categories_block_top .sf-menu>li h4 a:before{display:none}
#categories_block_top .sf-menu>li .main-level-submenus{position:relative;display:block!important;visibility:visible!important;top:0;background:0 0;box-shadow:none;padding:0;left:0}
#categories_block_top .sf-menu .category_thumb{display:none}
#categories_block_left{margin-top:-93px;position:relative;z-index:1;overflow:hidden}


#categories_block_left.block .title_block{background:url(../img/block_categories_title.jpg) repeat-x 0 0;border:none;border-bottom:1px solid #3064B1;-moz-border-radius:7px 0 0;-webkit-border-radius:7px;border-radius:7px 0 0;color:#fff; font:bold 23px/60px "Open Sans",sans-serif;height:63px;margin:0;padding:0 0 5px 50px;text-transform:uppercase;position:relative;
/*clip-path: polygon(3% 0, 97.5% 0, 100% 60%, 97.5% 60%, 97.5% 100%, 3% 100%, 3% 60%, 0 60%);*/

background: rgb(128,11,17);

background: -moz-linear-gradient(left,  rgba(128,11,17,1) 0%, rgba(128,11,17,1) 3%, rgba(208,17,27,1) 3%, rgba(208,17,27,1) 3%, rgba(208,17,27,1) 97%, rgba(128,11,17,1) 97%, rgba(128,11,17,1) 100%);
background: -webkit-linear-gradient(left,  rgba(128,11,17,1) 0%,rgba(128,11,17,1) 3%,rgba(208,17,27,1) 3%,rgba(208,17,27,1) 3%,rgba(208,17,27,1) 97%,rgba(128,11,17,1) 97%,rgba(128,11,17,1) 100%);
background: linear-gradient(to right,  rgba(128,11,17,1) 0%,rgba(128,11,17,1) 3%,rgba(208,17,27,1) 3%,rgba(208,17,27,1) 3%,rgba(208,17,27,1) 97%,rgba(128,11,17,1) 97%,rgba(128,11,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800b11', endColorstr='#800b11',GradientType=1 );

background: rgba(88,92,103,1);

background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 3%, rgba(88,92,103,1) 3%, rgba(88,92,103,1) 3%, rgba(88,92,103,1) 97%, rgba(88,92,103,1) 97%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 3%,rgba(88,92,103,1) 3%,rgba(88,92,103,1) 3%,rgba(88,92,103,1) 97%,rgba(0,0,0,1) 97%,rgba(0,0,0,1) 100%);
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 3%,rgba(88,92,103,1) 3%,rgba(88,92,103,1) 3%,rgba(88,92,103,1) 97%,rgba(0,0,0,1) 97%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800b11', endColorstr='#800b11',GradientType=1 );
/*background:url(../ppic/a_bk.jpg) no-repeat 3% 0, 100% 0, 97.5% 100%, 3% 100% ; */


background:#4E4B5E; border-radius:20px; 
}



@media (max-width: 879px)  {/* x<479 */


#title_block_h4{ display: inline; display:inline-table; width:100%;}

}

@media(min-width:768px) and (max-width:991px){

#categories_block_left .dhtml { margin-left:3%; margin-right:3%;}

#categories_block_left.block .title_block{font:bold 12px/60px "Open Sans",sans-serif}
}



#categories_block_left .block_content>ul{background:#3B7DC8; background-color:transparent; border-radius:;}
#categories_block_left li{position:relative;}
#categories_block_left li a{border-bottom:1px solid #3064B1;border-bottom:1px solid #000;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;color:#000;display:block;font:600 20px/1.2em "Open Sans",sans-serif;padding:16px 18px 13px 20px;padding:25px 18px 22px 20px;background-color:#F3F3F5; border-radius:10px 10px 10px 10px;  border-radius:20px 20px 20px 20px; margin:10px 0px;}

#categories_block_left li a{font-size:18px}
#categories_block_left li span.grower{display:block;position:absolute;/*right:6px;*/ right:6px; padding:0px 0px 0px 380px;top:12px;cursor:pointer;font-family:fontawesome;font-size:18px; }

#categories_block_left li span.grower{right:1px;top:9px; }


#categories_block_left li span.grower.OPEN:before,
#categories_block_left li span.grower.CLOSE:before{content:"\f102";display:block;vertical-align:middle;width:30px;height:30px; line-height:30px;  text-align:center;font-weight:400; color:#000;  }/*右圖示*/

#categories_block_left li span.grower.CLOSE:before{color:#000}
#categories_block_left li span.grower.CLOSE:before{content:"\f103";}

#categories_block_left li span.grower.OPEN:before{ color:#fff; background-color:#4E4B5E; border-radius:100px }



/*#categories_block_left li span.grower:hover+a,#categories_block_left li a:hover,#categories_block_left li a.selected{background:#5A9CE7;background:#AAACB2; background-color:#4E4B5E; color:#fff;}*/


#categories_block_left li span.grower:hover+a {color:#000;background-color: #0F9;color:#fff;background-color:#4E4B5E;}

#categories_block_left li a:hover{color:#fff;background-color:#4E4B5E;}
#categories_block_left li a.selected{color:#ff0000;background-color:#4E4B5E; color:#fff}


#categories_block_left li ul li a:hover { background-color:#4E4B5E; color:#fff}



#categories_block_left li>ul{/*background:none repeat scroll 0 0 #3064B1;*/background:none repeat scroll 0 0 transparent;padding:0px 0 0px}
#categories_block_left li>ul ul{padding:0 15px;}
#categories_block_left li li span.grower{top:3px}
#categories_block_left li li span.grower.OPEN:before{content:"\f106";}
#categories_block_left li li span.grower.CLOSE:before{content:"\f107"}

#categories_block_left li li span.grower{top:-2px}}
#categories_block_left li li span.grower:hover+a{background:0 0; }
#categories_block_left li li a{border:none;font-size:18px;padding:3px 20px;font-weight:600;}


#categories_block_left li li a{padding-right:30px}

#categories_block_left li li a:hover,#categories_block_left li li a a.selected{background:0 0;}
#categories_block_left li li a:hover strong,#categories_block_left li li a a.selected strong{text-decoration:underline;}
#categories_block_left li li a:before{content:"\f105";font-family:fontawesome;line-height:29px;padding-right:9px;font-weight:400}
#categories_block_left li li a:before{ }
#categories_block_left li li a.selected{background:0 0;}
#categories_block_left li li a.selected strong{text-decoration:underline}


}


@media (max-width: 879px)  {/* x<479 */


.title_block_h4{ display:inline-block;}

}