/* BASIC css start */
/*
========================================================================
¼­ºêÄ«Å×°í¸®
========================================================================
*/
.tit-product { min-height: 30px; margin: 0 0 7px; }
.tit-product h2 { display: inline-block; font-size: 18px; color: #222; font-weight: bold; }
.df-sub-menu.type-box { margin: 15px 0 30px; position: relative; z-index: 10; }
.df-sub-menu.type-box .depth1 { margin: 0 -5px 0 -5px; }
.df-sub-menu.type-box .depth1:after { clear: both; display: block; content: ""; }
.df-sub-menu.type-box .depth1 > li { width: 12.5%; float: left; position: relative; }
.df-sub-menu.type-box .depth1 > li > a { position: relative; margin: 5px 5px 5px 0px; padding: 0 12px; display: block; height: 36px; line-height: 36px; border: 1px solid #e4e4e4; font-size: 12px; color: #444; box-sizing: border-box; }
.df-sub-menu.type-box .depth1 > li > a.now { background: #5a5a5a; border: 1px solid #5a5a5a; }
.df-sub-menu.type-box .depth1 > li > a.now p { color:#fff; }
.df-sub-menu.type-box .depth1 > li:hover > a.now p,
.df-sub-menu.type-box .depth1 > li:hover > a { color: #222; font-weight: bold; background: #fafafa; border-color: #d5d5d5; box-sizing: border-box; }
.df-sub-menu.type-box p.name { padding-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }




/* BASIC css end */