﻿.contentlist{ background: #fafafa;border: 1px solid #dadada;padding: 79px 19px 19px 19px;box-sizing: border-box }
.contact-top a{color:  #333}

@media screen and (min-width:1280px) {
    .contentlist { width: 845px;margin: 0 auto }
}

@media screen and (min-width:1200px) and (max-width:1279px) {
    .contentlist { width: 100%;margin: 0 auto }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
    .contentlist { width: 100%;margin: 0 auto }
}

@media screen and (min-width:921px) and (max-width:1023px) {
    .contentlist { width: 100%;margin: 0 auto }
}

@media screen and (min-width:768px) and (max-width:920px) {
    .contentlist { width: 100%;margin: 0 auto }
}

@media screen and (min-width:361px) and (max-width:767px) {
    .contentlist { width: 100%;margin: 0 auto;padding: 39px 15px 15px 15px }
    .contact-top{ width: 100% !important;float: none}
    .content-baoform{ width: 100% !important;float: none}
}

@media screen and (min-width:320px) and (max-width:360px) {
      .contentlist { width: 100%;margin: 0 auto;padding: 39px 15px 15px 15px }
    .contact-top{ width: 100% !important;float: none}
    .content-baoform{ width: 100% !important;float: none}
}

@media screen and (min-width:0px) and (max-width:319px) {
      .contentlist { width: 100%;margin: 0 auto;padding: 39px 15px 15px 15px }
    .contact-top{ width: 100% !important;float: none}
    .content-baoform{ width: 100% !important;float: none}
}

.contact-top{ width: 100%;text-align: center;line-height: 20px }
/*.caption-lh{width:100%; float:left; border-bottom:0px solid #eaeaea;  height:40px; background:url(img/caption_art.png) no-repeat left 0px top 0px; height:43px; line-height:43px; margin-top:20px; padding-bottom:5px;}
.caption-lh a{float:left; font-size:20px; font-weight:bold; color:#008446; padding-left:50px; text-transform:uppercase;}*/
.map-ct{ width: 100%;float: right;margin-top: 30px}
.content-baoform{width: 100%;max-width: 500px;margin: 0 auto; margin-top: 25px}
.content-baoform .infor{ padding-top:25px; padding-bottom:40px; line-height:20px;}

.content-baoform .infor,.content-baoform .infor a{line-height:22px;font-family:Arial; cursor:auto; text-align:center; font-size:15px; color:#505050;}
.content-baoform .infor .tenct{text-transform:uppercase; color:#008446; font-size:18px; font-weight:bold; padding-bottom:10px; display:block;}
/*@media screen and (min-width:768px){
    .contact-form{width:600px; margin:0 auto}
} 
@media screen and (max-width:767px){
    .contact-form{width:100%; margin:0 auto}
} 
@media screen and (max-width:767px){
    .content-baoform{background:none;}
    .content-baoform .infor{ padding-top:20px; padding-bottom:40px; line-height:20px;}
}*/
.content-baoform .contact_info{ float: left;width: 100%;margin-top: 55px;background: url('../../Styles/img/akts_bg_lienhe.png') no-repeat top 10px center;}
.content-baoform  .hotline-infor{color:#505050; font-family:Arial; font-weight:bold;}
.content-baoform .labelsColumn { width: 25%; float: left;  }
.content-baoform .labelsColumn label {font-family: Arial;height: 30px; line-height: 30px;color: #414141; display: block; margin-top: 5px;font-weight: normal;}
.content-baoform .labelsColumn label .notification {color:red}
.content-baoform .textBoxsColumn { width: 75%; float: left; }
.content-baoform .textBoxsColumn .textbox, .content-baoform .RadInputMgr_Default { width: 100%; height: 30px;  padding: 0 5px; margin-top: 5px; border:1px solid #e0e0e0 ;float: left;color: #414141;box-sizing: border-box;-moz-box-sizing: border-box;background: #fff; }
.content-baoform .RadInput_Default .riError, .content-baoform .RadInput_Error_Default {color: red; font-style: italic; }
.content-baoform .validator { width: 15px; height: 15px; display: block; padding-top: 8px; float: left; }
.content-baoform .textBoxsColumn .textboxMultiline { background-color:#fff; width: 100%; height: 160px;border:1px solid #e0e0e0; padding: 0 5px; margin-top: 5px; float: left; color: #414141;box-sizing: border-box }
/*@media screen and (min-width:768px){
   .content-baoform .labelsColumn label{font-size:15px}
   .content-baoform .textBoxsColumn .textbox, .content-baoform .RadInputMgr_Default,.content-baoform .textBoxsColumn .textboxMultiline {font-size:15px; }
   .content-baoform .btncontact .bgsend a,.content-baoform .btncontact .bghuy  a{ font-size: 16.3px;}
}
@media screen and (max-width:768px) and (min-width:361px){
   .content-baoform .labelsColumn label{font-size:17px; padding-left:15px;}
   .content-baoform .textBoxsColumn .textbox, .content-baoform .RadInputMgr_Default,.content-baoform .textBoxsColumn .textboxMultiline {font-size:17px; }
   .content-baoform .btncontact .bgsend a,.content-baoform .btncontact .bghuy  a{ font-size: 16.3px;}
}
@media screen and (max-width:360px){
   .content-baoform .labelsColumn label{font-size:15px; padding-left:0px; background:none;}
   .content-baoform .textBoxsColumn .textbox, .content-baoform .RadInputMgr_Default,.content-baoform .textBoxsColumn .textboxMultiline {font-size:15px; }
   .content-baoform .btncontact .bgsend a,.content-baoform .btncontact .bghuy  a{ font-size: 15px;}
}*/
/*Info*/
.content-baoform .info {color:#3c3c3c;}
.content-baoform .info .name .value {color:#3c3c3c;font:bold 12px Arial ;text-transform:uppercase}
.content-baoform .info .name .label{display:none}
    .content-baoform .info .office { margin-top:10px}
.content-baoform .info .hotline-infor{font-weight:bold;color:#fff}
/*Button Viet - English*/
.content-baoform .btncontact {float:right;    margin: 5px 0px 20px 0;}
.btncontact .bgButton{background:url('img/bg_contact.png') repeat-x 0 0;margin-left:10px;float:left;padding:3px 24px;font-weight:bold;}
.btncontact .bghuy {
    background: url("img/bg_contact.png") repeat-x;
    float: left;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    margin-left: 5px;
    text-align: center;
    width: 69px;
}
.content-baoform .contact-form .btncontact {
            width: 100%;
            float: left;
            margin-top: 10px;
        }
.content-baoform .btncontact .bgsend,.content-baoform .btncontact .bghuy {
    float: right;
    width: 96px;
    height: 32px;
    line-height: 32px;
    background: #0c5b2b;
    text-align: center;cursor: pointer
}
.content-baoform .btncontact .bgsend:hover{ box-shadow: 0px 0px 2px #ccc;background: #ed1c24}
.content-baoform .btncontact .bghuy:hover{ box-shadow: 0px 0px 2px #ccc;background: #ed1c24}
.content-baoform .btncontact .bgsend a,.content-baoform .btncontact .bghuy  a{ color: #fff;font-weight: bold;text-align: center;}
.content-baoform .btncontact .bghuy{}
/*.map-ct{margin:30px 0px ;}*/
