span,p,a{ color:#000; text-decoration:none; font-family: regular-font, Constantia, Lucida Bright, DejaVu Serif, Georgia, serif;}
h1{  font-size:40px; font-family:bold-font,Impact,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#0e76bc; }
h2{  font-size:25px; }
h3{  font-size:18px; font-family:regular-font,Impact,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#232323; }
h4{  font-size:50px; font-family:bolditalic-font,Impact,Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#000; margin-bottom: 20px; }

a:hover{}

html {
  scroll-behavior: smooth;
}

.modal-header h4{
	font-size: 1.5em;
}

@font-face {
    font-family:italic-font;
    src:url(../font/HelveticaNeueLTStd-CnO.otf);
    font-weight:400;
}


@font-face {
    font-family:bolditalic-font;
    src:url(../font/HelveticaNeueLTStd-BdCnO.otf);
    font-weight:400;
}


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


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

.slogan-box{ margin: 200px 0 0 0; width: 550px; float:left;}

.topic{ position: relative; float: left; width: 100%;}
.topic h1{ float: left;}
.topic p{ float: left; margin-left:10px; padding-top:17px; }
.line-dot{ float: left; width:100% ; height: 1px; background:url(../images/line-dot.png) repeat; margin:10px 0 40px 0; }




body.inner-page{ background:url(../images/bg-inner.jpg)center top no-repeat;}

#body-inner{ background:url(../images/bg-rexy-inner.png) repeat; float: left; width: 100%; margin: 55px 0 80px 0; padding: 50px 0;}


.product-thump{ float:left; width: 100%; position: relative; margin-bottom: 50px;}
.product-thump img{ float:left;}

.info-1{ padding-top:60px;}
.info-1 h1{ font-size:30px;}
.info-1 h3{ font-family:italic-font,Impact,Tahoma, Geneva, sans-serif; font-size: 16px; margin-bottom: 12px;}
.info-1 p{ font-size:13px;}

.info-2{ float:left; margin-top:18px;}

.info-2 table tr td{font-family: regular-font, Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; font-size: 12px; padding:2px 13px 2px 0; }

.star-b{background: url(../images/star-b.jpg); width: 17px; height: 12px; float: left; margin-left: 3px;}
.star{background: url(../images/star.jpg); width: 17px; height: 12px; float: left; margin-left: 3px;}


.info-3{ float:left; margin:18px 0 0 20px;}
.info-3 table tr td{font-family: regular-font, Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; font-size: 12px; padding:2px 13px 2px 0; }

#top-nav{ float: left; width: 100%; }
#index-banner{ background: url(../images/banner-bg.jpg) center top no-repeat; float: left; width: 100%; height: 527px; }
#index-body{ float: left; width: 100%; padding: 80px 0;}
#authenticity{ float: left; width: 100%; height: 378px;  background: url(../images/index-authenticity-bg.jpg) center top no-repeat #f2f2f2; padding: 100px 0 0 0; }
#authenticity img{ float:left;}
#authenticity h1{ color:#232323;}
#authenticity button{ height: 39px; background: #0b1929; color: #fff; border-radius: 3px; padding:10px 15px;
	border:none;font-family:regular-font,Impact,Tahoma, Geneva, sans-serif;  font-size: 20px; cursor: pointer;}

#authenticity button:hover{ background: #0e76bc;}
#authenticity input{ height: 25px; width: 200px; margin-bottom: 21px;}


#footer{ float: left; width: 100%; padding: 10px 0; background: #0b1929; text-align: center;  }

#footer span{color:#A2A2A2; padding-bottom: 37px;}
#footer img{ vertical-align: middle;}

#top-nav-menu{ float: right; }
#top-nav-menu ul{ list-style: none; }
#top-nav-menu ul li{ display: inline-block; font-family: regular-font, Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; margin-top: 48px;}
#top-nav-menu ul li a{ cursor: pointer; display: inline-block; padding: 6px 7px;}
#top-nav-menu ul li a:hover{background:#0e76bc; color: #fff; }



.sep1{ width: 1px; margin: 0 5px;}

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

img#index-banner-product{ position: absolute; right: 5px; top:135px;}

img#logo-img{ float: left; vertical-align:top;}

.teaser-product-box{ float:left; width: 32%; margin-top: 50px;}
.teaser-product-box img{ float: left; width:202px;}
.teaser-product-box h1{ font-size: 25px; margin-top: 115px; margin-bottom: 10px;}
.teaser-product-box button{ height:25px; width: 25px; background: url(../images/readmore-btn.png); border: none; cursor: pointer; margin-right: 10px; float: left;}
.teaser-product-box button:hover{ background-position:right;}
.teaser-product-box a{ display:block; float: left; margin-top: 7px;}
.teaser-product-box a:hover{ color:#58922a;}

.checkcode-container{ float: left; margin-left: 50px; }



.top-nav-product-submenu{ position: absolute; /* width: 416px; height: 57px;*/ color: #fff;
	padding: 0 5px;  background: url(../images/submenu-bg-rep-x.jpg)repeat-x; overflow-y: hidden;}

.top-nav-product-submenu ul li{ margin: 0!important;}
.top-nav-product-submenu ul li a{ color:#fff; cursor: pointer; display: inline-block;}
.top-nav-product-submenu ul li a:hover{ text-decoration: underline; background:none!important; }

.menu-product{ width: 308px; height: 42px; position: absolute; top: 9px; right: 0px; background: url(../images/product-menu-bg.png);}
.menu-product ul{ list-style:none; padding-left: 45px;}
.menu-product ul li{ display:inline-block; vertical-align: middle;}
.menu-product ul li a{ color:#fff; display:inline-block; cursor: pointer;}
.menu-product ul li a:hover{ text-decoration: underline;}
.sep2{ background: url(../images/sep2.jpg); height: 42px; width: 2px; margin: 0 17px;}

.about-pic{ margin-bottom: 20px; }


.inbox{ float: left; padding: 20px; background: #939393; width: 355px; font-family: regular-font, Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; font-size: 15px; margin: 20px 20px 0 0;}
.topic-inbox{ width:100px; float: left; height: 20px; margin: 5px 0; }
.inbox input,textarea{ width:250px; border: none; clear: both; margin: 5px 0; height: 20px;}
.inbox textarea{height: 200px; resize: none;}

.contact-info{ float:left; margin-top: 20px;}
.contact-info a{color:#0e76bc; }
.contact-info a:hover{text-decoration: underline;}




.inbox button {
  background: #0e76bc;
  width: 86px;
  height: 28px;
  border: none;
  cursor: pointer!important;
	display:inline-block;
	color: #fff;
	float: right;
	margin-right: 3px;
}
.inbox button:hover{ background: #0b283c;}

@media screen and (max-width: 1040px) {
	.pagewarp{ width:100%;}
	#top-nav-menu{ margin-right: 20px;}
	.slogan-box {margin: 185px 0 0 25px;}
	.teaser-product-box img{ width:180px;}
	.teaser-product-box h1{margin-top: 92px;}
	#index-body {  width: 96%;  padding: 80px 2%;}
	#authenticity{ width: 96%;  padding: 80px 2% 0 2%;}
}




@media screen and (max-width: 960px) {
	.slogan-box{margin: 124px 0 0 32px; width: 425px;}
	h4{ font-size:40px;}
	.teaser-product-box img { width: 155px;}
	#index-body { padding: 50px 2%;}
	#authenticity{padding: 60px 2% 0 2%;}

}

@media screen and (max-width: 790px) {
	#top-nav-menu{
		height: 6em;
	}

	#top-nav-menu ul {
		display: flex;
		font-size: 0.8em;
		padding-left: 0px
	}
	#index-banner{ height:420px;}
	img#index-banner-product{ width:350px; top: 85px;}
	.slogan-box p{ font-size:15px; width:350px;}
	h4{ font-size: 33px;}
	.slogan-box img { width: 55%; margin: 4px 0 0 2%;}
	h1{font-size: 34px;}
	.teaser-product-box img {   width: 115px;}
	.teaser-product-box h1 {  font-size: 21px; margin-top:48px;}
	#authenticity img { float: left; width: 30%;}
	.checkcode-container { float: left;  margin-left: 50px;  width: 50%;}
}

@media screen and (max-width: 480px) {
	#index-banner { height: 550px;}
	.slogan-box { margin: 40px 0 0 32px;}
	img#index-banner-product {	left: 23px;    width: 68%;    top: 264px;}
	#index-body { padding: 90px 2%;}
	.teaser-product-box { text-align: center;}
	.teaser-product-box button{display:none;}
	.teaser-product-box a{float: none; margin-top:0;}
	.slogan-box{width:96%; margin:40px 0 0 4%;}
}

@media screen and (max-width: 420px) {
	img#index-banner-product {   top: 200px; }
	.slogan-box img {
    width: 50%;
    margin: -10px 0 0 2%;}
	h4 {   font-size: 30px;}
	.slogan-box p {  font-size: 14px;}
	#index-banner {    height: 465px;}
	#authenticity input{ margin-bottom:10px;}
	#authenticity { width: 92%; padding: 60px 4% 0 4%;}
	.checkcode-container { margin-left: 25px;}
	img#logo-img{ width:270px;}
	#index-body { padding: 90px 4%; width:92%;}
}

@media screen and (max-width: 380px) {


}