/* CSS Document */
    #htlSide-A {
        top: 650px;
    }
	#p1 .mainw { position: relative; text-align: center; padding-top: 40px; z-index: 0; }
	#p1 .mainw .wave1 { position: absolute; left: 0; top: 50px; z-index: -1; }
	#p1 .mainw .wave2 { position: absolute; right: 0; top: 215px; z-index: -1; }

	.wifi { width: 532px; margin: 60px auto 50px;}

	.cmenu { position: relative; z-index: 20; }
.cmenu li {
    font-size: 14px;
    width: 120px;
    height: 120px;
    margin-right: 10px;
}
.cmenu li a.l3 {
    line-height: 16px;
    padding-top: 30px;
    background-position: center bottom 25px;
}
	.cmenu li:nth-child(3),.cmenu li:nth-child(5) { margin-top: 25px; }
	.cmenu li:nth-child(4) { margin-top: 50px; }

	.iunit .img img { width: 105%; transition: 1s; max-width: 300%; }
	.iunit .img .wave { position: absolute; width: 100%; left: 0; }
	.iunit .img .wave.top { top: -1px; }
	.iunit .img .wave.bt { bottom: -1px; }
	.iunit .img .wave.top img { vertical-align: top; }
	.iunit .img .wave.bt img { vertical-align: bottom; }


/* #p2 */
	
	#p2 .w800 { height: 590px; left: 50px; }
	#p2 .w800 .txtwrap { position: relative; z-index: 10; }
	#p2 .w800 h3 { width: 485px; margin-bottom: 25px; }
	#p2 .w800 p { width: 480px; margin-bottom: 30px; }
	#p2 .img2_2 { position: absolute; top: 30px; right: 0; }
	#p2 .img2_3 { position: absolute; bottom: 0; right: 80px; }
	#p2 .cbtn3 { position: relative; z-index: 10; }


/* #p3 */
	
	#p3 .w800 { height: 580px; }
	#p3 .w800 .txtwrap { width: 395px; margin-left: auto; }
	#p3 .w800 h3 { width: 389px; margin-bottom: 25px; }
	#p3 .w800 p {  }
	#p3 .img3_2 { position: absolute; top: -55px; left: -50px; }
	#p3 .img3_3 { position: absolute; bottom: 30px; left: 151px; }

	/*hlb...high legged bowl*/
	.hlb { width: 100%; height: 430px; background: url(../images/bg_hlb.svg) center center repeat-x;
		margin-bottom: 80px; }
	.hlb .cflex { width: 740px; justify-content:space-between; padding: 100px 0; margin: 0 auto;
		align-items:center; }
	.hlb .cflex .img { width: 292px; }
	.hlb .cflex .txt { width: 375px; }
	.hlb .cflex .txt h4 { width: 373px; margin-bottom: 20px; }

	.funit { display: flex; align-items:center; width: 100%; margin-bottom: 30px; position: relative;
		z-index: 10; }
	.funit.rimg { flex-direction:row-reverse; }
	.funit .img { width: 50%; }
	.funit .img img { width: 100%; }
	.funit .txt { width: 600px; padding-left: 50px; }
	.funit h4 { margin-bottom: 20px;
		width: 445px; }
	#p4 h4 { width: 283px;  }

	#p8 { position: relative; padding-top: 90px; padding-bottom: 80px; }

	#p8 .bg_wave { position: absolute; top: -165px; left: 0; width: 100%; }
	#p8 .bg_wave img { width: 100%; max-width: 200%; }
	#p8 .mainw { position: relative; }
	#p8 h3 { width: 377px; margin: 0 0 45px 50px; }
	#p8 .tablewrp { width: 98%; background: rgba(255,255,255,0.5);
		border: #c5c5c5 1px dashed; padding: 20px 50px; position: relative; }
	#p8 .db { content: ""; width: 100%; position: absolute; height: 780px;
		top:15px; left: 15px; border: #c5c5c5 1px dashed; padding: 20px 35px; 
		background: rgba(255,255,255,0.5); }
	#p8 .tablewrp table { position: relative; width: 100%; }
	#p8 .tablewrp th,#p8 .tablewrp td { border-bottom: #9e9e9f 1px dashed; padding: 20px 0; }
	#p8 .tablewrp th { width: 265px; font-size: 17px; text-align: left; font-weight: normal; }
	#p8 .tablewrp th:before { content: "●"; color: #a3d7ff; }
	#p8 .tablewrp td { font-size: 16px; line-height: 28px; }
	#p8 .tablewrp tr:last-child th,#p8 .tablewrp tr:last-child td { border-bottom: none; }