#mbanner {
	display: none;
}

.addg {
	border: 5px solid #70d803;
	border-radius: 2.5vw;
	
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "微軟正黑體";
	outline: none;
}

.col-12, .col-sm-6, .transcripts, .circlegbox {
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	box-sizing: border-box!important;
}
a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}
p {
	/*margin: 0;*/
	margin-bottom: 0;
}
.clear {
	width: 100%;
	clear: both;
}


.p2 h1, .p3 h1, .p4 h1, .p5 h1 {
	width: 100%;
	font-size: 3vw;
	text-align: center;
	padding-top: 8vw;
	margin-bottom: 2vw;
	color: #000;
	letter-spacing: .3vw;
	font-weight: 500;
}


li {
	list-style: none;
}
/*nav start*/

nav {
	
	background-color: #dfcdd8;
	width: 42%;
	
	margin: 0 auto;
	z-index: 9;
	padding-left: 0;
	background-color: #dfcdd8;
	padding-top: 1.5vw;
	
}

nav ul {
	width: 100%;
	height: 6vw;
	margin: 0 auto;
	list-style: none;
	

}
nav li {
	display: inline-block;
	float: left;
	margin: 0 auto;
	color: #000;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 1.2vw;
	line-height: 5vw;
	

}
#nav_btn1::after, #nav_btn2::after, #nav_btn3::after {
	content: "｜";
	margin: 0 1vw;
	color: #666;
	font-weight: 100;
}

nav li:hover {
	
	color: #f3637a;
	cursor: pointer;
}

#logom {
	width: 65%;
	margin-left: 3vw;
}
/*nav end*/

/*banner start*/
.bannerbox {
	max-width: 100vw;
	height: 100vh;
	background-color: #dfcdd8;
	overflow: hidden;
}

.banner {
	min-width: 100%;
	width: 100%;
	height: 100vh;
	background-color: #dfcdd8;
	position: relative;	
	overflow: hidden;
}


.banner img {
	height: 100%;
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	margin: auto;
	margin-bottom: 0;
	overflow: hidden;
}
#bannertop {
	z-index: 9;
}
#bannerbox {
	z-index: 1;
}
#bannerred {
	
	height: 50%;
	margin-bottom: -18vh;
	animation: banner_run 4s ease infinite;
	-moz-animation: banner_run 4s ease infinite;	/* Firefox */
	-webkit-animation: banner_run 4s ease infinite;	/* Safari 和 Chrome */
	-o-animation: banner_run 4s ease infinite;	/* Opera */
}

@keyframes banner_run {
	0%  { transform: rotateZ(0deg);
		  -ms-transform: rotateZ(0deg);
		  -moz-transform: rotateZ(0deg);
		  -webkit-transform: rotateZ(0deg);
		  -o-transform: rotateZ(0deg);
		}
	25% { transform: rotateZ(-20deg); 
		  -ms-transform: rotateZ(-20deg); 
		  -moz-transform: rotateZ(-20deg); 
		  -webkit-transform: rotateZ(-20deg); 
		  -o-transform: rotateZ(-20deg); 
		}
	75% { transform: rotateZ(-40deg);
		  -ms-transform: rotateZ(-40deg);
		  -moz-transform: rotateZ(-40deg);
		  -webkit-transform: rotateZ(-40deg);
		  -o-transform: rotateZ(-40deg);
		}
	100% { 
		  transform: rotateZ(-360deg);
		  -ms-transform: rotateZ(-360deg);
		  -moz-transform: rotateZ(-360deg);
		  -webkit-transform: rotateZ(-360deg);
		  -o-transform: rotateZ(-360deg);
		 }
}


/*banner end*/


/*p1 start*/

