@charset "utf-8";

#content-wrapper{ min-width:auto; }
#content-wrapper #content{ width:auto; }
#content-wrapper #content * img{ vertical-align:bottom; line-height:0; }

#content-wrapper #content .boxClmn{ width:440px; margin:0 30px 0 0; float:left; }
#content-wrapper #content .boxClmn + .boxClmn{ margin:0; }


/* ===========================
3D MASSAGE ROLL
=========================== */
#massageRoll{  }

/* section first view */
#massageRoll #secFV{ width:960px; margin:0 auto; }
#massageRoll #secFV .boxTxt,
#massageRoll #secFV .boxImg{ width:450px; float:left; }

#massageRoll #secFV .boxImg{ margin:0 60px 0 0 ; text-align:right; }
#massageRoll #secFV .boxImg img{ width:inherit; }

#massageRoll #secFV .boxTxt .logo,
#massageRoll #secFV .boxTxt .productLogo,
#massageRoll #secFV .boxTxt .jptc
{ margin:0 0 30px; text-indent:-99999px; background-repeat:no-repeat; background-position:left top; background-color:transparent; background-size:contain; }

#massageRoll #secFV .boxTxt .logo{ height:34px; background-image:url(/my/en/assets/img/products/common-txt-logo.png); }
#massageRoll #secFV .boxTxt .productLogo{ height:99px; background-image:url(../images/3d-massage-roll/fv-logo-product@2x.png); }
#massageRoll #secFV .boxTxt .jptc{ height:35px; background-image:url(/my/en/assets/img/products/common-bnr-jptc.png); }

#massageRoll #secFV .boxTxt .readTitle{  }
#massageRoll #secFV .boxTxt .readText{ margin:0 0 30px; }


/* section 1 */
#massageRoll #sec1{ height:1190px; background:url(../images/3d-massage-roll/sec1-image-background.jpg) no-repeat center top; background-size:cover; }
#massageRoll #sec1 .inner{ width:900px; margin:0 auto; padding:240px 30px 0; }

#massageRoll #sec1 .jptc,
#massageRoll #sec1 .productLogo,
#massageRoll #sec1 .readText
{ text-indent:-99999px; background-repeat:no-repeat; background-position:left top; background-color:transparent; background-size:contain; }

#massageRoll #sec1 .productLogo{ height:220px; margin:0 0 30px; background-image:url(../images/3d-massage-roll/sec1-logo-product@2x.png); }
#massageRoll #sec1 .readText{ height:30px; margin:0 0 30px; background-image:url(../images/3d-massage-roll/sec1-text-read@2x.png); }
#massageRoll #sec1 .jptc{ height:53px; background-image:url(../images/3d-massage-roll/sec1-logo-jptc@2x.png); }


/* section 2 */
#massageRoll #sec2{ background:url(../images/3d-massage-roll/sec3-background-border.png) no-repeat center top #fff; padding:0 0 120px; }
#massageRoll #sec2 .inner1{ position:relative; width:980px; margin:0 auto; min-height:490px; }
#massageRoll #sec2 .inner2{ position:static; padding:30px 0 0; }

