@charset "utf-8";
@import url("../../../webfonts/NotoSans_Regular/stylesheet.css");
@import url("../../../webfonts/AnticSlab_Regular/stylesheet.css");
@import url("../../../webfonts/ArchitectsDaughter/stylesheet.css");
 .margin {
     width: 76%;
     margin-right: 12%;
     margin-left: 12%;
     box-shadow: 0px 0px 3px 0px rgb(153,153,153);
     background-color: rgb(255,255,255);
     border: 1px solid #cccccc;
     height: auto;
     box-sizing: border-box;
     float: left;
     margin-top: 20px;
}
 .margin .up{
     float: left;
     width: 100%;
}
 .margin .up #utitle{
     font-size: 30px;
     color: rgb(51,51,51);
     float: left;
     font-weight: bold;
     width: 100%;
     margin-top: 30px;
     margin-right: 5%;
     margin-bottom: 30px;
     margin-left: 5%;
     font-family: ArchitectsDaughter;
}
 .margin .up #slogan {
     font-size: 20px;
     color: rgb(51,51,51);
     float: left;
     /* [disabled]font-weight: bold; */
     /* [disabled]padding: 10px; */
     text-align: center;
     width: 100%;
     margin-top: 10px;
     margin-bottom: 30px;
     font-family: ArchitectsDaughter;
}
 .margin #first {
     float: left;
     width: 96%;
     padding: 2%;
     margin-top: 70px;
     margin-bottom: 70px;
}
 .margin #first .image {
     float: left;
     height: 200px;
     width: 20%;
     margin-right: 2.5%;
     margin-left: 2.5%;
}

 .margin #first .image img{
     float: left;
     height: 100%;
     width: 90%;
}
 .margin #first #title {
     float: left;
     width: 75%;
     font-size: 30px;
     color: rgb(51,51,51);
     /* [disabled]margin-top: 30px; */
}

 .margin #first #yazi {
     float: left;
     width: 75%;
     /* [disabled]padding-right: 2.5%; */
     /* [disabled]padding-left: 2.5%; */
     text-indent: 30px;
     text-align: justify;
}

 .margin #second {
     float: left;
     width: 96%;
     
     padding: 2%;
}
 .margin #second #title {
     float: left;
     width: 50%;
     font-size: 30px;
     color: rgb(51,51,51);
     /* [disabled]margin-top: 50px; */
}

 .margin #second #yazi {
     float: left;
     width: 50%;
     /* [disabled]padding-right: 2.5%; */
     /* [disabled]padding-left: 2.5%; */
     text-indent: 30px;
     text-align: justify;
}
 .margin #second .image {
     float: right;
     height: 200px;
     width: 45%;
     margin-right: 2.5%;
     margin-left: 2.5%;
}

 .margin #second .image img{
     float: left;
     height: 100%;
     width: 100%;
     border-radius: 5px;
}


 .margin #third {
     float: left;
     width: 96%;
     
     padding: 2%;
}
 .margin #third .image {
     float: left;
     height: 50px;
     width: 30%;
     margin-right: 2.5%;
     margin-left: 2.5%;
}

 .margin #third .image img{
     float: left;
     height: 100%;
     width: 100%;
     border-radius: 5px;
}
 .margin #third #title {
     float: left;
     width: 65%;
     font-size: 30px;
     color: rgb(51,51,51);
     /* [disabled]margin-top: 30px; */
}

 .margin #third #yazi {
     float: left;
     width: 65%;
     /* [disabled]padding-right: 2.5%; */
     /* [disabled]padding-left: 2.5%; */
     text-indent: 30;
     text-align: justify;
}

 .margin #fourth {
     float: left;
     width: 96%;
     padding: 2%;
     background-attachment: local;
     background-repeat: no-repeat;
}
 .margin #fourth .image {
     float: right;
     height: 50px;
     width: 20%;
     margin-right: 2.5%;
     margin-left: 2.5%;
     /* [disabled]margin-top: 80px; */
}

 .margin #fourth .image img{
     float: left;
     height: 100%;
     width: 100%;
}
 .margin #fourth #title {
     float: left;
     width: 75%;
     font-size: 30px;
     color: rgb(51,51,51);
     /* [disabled]margin-top: 30px; */
}

 .margin #fourth #yazi {
     float: left;
     width: 75%;
     /* [disabled]padding-right: 2.5%; */
     /* [disabled]padding-left: 2.5%; */
     text-indent: 30;
     text-align: justify;
}
 .margin #fifth {
      
     float: left;
     width: 96%;
     
     padding: 2%;
}
 .margin #fifth .image {
     float: left;
     height: 200px;
     width: 22%;
     margin-right: 2.5%;
     /* [disabled]margin-left: 2.5%; */
}

 .margin #fifth .image img{
     float: left;
     height: 100%;
     width: 100%;
     border-radius: 5px;
}
 .margin #fifth #title {
     float: left;
     width: 75%;
     font-size: 30px;
     color: rgb(51,51,51);
     /* [disabled]margin-top: 30px; */
}


 .margin #fifth #yazi {
     float: left;
     width: 75%;
     /* [disabled]padding-right: 2.5%; */
     /* [disabled]padding-left: 2.5%; */
     text-indent: 30px;
}
 .margin #fifth #cnews {
     background-color: rgb(237,237,237);
     float: left;
     width: 75%;
     margin-top: 10px;
     margin-bottom: 10px;
     border-radius: 5px;
}
 .margin #fifth #news {
     float: left;
     font-size: 24px;
     color: rgb(51,51,51);
     /* [disabled]margin-top: 30px; */
     padding: 10px;
}

 .margin #fifth #frm {
     /* [disabled]background-color: rgb(238,249,255); */
     float: left;
     /* [disabled]height: 50px; */
     padding: 10px;
}
 .margin #fifth #frm form input {
     border: medium solid #2FB5EA;
     border-radius: 4px;
     /* [disabled]padding: 5px; */
}
 .margin #fifth #frm form {
     margin: 10px;
     float: left;
     width: 100%;
}
