.section-pdpa,
.modal-pdpa {font-family: 'Kanit'; font-weight: 400;}
.section-pdpa {position: fixed; left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 100;
    background-color: rgba(0, 0, 0, .6) !important;
    border: 1px solid #ccc !important;
    border-radius: 15px 15px 0 0;
    padding: 15px 15px 7px;
}
.section-pdpa .panel-pdpa {position: relative;}
.section-pdpa a {font-size: 16px; color: #fff !important; text-decoration: underline !important;}
.section-pdpa .close {color: #fff !important;  background: transparent !important; opacity: 1; font-weight: lighter; font-size: 20px; text-shadow: none; margin: -3px -3px 0 13px;}
.modal-pdpa .modal-header {background-color: #ccc;}
.modal-pdpa .modal-title {font-weight: 500; font-size: 18px; color: #000; text-align: center;}
.modal-pdpa.modal .close {background-color: transparent;}
.modal-pdpa.modal .close .material-icons {color: #fff;}
.modal-pdpa.modal .close:hover .material-icons {color: #666;}
.modal-pdpa .modal-body .content {max-height: 320px; overflow-y: auto;}
.modal-pdpa .modal-body .content::-webkit-scrollbar {width: 5px;}
.modal-pdpa .modal-body .content::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 10px;}
.modal-pdpa .modal-footer {border-top: none; padding-top: 0;}
.modal-pdpa .btn-accept {margin: 0 auto !important;}
.btn-accept {padding: 3px 20px !important; display: block; margin: -3px 30px 0 auto;  color: #fff; background-color: #46c35f;}
.btn-accept:hover {color: #fff; background-color: #4bd467;}

@media (max-width: 767px) {
    .section-pdpa {
        width: 100%;
        min-height: 120px;
        z-index: 2147483646;
    }
    .section-pdpa a {font-size: 14px;}
    .modal-pdpa .modal-dialog {width: 100%; margin: 10px auto;}
    .modal-pdpa .modal-content {width: 95%; margin: 0 auto;}    
}