.p1box {
	width: 100vw;
	height: 63vw;
	z-index: 2;
	background-color: #ccb0c7;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center bottom;
}
.p1	{
	width: 65vw;
	height: 55.4vw;
	background-image: url(../img/p2_say_girl.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	margin: 0 auto;
	margin-bottom: 0;
	
}
.p1 .say {
	width: 60vw;
	margin-left: 12vw;
	overflow-x: hidden;

}
.p1 p {
	font-weight: 300;
	width: 42.5vw;
	height: 60vw;
	font-size: 1.4vw;	
	padding-left: 17vw;
	line-height: 2.8vw;
	padding-top: 17.5vw;
	color: #333;
	text-shadow: 0px 0px 3px #fff;
}
.p1 p span {
	padding-left: 5vw;
}

/*p1end*/

/*p2 start*/
.p2box {
	width: 100vw;
	height: 105vw;
	background-color: #dfcdd8;
}
.p2 {
	position: relative;
}

.p2 h1 {
	position: absolute;
	width: 78%;
	top: 22vw;
	left: 23vw;
	z-index: 999;	
	font-weight: 500;
	color: #000;
	letter-spacing: .3vw;
	font-size: 3vw;
	text-align: left;
	overflow: hidden;
}
#doctor {
	width: 40vw;
	margin-left: 28.5vw;
	z-index: 1;
}
.say_cloud {
	position: absolute;
	width: 40vw;
}
#say_cloud_left {
	float: left;
	top: 25vw;
	left: 30vw;
	width: 20vw;

}
#say_cloud_right {
	float: left;
	width: 20vw;
	top: 0vw;
	left: 50vw;

}

.p2box h2 {
	width: 100%;
	position: absolute;
	top: 10vw;
	font-size: 1.5vw;
	display: inline-block;
	line-height: 18vw;
	z-index: 999;
	padding: .1vw;
	margin-left: 6vw;
	font-weight: 400;
	color: #fff;
}
.p2box h2:hover {
	color: #f3637a;
	cursor: pointer;
}

#say_cloud_right h2 {
	top: 41.4vw;
	margin-left: 10.4vw;
}

#big_cloud {
	position: absolute;
	width: 80vw;
	left: 15vw;
}
.doctor_information {
	margin-top: -20vw;
	margin-left: 60vw;
	z-index: 1;
}
.doctor_information h5 {
	width: 5.2vw;
	height: 2.4vw;
	color: #fff;
	padding-top: .4vw;
	padding-left: .4vw;
	border-radius: 1.2vw;
	background-color: #f94151;
	padding: auto;
	font-weight: 400;
	border: .2vw solid #ffa5b2;
	font-size: 1.2vw;
	letter-spacing: .1vw;
}
.doctor_information p {
	padding-left: .2vw;
	font-size: 1vw;
	margin-bottom: -.3vw;
}
#doctor_name {
	margin-top: -.2vw;
	font-size: 1.4vw;
	font-weight: 600;
}

.p2_content {
	position: absolute;
	width: 40vw;
	top: 43vw;	
	left: 27vw;

}
.p2_content h3 {
	width: 40.5vw;
	border-bottom: 3px solid #fcee6e;
	padding-bottom: 1vw;
	font-size: 2.6vw;
}

.p2_content p {
	width: 40vw;
	padding-top: 11.5vw;
	padding-left: 7vw;
	letter-spacing: 1px;
	line-height: 1.8vw;
	font-size: 1.2vw;
	font-weight: 200;
}

.p2_content ul li {
	float: left;
	width: 1vw;
	height: 1vw;
	margin-right: 1vw;
	margin-bottom: 1vw;
	border-radius: 50%;
	list-style: none;
	background-color: #e0cdd8;
}
.p2_content ul li:hover {
	
	background-color: #e089d8!important;
}
.p2btns {
	position: absolute;
	left: 34vw;
	bottom: -8vw;
}



/*p2 end*/



/*p3 start*/

 .p3box {
 	width: 100vw;
 	height: 90vw;
 	padding-bottom: 5vw;
 }


.p3box h5 {
	text-align: center;
}
.p3box h6 {
	width: 100%;
	text-align: center;
}

.p3 .addscroll {
	overflow-y: scroll;
}

.p3 .col-sm-8 , .p3 .col-sm-4 {
	height: 60vw;
	margin-top: 2vw;
	margin-bottom: 12vw;

}

.p3 .row .col-sm-2 img {
	width: 6vw;
	
}


.p3 .foodbox p {
	text-align: center;
	
}

.p3 .col-sm-4 li {
	list-style: none;
}

.p3 .col-sm-4 img {
	width: 100%;
}
#outputbox {
	width: 28vw;
	height: 30vw;
	background-color: #fff;
	border-radius: 4vw;
	border: 4px solid #7f4d28;
	padding: 2vw;
	letter-spacing: 1px;
	font-size: 2.6vw;
	line-height: 8vw;

}
#outputkcal {
	margin: 0 1vw;
	color: #e00214;
	font-size: 7vw;
	text-align: center;
}


/*p3 end*/


/*p4 start*/

.p4box {
	width: 100vw;
	height: auto;
	
}


