/***************************************************************************************
 *Menu
 ***************************************************************************************/
#product-menu{
}

#product-menu .product-menu-header {
    padding-left:42px;
    margin: 36px 0 19px 0;
}

#product-menu .product-menu-header h4 {
    font-weight: bold;
    color: #000;
}

/*選單大項目*/
.navi {
    list-style-type:none;
    overflow: hidden;
    width: 85%;
    margin: 0 auto;
}

        .navi li.parent-li,
        .navi li.first-item {
                list-style: none;
                padding-left: 0px; /*設定選單間距*/
                padding-top: 3px; /*設定選單間距*/
                padding-bottom: 3px; /*項目間距*/
                line-height: 30px;
                padding-left: 24px; /*設定選單間距*/
                _padding-left: 24px; /*設定選單間距*/
                background-color: #fff;
                border-bottom: 1px solid #eaeaea;
        }

        .navi li.first-item,
        .navi li.parent-li {
        }

        .navi li.first-item span,
        .navi li.parent-li span {
        float: right;
        margin-top: 9px;
        }

        /*.navi li #select {
            background-color: #9B3E00;
        }*/

        .navi li.parent-li a,.navi li.first-item a {
                display: block;
                margin: 0;
                padding: 0px;
                color: #000;
                text-decoration: none;
        }

        .navi li.active a,
        .navi li.first-item a:hover,
        .navi li.parent-li a:hover {
                color:#FF6600;
                font-weight: bold;
        }

        /*第一筆*/
        .navi li.first-item {

        }
        .navi li.first-item a:hover {
        }

        /*選單下拉清單項目區塊*/
        .navi li ul{
                list-style-type:none;
                padding-left: 12px;
                margin-left:0px;
                display: none;/*下拉選項隱藏*/
        }              


.navi li ul li{
padding-bottom:0px;
padding: 5px;
}

.navi li ul li:hover{
color: #D9A600;
cursor: pointer;
}

.submenu li.child-li {
line-height: 22px;
padding: 4px 0 4px 0;
}

.submenu2 li.third-li {
padding: 2px 0 2px 0;
}

.submenu2 li.third-li a {
color: #777;
}

.submenu2 li.third-li a:hover {
font-weight: normal;
}

.navi li ul.submenu2 {
padding-left: 2px;
margin-top: 6px;
}

.navi li ul.submenu2 i::after {
content: '';
margin-right: 5px;
}

li.selected.third-li a {
color: #FF6600;
}

/*Button*/
.navi li a span {
margin-right: 4px;
}
.navi .button-buying-guide, .navi .button-technical-support, .navi .button-sales-inquiry, .navi .button-about-brickcom, .navi .button-contact-us{
	color: #fff;
    text-align: left;
    margin-top: 3px;
    width: 100%;
    border: 1px solid #fff;
}
.navi .button-buying-guide{
    background: #99CCCC;
}
.navi .button-technical-support{
	background: #B8CEDA;
}
.navi .button-sales-inquiry{
	background: #98AAB4;
}
.navi .button-about-brickcom{
	background: #D0A9CD;
}
.navi .button-contact-us{
    background: #CA5599;
}
