﻿.font-bold {
    font-weight: bold;
}

.float-left {
    float: left;
}
.status-bar {
    background-color: #ffffff54;
}
.status-bar>.container {
    padding-bottom: 0px !important;
}
.status-bar ul {
    list-style: none;
    text-align: center;
}
    .status-bar li {
        display: inline-table;
        border: 1.5px solid #fff6f68c;
        border-radius: 5px;
        padding: 7px 17px;
        font-weight: bold;
        font-size: 18px;
        color: #3F92C9;
        margin: 25px 9px;
    }
.status-bar li.active {
    background-color: #fff;
    border: 1.5px solid #3F92C9;
}
.drop-down-box {
    /*width: 100%;*/
    background-color: #fff;
    border: solid 2px #000;
    border-radius: 15px;
    padding: 4px;
}

.drop-down-box select {
    height: auto;
    width: 100%;
    border: none;
}
/**/
.drop-down-box ul {
    padding-left: 0px;
                
}
    .drop-down-box .box-html-select {
        max-height: 228px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
        /*.drop-down-box .box-html-select:vertical {
            -webkit-overflow-scrolling: touch;
        }*/
.box-html-select ul > li {
    padding: 8px;
    text-align: center;
    border-top: solid 1px #E6E9ED;
    color: #AAB1BC;
    font-weight: bold;
    list-style: none;
}
.box-html-select ul > li:hover {
    background-color: #E6E9ED;
    color: #333333;
}
.drop-down-box select::-webkit-scrollbar-track, .drop-down-box.carbrand .scroll::-webkit-scrollbar-track, .box-html-select::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 20px;
}

.drop-down-box select::-webkit-scrollbar, .drop-down-box.carbrand .scroll::-webkit-scrollbar, .box-html-select::-webkit-scrollbar {
    width: 7px;
}

.drop-down-box select::-webkit-scrollbar-thumb, .drop-down-box.carbrand .scroll::-webkit-scrollbar-thumb, .box-html-select::-webkit-scrollbar-thumb {
    background-color: #E6E9ED;
    outline: 1px solid #646C78;
    border-radius: 20px;
}

.drop-down-box select > option {
    padding: 8px;
    text-align: center;
    border-top: solid 1px #E6E9ED;
    color: #AAB1BC;
    font-weight: bold;
}
.drop-down-box select > option:hover {
    background-color: #E6E9ED;
    color: #333333;
}
.drop-down-box.carbrand {
    padding: 5px;
}

    .drop-down-box.carbrand .scroll {
        max-height: 425px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

.drop-down-box.carbrand .scroll .col-sm-2 {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-table;
}
.drop-down-box.carbrand .scroll .col-label {
    padding-left: 5px;
    padding-right: 5px;
    display: table;
    height: 40px
}
.drop-down-box.carbrand .scroll .col-label > div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
        
}
    .drop-down-box.carbrand .item-carbrand {
        border: solid 1px #ccc;
        width: 100%;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 134px;
        font-weight: bold;
        color: #AAB1BC;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2.2px;
    }
.drop-down-box.carbrand .item-carbrand:hover {
    background-color: #E1E4E8;
    color: #333333;
}
.drop-down-box.carbrand .item-carbrand .col-img{
    height:64px;
}
.drop-down-box.carbrand .item-carbrand img {
    margin: auto auto;
}
.drop-down-box .item-carbrand {
    display: inline-block;
}
.drop-down-box .item-carbrand span {
    height:40px;
    display:block;
}
.sum-data > div {
    border-top: solid 1px #E6E9ED;
    list-style: none;
    padding: 5px;
}
    .sum-data > div > span:first-child {
        color: #9B9B9B;
        font-weight: bold;
        font-size: 17px;
        display: block;
    }
    .sum-data > div > span:last-child {
        color: #3E4346;
        font-weight: bold;
        font-size: 20px;
        display: block;
    }
    .sum-data > div > button {
        background-color: #F55652;
        border-radius: 16px;
        border: inherit;
        border-bottom: solid 2px #C4211B;
        padding: 3px 20px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
    }
#addressform_TextBox_POSTCODE{
    margin-bottom:5px;
}
@media (max-width:375px) {
    .drop-down-box {
        margin-left: 50px;
        margin-right: 50px;
    }
}
@media screen and (max-width: 1600px) {
    .drop-down-box.carbrand .scroll .col-sm-2 {
        display: block;
    }
    .drop-down-box.carbrand .item-carbrand {
        height: auto;
    }
}
/*มาใหม่ 20190410*/
.topic-CarInsurance h1 {
    font-size: 40px;
}

@media (max-width:768px) {
    section.compare_package.car {
        padding: 0px 0 0;
    }
}
    