.new4top {
	background-image: url(../img/p4top.jpg);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 3vw 0;	
	background-color: #fdfbf6;
}

.new4bottom {
	background-image: url(../img/p4bottom.jpg);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 3vw 0;	

}
.videorun {
	margin: 3vw auto;
}
#v1 {
	margin: 0 auto;
	width: 45vw;
	height: 30vw;
	border: 0; 
	
}

.p4 .video_btn {
	width: 36vw;
	margin: 0 auto;
}
.p4 .video_btn .btn {
	width: 15vw;
	height: 3.2vw;
	border: 2px solid #aa87de;
	background-image: url(img/box_add.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	border-radius: 0!important;
	margin-top: 2.5vw;
	margin-bottom: 4vw;
	line-height: 1.6vw;
}
.p4 .video_btn .btn1 {
	margin-right: 5vw;
}
.p4 .container {
	margin: 0 auto;
}
.transcripts, .transcript {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.circlegbox {
	float: left;
	margin: 3vw auto!important;
	
	border-radius: 50%;
}
#circleg1, #circleg1noc, #circleg2, #circleg2noc {
	width: 90%;
}




.p4 h4 {
	
	text-align: center;
}
.p4 li {
	font-size: 1vw;
	text-align: center;
	font-weight: 200;
	border-bottom: 1px solid #eee;
	width: 100%;
}
.p4 .listul li {
	font-size: 1vw;
	text-align: center;
	font-weight: 200;
	border-bottom: 1px solid #eee;
	width: 100%;
}
.p4 h3 {
	text-align: center;
	color: #aa87de;
}

.g1, .g2 {
	margin-left: 4vw;
}
.listul {
	font-size: 1.3vw;
	text-align: center;
	background-color: rgba(255,255,255,.6);
	font-weight: 400;
	padding: 1vw 0;
	background-color: #fff;
	color: #444;
	border-bottom: 1vw solid #aa87de;
}
#onevideo {
	width: 60vw;
	height: 39vw;
	margin-top: 1.5vw;
	margin-left: 24vw;
}
.importvideo {
	width: 100vw;
	height: 60vw;
	background-color: yellow;

}
#mainvideoinbox {
	width: 100%;
	height: 48vw;
}

#mainvideo h4 {
	width: 100%;
	margin: 1vw 0;
	font-weight: 400;
	color: #aa87de;
	font-size: 2.5vw;
	text-align: center;
}

#something {
	width: 100%;
	font-weight: 200;
	border: .1vw solid #aa87de;
	padding: 2vw;
	font-size: 1.5vw;
	margin: 1.5vw 0;
	padding: 2vw;
}

.small_pics img {
	width: 100%;
	height: auto;
	margin-bottom: .8vw;
	z-index: 999;
	cursor: pointer;
	
}
.small_pics h6 {
	width: 100%;
	font-weight: 400;

}
.small_pics h6:hover {
	cursor: pointer;
	color: #aa87de;
}
/*p4 end*/

/*p5 start*/


.p5box {
	width: 100vw;
	background-color: #161422;
}

.p5 h1 {
	padding-top: 10vw;
	margin-bottom: 0;
	color: #fff;
}
.p5single {
	width: 100%;
	height: 55vw;
	position: relative;
	background-image: url(../img/p5bgi.png);
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-position: center;
}
.combination {
	width: 45vw;
	height: 58.5vw;
	margin-top: 15vw;
	background-color: #fff;
}

.light, .light2 {
	
	position: absolute;
	background-color: rgba(0,0,0,.7);
	border: 1px solid #aa87de;
	color: #fff;
	font-weight: 200;
	font-size: 1vw;
	text-align: center;
	letter-spacing: 1px;
	padding: .4vw 1.4vw;
}
.light {
	z-index: 999;
}
.light:hover {
	cursor: pointer;
}
.light1 {
	top: 12vw;
	left: 16vw;
}
.light2 {
	top: 60vw;
	left: 27.2vw;
}

.light3 {
	top: 26vw;
	left: 16vw;
}
.light4 {
	top: 9vw;
	right: 36vw;
}
.light5 {
	top: 40vw;
	right: 32vw;
}
.light6 {
	top: 20vw;
	left: 31.5vw;
}
.light7 {
	top: 53vw;
	left: 27.2vw;
}

