body{ background: #000; font-family:helve,Tahoma, Geneva, sans-serif; color:#fff;   }
body.inner1{background-position: -35px 0px; }
body.authenticity-page{ background: url("../images/checkcode_bg.jpg")top center no-repeat #55c3c7; }

span,p,a{  text-decoration:none;  font-family: helve,Tahoma, Geneva, sans-serif; color:#000;}
a{cursor: pointer; }
h1{  font-size:40px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000; }
h2{  font-size:37px; font-family:helve-bc,Tahoma, Geneva, sans-serif;text-transform:uppercase; color:#fff; }
h3{  font-size:18px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#232323; }
h4{  font-size:30px; font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000;  }

a{cursor: pointer;}
a:hover{}


html {
  scroll-behavior: smooth;
 }



@font-face {
    font-family:helve-bc;
    src:url(../font/HelveticaNeueLTStd-BdCn.otf);
    font-weight:400;
}

@font-face {
    font-family:helve;
    src:url(../font/HelveticaNeueLTStd-Cn.otf);
    font-weight:200;
}

@font-face {
    font-family:impact;
    src:url(../font/Impact.ttf);
    font-weight:200;
}


.pagewarp{ width: 1280px; margin:0px auto; position: relative;}

#sec1{ background: url("../images/bg-sec1.jpg") top center no-repeat #000; width: 100%; float: left; text-align: center; padding-bottom: 20px;}
.nav{ float: left; width: 100%; background: url("../images/menu-logo.jpg")center top no-repeat; height: 183px; }
img.main-product-sec1{ margin-top:209px;}
img.main-logo{margin:20px 0;}
.nav ul{}
.nav ul li{ list-style: none; display: inline-block; margin-left: 15px;}
.nav ul li:first-child{margin-left:0;}
.nav ul li a{ color:#e7dca1; text-transform: uppercase; font-size: 14px;}
.nav ul li a:hover{ color:#fff;}

.sec1-banner{width:100%; float:left;}

#sec1 h1{ font-size:27px; color:#e7dca1; letter-spacing: 22px; text-transform: lowercase; margin-top:127px;}





#sec2{ float:left; width:100%;}
.head-fasttrack{text-align:center; background: url("../images/head-fasttrack-bg.jpg")top center no-repeat;height: 45px; padding-top: 16px;  width: 100%; float: left;}
.head-fasttrack h1{ font-family:helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#fff; font-weight: bold; text-shadow: 2px 2px 3px #000;}



.fasttrack h1{position:absolute; color:#fff; left: 15px; bottom:14px; font-size:38px; line-height:0.9; text-align: left;}

button.fasttrack{ border:1px solid #4e4e4e; margin-left: 20px; margin-top: 20px; height: 268px; width:268px; position: relative; float: left;  cursor: pointer;}
button.fasttrack:hover{ background-position: 0.5% 0%; background-color: #080808; }

button.oral-fast{ background:url("../images/new/oral-fast.png") top right no-repeat; margin-left: 71px;}
button.injection-fast{ background:url("../images/new/inject-fast.png")top right no-repeat;}
button.peptide-fast{ background:url("../images/new/peptide-fast.png")top right no-repeat; }
button.anti-fast{ background:url("../images/new/anti-fast.png")top right no-repeat; }










#sec3{float:left; width:100%; background: url("../images/sec3-bg.jpg")center top no-repeat #000; min-height: 722px;}
img.sec3-model{float:left; margin-top: 150px;}
.sec3-info{ padding-top: 160px; float: left; width: 500px;}
.sec3-info h1{ color:#e4c47e; font-size: 59px;}
.sec3-info h2{ color:#fff; font-size: 115px; line-height: 0.9; margin-bottom: 30px;}
.sec3-info p{ color:#fff; font-size: 14px; margin-bottom: 33px; line-height: 1.3;}

.border-sec4{ float:left; width:100%; height: 10px; background: rgb(186,167,118); background: linear-gradient(90deg, rgba(186,167,118,1) 0%, rgba(235,219,179,1) 48%, rgba(186,167,118,1) 100%);}
#sec4{ float:left; width:100%; background: url("../images/sec4-bg.jpg")center top no-repeat #fff; height: 677px; }
#sec4 h1{color:#000; font-size: 115px; font-style: italic; line-height: 0.5;}
.sec4-info{width: 410px;text-align: right; margin: 155px 0 0 125px;}
h1.top-head-sec4{margin-right: 45px;}
.sec4-info p{margin-top:60px; line-height: 1.2; }



#sec5{float:left; width:100%; background:url("../images/sec5-bg.jpg")top center no-repeat; height: 645px; }
#sec5 h1{ color:#fff; font-size:46px; letter-spacing: 6px; text-shadow: 3px 3px 3px #ae8f3c;} 
#sec5 h2{ color:#fff; font-size: 246px; line-height: 0.95; margin-left: -11px; text-shadow: 3px 3px 3px #ae8f3c; margin-bottom: -20px;} 
#sec5 p{ color:#fff; margin-bottom: 30px;}
.sec5-line-top{float:left; width:100%; height: 1px; background: #fff; margin-top: 2px; }
.sec5-line-bottom{float:left; width:100%; height: 1px; background: #fff; }


.sec5-info{ float:left; width:445px; margin:100px 50px 0 150px;}
.sec5-info img{ margin-right:30px;}




#sec6{ float:left; width:100%; background: #fff; padding: 150px 0 100px 0;}
.content-sec5{ float:left; width: 90%; padding: 0 5%;}
#sec6 h1{ font-size: 90px; margin-bottom: 33px}
#sec6 p{ color:#545454;}
.contact-left{float:right; width:500px; margin-right: 130px; }
.contact-right{float:left;  width:auto; margin-left: 150px; }
.contact-right input, textarea{ width: 400px; border:1px sunderlineolid #999; resize: none; margin-bottom: 10px; padding: 5px 5px;}
.contact-right textarea{ height: 400px;}
.contact-right button{ width: 413px; border:none; background: #af975b; color:#fff; font-size: 20px; padding: 12px 0; }
.contact-right button:hover{ background: #846a2a;}


#footer{ color:#fff; float:left; width:100%; padding: 15px 0; background: #000; border-top:3px solid #af975b; text-align: center;}





/*----------------------------------------Product List Page--------------------------------------*/





#innerpage-top{ float:left; width: 100%; background: url("../images/innerpage-top-bg.jpg") repeat-x; height: 173px; }
img.innerpage-main-logo{float:left;}

.innerpage-nav{ float:right; margin:118px 30px 0  0; }

.innerpage-nav ul{}
.innerpage-nav ul li{ list-style: none; display: inline-block; margin-left: 30px;}
.innerpage-nav ul li:first-child{margin-left:0;}
.innerpage-nav ul li a{ color:#e7dca1; text-transform: uppercase; font-size: 16px;}
.innerpage-nav ul li a:hover{ color:#fff;}

.innerpage-banner{ background:url("../images/innerpage-banner-bg.jpg") center top no-repeat #000; height: 438px; float:left; width:100%; text-align: center;}

.innerpage-banner h1{  font-size:132px; font-family:impact,helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#fff; text-shadow: 4px 4px 4px #000; margin-top:145px; }


#main-content{float:left; width:100%; }

.product-box{ 
	border: 1px solid #454545;   
	background: rgb(0,0,0); 
	background: linear-gradient(43deg, rgba(0,0,0,1) 0%, rgba(11,11,11,0.9976191160057774) 100%);  
	width:90%; float:left; margin:0 5%;  
	padding: 23px 0;
	position: relative;
	margin-top:20px;
}

img.border-gold{position:absolute; top: 1px; left: 1px;}

img.product-thump{ float:left; margin:0 30px 0 50px}
img.innerpage-top-logo-productname{}
.product-info { float:left; margin-top:20px; width:350px;}
.product-info h1{ font-family:impact,helve-bc,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#fff; font-size: 55px;}
.product-info h2{ font-size:17px; color:#fff;  font-family:helve,Tahoma, Geneva, sans-serif; text-transform:uppercase; font-style: italic; letter-spacing: 1.5px;}
.product-info p{color:#fff; margin-top:8px;}
p.main-info-product{ margin: 25px 0 27px 0;}
img.bullet{margin-right:5px;}

.product-hilight{ margin: 32px 0 0 53px; float: left;}
.product-hilight ul{}
.product-hilight ul li{ list-style: none; margin-bottom: 15px;}
.product-hilight ul li span{ color:#fff; font-size:43px; vertical-align: bottom; line-height: 0.6; font-weight: bold;}
img.hilight-product-star{vertical-align:bottom; margin-right: 12px;}
.gold{ color:#faeebb!important;}
.white{color:#fff!important;}


.nav-res{ display:none; background:url("../images/res-nav-res-bg.png"); height: 80px; width:100%; position: fixed; bottom:0px; z-index: 1000; border-top:5px solid #dcc981;}
	button.res-nav-btn{width:32.5%; float: left; border: none; background:none; color:#fff;}
	button.res-nav-btn p{color:#fff; font-size: 18px;
text-transform: uppercase; margin-top: 29px;}
	.sep{width:2px; height: 80px; float: left; background: url("../images/sep-res-nav-bg.jpg") repeat-y;}



@media screen and (max-width: 1800px) {
	
}
@media screen and (max-width: 1700px) {
	
	
	
}
@media screen and (max-width: 1600px) {
	
}



@media screen and (max-width: 1400px) {
	
}
@media screen and (max-width: 1280px) {
	.pagewarp{width:100%; float: left;}
	
	button.fasttrack{width:23%; margin-left: 15px; background-size: 202%; height: 289px;}
	button.fasttrack:hover {	background-position: 1% 0%;}
	button.oral-fast{ margin-left:20px;}
	.sec3-info{width:44%; }
	
	.sec4-info {  width: 40%;  margin: 155px 0 0 5%;}
	.sec5-info {  width: 40%;  margin: 100px 50px 0 10%;}
	.contact-right{margin-left:10%;}
	
	
	
	
	
	/*----------------------------------------Product List Page--------------------------------------*/
	
	.product-box{width:95%; margin: 15px 2% 0 2%;}
}

@media screen and (max-width: 1200px) {
	img.sec3-model{ margin-left: -8%;}
	button.fasttrack{ height:268px;}
}

@media screen and (max-width: 1080px) {
	.sec3-info{width:40%; }
	.sec5-info {  width: 40%;  margin: 100px 4% 0 7%; }
	#sec5 p{margin-bottom:15px;}
	img.sec5-bottle{width:45%; margin-top: 20px;}
	.contact-right {  margin-left: 7%; }
	.contact-left {	width: 40%; margin-right: 7%;}
	#sec6 h1{line-height:0.8;}
}


@media screen and (max-width: 1024px) {
	#sec4{background-position: 40% 0;}
	img.sec5-bottle{margin-top: 50px;}
	#sec5 h1{ font-size: 41px; letter-spacing: 6px;  }
	#sec5 h2{ font-size:235px;}
	#sec6 {padding:105px 0 100px 0; }
	.product-box{ border-left:15px solid #e2d18a;}
	
	
	/*----------------------------------------Product List Page--------------------------------------*/
	img.border-gold{ display:none;}
	img.product-thump{margin: 0 10px 0 20px;}
	.product-info{width:270px;}
	.product-hilight{float:right; margin: 32px 50px 0 53px;}
}


@media screen and (max-width: 900px) {  
	#sec3{min-height:auto;}
	img.sec3-model { width:60%;   margin-left: -9%; margin-top: 174px;}
	.sec3-info{padding-top:117px;}
	.sec3-info h1{font-size:44px;}
	.sec3-info h2{font-size:102px;}
	button.oral-fast{margin-left:15px;}
	
	#sec4 h1{font-size:95px; line-height: 0.2;}
	.sec4-info{width:44%;}
	
	#sec5 h1{font-size:37px;}
	#sec5 h2 {  font-size: 210px;}
	#sec5 p {  margin-bottom: 30px;}
	img.sec5-bottle {  margin-top: 70px;}
	
	
	.contact-left{width:90%; margin: 0 5%; float: left;}
	.contact-right{ margin:50px 0 0 5%;}
	.contact-right textarea{height:250px;}
	.fasttrack h1{font-size:35px;}
	
	
	
	.product-hilight{ margin: 32px 24px 0 53px;}
	.product-hilight ul li span{font-size:38px;}
	.innerpage-banner h1.longtext{font-size: 110px; margin-top:160px;}
}

@media screen and (max-width: 850px)/*flip mobile samsung view*/ { 
	.fasttrack h1{font-size:33px;}
	
	
	.product-hilight {  float: left;  margin: -6px 50px 0 330px;  clear: both;}
	.product-hilight ul li span{font-size:43px;}
	.product-info{width:350px;}
	
	/*--*/
	.innerpage-banner h1{margin-top:99px; font-size: 129px;}
	.innerpage-banner h1.longtext{font-size: 90px; margin-top:125px;}
	
	.innerpage-banner{background: url("../images/innerpage-banner-bg.jpg") center center no-repeat #000; height: 342px;}
	img.innerpage-main-logo {  float: left;  width: 330px;  margin-top: 24px;}
	
}	


@media screen and (max-width: 800px) {  
	button.fasttrack{ margin-left:12px;}
	.sec3-info {  padding-top: 93px;}
	.sec3-info h2 {  font-size: 90px;}
	img.sec3-logo{width:200px;}
	.sec5-info {  width: 40%;  margin: 120px 4% 0 7%; }
	#sec5 h1{font-size:31px;}
	#sec5 h2{font-size:185px;}
	img.sec5-bottle {  margin-top: 90px;}

}




@media screen and (max-width: 736px) /*flip mobile view*/ { 
	.fasttrack h1 {  font-size: 27px;}
	#sec1 h1{font-size: 22px; letter-spacing: 16px;}
	button.fasttrack{height:218px;}
	
	/*------------------- wait for decide----------------*/
	.sec3-info {  padding-top: 93px;   position: absolute;   width: 90%;  left: 5%; }
	img.sec3-model {  width: 80%;   margin-left: -9%;   margin-top: 371px;  float: right;}
	.sec5-info img{width:100px;}
	img.sec4-logo{ width:155px;}
	#sec4 h1{line-height:0.6;}
	.sec4-info p{ margin-top: 42px;}
	.sec4-info{width:48%;}
	
	#sec5{ overflow:hidden; }
	img.sec5-bottle{float:right; margin-right:-26px;}
	
	
	
	
	
	
	img.product-thump{margin-bottom:39px;}
	.product-info{margin:0 0 0 50px;}
	.product-hilight {  float: right;   margin: 30px 50px 0 20px;  clear: none; }
	.innerpage-nav ul li{ margin-left: 25px;}
}








@media screen and (max-width: 430px){
	img.main-product-sec1{width:100%; margin-top:250px;}
	#sec1 h1 {  font-size: 21px;  letter-spacing: 9px; margin-top:135px; }
	.head-fasttrack h1{font-size:38px;}
	button.fasttrack{ margin-left: 12px; width: 46%; margin-top: 12px; height: 209px;}
	img.sec3-model{ width: 120%; margin-top: 480px; float: right;margin-right: -120px;}
	#sec4{ background: url("../images/sec4-bg-res.jpg")center top no-repeat #fff; height: auto; }
	.sec4-info{width:90%; margin: 450px 5% 0 5%; text-align: center;}
	.sec4-info p{font-size:15px; margin-bottom: 100px; line-height: 1.3; }
	
	.sec5-info {  width: 45%;   margin: 100px 4% 0 7%; }
	#sec5 h2 { font-size: 185px;}
	img.sec5-bottle{ position:absolute; top: 108px; right: -110px; width: 384px; float: none; margin: 0;}
	.sec5-info img {   width: 70px; margin-right: 10px; }
	.contact-right input, textarea{ width:350px;}
	.contact-right button{width:363px;}
	#sec3{overflow:hidden;} 
	
	
	
	
	#sec1{background-position-y: -16px;}
	
	.product-info{width:90%; margin:0 0 0 5%; }
	.product-hilight{ float:left;}
	img.innerpage-main-logo{float:none;}
	#innerpage-top{text-align:center;}
	.product-box{ border-left: 10px solid #e2d18a; width: 92%;}
	.innerpage-banner h1 {  font-size: 77px;}
	.innerpage-banner{height:275px;}
	.innerpage-nav{display:none; }
	.nav-res{ display:block;}
	
	ul.index-main-nav{display:none;}
	.innerpage-banner h1.longtext{font-size: 52px; margin-top:107px;}
	
} 



@media screen and (max-width: 390px) {	
	.contact-right input, textarea{ width:340px;}
	.contact-right button{width:353px;}
	.head-fasttrack h1 {   font-size: 33px;}
	.head-fasttrack{height: 40px; padding-top: 21px; }
	button.fasttrack {margin-left: 10px;}
	#footer{font-size:14px;}
	h1.special-text{font-size:47px;}
	
}

@media screen and (max-width: 375px) {	
	.contact-right input, textarea{ width:330px;}
	.contact-right button{width:343px;}
	#sec1 h1 {  font-size: 17px;   letter-spacing: 9px;  margin-top: 155px; }

}