@charset "utf-8";

.subCon { position: relative; min-width: 1200px;  font-weight: 400; }
.subCon .inner { position: absolute; top: 0; width: 1200px; margin-left: -600px; }
.subCon h2,
.subCon h3 { font-weight: 300; }

b,
.eb7 {  font-weight: 900; letter-spacing: -3px;   }
.t1 { font-weight: 300; letter-spacing: -3px; }
.r4 {  font-weight: 400; letter-spacing: -3px; }
.l3 {  font-weight: 100; letter-spacing: -2px; }
.m5 {  font-weight: 500; letter-spacing: -2px; }
.b6 {  font-weight: 900; letter-spacing: -1px; }
.h8 {  font-weight: 900; letter-spacing: -3px; }
em { font-style: normal; }
.c_img { position:relative; left:50%; max-width: 1920px !important; margin-left:-960px!important; line-height:0; font-size:0;}
.hidden2 { position: absolute; top: -99999px; left: -99999px; width: 0; height: 0; opacity: 0; }

.natural .bg1 {background:#44d8dc;}
.natural .bg2 {background:#7fd4f0;}
.natural .bg3 {background:#ff6a98;}
.natural .bg4 {background:#fcf779;}

.sec1 {}
.sec1 h2 { position: absolute; top: 150px; left:0; line-height: 2.6; color: #fff; font-size: 80px; text-align: left; }
.sec1 h2 strong { font-weight: bold; font-size: 96px; letter-spacing: 15px;}
.sec1 .desc { position: absolute; top: 585px; left: 35px; color: #06b1b4; font-size: 40px; font-style: italic; letter-spacing: 2px;}

.sec2 .desc1 { position: absolute; top: 216px; left: 0; width: 100%; color: #fcf779; font-size: 40px; font-style: italic; text-align: center; }    
.sec2 h2 { position: absolute; top: 275px; left: 345px; line-height: 1.2; color: #fff; font-size: 85px; text-align: center; letter-spacing: -4px; }
.sec2 h2 strong { font-weight: bold; font-size: 96px; }            
.sec2 .desc2 { position: absolute; top: 911px; left: 0; width: 100%; color: #06b1b4; font-size: 40px; font-style: italic; text-align: center; }

.sec3 { color: #fff; }
.sec3 .inner { text-align: center; }
.sec3 .desc1 { position: absolute; top: 191px; left: 0; width: 100%; font-size: 50px; }
.sec3 h2 { position: absolute; top: 275px; left: 0; width: 100%; font-size: 92px; }
.sec3 h2 strong { margin-left: 210px; font-weight: bold; font-size: 96px; }
.sec3 h2 span { font-size: 60px; }

.sec3 .desc2 { position: absolute; top: 414px; left: 0; width: 100%; color: #06b1b4; font-size: 40px; font-style: italic; text-align: center; }
.sec3 .desc3 { position: absolute; top: 725px; left: 0; width: 100%; color: #fff; font-size: 23px; text-align: center; text-indent: 40px; }
.sec3 .desc4 { position: absolute; top: 800px; left: 0; width: 100%; line-height: 1.4; color: #fff; font-size: 36px; text-align: center; text-indent: 40px; letter-spacing: 2px; }
.sec3 .desc4 em { color: #06b1b4; background: #FCF779; }
.sec4 h2 { position: absolute; top: 122px; left: 95px; width: 446px; line-height: 1.3; color: #fff; font-size: 56px; text-align: right; }
.sec5 { color: #000; }
.sec5 .desc { position: absolute; top: 193px; left: 0; width: 100%; line-height: 1.4; font-size: 36px; letter-spacing: -3px; }
.sec5 .desc b { color: #fff; }
.sec5 .desc2 { position: absolute; top: 930px; left: 0; width: 100%; font-size: 36px; }
.sec5 h2 { position: absolute; top: 1125px; left: 0; width: 100%; line-height: 1.2; font-size: 70px; }
.sec5 h2 span { color: #44d8db; }
.sec5 ul { position: absolute; top: 1580px; left: 0; width: 100%; }
.sec5 ul li { float: left; width: 393px; line-height: 1.3; margin-left: 10px; font-size: 22px; }
.sec5 ul li:first-child { margin-left: 0; }

.sec6 { color: #fff; }
.sec6 .desc1 { position: absolute; top: 91px; left: 0; width: 100%; font-size: 36px; }
.sec6 h2 { position: absolute; top: 675px; left: 0; width: 100%; font-size: 92px; }
.sec6 h2 strong { margin-left: 210px; font-weight: bold; font-size: 96px; }
.sec6 h2 span { font-size: 60px; }
.sec6 .desc2 { position: absolute; top: 827px; left: 0; width: 100%; color: #06b1b4; font-size: 40px; font-style: italic; text-align: center; }

.sec7 h2 { position: absolute; top: 100px; left: -40; width: 100%; line-height: 1.3; font-size: 50px; }
.sec7 h2 span { margin-right: 300px; }
.sec7 h2 b { font-size: 70px; }
.sec7 .desc { position: absolute; top: 290px; left: 0; width: 100%; color: #fff; font-size: 40px; font-style: italic; text-align: center; }
.sec7 .desc span {  }
.sec7 .desc span:first-child { margin-right: 100px; }

.sec8 div { position: absolute; top: 380px; left: 0; width: 350px; line-height: 1.2; color: #fff; font-size: 62px; text-align: right; }
.sec8 h2 { position: absolute; top: 380px; right: 0; width: 350px; line-height: 1.2; font-size: 61px; text-align: left; letter-spacing: -3px; color: #fff; font-weight: 500;}
.sec8 h2 span {  }
.sec8 b { font-size: 70px; text-shadow: 0 0 5px black; }