.content {
	width: 25vw;
	height: 15vw;
	position: absolute;
	top: 30vw;
	left: 40vw;
	background-color: rgba(0,0,0,.7);
	border: 1px solid #aa87de;
	
}
.content::before {
	position: absolute;
	font-size: 1.2vw;
	font-weight: 200;
	color: #fff;
	padding: 3vw;
}
.content1 {
	top: 11vw;
	left: 20vw;
}
.content2 {
	top: 10vw;
	left: 44vw;

}


.content3 {
	top: 15vw;
	left: 20vw;
}
.content4 {
	top: 7.5vw;
	left: 35.5vw;
}
.content5 {
	top: 30vw;
	left: 38.5vw;
}
.content6 {
	top: 18.5vw;
	left: 35.5vw;
}
.content7 {

}

.content1::before {
	content: "副乳厚背Out：無胸罩及脇邊加高設計，收服副乳、背後多餘脂肪集中至胸部，罩杯立即升級。舒適的緊度，自然地抬頭挺胸，展現好體態。";
}
.content2::before {
	content: "小腿：穿短裙的時候，最怕有小兔子跟在後面，小腿水腫也表示下肢血液循環不良，尤其脫掉高跟鞋後更明顯。";
}
.content3::before {
	content: "下半身小一號：獨特雙層加壓收脂，一次收服流竄大腿內外側失控贅肉，使雙腿顯瘦修長。3D立體臀杯一秒翹臀縮小歸位，下半身瞬間小一號。";
}
.content4::before {
	content: "蝴蝶袖殺手：手臂瘦了，整個人就小一號了。無論是否生過小孩，手臂肉肉是最難消滅的頭號敵人！量身定製纖臂短袖套，精密計算舒適壓力，為你緊實纖細手臂。";
}
.content5::before {
	content: "漫步在雲端：不止女神隋棠愛穿，更是空姐、名模及專櫃小姐保養美腿的必勝聖品！溫柔包覆小腿，讓雙腿輕盈自在，彷彿漫步在雲端。";
}
.content6::before {
	content: "小腹瞬間平坦：腰腹三層加壓收脂，讓肉肉百依百順，重現設計無段差不擠肉，雕塑腰線，練出水蛇腰。";
}
.content7::before {
	content: "大腿：粗壯的大腿讓短褲無法無法搬出衣櫃，決定今年夏天一定要把短褲穿出門。";
}


.p5 .add_title img {
	width: 5vw;
	float: left;
	margin-top: .7vw;
}
.p5 p {
	font-size: 2vw;
	font-weight: 200;
	color: #fff;
	float: left;
}
.p5 .pic1, .p5 .pic2, .p5 .pic3, .p5 .pic4, .p5 .pic5, .p5 .pic6, .p5 .pic7 {
	width: 50vw;
}
.p5 .picbox img {
	width: 12vw;
	margin-right: 1vw;
	margin-bottom: 1vw;

}


/*p5 end*/

/* fixed_logo start */
.fixed_logo img {
	position: absolute;
	top: 1vw; left: 2vw;
	width: 18vw;
	z-index: 6;
	
}

/* fixed_logo end */

/*  fixed_right start  */
.fixed_right {
	position: fixed;
	top: 0;right: 0;
	width: 20vw;
	z-index: 6;
	
}
.fixed_right img {
	position: fixed;
	top: 0;
	right: 0;
	width: 12vw;
	height: 12vw;
	
}

/*  fixed_right end  */

/*fixed_btn start*/
.fixed_btn {
	position: fixed;
	right: 4vw;
	top: 32vw;
	z-index: 999;
}
.fixed_btn .circle {
	
	width: .8vw;
	height: .8vw;
	z-index: 9;
	border-radius: 50%;
	background-color: #aa87de;
	margin-top: 2vw;
}

.fixed_btn .circle:hover {
	background-color: #f3637a;
	cursor: pointer;
}

/*fixed_btn end*/

/*fixed_explan start*/

.fixed_explan .flower {
	width: 10vw;
	position: fixed;
}
.fixed_explan .flower:hover {
	transform: rotate(10deg);
	cursor: pointer;
}
.fixed_explan .flower1 {
	z-index: 6;
	top: 5vw;
	right: .2vw;
	transform:rotate(-4deg);
	-ms-transform:rotate(-4deg); 	/* IE 9 */
	-moz-transform:rotate(-4deg); 	/* Firefox */
	-webkit-transform:rotate(-4deg); /* Safari 和 Chrome */
	-o-transform:rotate(-4deg);
}

