.czpmotherboard-board-index .main-container .container{
    width: 100%
}
.motherboard button.button {
    width: 30%;
    padding: 11px 0;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    background: #005bab;
    font-family: Arial,Helvetica,sans-serif;
}
.motherboard .lead button.button i{
    margin-right:10px;
}

.motherboard .page-header{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
    /*border:none;*/
}

.motherboard .page-header .title{
    color:#005bab;
    margin-bottom: 10px
}

.motherboard .page-header .subtitle{
    color:#999;
    font-size: 14px;
}

.motherboard .side-title{
    text-align: center;
}

/******/
.motherboard .board{
    position:relative;
}

.motherboard .board-image{
    width:100%
}


/**part-marker**/
.motherboard .board .part-marker{
    position:absolute;

    border:2px #0088ff solid;

    cursor: pointer;

    top:0%;
    left: 0%;
    width:10%;
    height:10%;

}

.motherboard .board .part-marker.active{
    border:5px solid #f52131;
    background-color:#f52131;
    opacity: 0.5;
}
.motherboard .board .part-marker:hover{
    border:5px solid #f52131;
    background-color:#f52131;
    opacity: 0.5;
}

/**part-list**/
.motherboard .board .part-list-wrap{
    position:absolute;
}
.motherboard .board .part-list{
    position:absolute;
    border:1px solid #ddd;
    overflow-wrap: break-word;
    overflow-y: scroll;
    height:100%;
    width: 100%;
}

.motherboard .board .part-list .part.active{
    background-color: #f1f8ff;
    border:1px solid #005bab;
    
}

.motherboard .board .part-list .part{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}





.motherboard .board .part-list .part .part-image{
    flex:1
}
.motherboard .board .part-list .part .part-desc{
    flex:3;
    padding-left: 6px;
    display: flex;
    flex-direction: column;
    font-size: .8rem;
}
.motherboard .board .part-list .part .part-price{
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}
.motherboard .board .part-list .part .part-qty{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.motherboard .board .part-list .part .part-qty .open-btn{
    text-align: center;
    margin-bottom: 5px;
    display: block;
    padding: 3px;
    border: 1px solid #005bab;
    border-radius: 3px;
    color: #005bab;
}


.motherboard .board .part-list .part .part-desc .name{
    /*font-size: 14px*/
}

.motherboard .board .part-list .part .part-desc .sku{
    /*font-size: 14px;*/
    color:#999
}

.motherboard .board .part-list .part .part-price .price-wrap{
    font-size: 0.7rem;
}
.motherboard .board .part-list .part .part-price .price-wrap .price{
    /*font-size: 0.7rem;*/
}
.motherboard .board .part-list .part .part-price .price-wrap .gst-label {
    /*font-size: 0.7rem;*/
    color:#999
}

.motherboard .board .part-list .part .part-price .member-tag{
    border: 1px solid #005bab;
    padding: 0px 5px;
    border-radius: 2px;
    color: #005bab;
    font-size: 0.7rem;
}


.motherboard .board .part-list .part .part-qty input.qty{
    width: 100%!important;
    margin-bottom: 3px;
    text-align: center;
    font-size: 14px;
    padding: 5px;
}
.motherboard .board .part-list .part .part-qty .dial {
    display: flex;
    justify-content: space-around
}
.motherboard .board .part-list .part .part-qty .dial a{
    font-size: 1.2rem;
    color: #999;
}
.motherboard .board .part-list .part .part-qty .dial a:hover{
    color:#005bab
}

/*add to cart row*/
.motherboard .board .add-cart-container{
    position: absolute;
    bottom: -15%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*    border: 1px solid #eee;
        border-top: none;*/
    height: 15%;
    background-color: #eee;
}
.motherboard .board .add-cart-container .btn-add-cart-wrap{
    flex: 3;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}
.motherboard .board .add-cart-container .qty-wrap{
    flex: 1;
    font-size: .8rem;
    text-align: center;
    font-weight: 600; 
}
.motherboard .board .add-cart-container .grand-total-wrap{
    flex: 2;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    color:#005bab;
}

.motherboard .board .add-cart-container .btn-add-cart-wrap .btn-add-cart{
    font-size: .8rem;
    background-color: #005bab;
    text-align: center;
    color: #fff;
    padding: 5%;
    border-radius: 3px;
}


@media only screen and (max-width: 767px){
    .motherboard button.button{
        width: 100%;
    }

}