@charset "UTF-8";

.line {
    position: absolute;
    left: 0;
    top: 110px;
    width: 1024px;
    height: 3px;
    background: url("../../images/line.png") repeat;
}
#div1 {
    position: relative;
    width: 1024px;
    height: 715px;
    background: url("../../images/div1-bg_2048x934.png") 0 112px no-repeat;
    background-size: 1024px 467px;
}
#div1Img {
    position: absolute;
    left: 664px;
    top: 312px;
    width: 325px;
    height: 358px;
    background: url("../../images/udiva_1950x716.png") 0 0 no-repeat;
    background-size: 975px 358px;
    animation: play 2.4s steps(3) infinite;
}
@keyframes play {
    100% {
        background-position: -975px 0;
    }
}
.youtubeVideo {
    position: absolute;
    width: 300px;
    height: 169px;
    color: #8b415c;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
}
#youtubeVideo1 {
    left: 25px;
    top: 480px;
}
#youtubeVideo2 {
    left: 336px;
    top: 480px;
}
.youtubeVideo a {
    color: #8b415c;
    text-decoration: none;
}
.videoDesc {
    width: 245px;
    margin-top: -12px;
    text-align: center;
}
#div2 {
    position: relative;
    width: 1024px;
    height: 1978px;
}
#div2Title {
    position: absolute;
    left: 0;
    top: 112px;
    width: 421px;
    height: 194px;
    background: url("../../images/div2-title_842x388.png") 0 0 no-repeat;
    background-size: 421px 194px;
}
.div2ImgTitle {
    position: absolute;
    left: 354px;
    padding: 5px 14px;
    font-size: 28px;
    color: white;
    font-weight: lighter;
    background-color: #4a7672;
    display: inline-block;

    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#div2ImgTitle1 {
    top: 332px;
}
#div2ImgTitle2 {
    top: 684px;
}
.imgDesc {
    position: absolute;
    color: #4d4d4f;
    font-size: 18px;
}
.imgDescTitle {
    font-weight: bold;
    padding: 0 0 5px 12px;
    border-bottom: 1px solid #4a7672;
}
.imgDescText {
    padding: 5px 0 0 12px;
}
#div2ImgDesc1 {
    left: 50px;
    top: 428px;
}
#div2ImgDesc1 .imgDescTitle {
    padding-right: 170px;
}
#div2ImgDesc2 {
    left: 50px;
    top: 1178px;
}
#div2ImgDesc2 .imgDescTitle {
    padding-right: 310px;
}
#div2Img1 {
    position: absolute;
    left: 314px;
    top: 308px;
    width: 658px;
    height: 671px;
    background: url("../../images/div2-image_1316x1342.png") 0 0 no-repeat;
    background-size: 658px 671px;
}
#div2Img2 {
    position: absolute;
    left: 500px;
    top: 1035px;
    width: 347px;
    height: 347px;
    background: url("../../images/div2-image_694x694.png") 0 0 no-repeat;
    background-size: 347px 347px;
}
#youtubeVideo3 {
    position: absolute;
    left: 60px;
    top: 1395px;
    width: 784px;
    height: 464px;
    background: url("../../images/div2-video_1568x928.png") 0 0 no-repeat;
    background-size: 784px 464px;
}
#youtubeVideo3 div {
    position: absolute;
    left: 171px;
    top: 87px;
    width: 560px;
    height: 315px;
}
#div3 {
    position: relative;
    width: 1024px;
    height: 3762px;
}
#div3Title {
    position: absolute;
    left: 0;
    top: 112px;
    width: 413px;
    height: 194px;
    background: url("../../images/div3-title_826x388.png") 0 0 no-repeat;
    background-size: 413px 194px;
}
#div3Img1 {
    position: absolute;
    left: 54px;
    top: 304px;
    width: 884px;
    height: 442px;
    background: url("../../images/div3-image_1768x884.png") 0 0 no-repeat;
    background-size: 884px 442px;
}
#div3List {
    position: absolute;
    left: 104px;
    top: 420px;
    font-size: 18px;
    color: #4d4d4f;
    list-style: disc;
}
#div3List li {
    margin-bottom: 14px;
}
#div3Img2 {
    position: absolute;
    left: 0;
    top: 760px;
    width: 1024px;
}
#div3Img2 img {
    float: left;
    width: 1024px;
}
#div3ImgDesc {
    left: 45px;
    top: 3426px;
}
#div3ImgDesc .imgDescTitle {
    padding-right: 500px;
}
#div3Img3 {
    position: absolute;
    left: 628px;
    top: 3288px;
    width: 341px;
    height: 341px;
    background: url("../../images/div3-image_682x682.png") 0 0 no-repeat;
    background-size: 341px 341px;
}
#div4 {
    position: relative;
    width: 1024px;
    height: 1660px;
}
#div4Title {
    position: absolute;
    left: 0;
    top: 112px;
    width: 268px;
    height: 194px;
    background: url("../../images/div4-title_536x388.png") 0 0 no-repeat;
    background-size: 268px 194px;
}
#div4Massage {
    position: absolute;
    left: 46px;
    top: 314px;
    width: 937px;
    height: 377px;
    background: url("../../images/div4-massage_1874x754.png") 0 0 no-repeat;
    background-size: 937px 377px;
}
.div4MassageDesc {
    position: absolute;
}
#div4Massage1 {
    left: 340px;
    top: 108px;
}
#div4Massage2 {
    left: 340px;
    top: 198px;
}
#div4Massage3 {
    left: 340px;
    top: 280px;
}
.div4MassageTitle {
    color: #4a7672;
    font-size: 21px;
    margin-bottom: 6px;
    font-weight: bold;
}
.div4MassageText {
    width: 340px;
    color: #4d4d4f;
    font-size: 18px;
    line-height: 22px;
}
#div4SixTitle {
    position: absolute;
    left: 60px;
    top: 776px;
    width: 906px;
    color: #ffffff;
    text-align: center;
}
#div4SixTitle div {
    float: left;
}
#div4SixTitleLine {
    position: absolute;
    top: 19px;
    width: 902px;
    height: 1px;
    background-color: #a76d35;
}
.div4SixTitleCircle {
    width: 6px;
    height: 6px;
    margin-top: 16px;
    background-color: #a76d35;
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#div4SixTitleText {
    position: absolute;
    width: 552px;
    background-color: #a76d35;
    margin-left: 176px;
    font-size: 25px;
    line-height: 38px;
    font-weight: bold;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#div4Six {
    position: absolute;
    left: 91px;
    top: 858px;
    width: 900px;
}
.div4SixContent {
    position: relative;
    float: left;
    width: 272px;
    height: 82px;
    margin-right: 25px;
    margin-bottom: 20px;
}
.div4SixNum {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #a76d35;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
}
.div4SixContentTitle {
    float: left;
    color: #a76d35;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    margin-left: 5px;
    font-weight: bold;
}
.div4SixContentText {
    float: left;
    width: 240px;
    color: #231f20;
    line-height: 22px;
    font-size: 18px;
    margin: 0 0 0 25px;
}
#div4Slider {
    position: absolute;
    left: 74px;
    top: 1102px;
    width: 875px;
    height: 516px;
}
#div4SliderTitle {
    width: 401px;
    height: 78px;
    margin: 0 auto;
    background: url("../../images/div4-slider-title_802x156.png") 0 0 no-repeat;
    background-size: 401px 78px;
}
#div4SliderContainer {
    position: absolute;
    left: 54px;
    top: 84px;
}
.sliderImage {
	width: 770px;
	height: 433px;
}
.sliderCaption {
	position: absolute;
	top: 440px;
	width: 770px;
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	color: #4d4d4f;
	text-align: center;
}
.slideBtn {
    width: 0;
    height: 0;
    margin-top: 168px;
    border-top: 43px solid transparent;
    border-bottom: 43px solid transparent;
    cursor: pointer;
}
#prevBtn {
    float: left;
    border-right: 40px solid #4a7672;
}
#nextBtn {
    float: right;
    border-left: 40px solid #4a7672;
}
#div5 {
    position: relative;
    width: 1024px;
    height: 1204px;
}
#div5Title {
    position: absolute;
    left: 0;
    top: 170px;
    width: 230px;
    height: 60px;
    background: url("../../images/div5-title_460x120.png") 0 0 no-repeat;
    background-size: 230px 60px;
}
#div5Img {
    position: absolute;
    left: 143px;
    top: 284px;
    width: 730px;
    height: 244px;
    background: url("../../images/div5-image_1460x488.png") 0 0 no-repeat;
    background-size: 730px 244px;
}
#div5Spec1 {
    position: absolute;
    left: 122px;
    top: 588px;
    width: 410px;
    color: #4d4d4f;
    font-size: 18px;
    line-height: 22px;
}
#div5Spec1 div,
#div5Spec2 div {
    float: left;
}
.div5Spec1Col1 {
    width: 102px;
}
.div5Spec1Col2 {
    width: 300px;
}
#div5Spec2 {
    position: absolute;
    left: 550px;
    top: 588px;
    width: 370px;
    color: #4d4d4f;
    font-size: 18px;
    line-height: 22px;
}
.div5Spec2Col {
    width: 360px;
}
.div5Spec2Col1 {
    width: 70px;
}
.div5Spec2Col2 {
    width: 96px;
}
.div5Spec2Col3 {
    width: 98px;
}
.div5Spec2Col4 {
    width: 100px;
}
#div5Color {
    position: absolute;
    left: 122px;
    top: 824px;
    width: 700px;
    color: #4d4d4f;
    font-size: 18px;
    height: 56px;
    line-height: 56px;
}
#div5Color div {
    float: left;
}
.div5ColorCircle {
    width: 54px;
    height: 54px;
    margin: 0 14px 0 4px;
    border: 2px solid white;
    border-radius: 29px;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
}
.yellow {
    background-color: #ecbe55;
}
.brown {
    background-color: #7c4f26;
}
.pink {
    background-color: #e49fa8;
}
.red {
    background-color: #982c2a;
}
.green {
    background-color: #6a7645;
}
.div5Btn {
    position: absolute;
    width: 216px;
    height: 216px;
}
.div5Btn a {
    display: block;
    text-indent: -9999px;
    line-height: 216px;
    height: 216px;
}
#buyItNow {
    left: 304px;
    top: 956px;
    background: url("../../images/buy-it-now_432x432.png") 0 0 no-repeat;
    background-size: 216px 216px;
}
#contactUs {
    left: 536px;
    top: 964px;
    background: url("../../images/contact-us_432x432.png") 0 0 no-repeat;
    background-size: 216px 216px;
}