.about_contact {
     margin: 0 auto;
     width: 1200px;
 }

 .contact_box {
     margin-top: 0px;
     height: auto;
     overflow: hidden;
     position: relative;
     width: 1200px
 }

 .map_box {
     width: 760px;
     height: 525px;
 }

 .map_box .allmap {
     width: 100%;
     height: 100%;
 }

 .address_list {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 424px;
     height: 523px;
     border: 1px solid #e8e8e8;
     overflow: hidden;
 }

 .address_scroll {
     margin-top: 10px;
     position: absolute;
     top: 0;
     left: 15px;
     width: 392px;
     height: auto;
 }

 .address_scroll li {
     margin-bottom: 13px;
     height: auto;
     _height: 128px;
     overflow: hidden;
 }

 .address_scroll .a_l_ico {
     float: left;
     width: 78px;
 }

 .address_scroll .a_l_ico a {
     display: block;
     width: 78px;
     overflow: hidden;
     color: #5c5c5c;
	 font-size:12px;
     font-weight: bold;
     text-align: center;
     line-height: 20px;
     text-decoration: none;
     font-family: Arial, "?????กฐ", sans-serif !important
 }

 .address_scroll .a_l_ico a span {
     display: block;
 }

 .address_scroll .a_r_text {
     padding: 4px 10px;
     float: right;
     width: 292px;
     overflow: hidden;
     cursor: pointer;
 }

 .address_scroll .a_r_text p {
     width: 292px;
     color: #5c5c5c;
     line-height: 20px;
	 font-size:12px;
 }

 .address_scroll .a_r_text:hover,
 .address_scroll .a_r_text_cur .a_r_text {
     background: #f4f4f4;
 }

 .address_scroll .a_r_text .c_url {
     display: none;
 }

 .c_scroll {
     position: absolute;
     right: 0;
     top: 0;
     width: 8px;
     height: 100%;
     background: #ececec;
 }

 .c_scroll_bar {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 20%;
     background: #ccc;
     cursor: pointer;
 }

 .contact_type {
     margin-top: 70px;
     height: 215px;
 }

 .each_msg_center {
     position: absolute;
     left: -134px;
     bottom: 5px;
     display: none;
     padding: 25px;
     width: 220px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     border: 1px solid #ccc;
     background: #fff;
 }

 .each_msg_center strong {
     display: block;
     margin-bottom: 10px;
     color: #5c5c5c;
 }

 .each_msg_center p {
     color: #5c5c5c;
     line-height: 26px;
 }

 .each_msg_center .look_this_website {
     display: block;
     margin-top: 15px;
     width: 220px;
     height: 30px;
     line-height: 30px;
     font-size: 14px;
     text-align: center;
     color: #fff;
     background: #7db2aa;
 }

 .each_msg_center .look_this_website:hover {
     background: #6d9e97;
     text-decoration: none;
 }

 .each_msg_center .cBlue {
     color: #7db2aa;
 }

 .each_msg_center .close_msg_box {
     position: absolute;
     right: -10px;
     top: -10px;
     cursor: pointer;
     display: block;
     width: 32px;
     height: 32px;
     background: url(/images/map_close_ico.png) no-repeat;
     transition: .3s all;
     z-index: 50;
 }

 .each_msg_center .close_msg_box:hover {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     transform: rotate(360deg);
 }

 .each_msg_center_show {
     display: block;
 }

 .map_label {
     position: absolute;
     left: 0px;
     top: 0px;
     margin: -18px 0 0 -12px;
     width: 24px;
     height: 38px;
     cursor: pointer;
 }

 .contact_type {
     color: #999;
     font-size: 14px;
 }

 .contact_type p {
     padding-top: 15px;
 }



 .contact_type .contact_hot_line {
     margin-top: 26px;
 }

 .contact_type .hot_line_left,
 .contact_type .hot_line_right {
     position: relative;
     display: inline;
     margin-right: 10px;
     float: left;
     padding: 10px;
     width: 420px;
     background: #f4f4f4;
 }

 .contact_type .hot_line_left p,
 .contact_type .hot_line_right p {
     padding: 0;
     line-height: 30px;
     color: #5c5c5c;
 }

 .contact_type .hot_line_circle {
     position: absolute;
     right: -54px;
     top: -52px;
     display: block;
     width: 133px;
     height: 132px;
 }

@media (max-width: 1080px) {
.fl .fr{ float:none;}
 .about_contact {
     margin: 0 auto;
     width: 96%;
 }

 .contact_box {
     margin-top: 25px;
     height: auto;
     overflow:auto;
     position:inherit;
     width: 100%
 }

 .map_box {
     width: 100%;
     height: 500px;
 }

 .map_box .allmap {
     width: 100%;
     height: 100%;
 }

 .address_list {
     position:inherit;
     top: 0px;
     right: 0px;
     width: 96%;
     height: auto;
     border: 1px solid #e8e8e8;
     overflow: auto;
	 margin:0 auto;
	 margin-top:4%;
 }

 .address_scroll {
     margin-top: 10px;
     position: inherit;
     top: 0;
     left: 15px;
     width: 100%;
     height: auto;
 }

 .address_scroll li {
     margin-bottom: 13px;
     height: auto;
     _height: auto;
     overflow: auto;
 }

 .address_scroll .a_l_ico {
     float: left;
     width: 78px;
 }

 .address_scroll .a_l_ico a {
     display: block;
     width: 78px;
     overflow: hidden;
     color: #5c5c5c;
	 font-size:12px;
     font-weight: bold;
     text-align: center;
     line-height: 20px;
     text-decoration: none;
     font-family: Arial, "?????กฐ", sans-serif !important
 }

 .address_scroll .a_l_ico a span {
     display: block;
 }

 .address_scroll .a_r_text {
     padding: 4px 10px;
     float: none;
     width: auto;
     overflow: auto;
     cursor: pointer;
	 margin-left:90px;
 }

 .address_scroll .a_r_text p {
     width: auto;
     color: #5c5c5c;
     line-height: 20px;
	 font-size:12px;
 }

 .address_scroll .a_r_text:hover,
 .address_scroll .a_r_text_cur .a_r_text {
     background: #f4f4f4;
 }

 .address_scroll .a_r_text .c_url {
     display: none;
 }
 
}