* {
    box-sizing: border-box;
    font-family: Helvetica, Arial, LiHei Pro,Microsoft JhengHei, sans-serif; 
}

html{
    height: 100%;
    overflow-y: scroll;
}

body{
/* 	background:url('../img/texture.png');
 */	background-color: #FFF;
}

@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg#iconfont') format('svg');
}

p{
    font-weight: 700;
}
img{
    margin: 0 auto;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 4.3rem;
    font-style: normal;
    list-style: none;
    margin-top: 2px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* 
@media screen and (max-width:480px) {
    .iconfont {
        font-size: 2.2rem;
    }
} */
/*================
=video
=================*/
div.laptop-wrapper {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
}
div.laptop-wrapper iframe{
    box-sizing: border-box;
    background: url('../img/mac.png') center center no-repeat;
    background-size: contain;
    padding: 3.4% 10.8% 18.6%;/* 11.9% 15.5% 14.8% */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

video {
    position:absolute;
    z-index:0;
}
video.fillWidth {
    width: 100%;
}
.vcenter{
    padding: 5% 0;
}

/*================================================================*/
/*===============
= header
================*/
.headertop{
    margin: 0;
    padding: 0;
    background: #d7000f ;
}


/*===============
= first
================*/
.first{
    padding: 0 0 5% 0;
}

/*=============
= second
==============*/
.second{
    padding: 5% 0;
}

/*==============
= third
===============*/
.third{
   padding: 2% 0; 
}
/*==============
=forth
===============*/
.forth{
	padding: 5% 0;
}
.forth img{
    margin: 0 auto;
}
/*==================
=fifth
====================*/
.fifth .row {
	padding: 5% 0;
}
.fifth img{
	margin: 0 auto;
}
.ft p{
    font-size: 2rem;
    text-align: justify;
    padding: 1% 0;
}

/*===============
= product
===============*/
.price .center span,
.total .center span{
	font-size: 30px;
}
.alltotal{
	padding: 3% 0;
	border-bottom: 2px solid #aaa; 
}
.mobile {
    display: none;
}

.button {
    display: block;
    background: #a9e200;
    text-decoration: none;
    color: #FFF;
    padding: 5px;
    text-align: center;
}
.checkimg{
    padding: 5%;
    background: #FFF;
    border-radius: 1rem;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
.checktext{
    padding: 3% 1%;
    background: #FFF;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
.spectext{
    font-size: 2.8rem;
}
.checkprice h4{
    font-size: 2.5rem;
}
.input-stepper {
    background: white;
    border: 2px solid #dedede;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 5px;
}

.input-stepper button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    font-size: 20px;
}

.input-stepper button[disabled] {
    cursor: not-allowed;
    opacity: .4;
}

.input-stepper button i {
    color: #07c;
}

.input-stepper input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-size: 20px;
    text-align: center;
    width: 60px;
    display: inline-block;
}
.inputitem{
	padding: 2% 0;
}

.sgstext{
    text-align: center;
}

.fancybox img{
    padding: 5% 0;
}

.cartrow{
    margin: 5% 0;
}
.carousel-wrap {
  margin: 50px auto;
  padding: 0 5%;
  width: 100%;
  position: relative;
}
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}

.sl-wrapper .sl-close{
    z-index: 10099;
}
.sl-wrapper .sl-navigation button{
    z-index: 10099;
}
.sl-wrapper .sl-close, .sl-wrapper .sl-counter{
    color: #FFF;
    z-index: 10099;
}
.sl-wrapper .sl-navigation button{
    color: #FF0000
}
.sl-overlay{
    background: #000;
    opacity: .9;
}
.sl-wrapper .sl-navigation button.sl-next{
    right: 25px;
}
.sl-wrapper .sl-navigation button.sl-prev{
    left: 25px;
}
.RR{
    color:#cb4042;
    font-size: 2.5rem;
}
.RRR{
    color:#FF0000;
    font-size:35px;
}
.RRR big{
    color:#f4f900;
    text-shadow:3px 3px 0 #FF0000,  -1px -1px 0 #FF0000,1px -1px 0 #FF0000,-1px 1px 0 #FF0000,1px 1px 0 #FF0000;
}
.detailprodbox{
    display: inline-grid;
}

.zipcode,.county,.district{display:inline-block;margin-right:4px}
.pillow{
/*         background: url('../img/texture.png');
 */        background-color: #FFF;
        padding: 2% 0;
}
footer{
/*     background: url('../img/texture.png');
 */    background-color:#FFF; 
}
.deltext,
#pillcount{
    color: #FF0000;
}
.textshadow{
    text-shadow: 0 0 5px rgba(255,0,0,0.5);
    color: #FFF;
}
.movi{
    padding: 2% 0;
}

.pilltitle{
    color: #6495ed;
}
.panel-title{
    font-size: 18px;
}
.addr{
    padding: 5% 0; 
}
.bp{
    font-size: 2.5rem;
}

.topinline {
    margin-top: 1%;
}

.socialnetwork {
    margin: 0 auto;
    padding: 1% 0;
}


.socialnetwork li {
    margin-left: 10px;
}

.socialnetwork li a {
    padding: 1rem 1rem 0.8rem 1rem;
    font-size: 3.8rem;
    transition: all 0.3s ease-in;
    color: #FFF;
}

.socialnetwork li a:hover {
    color: #FFF;
    border: none;
}
.FF{
    color: #FFF;
}

/* .socialnetwork :nth-child(1) a {
    background: #00C200;
}
.socialnetwork :nth-child(2) a {
    background: #3b5998;
} */
/* .bsss{
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding: 2% 0;
} */

.sh3{
    font-size:2.6rem ;
}
@media screen and (max-width: 480px){
    .sh3{
    font-size:2rem ;
}
}
.hidexx{
    color: #FFF;
}

small{
    color: #FF0000 !important;
}
.hyper{
    font-size: 16px;
}
@media screen and (min-width:414px) {
    .hyper{
        margin-left: 28px;
    }
}
@media screen and (min-width:767px) {
    .hyper{
        text-align: center;
        font-size: 19px;
    }
}
.fa-star{
    color: #EFBB24;
}

/*===========================probiotics=====================================*/
/*====================
=probiotics headetop
=====================*/
.headertop1{
    margin: 0;
    padding: 0;
    background: #FFF ;
}
.proinline{
    font-size: 2.1rem;
    font-weight: 700;
}
.prosecond{
    padding: 3% 0; 
}