Team:SSTi-SZGD/css/HP Intergrated

body{ min-width: 1024px; min-height: 489px; position: relative;}

.SSTi-SZGD{ background: url() no-repeat top center; padding-top: 15px; max-height: 910px;}

/*custom header*/ .header .nav .Human_Practices span,.header .nav .Human_Practices li:nth-of-type(2) a{ color: #FAEE0D;}

/*Content*/ .Content{ background: white; width: 100%; padding: 80px 0; text-align: justify; font-size: 1.8rem;font-family: "Arial Regular";font-weight: bold;} .Content p{ line-height: 37.5px;} .Content .left{ float: left;} .Content .right{ float: right;} .Content img{ width: inherit;} .Content .img{ width: 1360px; margin: 40px auto;} .Content .introduction{ font-size: 2.5rem; width: 1200px; margin: auto;} .Content .Title{ font-size: 3.75rem; color: white; background: #0d640f; height: 88px; padding: 20.5px 33px;}

.Village{ border-top: 3px solid #0d640f; width: 1360px; margin: 50px auto;} .Village .Title{ width: 740px;} .Firstparagraph{ height: 310px;} .Firstparagraph .left{ width: 670px; margin: 120px 0 0 25px;} .Firstparagraph .right{ width: 600px; margin: 70px 50px 0 0;} .Secondparagraph,.Thirdparagraph{ margin: 40px 0; padding: 0 50px 0 25px;} .Thirdparagraph{ font-size: 2rem;} .Thirdparagraph p{ background: url() no-repeat 10px center; padding-left: 35px; font-weight: normal;} .Thirdparagraph p:nth-of-type(1){ background: none; padding: 0; font-weight: 600;}

.balcony{ border-top: 3px solid #0d640f; width: 1360px; margin: auto;} .balcony .Title{ width: 705px;} .balcony .left{ width: 655px; margin: 50px 0 0 25px;} .balcony .right{ width: 595px; margin: 80px 50px 0 0;} .balcony .Top{ height: 500px; margin-bottom: 40px;} .balcony .Bottom{ height: 255px; border-top: 2.5px solid #333333;} .balcony .Bottom .right{ margin-top: -43px;}

.Orchard{ border-top: 3px solid #0d640f; width: 1360px; margin: auto;} .Orchard .Title{ width: 575px;} .Orchard .left{ width: 655px; margin: 80px 0 0 25px;} .Orchard .right{ width: 595px; margin-top: 50px;} .Orchard .Top{ height: 425px;} .Orchard .Top img{ position: absolute;} .Orchard .Bottom{ height: 280px;} .Orchard .Bottom .left{ margin-top: -25px;} .Orchard .Bottom .right{ margin: 0 30px 0 0;}

.Leveking{ border-top: 3px solid #0d640f; width: 1360px; margin: auto;} .Leveking .Title{ width: 685px;} .Leveking .Top .left{ width: 635px; margin: 70px 0 0 25px;} .Leveking .Top .right{ width: 485px; margin: 55px 100px 0 0;} .Leveking .Middle .left{ width: 650px; margin: 55px 0 0 -80px;} .Leveking .Middle .right{ width: 700px; margin: 0;} .Leveking .Bottom .left{ width: 135px; margin: 0 0 0 35px;} .Leveking .Bottom .right{ width: 1150px; margin: 20px 10px 0 0;} .Leveking .Top{ height: 260px;} .Leveking .Middle{ height: 515px; margin: 40px 0;} .Leveking .Bottom{ height: 165px;}

/*--1920--*/ @media only screen and (max-width: 1920px) { .Content{ font-size: 1.3rem;} .Content p{ line-height: 26.5px;} .Content .img{ width: 1000px;} .Content .introduction{ font-size: 1.75rem; width: 900px;} .Content .Title{ font-size: 2.65rem; height: 64px;}

.Village{width: 1000px; margin: 30px auto;} .Village .Title{ width: 540px;} .Firstparagraph{ height: 220px;} .Firstparagraph .left{ width: 475px; margin: 70px 0 0 20px;} .Firstparagraph .right{ width: 427px; margin: 50px 35px 0 0;} .Secondparagraph,.Thirdparagraph{ margin: 40px 0; padding: 0 35px 0 20px;} .Thirdparagraph{ font-size: 1.4rem;}

.balcony{ width: 1000px;} .balcony .Title{ width: 520px;} .balcony .left{ width: 495px; margin: 40px 0 0 20px;} .balcony .right{ width: 425px; margin: 40px 35px 0 0;} .balcony .Top{ height: 350px; margin-bottom: 30px;} .balcony .Bottom{ height: 220px; border-top: 2.5px solid #333333;} .balcony .Bottom .right{ margin-top: -32px;}

.Orchard{ width: 1000px;} .Orchard .Title{ width: 423px;} .Orchard .left{ width: 500px; margin: 60px 0 0 20px;} .Orchard .right{ width: 365px; margin-top: 30px;} .Orchard .Top{ height: 270px;} .Orchard .Top img{ position: absolute;} .Orchard .Bottom{ height: 220px;} .Orchard .Bottom .left{ margin-top: -25px;} .Orchard .Bottom .right{ margin: 0 30px 0 0;}

.Leveking{ width: 1000px;} .Leveking .Title{ width: 500px;} .Leveking .Top .left{ width: 455px; margin: 50px 0 0 20px;} .Leveking .Top .right{ width: 340px; margin: 35px 100px 0 0;} .Leveking .Middle .left{ width: 495px; margin: 35px 0 0 -80px;} .Leveking .Middle .right{ width: 515px; margin: 0;} .Leveking .Bottom .left{ width: 95px; margin: 0 0 0 35px;} .Leveking .Bottom .right{ width: 850px; margin: 20px 10px 0 0;} .Leveking .Top{ height: 200px;} .Leveking .Middle{ height: 375px; margin: 40px 0;} .Leveking .Bottom{ height: 100px;} }

/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 50%;} .header .logo span{ margin: 15px 0;} .header .nav .Project{ width: 100px;} .header .nav .Application{ width: 100px;} .header .nav .Human_Practices{ width: 140px;} .header .nav .Achievement{ width: 120px;} .header .nav .Team{ width: 95px;} .header .nav .mainnav span{ padding-top: 8.5px; margin-bottom: 21px;} }