﻿/*guider.css*/
.guide-wrapper{
    padding: 30px 15px 15px;
    background-color: #ffffff;
}
.guide-intro{
    padding-bottom: 12px;
    border-bottom: 1px dotted #e4e4e4;
}
.guide-indent{
    text-indent: 25px;
}
.guide-h2{
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px dotted #e4e4e4;
}
.guide-h3{
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 700;
}
.guide-wrapper-score .guide-h3{
    margin-bottom: 6px;
}
.guide-picture{
    margin: 2px 0 30px;
    padding: 0 15px;
}
.guide-para{
    padding: 6px 10px 0;
    font-size: 13px;
}
.guide-para-ol{
    position: relative;
    margin-top: 12px;
    padding-left: 40px;
}
.guide-para-ol:before{
    position: absolute;
    left: 15px;
    top: 6px;
}
.guide-para-ol-1:before{
    content: '1???';
}
.guide-para-ol-2:before{
    content: '2???';
}
.guide-para-ol-3:before{
    content: '3???';
}
.guide-para-ol-4:before{
    content: '4???';
}
.guide-para-ol-5:before{
    content: '5???';
}
.guide-para-ol-6:before{
    content: '6???';
}
.guide-para-ol-81:before{
    content: '8.1';
}
.guide-para-ol-82:before{
    content: '8.2';
}
.guide-para-ol-83:before{
    content: '8.3';
}
.guide-para-ol-84:before{
    content: '8.4';
}
.guide-para-ol-85:before{
    content: '8.5';
}
.guide-para-ol-86:before{
    content: '8.6';
}
.guide-para-ol-101:before{
    content: '10.1';
}
.guide-para-ol-102:before{
    content: '10.2';
}
.guide-para-ol-103:before{
    content: '10.3';
}
.guide-para-ol-104:before{
    content: '10.4';
}
.guide-para-ol-105:before{
    content: '10.5';
}
.guide-para-ol-106:before{
    content: '10.6';
}

.guide-para dd{margin: 10px 0}

.guide-table{
    width: 100%;
}
.guide-table th,
.guide-table td{
    padding: 10px 3px;
    border: 1px solid #e4e4e4;
    text-align: center;
    font-size: 14px;
    color: #2d2d2d;
}
.guide-table th{
    font-weight: 500;
    background-color: #f3f4f6;
}
.guide-table td{
    background-color: #ffffff;
}

.guide-signature{
    margin: 20px 10px 10px;
    text-align: center;
    font-weight: 500;
}
.guide-wrapper .faq{
    padding: 15px 0;
}
.guide-wrapper .faq:last-child{
    border-bottom: none;
    border-image:none;
    -webkit-border-image:none
}
.guide-wrapper .faq .q,
.guide-wrapper .faq .a{
    position: relative;
    padding-left: 22px;
}
.guide-wrapper .faq .q{
    margin-bottom: 8px;
    font-size: 16px;
}
.guide-wrapper .faq .a{
    font-size: 13px;
}
.guide-wrapper .faq .q:before,
.guide-wrapper .faq .a:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    text-align: center;
    color: #ff5a54;

}
.guide-wrapper .faq .q:before{
    content: 'Q'
}
.guide-wrapper .faq .a:before{
    content: 'A'
}

/******************????????????????????????*******************/
.contact-code{
    width:200px;
    margin:25px auto 6px;
}
.contact-address{
    margin:25px 0 10px;
}
.contact-address li{
    position:relative;
    margin-bottom: 6px;
    padding-left: 25px;
}
.contact-address span{
    font-size:14px;
}

.contact-address .fa{
    position:absolute;
    left: 0;
    top: 0;
}
.contact-address .fa-map-marker{
    left: 3px;
}
.cantact-map{
    height:300px;
    border: 1px solid #e4e4e4;
}
.cantact-map img{
    width:100%;
}
/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width: 767px) {
    .guide-wrapper{
        padding: 15px 8px 8px;
    }
    .guide-para-ol{
        margin-top: 6px;
    }

    .guide-signature{
        margin: 10px 5px 5px;
    }

    .guide-table th,
    .guide-table td{
        font-size: 12px;
    }
}
