﻿
#main {
    width: 100%;
    height: 800px;
}



[data-map] li {
    float: left;
    display: block;
    padding: 5px 10px;
    border: 1px solid #FFF;
    background-color: #009d42;
    color: white;
    cursor: pointer;
}

    [data-map] li:hover {
        background-color:#62db95;
    }

    [data-map] li.active {
        background-color: #62db95;
        color: white;
			font-weight: bold;
    }

[data-mapcontent] ul li{
    display: block;
    padding: 15px 10PX;
    float: left;
    width:50%;
}

[data-tab]{
       PADDING: 15PX 0 40PX 58px;
}
[data-tab] li {
    float: left;
    display: block;
    padding: 5px 10px;
    border: 1px solid #009d42;
	margin: 0 2PX;

    color: #333;
    cursor: pointer;
}

    [data-tab] li:hover {
        background-color: #cdcdcd;
    }

    [data-tab] li.active {
	background-color: #62db95;
	color: white;
	font-weight: bold;
    }




[data-mapcontent] [data-itemcontent] li{
    border-bottom: 1px solid #009d42;
    WIDTH: 90%;
    MARGIN: 0 1%;
    float: left;
    /*height: 400px;*/
}
.ul_box{
  border-bottom: 1px solid #009d42;
  WIDTH: 90%;
  padding: 7px 0 17px 0;
  margin: 7px 1%;
  float: left;
	font-size: 15px;
}
.map_subject, #ul_data li h4{
	padding: 0 0 0 9px;
	color: #009d42;
	font-weight: bold;
}
#ul_data li h4{
  padding: 0;
	font-size: 22px;
}
.map_sub_subject{
	font-weight: bold;
	color: #474747;
}
.ul_con{
  clear: both;
}
.inf-box {
  margin-top: 30px;
}
h3 {
  font-size: 2rem;
  line-height: 3rem;
  color:#009d42;
}
.inf-box p {
  padding-left: 30px;
  margin-bottom: 5px;
}
.pin {
  background: url(../images/pin.svg) no-repeat;
  background-size: 30px;
}
.tel {
  background: url(../images/tel.svg) no-repeat;
  background-size: 30px;
}
.fax {
  background: url(../images/fax.svg) no-repeat;
  background-size: 30px;
}
.mail {
  background: url(../images/mail.svg) no-repeat;
  background-size: 30px;
}
.earth {
  background: url(../images/earth.svg) no-repeat;
  background-size: 30px;
}
@media screen and (min-width:992px) and (max-width:1024px){
[data-mapcontent] [data-itemcontent] li {
     min-height: 200px;
}
}
@media screen and (max-width:991px){
[data-mapcontent] ul li {
    width: 100%;
}
[data-tab] li{
margin: 2px;
}
[data-tab] {
    padding: 15px 0 40px 0px;
}
[data-mapcontent] [data-itemcontent] li{
width:100%;
}
}
@media screen and (max-width:375px){
  [data-tab] {
    /* padding: 40px 0; */
    float: left;
    width: 100%;
  }
}
