|
|
| Line 1: |
Line 1: |
| − | body{ min-width: 1024px; min-height: 465px; position: relative;}
| |
| − |
| |
| − | .SSTi-SZGD{ background: url(../img/Business_Plan_banner.png) no-repeat center center; height: 600px; background-size: cover; padding-top: 15px;}
| |
| | | | |
| − | /*custom header*/
| |
| − | .header .nav .Project span,.header .nav .Project li:nth-of-type(1) a{ color: #FAEE0D;}
| |
| − | /*Content*/
| |
| − | .Content{ width: 100%; background: #FFFFFF;font-size: 1.8rem;}
| |
| − | .Content .left{ float: left;}
| |
| − | .Content .right{ float: right;}
| |
| − | .Content .Title{ font-size: 4rem; color: white; background: #AAABE4; height: 78px; padding: 0 25px; line-height: 75px;}
| |
| − | .Content p{ line-height: 37.5px;}
| |
| − | .Content .Headline{ font-size: 2.5rem; padding-left: 25px}
| |
| − |
| |
| − | .Overview,.Model,.Production,.Financial,.Promotion{ width: 1360px; margin: auto; border-top: 3px solid #AAABE4;}
| |
| − | .Overview .Title{ width: 230px;}
| |
| − | .Model .Title{ width: 358px;}
| |
| − | .Production .Title{ width: 875px;}
| |
| − | .Financial .Title{ width: 380px;}
| |
| − | .Promotion .Title{ width: 619px;}
| |
| − | .Overview p:nth-last-of-type(1),.Model p:nth-last-of-type(1){ padding: 35px 10px; text-indent: 30px;}
| |
| − | .clear{clear: both;}
| |
| − | .Model .img img{width: 818px;margin:0 auto;padding-bottom: 35px;}
| |
| − |
| |
| − | .Production .left,.Production .right{width: 655px;height: 318px;padding:25px;margin:35px auto;background-color: #C9CAEA;}
| |
| − | .Production .Enzyme .section,.Financial .section{ margin-left: 40px;padding-bottom: 35px;}
| |
| − | .Production .img img,.Financial .img2 img{width: 95%;margin:0 35px;padding-bottom: 35px;}
| |
| − | .Production .img2 img{width: 50%;margin:0 auto;padding-bottom:35px;}
| |
| − | .Financial .Headline2{ padding-left: 340px;font-size:25px;padding-bottom:20px;}
| |
| − | .Financial .img img{width: 50%;margin:0 auto;padding-bottom:35px;}
| |
| − | .Promotion .section{padding:35px 0;}
| |
| − | .Promotion .left,.Promotion .right{width: 635px;}
| |
| − | .warp1{height: 320px}
| |
| − | .warp2{height: 435px;}
| |
| − | .warp3{height: 220px;}
| |
| − | .warp4{height: 400px;}
| |
| − | .warp{margin-left: 40px;}
| |
| − | /*--1920--*/
| |
| − | @media only screen and (max-width: 1920px) {
| |
| − | .header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;}
| |
| − | .topic p{ font-size: 5.5rem;}
| |
| − | }
| |
| − |
| |
| − | /*--1366--*/
| |
| − | @media only screen and (max-width: 1366px) {
| |
| − | html{ font-size: 55%;}
| |
| − | .header .logo span{ margin-top: 16px;}
| |
| − | .header .nav .mainnav span{ margin-bottom: 21.5px;}
| |
| − | .topic p{ font-size: 5rem;}
| |
| − | .Content{font-size: 1.3rem;}
| |
| − | .Content ul{ left: -539px;}
| |
| − | .Content ul li{ margin: 85px 74.5px; height: 600px;}
| |
| − | .Content .Title{ font-size: 2.9rem;height: 60px; padding: 0 25px; line-height: 58px;}
| |
| − | .Content p{ line-height: 26.5px;}
| |
| − | .Content .Headline{ font-size: 1.7rem; padding-left: 55px;}
| |
| − |
| |
| − | .Overview,.Model,.Production,.Financial,.Promotion{ width: 1000px; margin: auto; border-top: 3px solid #AAABE4;}
| |
| − | .Overview .Title{ width: 170px;}
| |
| − | .Model .Title{ width: 245px;}
| |
| − | .Production .Title{ width: 570px;}
| |
| − | .Financial .Title{ width: 260px;}
| |
| − | .Promotion .Title{ width: 415px;}
| |
| − | .Overview p:nth-last-of-type(1),.Model p:nth-last-of-type(1){ padding: 25px 10px; text-indent: 30px;}
| |
| − | .clear{clear: both;}
| |
| − | .Model .img img{width: 818px;margin:0 auto;padding-bottom: 35px;}
| |
| − |
| |
| − | .Production .left,.Production .right{width: 455px;height: 250px;padding:25px;margin:35px auto;background-color: #C9CAEA;}
| |
| − | .Production .Enzyme .Headline,.Financial .Headline{ padding-left: 40px;font-size:25px; }
| |
| − | .Production .Enzyme .section,.Financial .section{ margin-left: 40px;padding-bottom: 35px;}
| |
| − | .Production .img img,.Financial .img2 img{width: 95%;margin:0 35px;padding-bottom: 35px;}
| |
| − | .Production .img2 img{width: 50%;margin:0 auto;padding-bottom:35px;}
| |
| − | .Financial .Headline2{ padding-left: 250px;font-size:2.9rem;padding-bottom:20px;}
| |
| − | .Financial .img img{width: 50%;margin:0 auto;padding-bottom:35px;}
| |
| − | .Promotion .section{padding:35px 0;}
| |
| − | .Promotion .left,.Promotion .right{width: 475px;}
| |
| − | .warp1{height: 210px;}
| |
| − | .warp2{height: 255px;}
| |
| − | .warp3{height: 130px;}
| |
| − | .warp4{height: 200px;}
| |
| − | .warp{margin-left: 40px;}
| |
| − |
| |
| − | /*--1190--*/
| |
| − | @media only screen and (max-width: 1190px) {
| |
| − | html{ font-size: 52%;}
| |
| − | .header .nav .Team{ width: 90px;}
| |
| − | .header .nav .Project{ width: 100px;}
| |
| − | .header .nav .Application{ width: 115px;}
| |
| − | .header .nav .Human_Practices{ width: 135px;}
| |
| − | .header .nav .Achievement{ width: 120px;}
| |
| − | .header .nav .mainnav span{ padding-top: 6.5px; margin-bottom: 22px;}
| |
| − | .topic p{ font-size: 4.5rem;}
| |
| − | .Content ul{ left: -450px;}
| |
| − | .Content ul li{ margin: 85px 36.5px;}
| |
| − | }
| |
| − |
| |
| − | /*--1024--*/
| |
| − | @media only screen and (max-width: 1024px) {
| |
| − | .Content ul{ left: -830px;}
| |
| − | .Content ul li{ margin: 85px 220px;}
| |
| − | }
| |