.fixed_explan .flower2 {
	z-index: 5;
	top: 15vw;
	right: 0;
	transform:rotate(5deg);
	-ms-transform:rotate(5deg); 	/* IE 9 */
	-moz-transform:rotate(5deg); 	/* Firefox */
	-webkit-transform:rotate(5deg); /* Safari 和 Chrome */
	-o-transform:rotate(5deg);
}
@keyframes flowerleft {
	0%,100% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	/* IE 9 */
		-moz-transform:rotate(0deg); 	/* Firefox */
		-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
		-o-transform:rotate(0deg);
	}
	50% {
		transform:rotate(7deg);
		-ms-transform:rotate(7deg); 	/* IE 9 */
		-moz-transform:rotate(7deg); 	/* Firefox */
		-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
		-o-transform:rotate(7deg);
	}
}

/*fixed_explan end*/

/*fixed_activity start*/
.fixed_activity {
	width: 70vw;;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 15vw;
	background-color: rgba(255,255,255,.95);
	z-index: 999;
	color: #333;
	padding: 1vw 5vw;
	font-weight: 200;
	font-size: 1.1vw;
	overflow-y: scroll;
}
.fixed_activity .btnx {
	font-size: 1.2vw;
	font-weight: 200;
	text-align: right;
	margin-bottom: 2.5vw;
	cursor: pointer;
}
.fixed_activity h4 {
	text-align: center;
	color: #aa87de;
	margin-bottom: 4vw;
	letter-spacing: 1px;
	border: 1px solid #aa87de;
	padding: 1vw 0;
}
.fixed_activity h5 {
	margin: 1vw;
	font-size: 2vw;
	color: #aa87de;
}
.addline img {
	width: 50%;
	margin-left: 15vw;
}
.addline h5 {
	text-align: center;
}
.song {
	width: 45%;
	float: left;
	margin-top: 3vw;
	margin-bottom: 5vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.song1 {
	margin-right: 5vw;
}
.song h6 {
	width: 53%;
	font-size: 1.4vw;
	line-height: 5vw;
	margin: -.6vw 0!important;
}
.song h6, .song img {
	float: left;

}
.song img {
	margin: 1vw 0;
	width: 6vw;
}
.song p {
	font-size: 1.2vw;
}
.fixed_activity h6 {
	font-size: 1.4vw;
	margin: 1.2vw 0;
	color: #aa87de;
}


.watch_out img {
	width: 6vw;
	float: left;
	margin-bottom: 1.5vw;
}
.watch_out .wo1 {
	margin-left: 18.5vw;
}
.watch_out h5 {
	float: left;
}

/*fixed_activity end*/


.fixed_share {
	width: 40vw;
	height: 94vh;
	position: fixed;
	top: 0;
	left: 30vw;
	background-color: #fff;
	z-index: 99999999;
	color: #444;
	padding: .5vw 5vw;
	margin: 2vh;
	box-shadow: 0px 0px 20px #aa87de;
	overflow-y: scroll;
}

.share_top {
	width: 30vw;
	height: 12vw;
	margin-top: 2vw;
	border-bottom: .8vw solid #eee; 
}
.share_top .btnx {
	text-align: right;
}
.toplist {
	width: 10vw;
	height: 9vw;
	float: left;
	margin-right: 3vw;
}

.share_left {
	margin: 0vw 3.5vw;
}

.share_bottom {
	width: 100%;
	height: 100%;
}
.share_bottom h3 {
	color: #aa87de;
	font-size: 1.8vw;
	text-align: center;
	margin-top: 1vw;
}
.share_bottom p {
	font-size: 1vw;
	padding: .5vw;
	
}
.login {
	width: 100%;
	background-color: #4862a3;
	color: #fff;
	text-align: center;
	padding: .5vw 0;
	box-shadow: 3px 3px 5px #ccc;
}
.share_bottom img {
	width: 100%;
}

/*fixed_share end*/


/*footer start*/

footer {
	width: 100vw;
	height: 120px;
	background-color: #000;
	z-index: 999;
	
}

#footer_logo {
	height: 45px;
	
}


footer h6 {	
	line-height: 120px;
	color: #ccc;
}
#gop2 {
	float: right;
	color: #fff;
	margin-top: 45px;
	padding: 2px 4px;
	border: 2px solid #fff;
	margin-right: 80px;
}


/*footer end*/

#vv1, #vv2 {
	width: 100%;
	height: 20vw;
}



/*index end*/