/* Contact v1 */

.section-callcenter { 
    background-color: #0a0a0a; 
    background-image: url(../img/bg-callcenter.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF!important;
}
.section-callcenter .content-area p { color: #ccc;}
.section-callcenter a.linkmore { color: #d03238;}

.section-contactlist .address-group { margin-top:20px; height: 95px;}
.section-contactlist .address-group p { font-size: 15px;}
.section-contactlist .contact-group { color: #333; font-size: 14px;}
.section-contactlist .contact-group p { margin-bottom:10px;}
.section-contactlist .contact-group p:last-child { margin-bottom: 0;}
.section-contactlist .contact-group .ic { margin-right:15px; color: #333;}

.section-service .wrap-inr { max-width:890px; margin: 0 auto;}

.contact-list-o { padding:80px 0;}
.contact-list-o.last { border-bottom: 0;}
.contact-list { 
    height: 270px;
    padding: 20px;
    margin-bottom:40px;
    border: 1px solid #eee;
}
a.linkmap { color:#dc0714;}

.map-container {
	width: 100%;
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked { pointer-events: auto;}

.section-form .bx-thank { 
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    z-index: 100;
    display: none;
    text-align: center;
    background-color: #FFF;
}
.section-form .wrap-thank { 
    height: 100%;
    max-width:500px; 
    margin:0 auto;
    padding: 30px;
}
.section-form .bx-thank h2 { 
    line-height: 1.2;
    color: #333;
    font-size: 30px;
    margin-bottom: 20px;
    font-family: 'sukhumvittadmai_lig';
    
}
.section-form .bx-thank p { line-height: 1.75; color:#999; font-size:16px; margin-bottom:20px;}
.section-form .bx-thank.active { opacity:1;}
.section-form .bx-thank .bx-br { display: inline-block;}
.section-form .bx-thank .ic { margin-left: 10px;}
.section-form .bx-thank .ic-close { position: absolute; top: 20px; right:40px;}

.button-lg { width: 100%;}

.table-contact { width: 100%; font-size: 14px;}
.table-contact tbody tr { border-bottom: 1px solid #eee;}
.table-contact tbody td { padding: 20px; vertical-align: middle; color: #333;}
.table-contact h3 { font-size:16px; margin: 0 0 6px 0;}
.table-contact .label-telnum { display: inline-block;  margin-right: 10px;}
.table-contact .telnum { 
    width: 32px; 
    height: 32px; 
    line-height: 32px;
    margin: 0 4px;
    border-radius:50%;
    text-align: center;
    font-size: 20px;
    font-family: 'gothamrounded-medium';
    color: #FFF;
    display: inline-block; 
    background-color: #bc101a;
}

@media screen and ( max-width:1024px ) {

    .feed-list:hover { 
        -webkit-transform: translateY(0); 
        transform: translateY(0);
    }

}
@media screen and ( max-width:767px ) {
    
    .feed-list { margin-bottom:10px;}
    
    .section-map { height:200px;}

    .section-service .wrap-inr { max-width:100%; margin: 0 auto;}
    .section-service .row { margin-left: -5px; margin-right: -5px;}
    
    .contact-list-o { padding: 40px 0; border-bottom:1px solid #eee;}
    .contact-list { height: auto;}
    
    .section-contactlist .address-group { height: auto; margin-bottom: 30px;}
    .section-contactlist .contact-group p { margin-bottom: 15px;}

}