@charset "utf-8";
@charset "utf-8";

 html,body { height: auto; padding: 0; margin: 0; font-size:16px; width: 100%; overflow-x: hidden; 
font-family:"PingFangHK-Regular", "PingFangTC-Regular", "PingFangSC-Regular", "sans-serif", "Microsoft YaHei";
color:#191919; line-height:180%; text-align: center;}
body {-webkit-user-select:none;-webkit-text-size-adjust:100%!important;}
*{ outline:none; 
-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea {font-family:"PingFangHK-Regular", "PingFangTC-Regular", "PingFangSC-Regular", "sans-serif", "Microsoft YaHei";}
input[type="number"]{-webkit-user-select:text;}
a,button,input,img{-webkit-touch-callout:none;} input,select,textarea{outline:none;} a,button,input,label{-webkit-tap-highlight-color:rgba(0,0,0,0);} @media all and (-webkit-transform-3d){ a,button,input,label{-webkit-tap-highlight-color:rgba(130,130,130,.52);outline: none;}
}
ul,li { list-style: none; padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt { margin: 0; padding: 0;}
a { text-decoration: none;color:#191919;} 
a:hover {  color:#0f2a60;text-decoration: none;}
a img { border:0;}
.clear { clear:both;}
input::-webkit-input-placeholder{color: #9a9a9a;}
input::-moz-placeholder{color: #9a9a9a;}
input:-ms-input-placeholder{color: #9a9a9a;}
body { padding-top: 82px; background:url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/fbgg.jpg) left bottom repeat-x}
.bodyp { padding-bottom: 8.3em;}
.headerW { z-index: 9000; position: fixed; left: 0; width: 100%; top: 0; background-color: #fff;}
.headerF {filter:alpha(opacity=75);-moz-opacity:.75; opacity:0.75;}
.headerF:hover {filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.header { margin: 0 auto; max-width: 1382px;  height:82px;}
.header::after {display: block; clear: both; content: "";}
.header .logo { float:left; padding:1em 0 0.3em 8.8%; }
.header .logo img { display:block; width:50px; height: auto; }
.header .logoM { display: none; padding: 0.5em 0 0.4em; }
.header .logoM img { display:block; margin: 0 auto; width:180px; height: auto; }
.header .hLink { float: right; margin-right: 1em; margin-top: 1.5em;}
.header .hLink .a1 { margin-right: 0.4em;  line-height: 12px; display: none;vertical-align: middle; font-size: 12px; text-align: center; color: #9a9a9a;}
.header .hLink .a1 img  { margin: 0 auto; display: block; width: 29px; height: 29px;}
.header .hLink .a2,.header .hLink .a1p { margin-right: 0.15em;  display: inline-block;vertical-align: middle;line-height: 12px;}
.header .hLink .a2 img,.header .hLink .a1p img { width: 38px; height: 38px;}
.header .hLink .a1p {margin-right: 0.3em;}
.header .hLink .a3 {display: inline-block;  color: #202020;}
.header .hLink .a3 img  { vertical-align: middle; display: inline-block; width: 38px; height: 38px;}
.header .hLink .a3 span { vertical-align: middle; display: inline-block; width: 2em; font-size: 14px; line-height: 16px;}
.nav {padding-top: 12px;}
.nav>ul>li { cursor: pointer; display: inline-block; font-size:14px;  line-height:80px;
position:relative; z-index:100; color: #e6e6e6; margin: 0 1em;}
.nav>ul>li>a { position: relative; overflow: hidden; z-index: 0; display:block;padding: 0 1em 0; color: #3e3e3e;}
.nav .sub_nav { display: none; position: absolute; top: 70px; left: -2em; right: -2em; padding-bottom: 0.8em;
background:#ebbec3;
filter:Alpha(opacity=80);
background: rgba(254, 201, 118, 0.8); }
.nav>ul>li.hover>a { color: #feae76;}
.nav>ul>li.hover a .arrow { display: block;}
.nav .sub_nav>ul {}
.nav .sub_nav li { line-height: 2.8em; font-size: 0.9em; font-weight: normal;}
.nav .sub_nav li a {color: #fff;}
.nav .sub_nav li a:hover {color: #000;}
.nav .liW { position:static;}
.nav .liW .sub_nav { left: 0; right: 0; }
.btnMenu { display: none; position: absolute; left: 0; top: 0 !important; cursor: pointer; 
width: 29px; height: 29px; padding: 20px;}
.btnMenu span { position: relative;  display: block; width: 100%; height: 2px; background-color: #000;}
.btnMenu .line2 {margin:8px 0;}
.btnMenu .line1 {  transition: all 0.2s;}
.btnMenu .line3 {transition: all 0.2s;}
.btnMenu.menuShow .line2 { opacity: 0;}
.btnMenu.menuShow .line1 { 
transform: rotate(-45deg);
-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform-origin:100% 0;
}
.btnMenu.menuShow .line3 {
transform: rotate(45deg);
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin:100% 2px;
}
.picMFixed { display: none; position: fixed; top: 0; left: 0;  height: 100%; width: 100%; background: center center no-repeat; background-size:cover;z-index: -10;}
.bannerBM .picMFixed {z-index: -10;}
.main { position: relative; z-index: 0; background-color: #fff;}
.footerW { position: relative; z-index: 0;  background-color: #f4dbb5; padding: 0 1.4em;  }
.footer { max-width: 820px;margin: 0 auto; padding:5.2em 0 1.5em; color: #fff; position: relative; z-index: 0;}
.footer a {color: #fff;}
.footer a:hover {color:#000}
.footer .fNav { margin-right: 15em;text-align: left;}
.footer .fNav .tit{display: inline-block; color: #482529; margin-right: 1em;line-height: 2.2em;  font-size: 13px;}
.footer .fNav ul {display: inline-block;}
.footer .fNav li {display: inline-block; }
.footer .fNav a{ display: inline-block; margin-right: 1.2em;font-size: 12px;line-height: 2.2em; }
.footer .fLink { position: absolute; top: 5.2em; right: 0; text-align: right; line-height: 1.2em; }
.footer .fLink .sLink { margin-bottom: 5px;}
.footer .fLink .sLink img { width: 38px; height: auto;}
.footer .fLink a { margin-left: 0.2em;}
.footer .fLink>a { display: block;}
.footer .fLink img { height: 25px; width: auto;}
.footer .txt { clear: both; overflow: hidden;margin-top: 5.8em; font-size: 11px; line-height: 1.3em;text-align: left;}
.footer .addr { margin-top: 1.2em;} 
.footer .contact { margin-top: 1.2em;}
.footer .contact span { margin-right: 1em;}
.footer .copyright { margin-top: 4em;}
.botPoint { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5000; background-color: #fff;
border-top: 1px solid #000;}
.botPoint .con { position: relative; z-index: 0; max-width: 820px; margin: 0 auto; color: #000; padding: 0.9em 0 1.2em;}
.botPoint .con:after {display:block; clear: both; content: "";}
.botPointL { margin-right: 320px; text-align: left; }
.botPointL .t1 { font-size: 1em;line-height: 1.3em;}
.botPointL .t2 { margin-top: 0.3em; line-height: 1.3em; font-size: 1em; font-weight:bold ;}
.botPointL .t2 .del { text-decoration: line-through; font-weight: normal;}
.botPointL .t3 {font-weight:bold ; font-size: 1em; line-height: 1.3em; color: #feae76; text-decoration: underline;}
.botPointL .t4 { margin-top: 0.8em; font-size: 11px; line-height: 1.3em;}
.botPointR { position: absolute; right: 0.3em; top: 0.9em; width: 308px;}
.botPoint .selBox {position: relative; z-index: 500; width: 308px;font-size: 0.8em; line-height: 3.2em;text-align: left;font-weight: bold;}
.botPoint .selBox .btn { border: 1px solid #c0c0c0; background-color: #f5f5f5; color: #000; 
padding: 0 2em 0 1.2em;   }
.botPoint .selBox .btn .pic { margin-right: 0.2em; display: inline-block; vertical-align: middle; width: 1.4em; height: 1.4em; 
background:center center no-repeat; background-size:contain;}
.botPoint .selBox .btn .txt { display: inline-block; vertical-align: middle;}
.botPoint .selBox .btn .arr { position: absolute; top: 1.1em; right: 1.2em; display: inline-block; vertical-align: middle;
width: 1.2em; height: 1.2em;   transition: all 0.2s;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrow4.png) center center no-repeat; background-size:contain;} .botPoint .selBox .dropDown {display: none; position: absolute; right: 0; bottom: 3.2em; left: 0; width: auto;
background-color: #f5f5f5; border:1px solid #c0c0c0;  border-bottom: 0;}
.botPoint .selBox .dropDown ul { padding: 0 1.2em;}
.botPoint .selBox .dropDown li {border-bottom:1px solid #c0c0c0; cursor: pointer; }
.botPoint .selBox .dropDown li:hover { color: #dd808b;}
.botPoint .btnW { margin-top:0.7em; text-align: right;}
.botPoint .btnPoint { float: right;  display: block; color: #202020;font-size: 13px; height: 2.8em;  line-height: 1.2em; padding: 0 0 0 3em;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/tel2w.png) 0 0 no-repeat; background-size:2.8em auto;
}
.botPoint .btnPoint .t1 {  display: inline-block; padding-top: 0.2em; width: 2em;}
.botPoint .btnPoint .t2 { display: none;}
.botPoint .btnPRe { position: relative; z-index: 0; float: right; display: block; margin-top: 0.3em; margin-left: 1.2em; 
background-color: #ffe5be; font-weight: bold; line-height: 3.1em; font-size: 13px;}
.botPoint .btnPRe span { position: relative; z-index: 0; left: -0.4em; top: -0.4em; display: block; padding: 0.1em 4.5em 0 1.4em;
background: #feae76 url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/logos.png) 90% center no-repeat; background-size:auto 74% ; color: #000; letter-spacing: 0.1em;}
.botPoint .btnPRe:hover { background-color: #feae76 }
.botPoint .btnPRe:hover span { background-color: #ffe5be;}
.botPoint .btnPRe:active {top: 0.1em;} .qaBoxW { padding:4.3em 0; background-color: #f3f3f3;}
.qaBox { margin: 0 auto;}
.qaBox:after { display: block; clear: both; content: "";}
.qaBox .qaL { float: left; width: 50%;}
.qaBox .qaL .pic {position: relative; z-index: 0;
margin-right: 130px; padding-top: 424px; overflow: visible;}
.qaBox .qaL .pics { position: absolute; top: 0; right: 2em; z-index: 0; opacity: 0; transition: all 1.2s;
height: 100%; width: 100%;  background: right center no-repeat; background-size:cover;
}
.qaBox .qaL .pic img {position: absolute; top: 0; right: 2em; z-index: 0; opacity: 0; transition: all 1.2s;
width:auto; height:100%; display: block;}
.qaBox .qaL .tit { position: absolute; bottom: -0.6em; right: 0; opacity: 0; transition: all 1.2s;
color: #f4ddbb; font-size: 10em; line-height: 1em;}
.qaBox .qaL .titAni { bottom: -0.3em;opacity: 1;}
.qaBox .qaR { float: left; width: 50%; max-width: 552px;}
.qaBox .qaR .list {	width: 80%; margin: 0 auto 0 0;}
.qaBox .qaR .list ul {}
.qaBox .qaR .list li {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-bottom: 0.75em; overflow: hidden; }
.qaBox .qaR .list .tit { position: relative; z-index: 0; cursor: pointer; padding: 0 2em 0 0.9em; overflow: hidden; font-size: 1.2em; text-align: left; line-height: 2.8em; height: 2.8em; color: #25191b; background-color: #dcecc7;}
.qaBox .qaR .list .tit b { font-size: 1.1em;}
.qaBox .qaR .list .tit i { display: block; position: absolute; right: 0.8em; top: 50%; margin-top: -0.7em; width: 1.4em; height: 1.4em;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrow.png) center center no-repeat; background-size:contain ;}
.qaBox .qaR .list .txt {position: relative; z-index: 1; margin-top: -0.36em; display: block;
color: #000; font-size: 0.9em;line-height: 1.6em; padding: 0 4em 0 1.3em; background-color: #fff;
transition: all 0.2s; overflow: hidden;
height: 0;}
.qaBox .qaR .list li.hover { background-color: #fff;}
.qaBox .qaR .list li.hover .tit { background-color: #fff;}
.qaBox .qaR .list li.hover .tit i { background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrow2.png);}
.qaBox .qaR .list li.sel { background-color: #fff;padding-bottom: 0.6em;}
.qaBox .qaR .list li.sel .tit { background-color: #fff;}
.qaBox .qaR .list li.sel .tit i { background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrow3.png);}
.qaBox .qaR .list li.sel .txt { height: auto; text-align: left; }
.qaBox .qaR .list li.sel .tit i {} .commBox {max-width: 846px; margin: 0 auto; padding: 3.6em 0 5em;}
.commBox .tit  {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 0.1em; display: inline-block; padding: 0 0.6em; line-height: 1.2em; font-size: 2.2em;font-weight: bold;}
.commBox .tit .name { position: relative; z-index: 1; letter-spacing: 0.1em;}
.commBox .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.5em;
background-color: #dcecc7;}
.commBox .tit2 {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 1em; font-size: 1em; line-height: 1.5em; color: #666;}
.commBox .tit2 .star { position: static; vertical-align: middle; display: inline-block; width: 1em; height: 1em; 
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/star.png) center center no-repeat; background-size:16px auto;}
.commBox .tit2 .tit2con { vertical-align: middle;}
.commBox .button-next  { cursor: pointer; display: none;color: #c1c1c1; margin-top: 2.4em;}
.commScorll {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 2.2em; overflow-x: auto; padding-bottom: 1em;}
.commList { width: auto;
white-space:nowrap; *white-space:nowrap;
}
.commList .item { display: inline-block; vertical-align: top;
margin: 0 0.3em 0 0; padding: 0.6em 0; border: 1px solid #767676;width: 262px; background-color: #fff;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;white-space:normal; *white-space:normal;}
.commList .item .pic { margin: 0 0.6em; cursor: pointer; display: block; height: 0; overflow: hidden;
padding-top: 100%; background: center center no-repeat; background-size:cover;  }
.commList .item .txt { text-align: left; border-top: 1px solid #767676; color: #000; display: block;
margin:0.8em 0 0; padding-top: 0.5em; overflow: hidden; }
.commList .item .txt .name { float: left; margin-right: 0.1em; font-weight: bold; padding-left: 1em; font-size:13px; }
.commList .item .txt .date { margin:0 1.2em; font-size: 11px; float: right;}
.commList .item .txt .con { padding:0.2em 1em 0; line-height:1.6em ; font-size: 12px;  clear: both;}
.commList .btnW {display: inline-block; vertical-align: top;width: 262px;}
.commList .btnW .btnRe { display: block; margin: 0 1em;}
.commList .btnW .btnRe span { display: block; padding: 0;}
.swiper_comm_w {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 2.2em;}
.swiper_comm {height:auto; }
.swiper_comm .swiper-slide { margin-top:0 !important; display:block; width:32.25%; }
.swiper_comm .swiper-slide .item { margin: 0 0.4em; padding: 0.8em; border: 1px solid #767676;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
.swiper_comm .swiper-slide .pic {  cursor: pointer; display: block; height: 0; overflow: hidden;
padding-top: 100%; background: center center no-repeat; background-size:cover;  }
.swiper_comm .swiper-slide .txt { text-align: left; border-top: 1px solid #767676; color: #000; display: block;
margin:0.8em -0.8em 0; padding-top: 0.5em; overflow: hidden; }
.swiper_comm .swiper-slide .txt .name { float: left; margin-right: 0.1em; font-weight: bold; padding-left: 1em; font-size:13px; }
.swiper_comm .swiper-slide .txt .date { margin:0 1.2em; font-size: 11px; float: right;}
.swiper_comm .swiper-slide .txt .con { padding:0.2em 1em 0; line-height:1.6em ; font-size: 12px;  clear: both;}
.swiper_comm .button-next  { cursor: pointer; display: none;color: #c1c1c1; margin-top: 2.4em;}
.swiper_comm .btnRe { display: block; margin: 0 1em;}
.swiper_comm .btnRe span { display: block; padding: 0;} .stepTBox { max-width: 774px; margin: 0 auto 0; padding-top: 3.6em;}
.stepTBox .tit  { position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
display:block;  padding: 0 0.6em; line-height: 2em; font-size: 2em;font-weight: bold;}
.stepTBox .tit .name { position: relative; z-index: 1; letter-spacing: 0.1em;}
.stepTBox .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.65em;}
.stepTBox .stepBoxM { display:none; margin: 0 auto 3em;}
.stepTBox .stepBoxM img { display: block; width: 100%; height: auto;}
.stepTBox .stepBox { margin-top: 1.7em;}
.stepTBox .stepBox ul { display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; align-items: center; justify-content: space-between;}
.stepTBox .stepBox li {position: relative; z-index: 0; 
display: block; float: left; width: 23%; height: 124px;
text-align: center; font-weight: bold; font-size: 1.05em; letter-spacing: 0.1em;}
.stepTBox .stepBox .li1 { width: 27%;}
.stepTBox .stepBox .li2 { width: 24%;}
.stepTBox .stepBox .li3 {width: 23%;}
.stepTBox .stepBox .li4 { width: 16%;}
.stepTBox .stepBox li img { width: 98%; margin: 0 1%; display: block; height: auto;}
.stepTBox .stepBox .num { opacity: 0; transition: all 1s; 
position: absolute; z-index: 0; top: 0;  bottom: 0; left: 0; right: 3%; color: #f3f2f2;
line-height: 124px; font-size: 158px;}
.stepTBox .stepBox .arr { position: absolute; z-index: 1; top:-40px;  border: 0; right: 0; 
width: 42px; height:82px;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arr09.png) center right no-repeat; background-size:contain;}
.stepTBox .stepBox .li2 .arr {width: 24px;}
.stepTBox .stepBox .li3 .arr {width: 13px;}
.stepTBox .stepBox .li4 .arr {width: 13px;}
.stepTBox .stepBox .lines {opacity: 0; right: 2em; transition: all 1s; 
position: absolute; z-index: 0; background-color: #d6e9bd; top: 50%;height: 2px; width: 100%;
margin-top: -1px; }
.stepTBox .stepBox .t1 {opacity: 0; left: -2em; transition: all 1s;
position: absolute; z-index: 3; bottom: 50%; margin-bottom: 0.5em; right: 15%;
color: #d6e9bd;}
.stepTBox .stepBox .t2 {opacity: 0; left: -2em; transition: all 1s;
position: absolute; z-index: 3; top: 50%; margin-top: 0.1em; right: 15%; color: #000;}
.stepTBox .stepBox .step4 { position: relative; opacity: 0; right:2em; transition: all 1s;
height: 100%; width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; align-items: center; justify-content: center;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/step04.png) center center no-repeat; background-size:contain ;
}
.stepTBox .stepBox .t4 {position: relative; opacity: 0; right:2em; transition: all 1s;
font-size: 1.2em; color: #d6e9bd; line-height: 1.4em;}
.stepTBox .stepBox .li2 .t1 {right: 13%;}
.stepTBox .stepBox .li2 .t2 {right: 13%;}
.stepTBox .stepBox .li3 .t1 {right: 11%;}
.stepTBox .stepBox .li3 .t2 {right: 11%;}
.stepTBox .stepBox .li4 .t1 {right: 11%;}
.stepTBox .stepBox .li4 .t2 {right: 11%;}
.stepTBox .stepRed .lines { background-color: #FFF;}
.stepTBox .stepRed .arr { background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arr010.png);}
.stepTBox .stepRed .t1{ color: #000;}
.stepTBox .stepRed .t2{ color: #000;}
.stepTBox .stepRed .num{ color: #c56d7c;}
.stepTBox .stepBox .li1 .lines { transition-delay: 0.4s;}
.stepTBox .stepBox .li1 .t2 { transition-delay: 0.8s;}
.stepTBox .stepBox .li1 .num { transition-delay: 1.2s;}
.stepTBox .stepBox .li2 .t1 { transition-delay: 1.6s;}
.stepTBox .stepBox .li2 .lines { transition-delay: 2s;}
.stepTBox .stepBox .li2 .t2 { transition-delay: 2.4s;}
.stepTBox .stepBox .li2 .num { transition-delay: 2.8s;}
.stepTBox .stepBox .li3 .t1 { transition-delay: 3.2s;}
.stepTBox .stepBox .li3 .lines { transition-delay: 3.6s;}
.stepTBox .stepBox .li3 .t2 { transition-delay: 4s;}
.stepTBox .stepBox .li3 .num { transition-delay: 4.4s;}
.stepTBox .stepBox .li4 .t1 { transition-delay: 4.8s;}
.stepTBox .stepBox .li4 .lines { transition-delay: 5.2s;}
.stepTBox .stepBox .li4 .t2 { transition-delay: 5.6s;}
.stepTBox .stepBox .li4 .num { transition-delay: 6s;}
.stepTBox .stepBox .li4 .step4 { transition-delay: 4.8s;}
.stepTBox .stepBox .li4 .t4 { transition-delay: 5.2s;}
.stepTBox .stepShow .num { opacity: 1;}
.stepTBox .stepShow .t1 { opacity: 1; left: 0;}
.stepTBox .stepShow .t2 { opacity: 1; left: 0;}
.stepTBox .stepShow .t3 { opacity: 1; right: 0;}
.stepTBox .stepShow .lines {opacity: 1; right: 0;}
.stepTBox .stepShow .step4 {opacity: 1; right: 0;}
.stepTBox .stepShow .t4 {opacity: 1; right: 0;} .btnRe { margin: 1.8em 4.5em 0 0; overflow: hidden; display: inline-block; border:3px solid #feae76; line-height:3em;
color: #feae76; font-size: 1em; font-weight: bold;
position: relative; z-index: 0;}
.btnRe span { position: relative; z-index: 1; padding:0 1.8em; display: inline-block; border: 1px solid #fff;}
.btnRe .bg { position: absolute; z-index: 0; top: 0; width: 100%; height: 100%; left: -100%;
display: block; background-color: #feae76;
animation:my2 0.5s;
-moz-animation:my2 0.5s; -webkit-animation:my2 0.5s; -o-animation:my2 0.5s; */
}
.btnRe:hover {  color: #fff;}
.btnRe:hover .bg {
left:0;
animation:my1 0.5s;
-moz-animation:my1 0.5s; -webkit-animation:my1 0.5s; -o-animation:my1 0.5s; */	     
}
@keyframes my1
{
0%   {left:-100%}
100% {left:0}
}
@-webkit-keyframes my1 {
0%   {left:-100%}
100% {left:0}
}
@keyframes my2
{
0%   {left:0}
100% {left:100%}
}
@-webkit-keyframes my2 {
0%   {left:0}
100% {left:100%}
}
.btnReM{ margin: 1.5em 0 0 0; overflow: hidden; display: inline-block; border: 5px solid #db7f8a; line-height: 68px;
color: #fff; font-size:1.2em; font-weight: bold;
position: relative; z-index: 0;}
.btnReM span { position: relative; z-index: 1; padding:0 2em; display: inline-block; border: 1px solid #fff;}
.btnReM .bg { position: absolute; z-index: 0; top: 0; width: 100%; height: 100%; left: 0;
display: block; background-color: #feae76; }
.btnReM:hover { color: #fff;}
.btnReWhite { border:3px solid #fff; color: #d97c86;}
.btnReWhite span {border: 1px solid #dd808b;}
.btnReWhite .bg { background-color: #fff;}
.btnReM:hover { color: #d97c86;}
.box404 {max-width: 1382px; margin: 0 auto; position: relative; z-index: 0;}
.box404 img{ display: block; width: 100%; height: auto;}
.box404 .btn { position: absolute; z-index: 0; left: 56%; top: 63.2%; width: 10%; height: 3.9%; cursor: pointer;}
.boxm404 {display:none; position: relative; z-index: 0;}
.boxm404 img{ display: block;  width: 100%; height: auto;}
.boxm404 .btn {  position: absolute; z-index: 0; left: 36.9%; top: 53.5%; width: 17.2%; height: 2.4%; cursor: pointer;}
.anim_top { bottom:0!important;opacity:1 !important;}
.anim_bot { top:0!important;opacity:1 !important;}
.anim_left { left:0!important;opacity:1 !important;}
.anim_right { right:0!important;opacity:1 !important;}
.anim_opa { opacity:1!important;}
@media only screen and (max-width:1440px){
.qaBox .qaR .list .tit { font-size: 1.3em;}
}
@media only screen and (max-width:1400px){
.commBox .tit  {font-size: 2.4em;}
.commBox .tit2{font-size: 1.1em;}
.btnRe { font-size: 1.1em;}
}
@media only screen and (max-width:1382px){
.nav>ul>li { margin: 0 0.5em;}
.qaBox .qaL .pic { margin-right: 18.8%;padding-top: 61%; }
}
@media only screen and (max-width:1280px){
.header .logo { padding-left: 4%;}
.nav>ul>li { margin: 0 0;}
.btnRe { font-size: 1em;}
}
@media only screen and (max-width:1120px){
.header .logo { padding-left: 2%;}
.btnRe { font-size: 0.9em;}
}
@media only screen and (max-width:1180px){
.header .logo { padding-left: 2%;}
.nav>ul>li>a { padding: 0 0.8em;}
}
@media only screen and (max-width:1024px){
body { padding-top:4.4em;}
.headerW {}
.header { height: auto; position: relative; z-index: 0;}
.header .logo {  display: none;}
.header .logoM { display: flex; justify-content: center; }
.header .hLink { position: absolute; margin: 0; right: 0.6em; top: 0.8em;}
.header .hLink .a1 { display: block; font-size: 0.6em;}
.header .hLink .a1 img { width: 3em; height: auto;}
.header .hLink .a2,.header .hLink .a1p {display:none;}
.header .hLink .a3 {display:none;}
.btnMenu { display: block;}
.nav { display: none; padding: 2em 0; width: 100%;background-color:#feae76;}
.nav>ul { margin: 0 1em;}
.nav>ul>li { display: block; float: none; font-size: 1.2em;  line-height: 2.5em; padding: 0; text-align: center;}
.nav .sub_nav {display: none; position: static; width: auto; background-color: transparent; padding-bottom: 0; }
.nav>ul>li>a { padding: 0; color: #fff; font-weight: normal;}
.nav>ul>li>a:hover { color: #000;}
.nav .sub_nav>ul { padding: 0;}
.nav .sub_nav li { font-size: 0.8em; line-height:1.8em; border-top:0; }	
.nav .sub_nav li a {  color: #fde3e7;}	
.nav .sub_nav li a:hover {color: #000000;}
.nav>ul>li.hover>a { color: #fde3e7;}
.btnRe { font-size: 0.8em;}
}
@media only screen and (max-width:828px){
.picMFixed { display: block;}
.bodyp { padding-bottom: 8.5em;}
.footerW {margin-top:0;}
.footer { padding: 2.6em 0 2.6em; }
.bodyp .footer { padding-bottom: 7.6em;}
.footer .fNav .tit {color: #f4ccd7}
.footer .fNav {  margin-right: auto;}
.footer .fNav a {font-size: 14px;}
.footer .fNav li { display: block;}
.footer .fLink { margin-top: 2em; position: static; text-align: center; }
.footer .fLink .sLink {vertical-align: middle; display: inline-block; border-bottom: 0; margin-bottom: 0;}
.footer .fLink>a {display: inline-block;}
.footer .fLink a { vertical-align: middle; margin: 0 0.1em;}
.footer .fLink .sLink img { height: 2em; width: auto;}
.footer .fLink img { height: 2em; width: auto;}
.footer .txt { margin-top: 1em; text-align: center; line-height: 1.7em;}
.footer .addr { margin-top: 0;}
.footer .contact { margin-top:1.4em;}
.footer .contact span { display: block;}
.footer .copyright { display: block; margin-top: 2em; padding-top: 2em; border-top: 1px solid #FFFFFF;}
.botPoint {padding: 0 1.4em;}
.botPoint .con { padding: 0.8em 0 0.6em;}
.botPointL { margin-right: auto; text-align: left;}
.botPointR { margin-top: 0.8em; position: static;  width: auto;}
.botPoint .selBox { width: 100%;}
.botPoint .btnPoint { text-align: left;font-size: 0.9em; margin-top: 0.2em;}
.botPointL .t1 { font-size: 0.8em;}
.botPointL .t2 { font-size: 0.9em;}
.botPointL .t3 { font-size: 0.9em;}
.botPointL .t4 { font-size: 0.7em; margin-top: 0.6em;}
.botPoint .selBox { line-height: 2.9em;}
.botPoint .selBox .dropDown { bottom: 3.1em;}
.botPoint .btnW { margin-top: 0.6em;}
.botPoint .btnPRe { font-size: 0.9em; padding-top: 0.1em; line-height: 3em;}
.botPoint .btnPRe span {padding: 0 3.7em 0 1.1em;}
.botPoint .btnPoint { font-size: 0.8em; padding-left: 3.2em;}
.botPoint .btnPoint .t1 {  display: block; width: auto; }
.botPoint .btnPoint .t2 { display: block;} 
.commBox .titW { text-align: left;}
.commBox .tit { display: block; margin-right: 1em;}
.commBox .tit2 { text-align: left; margin-top: 1.6em; margin-left:1.4em; margin-right:1.4em;}
.commBox .tit2 .line { display: block;}
.swiper_comm_w { margin: 3em 1.4em 0 1.2em;}
.swiper_comm .swiper-slide { width: 62%;}
.swiper_comm .button-next  {  display: block;}
.commList { padding-left: 1.4em;}
.commList .item { width: 51vw;}
.commList .btnW { width: 51vw;}
.commBox .button-next  {  display: block; position: relative; left: 0;
-moz-animation:anim 1.8s infinite; -webkit-animation:anim 1.8s infinite; -o-animation:anim 1.8s infinite; */
}
@keyframes anim
{
0%   {left:0}
100% {left:7vw}
}
@-webkit-keyframes anim {
0%   {left:0}
100% {left:7vw}
}
.stepTBox .stepBoxM { display: block;}
.stepTBox .stepBox  { display: none;}
.stepTBox .tit { font-size: 5.8vw;}
.btnRe { font-size: 1.2em; background-color: #feae76; color: #fff;}
.btnReM { font-size: 1.2em;}
.box404 {display:none;}
.boxm404 {display:block;}
.qaBoxW { padding-top: 0; padding-bottom: 3em;}
.qaBox {display: block;}
.qaBox .qaL {width: auto; float: none;}
.qaBox .qaR {width: auto; float: none;}
.qaBox .qaL .pic { width: auto; margin: 0 auto;padding-top: 76%;}
.qaBox .qaL .tit { font-size: 27vw;}
.qaBox .qaL .tit { bottom: -0.05em;}
.qaBox .qaR .list{ width: auto; margin: 2em 1.4em 0;}
.qaBox .qaR .list li { margin-bottom: 0.32em;}
}
@media only screen and (max-width:640px){
.qaBox .qaR .list .tit { font-size: 1em;}
}
@media only screen and (max-width:600px){
.commBox .tit  {font-size: 2em;}
.commBox .tit2{font-size: 1em;}
.btnRe { font-size: 1.1em;}
.btnReM { font-size: 1.1em;}
}
@media only screen and (max-width:450px){
.botPoint .btnPRe span{padding: 0.1em 4em 0 1em;}
.btnRe { font-size: 1em;}
.btnReM { font-size: 1em;}
}
@media only screen and (max-width: 420px){
html,body {font-size:14px;}
body { padding-top:4.4em;}
.btnMenu { top: 1.5em; }
}
@media only screen and (max-width: 390px){
.botPoint .btnPRe { font-size: 0.9em;}
}
@media only screen and (max-width: 360px){
html,body {font-size:12px;}
body { padding-top:4.7em;}
.btnMenu { top: 1.7em; }
}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.page-nav {
padding: 20px 0;
text-align: center; }
.page-nav ul {
display: inline-block; }
.page-nav ul li {
float: left;
width: 50px;
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
transition: all 0.2s linear;
list-style: none;
background-image: none;
padding: 0;
margin-right: 8px;
background-color: #fff !important;
border-radius: 6px;
overflow: hidden;
}
.page-nav ul li a {
display: block;
width: 100%;
height: 100%;
color: #8489c0;
background-color: #ededf4;
font-size: 15px;
font-weight: bold;
}
.page-nav ul li:last-of-type {
width: 50px;
}
.page-nav ul li.current a{
background-color: #606060;
color: #fff;
}
.page-nav ul li a:hover{
color: #fff;
background-color: #606060;
transform: all 0.5s;
}
.page-nav ul::before {
content: '';
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.clearfix::after {
clear: both;
content: '';
height: 0;
visibility: hidden;
display: block;
}
.page a{
margin-right: 4px !important;
}
.meks_ess{
margin: 0 !important;
}
.footer a, .footer  {
color: #3c3c3c !important;
}
.footer a:hover  {
text-decoration: underline;
}
.blogDetailW {
background-color: #F9FCF5 !important;
}
.blogDetail .circle {
background-color: #D6E9BC !important;
}
.blogDetail .links {
border-top: 1px solid #FFC56D !important;
border-bottom: 1px solid #FFC56D !important;
}
body .meks_ess.transparent a.meks_ess-item::before, body .meks_ess.transparent a.meks_ess-item span, body .meks_ess.outline a.meks_ess-item span {
color: #FFC56D !important;
}
  .bannerB { position: relative; z-index: 0; background: center center no-repeat; background-size:cover; background-attachment:fixed ;}
.bannerB .con {position: relative; z-index: 0;height: 665px; max-width: 1382px; margin: 0 auto;}
.bannerB .txt { position: absolute; left:50%; margin-left: -690px; top: 38%; margin-top: -3em; 
text-align: center;
}
.bannerB .txt .t1 { font-size: 4.4em; letter-spacing: 0.1em; line-height: 1.15em; 
color: #b85866; background-color: #fff; padding: 0 0.8em ; text-align: center; font-weight: bold;
position: relative; z-index: 0; left: -2em; transition:all 0.8s;  opacity: 0;}
.bannerB .txt .t2 { font-size: 1.9em; position: relative; z-index: 0; left: -8%; margin-right: 20%;
display: inline-block; letter-spacing: 0.1em; font-weight: bold; line-height: 1.75em;
background-color: #fec0c5; color: #fff;padding: 0 2em; text-align: center;
position: relative; z-index: 0; left: 2em; transition:all 0.8s;  opacity: 0;}
.bannerB .txt .calendar {  position: relative; z-index: 0; margin-top: 0.7em;width: 314px; margin-left: 19%; }
.bannerB .txt .calendar img { position: relative; z-index: 0; top: 3em; transition:all 0.8s;  opacity: 0;
display: block; width: 100%;  height: auto;}
.bannerB .txt .curve { position: absolute; z-index: 0; transition: all 0.6s;
top: 32%; right: 36%; transform: scale(0.01,0.01); transform-origin: 89% 15%;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/line.png) top right no-repeat; background-size:contain;
width: 345px; height: 150px;}
.bannerB .txt .curveAni {transform: scale(1,1);} .bannerBM {position: relative; z-index: 0; padding-top: 150%; display: none;background: center center no-repeat;
background-size:cover; background-attachment:fixed;}
.bannerBM .txt {position: absolute; right:0; top: 8%; margin-top: 0; display: block; text-align: right;
}
.bannerBM .txt .t1 { font-size: 8vw; letter-spacing: 0.1em; line-height: 1.2em; 
color: #b85866; background-color: #fff; padding: 0 0.4em; text-align: center; font-weight: bold;
position: relative; z-index: 0; left: -2em; transition:all 0.8s;  opacity: 0;}
.bannerBM .txt .t2 { font-size: 4.2vw; position: relative; z-index: 0;
display: inline-block; letter-spacing: 0.1em; font-weight: bold; line-height: 1.7em;
background-color: #fec0c5; color: #fff;padding: 0 2em 0 2em; text-align: center; 
position: relative; z-index: 0; left: -12%; transition:all 0.8s;  opacity: 0;}
.bannerBM .txt .t2Ani {left: -32%; opacity: 1;}
.bannerBM .txt .calendar {  position: relative; z-index: 0; margin: 0.7em 3% 0 auto;width: 53vw;}
.bannerBM .txt .calendar img { position: relative; z-index: 0; top: 3em; transition:all 0.8s;  opacity: 0;
display: block; width: 100%;  height: auto;}
.bannerBM .txt .curve { position: absolute; z-index: 0; transition: all 0.6s;
top: 30%; left: 34%; transform: scale(0.01,0.01); transform-origin: 12% 18%;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/line2.png) top right no-repeat; background-size:contain;
width: 120%; height:60%;}
.bannerBM .txt .curveAni {transform: scale(1,1);}
.resultDBoxW { padding:3.2em 1.4em 7em; }
.resultDBox {max-width: 1382px; margin: 0 auto;}
.resultDBox .tit  {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
display: inline-block; position: relative; z-index: 0; padding: 0 0.6em;
line-height: 1.9em; font-size: 2em;font-weight: bold;}
.resultDBox .tit .name { color:#feae76; position: relative; z-index: 1; letter-spacing: 0.1em;}
.resultDBox .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.7em;
background-color: #FFFFFF;}
.resultDBox .titM {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
display: none;}
.resultDBox .txt {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 1em; font-size: 1em; line-height: 1.7em; color: #666;}
.resultDBox .list { margin-top: 4em;}
.resultDBox .list ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
}
.resultDBox .list li { flex: 1;}
.resultDBox .list .t1 { position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 1em; letter-spacing: 0.1em; font-size: 1.6em; line-height: 1.3em;}
.resultDBox .list .t2 { position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 1em; font-size: 1em; line-height: 1.5em;}
.resultDBox .tj{width: 160px;height: 160px;margin: 0 auto; position: relative;}
.resultDBox .tj .num { position: absolute; left: 5%; top:50%; 
margin-top: -0.6em; width: 90%; line-height: 1.2em; height: 1.2em; background-color: #fff;
text-align: center; font-weight:bold ; color: #000; font-size: 2.2em;}
.story1 { padding: 0; margin-bottom: -6em;}
.story1 .txtBoxW { position: relative; z-index: 1; bottom: 7em; max-width: 1382px; margin: 0 auto; }
.story1 .txtBox{ margin: 0 5.7%; padding: 3.4em 0 4em;color: #000;text-align: left;
background-color: #f9c2c8;
filter:Alpha(opacity=75);
background: #d6e9bde8;}
.story1 .txtBox .tit { margin: 0.15em 11% 0; font-size: 3.6em; line-height: 1.1em; 
color: #FFFFFF; font-weight: bold; letter-spacing: 0.1em;
transition:all 1s; position: relative; z-index: 0; top: 0.5em;  opacity: 0;
}
.story1 .txtBox .tit2 {margin: 0 11%; font-size: 1.5em;line-height: 1.1em; 
transition:all 1s; position: relative; z-index: 0; top: 2em;  opacity: 0;
}
.story1 .txtBox .txt {margin: 1em 23% 0 21%; font-size: 1em;line-height: 1.8em;
transition:all 1s; position: relative; z-index: 0; top: 2em;  opacity: 0;
}
.story1 .picBox {position: relative; z-index: 0; height: 0; padding-top: 570px;
background: center center no-repeat; background-size:cover; background-attachment:fixed;}
.story1 .picBoxM { display: none; position: relative; z-index: 0;padding-top: 100%;
background: center center no-repeat; background-size:cover; background-attachment:fixed;
}
.stepTBox { margin-top: 4.6em;}
.stepOneBox { max-width: 1382px; margin: 6.5em auto 0;}
#stepThreeBox { padding-bottom: 5em;}
.stepOneBox:after { display:block; content: ""; clear: both;}
.stepOneBox .conL { position: relative; z-index: 0; left: 4em; opacity: 0; transition: all 1.2s;
float: left; width: 53%; padding-top:62.5%; height: auto; position: relative; z-index: 0;}
.stepOneBox .conL .pic { position: absolute; z-index: 0; left: 0; top: 0; bottom: 0; right: 0;
background: center center no-repeat; background-size:cover; opacity: 0; transition: all 0.5s;}
.stepOneBox .conL .pic.cur { z-index: 1; opacity: 1;}
.stepOneBox .txtBoxM { display: none; position: absolute; z-index: 2; right:7.4%; top:40%; text-align: center;}
.stepOneBox .txtBoxM .stepM {}
.stepOneBox .txtBoxM .stepM img { display: block; max-width: 542px; width: 62%; height: auto; margin: 0 0 0 auto;}
.stepOneBox .txtBoxM .titM { margin-top: 0.3em; color: #d9d8d6; font-weight: bold;
font-size: 7vw; line-height: 1.2em; text-align: right; padding-right: 3%;}
.stepOneBox .conR { left: -3.4%; 
float: left;position: relative; z-index: 1; width: 42%;  text-align: left;}
.stepOneBox .step {position: relative; z-index: 0; right:3em; opacity: 0; transition: all 1.2s;
text-align: right;}
.stepOneBox .step img { display: block; max-width: 388px; width: 66%; height: auto; margin: 0 0 0 auto;}
.stepOneBox .tit {position: relative; z-index: 0; right:1.5em; opacity: 0; transition: all 1.2s;
transition-delay: 0.4s;
margin-top: 0.3em; color: #d9d8d6; font-weight: bold; 
font-size: 2.7em; line-height: 1.2em; text-align: right;letter-spacing: 0.1em;}
.stepOneBox .arrM{position: relative; z-index: 0; top:3em; opacity: 0; transition: all 1.2s;
display: none; width: 3em; height: 3em; margin: 1.6em 28% -1.2em auto; background:url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arr07.png) center center no-repeat; background-size:contain ;}
.stepOneBox .arr{position: relative; z-index: 1; top:3em;left: 18%;  opacity: 0; transition: all 1.2s;
display: block;  width:5.2em; height: 5.2em;margin: -5.5em auto 0;position: relative; left: 18%;
background:url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arr07.png) center center no-repeat; background-size:contain ;}
.stepOneBox .tit2,.stepOneBox .tit3 {position: relative; z-index: 0; right:3em; opacity: 0; transition: all 1.2s;
transition-delay: 0.8s;
margin-top: 2em; padding: 0 0.6em; font-size: 1.2em; line-height: 1.5em; 
letter-spacing: 0.1em; font-weight: bold; background-color: #d9d8d6; color: #fff;}
.stepOneBox .tit3 {transition-delay: 1.3s;}
.stepOneBox .txt {position: relative; z-index: 0; right:3em; opacity: 0; transition: all 1.2s;transition-delay: 1s;
margin-top: 1.2em; padding: 0 8% 0 1em; line-height: 1.8em;}
.stepOneBox .txt2 {position: relative; z-index: 0; right:3em; opacity: 0; transition: all 1.2s;transition-delay: 1.5s; 
margin-top: 1em; min-height:6.8em; font-size: 1.1em; line-height: 1.7em; font-weight: bold;}
.stepOneBox .listPicS { position: relative; z-index: 0; right:3em; opacity: 0; transition: all 1.2s;transition-delay: 1.8s; 
margin-top: 3em;}
.stepOneBox .listPicS ul { margin: 0 -1%;}
.stepOneBox .listPicS ul:after { display: block; clear: both; content: "";}
.stepOneBox .listPicS li { cursor: pointer; float: left; width: 31.3%; margin: 0 1%; opacity: 1;transition: all 0.5s;}
.stepOneBox .listPicS li.cur { opacity: 0.6;}
.stepOneBox .listPicS .pic { width: 100%; padding-top: 122%;
background: center center no-repeat; background-size:cover;}
.stepOneBox .conR .btnPRe {position: relative; z-index: 0; right:3em; opacity: 0; transition: all 1.2s;transition-delay: 2.1s;
font-size: 1em; display: inline-block; margin-top:3em; width: 16em; text-align: center;
background-color: #ffd6a7; font-weight: bold; line-height: 3.1em; margin-left: 0.4em;}
.stepOneBox .conR .btnPRe span { position: relative; z-index: 0; left: -0.4em; top: -0.4em; display: block; padding: 0.1em 0 0;
background: #ffae77 ;  color: #fff; letter-spacing: 0.1em;}
.stepOneBox .conR.conRAni .btnPRe {transition-delay: 0s;}
.stepOneBox .conR .btnPRe:hover {background-color: #ffae77;}
.stepOneBox .conR .btnPRe:hover span { background-color: #ffd6a7; color: #000;}
.stepOneBox .conR .btnPRe:active { top: 0.5em !important;}
.stepOneBox .conRAni .arrM {opacity: 1; top: 0;}
.stepOneBox .conRAni .arr {opacity: 1; top: 0;}
.stepOneBox .conRAni .step { opacity: 1; right: 0; }
.stepOneBox .conRAni .tit {opacity: 1; right: 0; }
.stepOneBox .conRAni .tit2 {opacity: 1; right: 0; }
.stepOneBox .conRAni .txt { opacity: 1; right: 0;}
.stepOneBox .conRAni .tit3 {opacity: 1; right: 0; }
.stepOneBox .conRAni .txt2 { opacity: 1; right: 0;}
.stepOneBox .conRAni .listPicS { opacity: 1; right: 0;}
.stepOneBox .conRAni .btnPRe { opacity: 1; right: 0;}
.dsekFontStep {
font-weight: 700;
text-align: center;
color: #FFC56D;
font-size: 100px;
padding-top: 30px;
padding-bottom: 50px;
}
.stepTwoBoxW{ margin-top: 11em; border-top:1px solid #e6b3ba;} 
.stepTwoBox { max-width: 1382px; margin: 0 auto 0; padding-bottom: 4em;}
.stepTwoBox:after { display:block; content: ""; clear: both;}
.stepTwoBox .conL { left: -4em; opacity: 0; transition: all 1.2s;
float: right; width: 53%; padding-top:78%; height: auto; position: relative; z-index: 0;}
.stepTwoBox .conL .pic { position: absolute; left: 0; top: 0; bottom: 0; right: 0;
background: center center no-repeat; background-size:cover;opacity: 0; transition: all 0.5s;}
.stepTwoBox .conL .pic.cur { z-index: 1; opacity: 1;}
.stepTwoBox .txtBoxM { display: none; position: absolute; z-index: 2; left:7.4%; top:40%; text-align: left;}
.stepTwoBox .txtBoxM .stepM {}
.stepTwoBox .txtBoxM .stepM img { display: block; max-width: 542px; width: 62%; height: auto; margin: 0 auto 0 0;}
.stepTwoBox .txtBoxM .titM { margin-top: 0.3em; color: #d9d8d6; font-weight: bold;
font-size: 7vw; line-height: 1.2em; text-align: left; padding-right: 3%;}
.stepTwoBox .conR { left: 12%; float: left;position: relative; z-index: 1; width: 42%; text-align: left;}
.stepTwoBox .step {position: relative; z-index: 0; left: 0; opacity: 0; transition: all 1.2s;transition-delay: 1s;
text-align: left; }
.stepTwoBox .step img { display: block; max-width: 388px; width: 66%; height: auto; margin: 0 auto 0 0;}
.stepTwoBox .tit {position: relative; z-index: 0; right:-1.5em; opacity: 0; transition: all 1.2s;transition-delay: 1.3s;
margin-top: 0.3em; color: #d9d8d6; font-weight: bold; font-size: 2.7em; 
line-height: 1.2em; text-align: left;  letter-spacing: 0.1em;}
.stepTwoBox .arr0{position: relative; z-index: 1;left: -28%;
display: block; width:25em; height: 25em; margin: -10.1em auto 1.2em;}
.stepTwoBox .arr0 .grap1 { position: absolute; z-index: 0; left: 10%; top: 14%; opacity: 0;
transition: all 1s;transition-delay: 0s;
height: 26%; width: 92%; background-color: #ffeacb;}
.stepTwoBox .arr0 .grap2 {position: absolute; z-index: 1; left: 18.2%; top: 19.5%; opacity: 0;
transition: all 1s;transition-delay: 0.4s;
height: 44.5%; width: 44.5%;
border: 2px solid #ffae77;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.stepTwoBox .arr0 .grap3 {position: absolute; z-index: 2; left: 47.5%; top: 45%; opacity: 0;
transition: all 1s;transition-delay: 0.8s;
height: 33%; width: 26%; background-color: #ffd6a7;}
.stepTwoBox .arr{position: relative; z-index: 1; top:3em; left: -28%;  opacity: 0; transition: all 1.2s;
transition-delay: 1s;
display: block;  width:5.2em; height: 5.2em; margin: -6.7em auto 1.4em;position: relative; 
background:url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arr07.png) center center no-repeat; background-size:contain ;}
.stepTwoBox .tit2,.stepTwoBox .tit3 {position: relative; z-index: 0; right:-3em; opacity: 0; transition: all 1.2s;
transition-delay: 1.6s;
margin-top: 2em; margin-right: 56%; padding: 0 0.6em; font-size: 1.2em; line-height: 1.5em;
font-weight: bold; background-color: #d9d8d6; color: #fff;  letter-spacing: 0.1em;}
.stepTwoBox .tit3 { transition-delay: 2.2s;}
.stepTwoBox .txt {position: relative; z-index: 0; right:-3em; opacity: 0; transition: all 1.2s;transition-delay: 1.9s; 
margin-top: 1.2em; padding: 0 12% 0 1em; line-height: 1.8em;}
.stepTwoBox .txt2 {position: relative; z-index: 0; right:-3em; opacity: 0; transition: all 1.2s;transition-delay: 2.5s; 
margin-top: 1em; padding: 0 12% 0 0.3em;font-size: 1.1em; line-height: 1.7em; font-weight: bold;}
.stepTwoBox .listPicS {position: relative; z-index: 0; right:-3em; opacity: 0; transition: all 1.2s;transition-delay: 2.8s; margin-top: 3em;}
.stepTwoBox .listPicS ul { margin: 0 -1%;}
.stepTwoBox .listPicS ul:after { display: block; clear: both; content: "";}
.stepTwoBox .listPicS li { float: left; width: 31.3%; margin: 0 1%;opacity: 1;transition: all 0.5s; cursor: pointer;}
.stepTwoBox .listPicS li.cur { opacity: 0.6;}
.stepTwoBox .listPicS .pic { width: 100%; padding-top: 122%;
background: center center no-repeat; background-size:cover;}
.stepTwoBox .conR .btnPRe {position: relative; z-index: 0; right:-3em; opacity: 0; transition: all 1.2s;
transition-delay: 3.1s;
font-size: 1.1em; display: inline-block; margin-top:3em; width: 16em; text-align: center;
background-color: #edc0c5; font-weight: bold; line-height: 3.1em; margin-left: 0.4em;}
.stepTwoBox .conR .btnPRe span { position: relative; z-index: 0; left: -0.4em; top: -0.4em; display: block; padding: 0.1em 0 0;
background: #b95967 ;  color: #fff; letter-spacing: 0.1em;}
.stepTwoBox .conRAni .arr0 .grap1 {opacity: 1; left: 0;}
.stepTwoBox .conRAni .arr0 .grap2 {opacity: 1; left: 8.2%;}
.stepTwoBox .conRAni .arr0 .grap3 {opacity: 1; left: 37.5%;}
.stepTwoBox .conRAni .arr {opacity: 1; top: 0;}
.stepTwoBox .conRAni .step { opacity: 1;left: -10%; }
.stepTwoBox .conRAni .tit {opacity: 1; right: 0; }
.stepTwoBox .conRAni .tit2 {opacity: 1; right: 0; }
.stepTwoBox .conRAni .txt { opacity: 1; right: 0;}
.stepTwoBox .conRAni .tit3 {opacity: 1; right: 0; }
.stepTwoBox .conRAni .txt2 { opacity: 1; right: 0;}
.stepTwoBox .conRAni .listPicS { opacity: 1; right: 0;}
.stepTwoBox .conRAni .btnPRe { opacity: 1; right: 0;} .resultSBoxW { margin-top: 4em; padding:4em 0 5em; background-color: #d6e9bc;}
.resultSBox { margin: 0 auto;}
.resultSBox .tit  {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
display: inline-block; position: relative; z-index: 0; padding: 0 0.6em; line-height: 1.2em; font-size: 2.2em;
font-weight: bold;}
.resultSBox .tit .name { position: relative; z-index: 1; letter-spacing: 0.1em;}
.resultSBox .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.5em;
background-color: #fff;}
.resultSBox .titM {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
display: none;}
.resultSBox .txt {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 1em; font-size: 1em; line-height: 1.7em; color: #666;}
.swiper_pro_w { margin-top: 2.4em; position: relative; z-index: 0;top: 2em; opacity: 0; transition: all 1.2s; }
.swiper_pro_w .bg{ position: absolute; z-index: 0; left: 0; top: 0; right: 0;
padding-top: 345.5px; height: 0; overflow: hidden; background-color: #eec1c6;}
.swiper_pro {position: relative; z-index: 1; height:auto; margin: 0 auto; }
.swiper_pro .swiper-slide { margin-top:0 !important; display:block;width:100%; }
.swiper_pro .swiper-slide .con { position: relative; z-index: 0; padding-top: 50%; height: 0; overflow: hidden;}
.swiper_pro .swiper-slide .pic { position: absolute; top: 0; left: 0; width: 50%;  cursor: pointer; display: block; height: 0; overflow: hidden;
padding-top: 50%; background: center center no-repeat; background-size:cover;  }
.swiper_pro .swiper-slide .re { position: absolute; top: 0; right: 0; bottom: 0;  width: 50%;
background-color: #eec1c6; color: #000;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
text-align: left;  font-size: 1.4em; line-height: 1.5em; overflow: hidden;}
.swiper_pro .swiper-slide .re .reTxt { display: block; margin: 2em 1em;
max-height: 7.5em;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5; 
overflow: hidden;}
.swiper_pro .swiper-slide .re .reName { position: absolute; bottom: 1em; left: 0; display: block; padding: 0 1em;}
.swiper_pro .swiper-slide .txt { background-color: #ebf7ff; color: #000; display: block; margin: 1.6em 30% 0; overflow: hidden;
font-size: 1.5em; line-height: 1.3em; height:1.3em; }
.swiper_pro .button-prev,.swiper_pro .button-next { z-index: 1; position: absolute; 
bottom: 0.4em; width: 30px; height: 15px; 
display: block; cursor: pointer; background:center center no-repeat; background-size:contain; }
.swiper_pro .button-prev { left: 10%; background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrowL.png);}
.swiper_pro .button-next { right: 10%; background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrowR.png);}
.swiper_pro_w .txtd { color: #000; display: block; margin: 1.6em 30% 0; overflow: hidden;
font-size: 1.5em; line-height: 1.3em; height:1.3em; }
.swiper_pro_w .propc { display: block;}
.swiper_pro_w .prom { display: none;}
.propc { max-width: none;}
.propc .swiper-slide:nth-child(odd) { background-color: #ffeacb;}
.propc .swiper-slide:nth-child(even) {background-color: #ffeacb; }
.propc .swiper-slide:nth-child(odd) .re { color: #fff;}
.propc .swiper-slide .conW { max-width: 1382px; margin: 0 auto;}
.propc .swiper-slide .conW:after { display: block; clear: both; content: "";}
.propc .swiper-slide .con { float: left; width: 50%; padding-top: 25%;}
.propc .swiper-slide .re { background-color: transparent;}
.propc .swiper-slide .con:nth-child(odd) .pic {left: auto; right: 0;}
.propc .swiper-slide .con:nth-child(odd) .re {right: auto; left: 0;}
.prom .swiper-slide:nth-child(odd) .re { background-color: #ffeacb;color: #fff;}
.prom .swiper-slide:nth-child(even) .re {background-color: #ffeacb; }
.resultSBox .btnPRe {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
font-size: 1.4em; display: inline-block; margin-top:2em;  text-align: center;
background-color: #ffd6a7; font-weight: bold; line-height: 3.4em; margin-left: 0.4em;}
.resultSBox .btnPRe span { position: relative; z-index: 0; left: -0.4em; top: -0.4em; display: block;
padding: 0.1em 4em 0;
background: #ffae77;  color: #fff; letter-spacing: 0.1em;}
.resultSBox .btnPRe:hover {background-color: #ffae77;}
.resultSBox .btnPRe:hover span { background-color: #ffd6a7; color: #000;}
.resultSBox .btnPRe:active { top: 0.5em !important;}
.priceBox { max-width: 1382px; margin: 0 auto 0; padding:4.9em 0 5.1em;}
.priceBox .list { margin: 0 4.3%; position: relative; z-index: 0;}
.priceBox .list .label { opacity: 0; transition: all 0.6s;
position: absolute; width: 38%; bottom:1.5em; left: -8%; background-color: #dc808b; color: #fff;
font-size: 1.4em; font-weight: bold; line-height: 1.5em; text-align: left; padding:0.7em 0;}
.priceBox .list .labelAni {left: -4.6%; opacity: 1;}
.priceBox .list .labelc { padding-left:38%; padding-right: 1em;}
.priceBox .list ul:after { display:block; content: ""; clear: both;}
.priceBox .list li {left: -3em; opacity: 0; transition: all 0.6s;
position: relative; z-index: 1; float: left; width: 33.3%; padding-bottom: 1em; background-color: #fff;
-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .15);
-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .15);
box-shadow:0px 0px 10px rgba(0, 0, 0, .15);}
.priceBox .list .tit { font-size: 1.3em; line-height: 1.7em; margin-bottom: 0.3em; padding: 1.1em 1em 1em;font-weight: bold; background-color: #dcdcdc;}
.priceBox .list li:nth-child(2) .tit { background-color: #ffe5be;}
.priceBox .list li:nth-child(3) .tit { background-color: #ffc56d; color: #fff;}
.priceBox .list .price { font-size: 2.4em; line-height: 1.4em;}
.priceBox .list .pink { color: #FFAE77;}
.priceBox .list .del { margin-left: 0.3em; font-size: 0.7em; text-decoration: line-through;}
.priceBox .list .txt { font-size: 1em; line-height: 1.7em;}
.priceBox .list .txtb { padding:1.2em 0 1.2em; margin:0 8%;}
.priceBox .list .txtb2 { border-top: 1px solid #000; padding:1.2em 0 1.2em; margin:0 8%;}
.priceBox .list .txtb3 { border-top: 1px solid #000; padding:2.2em 0 1.9em; margin:0 8%;}
.priceBox .btnPRe { position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 0.6s;
font-size: 1.5em; display: inline-block; margin-top:3.4em;  text-align: center;
background-color: #ffd6a7; font-weight: bold; line-height: 3.3em; margin-left: 0.4em;}
.priceBox .btnPRe span { position: relative; z-index: 0; left: -0.4em; top: -0.4em; display: block; padding: 0.1em 3em 0;
background-color: #ffae77;  color: #000; letter-spacing: 0.1em;}
.priceBox .btnPRe:hover {background-color: #ffae77;}
.priceBox .btnPRe:hover span { background-color: #ffd6a7; color: #fff;}
.priceBox .btnPRe:active { top: 0.5em !important;}
.priceBox .smx {position: relative; z-index: 0; top: 2rem; opacity: 0; transition: all 0.6s; margin:3.3rem 1em 0;
font-size: 11px; line-height: 1.6em;}
@media only screen and (max-width:1382px){
.bannerB .txt { position: absolute; left:0; margin-left: 0;}
.ftBoxU { width: 100%; left:0; margin-left: 0;}
.swiper_pro_w .bg { height: 0; padding-top: 25%;}
}
@media only screen and (max-width:1300px){
.stepOneBox .conR {font-size: 0.9em;}
.stepTwoBox .conR {font-size: 0.9em;}
}
@media only screen and (max-width:1140px){
.swiper_pro .swiper-slide .re { font-size: 1.2em;}
}
@media only screen and (max-width:1000px){
.swiper_pro_w .txtd { font-size: 1.4em;}
.swiper_pro .swiper-slide .txt { font-size: 1.4em;}
.swiper_pro .swiper-slide .re { font-size: 1em;}
}
@media only screen and (max-width:828px){
.bannerB { display: none;}
.bannerBM { display:block;}
.resultDBox .tit { font-size: 4.5vw;}
.resultDBox .list ul { display: block;}
.resultDBox .list { margin-top:0;}
.resultDBox .list li{ margin-top:4em;}
.story1 .picBox { display: none;}
.story1 .picBoxM { display: block; background-attachment: scroll;}
.story1 .numBox ul { display: block;}
.story1 .txtBoxW { margin-top:0; margin-bottom: -18em; bottom: 13em;}
.story1 .txtBox { padding: 3em 0;}
.story1 .txtBox .tit2 {font-size: 1.4em; margin: 0 1.6rem;}
.story1 .txtBox .tit {font-size: 2em; margin: 0.2em 1.6rem 0;}
.story1 .txtBox .txt {font-size: 1em; margin: 1.2em 1.6rem 0;}
.stepOneBox { margin-top: 3em; padding-bottom: 0;}
.stepOneBox .conL { float: none; width: auto; padding-top:117%; }
.stepOneBox .txtBoxM { display: block;}
.stepOneBox .conR {padding-top: 23%; margin: 0 7%; float: none; width: auto; left: 0; }
.stepOneBox .step { display:none;}
.stepOneBox .arrM { display: block;}
.stepOneBox .arr{ display: block; width: 3em; height: 3em; margin: 1.6em 14% -1.2em auto; left: 0;}
.stepOneBox .tit { display:none;}
.stepOneBox .tit2,.stepOneBox .tit3 { font-size: 1.2em;}
.stepOneBox .txt { padding: 0;}
.stepOneBox .txt2 { font-size: 1.1em; min-height: auto;}
.stepOneBox .conR .btnPRe { font-size: 1.1em;  line-height: 3.1em; margin-top: 2em; width: auto; display: block;}
.stepOneBox .listPicS { position: absolute; right: -9%; top: -8em; z-index: 5; width: 98%;margin-top: 3.6em;
transition-delay: 0s;}
.stepTwoBoxW { border-top: 0; margin-top: 3em; }
.stepTwoBox .arr0 { margin: -2em auto -6em;}
.stepTwoBox {  padding-bottom: 0;}
.stepTwoBox .conL { float: none; width: auto; padding-top:117%; }
.stepTwoBox .txtBoxM { display: block;}
.stepTwoBox .conR { padding-top: 23%; margin: 0 7%; float: none; width: auto; left: 0; }
.stepTwoBox .step { display:none;}
.stepTwoBox .arr{ display: block; width: 3em; height: 3em; margin: 1.6em 0 -1.2em 16%; left: 0;}
.stepTwoBox .tit { display:none;}
.stepTwoBox .tit2,.stepTwoBox .tit3 { font-size: 1.2em; margin-right: 0;}
.stepTwoBox .txt { padding: 0;}
.stepTwoBox .txt2 { font-size: 1.1em;}
.stepTwoBox .conR .btnPRe { margin-top: 3.6em; width: auto; display: block;}
.stepTwoBox .listPicS { position: absolute; right: -9%; top: -8em; z-index: 5; width: 98%;margin-top: 3.6em;
transition-delay: 0s;}
.resultSBoxW { margin-top: 0; padding-top: 3.4em; padding-left: 1.4em; padding-right: 1.4em;}
.swiper_pro_w .bg { display: none;}
.resultSBox .btnPRe { display: block; font-size: 4.2vw; line-height: 3.2em;}
.resultSBox .btnPRe span { padding-left: 0; padding-right: 0;}
.resultSBox .tit { display: none; font-size: 2em;}
.resultSBox .titM { display: block; margin: 0 -1.4rem; text-align: left; line-height: 1.2em;}
.resultSBox .reCon{ display: block;}
.resultSBox .txt { text-align: left;}
.swiper_pro_w { margin: 1.6em -1.4em 0;}
.swiper_pro .swiper-slide .txt { margin: 1em 3em 0; font-size: 1.3em; line-height: 1.2em; height: 1.2em; text-align: center;}
.swiper_pro .swiper-slide .re { font-size: 1.2em;}
.swiper_pro .button-prev { left: 0.6em;}
.swiper_pro .button-next { right: 0.6em;}
.swiper_pro .button-prev, .swiper_pro .button-next {bottom: 0.3em;}
.swiper_pro_w .txtd { margin: 1em 3em 0; font-size: 1.3em; line-height: 1.2em; height: 1.2em; text-align: center;}
.swiper_pro_w .propc { display: none;}
.swiper_pro_w .prom { display: block;}
.qaBoxW { padding-bottom: 3em;}
.qaBox {display: block;}
.qaBox .qaL {width: auto;}
.qaBox .qaR {width: auto;}
.qaBox .qaL .pic { width: auto; margin: 0 auto;}
.qaBox .qaL .tit { font-size: 27vw;}
.qaBox .qaL .tit { bottom: -0.05em;}
.qaBox .qaR .list{ width: auto; margin: 2em 2em 0;}
.priceBox { padding: 3.6em 0;}
.priceBox .list { margin: 0 8.5%;}
.priceBox .list .label {  display: none;}
.priceBox .list li { float: none; width: auto;}
.priceBox .list li:nth-child(1) { margin: 0 5%;}
.priceBox .list li:nth-child(3) { margin-top:2em ;}
.priceBox .list .tit { font-size:1.1em; padding: 1.2em 1em 1.1em;}
.priceBox .list .price { font-size: 2.2em;}
.priceBox .list .txt { font-size: 1em;}
.priceBox .btnPRe { margin-left:8.5%; margin-right: 8.5%; font-size: 1.2em; display: block;}
.priceBox .btnPRe span { padding-left: 0; padding-right: 0;}
.priceBox .smx {font-size: 0.7em; line-height: 1.6em;}
.priceBox .smx span{ display: block;}
.priceBox .smx br { display: none;}
}
@media only screen and (max-width:600px){
.qaBox .qaR .list .tit { font-size: 1em;}
.swiper_pro .swiper-slide .re { font-size: 1em;}
}
@media only screen and (max-width:540px){
.stepOneBox .conR {padding-top: 17%;}
.stepTwoBox .conR {padding-top: 17%;}
.bannerBM .txt .curve{display: none;}
}
@media only screen and (max-width:450px){
.swiper_pro .swiper-slide .re { font-size: 0.9em;}
}@font-face {
font-family: "socicon";
src: url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.eot);
src: url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.eot?#iefix) format("embedded-opentype"), url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.woff) format("woff"), url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.ttf) format("truetype"), url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.svg#socicon) format("svg");
font-weight: normal;
font-style: normal;
}
.meks_ess .socicon-facebook {
background: #3e5b98;
}
.meks_ess .socicon-facebook:before {
content: "\e028"
}
.meks_ess .socicon-twitter {
background: #4da7de;
}
.meks_ess .socicon-twitter:before {
content: "\e08d"
}
.meks_ess .socicon-pinterest {
background: #c92619;
}
.meks_ess .socicon-pinterest:before {
content: "\e063"
}
.meks_ess .socicon-reddit {
background: #e74a1e;
}
.meks_ess .socicon-reddit:before {
content: "\e06c"
}
.meks_ess .socicon-instagram {
background: #000000;
}
.meks_ess .socicon-instagram:before {
content: "\e044"
}
.meks_ess .socicon-stumbleupon {
background: #e64011;
}
.meks_ess .socicon-stumbleupon:before {
content: "\e082"
}
.meks_ess .socicon-linkedin {
background: #3371b7;
}
.meks_ess .socicon-linkedin:before {
content: "\e04c"
}
.meks_ess .socicon-googleplus {
background: #dd4b39;
}
.meks_ess .socicon-googleplus:before {
content: "\e038"
}
.meks_ess .socicon-whatsapp {
background: #20B038;
}
.meks_ess .socicon-whatsapp:before {
content: "\e099"
}
.meks_ess .socicon-vkontakte {
background: #5a7fa6;
}
.meks_ess .socicon-vkontakte:before {
content: "\e095"
}
.meks_ess .socicon-mail {
background: #000000;
}
.meks_ess .socicon-mail:before {
content: "\e050"
}
.transparent .socicon-facebook:before,
.outline .socicon-facebook:before,
.transparent .socicon-facebook span,
.outline .socicon-facebook span {
color: #3e5b98;
}
.transparent .socicon-twitter:before,
.outline .socicon-twitter:before,
.transparent .socicon-twitter span,
.outline .socicon-twitter span {
color: #4da7de;
}
.transparent .socicon-pinterest:before,
.outline .socicon-pinterest:before,
.transparent .socicon-pinterest span,
.outline .socicon-pinterest span {
color: #c92619;
}
.transparent .socicon-reddit:before,
.outline .socicon-reddit:before,
.transparent .socicon-reddit span,
.outline .socicon-reddit span {
color: #e74a1e;
}
.transparent .socicon-instagram:before,
.outline .socicon-instagram:before,
.transparent .socicon-instagram span,
.outline .socicon-instagram span {
color: #000000;
}
.transparent .socicon-stumbleupon:before,
.outline .socicon-stumbleupon:before,
.transparent .socicon-stumbleupon span,
.outline .socicon-stumbleupon span {
color: #e64011;
}
.transparent .socicon-linkedin:before,
.outline .socicon-linkedin:before,
.transparent .socicon-linkedin span,
.outline .socicon-linkedin span {
color: #3371b7;
}
.transparent .socicon-googleplus:before,
.outline .socicon-googleplus:before,
.transparent .socicon-googleplus span,
.outline .socicon-googleplus span {
color: #dd4b39;
}
.transparent .socicon-whatsapp:before,
.outline .socicon-whatsapp:before,
.transparent .socicon-whatsapp span,
.outline .socicon-whatsapp span {
color: #20B038;
}
.transparent .socicon-vkontakte:before,
.outline .socicon-vkontakte:before,
.transparent .socicon-vkontakte span,
.outline .socicon-vkontakte span {
color: #5a7fa6;
}
.transparent .socicon-mail:before,
.outline .socicon-mail:before,
.transparent .socicon-mail span,
.outline .socicon-mail span {
color: #000000;
}
body .outline a.socicon-facebook,
body .outline a.socicon-facebook:hover {
border-color: #3e5b98;
}
body .outline a.socicon-twitter,
body .outline a.socicon-twitter:hover {
border-color: #4da7de;
}
body .outline a.socicon-pinterest,
body .outline a.socicon-pinterest:hover {
border-color: #c92619;
}
body .outline a.socicon-reddit,
body .outline a.socicon-reddit:hover {
border-color: #e74a1e;
}
body .outline a.socicon-instagram,
body .outline a.socicon-instagram:hover {
border-color: #000000;
}
body .outline a.socicon-stumbleupon,
body .outline a.socicon-stumbleupon:hover {
border-color: #e64011;
}
body .outline a.socicon-linkedin,
body .outline a.socicon-linkedin:hover {
border-color: #3371b7;
}
body .outline a.socicon-googleplus,
body .outline a.socicon-googleplus:hover {
border-color: #dd4b39;
}
body .outline a.socicon-whatsapp,
body .outline a.socicon-whatsapp:hover {
border-color: #20B038;
}
body .outline a.socicon-vkontakte,
body .outline a.socicon-vkontakte:hover {
border-color: #5a7fa6;
}
body .outline a.socicon-mail,
body .outline a.socicon-mail:hover {
border-color: #000000;
}
.meks_ess {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap:wrap;
text-align: center;
padding: 0;
margin: 0 0 20px 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
top: -5px;
}
body .meks_ess a {
font-style: normal;
text-decoration: none !important;
font-family: inherit;
color: #FFF;
font-size: 16px;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
min-width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px;
margin-top: 5px !important;
box-shadow: none !important;
border: 0;
}
.meks_ess a:before {
font-family: "socicon" !important;
font-style: normal !important;
font-size: 14px;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-size: inherit;
text-rendering: auto;
}
body .meks_ess a:hover {
color: #fff;
cursor: pointer;
text-decoration: none;
background-image: -moz-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.1))) !important;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: -o-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: -ms-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
}
body .meks_ess a:focus {
color: #fff;
text-decoration: none;
outline: none;
}
.meks_ess a span {
font-family: inherit;
position: relative;
top: -1px;
margin-left: 8px;
}
.meks_ess.no-labels span {
display: none;
}
.meks_ess.transparent a {
font-size: 1em;
} .meks_ess.outline a {
border: 1px solid transparent;
background: transparent !important;
}
.meks_ess.outline a:hover {
border: 1px solid;
}
.meks_ess.transparent a {
border-radius: 0;
background: transparent !important;
}
.meks_ess.transparent a:hover {
background: transparent !important;
} .meks_ess.rectangle.no-labels a {
border-radius: 0;
min-width: 100px;
} .meks_ess.rounded.no-labels a {
border-radius: 20px;
min-width: 100px;
} .meks_ess.circle, .meks_ess.square, .meks_ess.transparent {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.meks_ess.circle a, .meks_ess.square a, .meks_ess.transparent a {
width: 40px;
border-radius: 50%;
-webkit-box-flex: none; 
-webkit-flex: none; 
-ms-flex: none;
flex: none;
} .meks_ess.square a {
border-radius: 0;
} .meks_ess.transparent.outline a {
border: 0;
} .meks_ess.rectangle a {
border-radius: 0;
min-width: 140px;
} .meks_ess.rounded a {
border-radius: 20px;
min-width: 140px;
} .meks_ess.transparent a {
min-width: auto;
width: auto;
margin-right: 25px;
border-radius: 0;
}
.meks_ess.transparent .socicon-facebook {
margin-left: -3px;
}