#ContactUsIndex { margin-top: 30px;}

#ContactUsIndex .titleContact{ font: normal 28px UTMBeBas;color: #2a904f;text-transform: uppercase;margin-bottom: 20px;}

#ContactUsIndex .infoContact{ width: 350px;float: left;font: normal 14px/24px Arial;color: #333;}


#ContactUsIndex .form {float:right;width:790px}

#ContactUsIndex .item .dot{width:10px;height:8px;background:url(dot.png) no-repeat;position:absolute;z-index:10;right:10px;top:15px}
#ContactUsIndex textarea,
#ContactUsIndex input[type=text]{background: #fff;border: 1px solid #c0c0c0;border-radius:4px;color:#333;font:normal 14px/38px Arial;padding:0px 10px;width:789px;resize:none;box-sizing: border-box;height: 38px;}



#ContactUsIndex textarea{height:135px}
#ContactUsIndex textarea:focus,
#ContactUsIndex input[type=text]:focus{ border-color: #00a1f1;box-shadow: 0 0 5px #ccc;}
#ContactUsIndex select.notfilled,
#ContactUsIndex textarea.notfilled,
#ContactUsIndex input[type=text].notfilled{background:#ffe4e4;border:dashed 1px #eb340a}

#ContactUsIndex .bthuy{cursor:pointer;display:inline-block;height:40px;margin-left:5px;padding:0 10px;font:bold 14px/30px Arial;background:#c12280;color:#fff;border-radius:3px}
#ContactUsIndex .btSend{cursor:pointer;float:left;height:30px;padding:0 7px;font:normal 18px/30px Arial;background:#fa6900;margin-left:0px;color:#fff;border-radius:3px}
#ContactUsIndex .btSend:hover,#ContactUsIndex .bthuy:hover{ background: #0098cb;color: #fff;}

#ContactUsIndex .item{padding-bottom:10px;position:relative;z-index: 1;float: left;width: 789px;}
#ContactUsIndex .item span{margin-left:2px;color:red}
#ContactUsIndex .icon{width:28px;height:28px;display:inline-block;position:absolute;z-index:1;top:0;left:0;background-repeat:no-repeat;background-position:center}
#ContactUsIndex .check{width:70px !important;padding:6px 10px !important;float:left}
#ContactUsIndex .tip{line-height:24px;color:#333;font-family:roboto;font-size:14px;font-weight:normal;width:100%;padding-bottom:20px;text-align:left}
#ContactUsIndex img{height:30px;width:70px;float:left;margin-left:5px}
#ContactUsIndex .reloadCaptcha{height:30px;width:30px;float:left;margin-left:5px;background:url(reload.png) no-repeat center;display:block}

#ContactUsIndex .hoten{width: 263px;margin-right: 10px;}
#ContactUsIndex .email,#ContactUsIndex .dienthoai{width: 253px;margin-right: 10px;}
#ContactUsIndex .dienthoai{ margin-right: 0;}
#ContactUsIndex .hoten input[type=text]{ width: 263px;}
#ContactUsIndex .email input[type=text],#ContactUsIndex .dienthoai input[type=text]{ width: 253px;}

#ContactUsIndex .func .note{ font: italic 14px/40px Arial;color: #666;float: left;}
#ContactUsIndex .func .note .red{color: #ff0000}
#ContactUsIndex .func .button{ float: right;}
#ContactUsIndex .func .button .btn{ min-width: 125px;text-align: center;display: inline-block;height: 40px;font: bold 15px/40px Arial;color: #fff;background: #c5c5c5;border-radius: 6px;margin-left: 11px;text-transform: uppercase;cursor: pointer;}
#ContactUsIndex .func .button .btn:hover{ background: #00a1f1;}

@media (max-width: 1000px) {
    #ContactUsIndex { width: 97%;margin: 0px auto}
   #ContactUsIndex .PCVersion{display: none}
   #ContactUsIndex .MobileVersion{ display: block;margin-top: 10px;margin-bottom: 10px}
   #ContactUsIndex .form{ float: left;width: 100%}
   #ContactUsIndex .item{ float: inherit;width: 100%;margin-right: 0px}
   #ContactUsIndex .hoten input[type=text]{width: 100%}
   #ContactUsIndex .email input[type=text], #ContactUsIndex .dienthoai input[type=text]{width: 100%}
   #ContactUsIndex textarea, #ContactUsIndex input[type=text]{width: 100%}
   #ContactUsIndex .func .button{ float: inherit;width: 100%;text-align: center}
   #ContactUsIndex .func .button .btn{margin: 0px 5px}
   #ContactUsIndex .func .note{float: none}
}