#massageRoll #sec2 .inner1 .secTitle,
#massageRoll #sec2 .inner1 .readTitle,
#massageRoll #sec2 .inner1 .readText,
#massageRoll #sec2 .inner1 .readImage
{ position:absolute; color:#000; }

#massageRoll #sec2 .inner1 .readTitle span,
#massageRoll #sec2 .inner1 .readText span
{ color:#e3007c; }

#massageRoll #sec2 .inner1 .readTitle span,
#massageRoll #sec2 .inner1 .readTitle
{ line-height:1em; }

#massageRoll #sec2 .inner1 .secTitle{ top:60px; left:0; z-index:5; }
#massageRoll #sec2 .inner1 .readTitle{ top:130px; z-index:4; font-size:44px; width:510px; }
#massageRoll #sec2 .inner1 .readText{ top:250px; z-index:4; font-size:16px; width:480px; }
#massageRoll #sec2 .inner1 .readImage{ top:0; left:250px; z-index:3; }

#massageRoll #sec2 .inner2 ul{ text-align:center; }
#massageRoll #sec2 .inner2 ul li{ display:inline-block; margin:0 0 0 23px; color:#000; vertical-align:top; }
#massageRoll #sec2 .inner2 ul li img{ margin:0 0 10px; }

#massageRoll #sec2 .inner2 ul li.battery{ width:190px; height:190px; margin:0 35px 0 0; background:url(../images/3d-massage-roll/sec3-background-battery.png) no-repeat center top transparent; color:#000; font-size:14px; line-height:18px; text-align:center; }
#massageRoll #sec2 .inner2 ul li.battery img{ margin:30px 0 15px; }


/* section 3 */
#massageRoll #sec3{ background:url(../images/3d-massage-roll/sec4-background-border@2x.png) no-repeat center 30px #fff; padding:0 0 120px; background-size:auto 20px; }
#massageRoll #sec3 .inner{ position:relative; width:960px; margin:0 auto; padding:110px 0 0; min-height:520px; }

#massageRoll #sec3 .inner .secTitle,
#massageRoll #sec3 .inner .readImage
{ position:absolute; color:#000; }

#massageRoll #sec3 .inner .readTitle,
#massageRoll #sec3 .inner .readText
{ position:relative; color:#000; padding-left:490px; }

#massageRoll #sec3 .inner .readTitle span,
#massageRoll #sec3 .inner .readText span
{ color:#e3007c; }

#massageRoll #sec3 .inner .readTitle,
#massageRoll #sec3 .inner .readTitle span
{ line-height:62px; }


#massageRoll #sec3 .inner .secTitle{ top:30px; left:0; z-index:5; }
#massageRoll #sec3 .inner .readImage{ top:0; z-index:3; }
#massageRoll #sec3 .inner .readTitle{ width:470px; margin:0 0 30px; font-size:56px; }
#massageRoll #sec3 .inner .readText{ width:470px; font-size:20px; }
#massageRoll #sec3 .inner ul{ margin:0 0 30px; padding-left:460px; text-align:center; }
#massageRoll #sec3 .inner ul li{ display:inline-block; padding:0 0 0 30px; color:#000; vertical-align:top; }
#massageRoll #sec3 .inner ul li img{ margin:0 0 10px; }

/* section 4 */
#massageRoll #sec4{ padding:120px 0; background:#e1e1e1; }
#massageRoll #sec4 .inner{ width:960px; margin:0 auto; }
#massageRoll #sec4 .secTitle{ margin:0 0 60px; color:#000; font-size:56px; line-height:1em; text-align:center; }


/* section 6 */
#sec6{ background:url(../images/3d-massage-roll/sec3-background-border.png) no-repeat center top #fff; padding:0 0 30px; }
#sec6 .inner{ width:980px; margin:0 auto; }
#sec6 .secTitle{ margin:0 0 60px; padding:60px 0 0; text-align:center; }

#sec6 .colorMain{ width:580px; float:left; margin:0 0 30px; text-align:center; }
#sec6 .color{ width:490px; float:left; margin:0 0 30px; text-align:right; }

#sec6 .effect{ width:400px; float:right; background:url(../images/3d-massage-roll/sec6-background-effect.png) no-repeat left top;}
#sec6 .effect .title{ margin:0 0 10px; padding:40px 30px 0; color:#000; font-size:18px; font-weight:bold; }
#sec6 .effect .text{ padding:0 30px 30px; font-size:14px; color:#000; }
#sec6 .effect .text span{ color:#e3007c; }


/* section 7 */
#massageRoll #sec7 {
	margin:0 auto;
	padding-top: 120px;
	width:980px;
}
#massageRoll #sec7 .inner {
	margin: 0 auto;
	width:640px;
}

/* section Spec */
#massageRoll #secSpec{ width:960px; margin:0 auto; padding:120px 0; }

#massageRoll #secSpec .plogo{ border-left:solid 4px #fff; margin:0 0 30px; padding:0 0 0 15px; background:url(../images/3d-massage-roll/secSpec-logo-product@2x.png) no-repeat 15px top; background-size:auto 32px; text-indent:-99999px; line-height:32px; }

#massageRoll #secSpec table,
#massageRoll #secSpec table tr th,
#massageRoll #secSpec table tr td{ border-style:none; font-size:14px; }

#massageRoll #secSpec table tr + tr{ border-top:solid 1px #fff; }

#massageRoll #secSpec table{  }
#massageRoll #secSpec table tr th{ white-space:nowrap; text-align:left; padding-left:0; vertical-align:top; }

#massageRoll .lstAtt{  }
#massageRoll .lstAtt li{ padding:0 0 0 1em; text-indent:-1em; font-size:16px; }
#massageRoll .lstAtt li:before{ content:"*"; }



/* products
=========================== */

/* overWrite
--------------------------- */


/* index
--------------------------- */





/* around
--------------------------- */

/* margin */
.mt030{ margin-top:30px !important; }

.mb000{ margin-bottom:0 !important; }
.mb015{ margin-bottom:15px !important; }
.mb030{ margin-bottom:30px !important; }
.mb060{ margin-bottom:60px !important; }
.mb120{ margin-bottom:120px !important; }
.mb150{ margin-bottom:150px !important; }
.mb180{ margin-bottom:180px !important; }

.ml150{ margin-left:150px !important; }