모바일 css, js 최신화

src/main/webapp/WEB-INF/views/mob/goods/GoodsDealDetailFormMob.html

@@ -163,7 +163,7 @@
 						<!-- 옵션 -->
 						<div class="option_box">
 							<div class="opt_select">
-								<form class="form_wrap">
+								<div class="form_wrap">
 									<div class="form_field">
 										<div class="select_custom option_open">
 											<div class="combo">
@@ -171,7 +171,7 @@
 											</div>
 										</div>
 									</div>
-								</form>
+								</div>
 							</div>
 							<div class="opt_result">
 							</div>
@@ -303,7 +303,7 @@
 	<div class="product_floormenu"><!--  ☞☞ 제품이 품절되면 soldout클래스 추가 -->
 		<div class="share_like">
 			<button type="button" class="share">공유하기</button>
-			<button type="button" class="like" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  
+			<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  
 					onclick="cfnPutWishList(this);" 
 					th:attr="goodsCd=${params.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">위시리스트</button>
 		</div>
@@ -1214,6 +1214,50 @@
         });   
       
 	      
+      //pd전용 - 썸네일/헤더 블라인드 생성 : 210520_ 추가
+		$('.pd .thumb_box .thumb_list .swiper-slide').prepend('<span></span>');
+		// pd전용 - 스크롤 스크립트
+		//탭 - 딜상품 > 상세정보 탭 고정
+		$(window).scroll(function(){
+			var scrollTop= $(window).scrollTop();
+			var tabTop=$('.pd_desc_wrap').offset().top;
+
+			if (scrollTop >= tabTop){
+				$('.tab_detail_nav').addClass('fix');
+			} else {
+				$('.tab_detail_nav').removeClass('fix');
+			}
+			
+			var lastScrollTop = 0;
+			var st = $(this).scrollTop();
+			if($('header').hasClass("main") !== true){
+				if (st > lastScrollTop){
+					$(".app .gnb").css("position", "fixed");
+					$(".htop").css("background", "#fff");
+					$(".app .gnb .btn-expand").css("position", "fixed");
+					$(".tabbar").removeClass("fixed");
+					$(".thumb_list .swiper-slide span").animate({"opacity": 0}, 30);
+				} else {
+					$(".app .gnb").css("position", "fixed");
+					$(".htop").css("background", "#fff");
+					$(".app .gnb .btn-expand").css("position", "fixed");
+					$(".tabbar").addClass("fixed");
+					$(".thumb_list .swiper-slide span").animate({"opacity": 0.5}, 30);
+					setTimeout(function(){
+						if($(window).scrollTop() === 0){
+							$(".app .gnb").css("position", "relative");
+							$(".app .gnb .btn-expand").css("position", "absolute");
+						}
+					},300)
+				}
+				if(st < 10) {
+					$(".htop").css("background", "transparent");
+					$(".thumb_list .swiper-slide span").animate({"opacity": 0.5}, 0);
+				}
+				lastScrollTop = st;
+			}
+		});
+	      
 			// 광고 스크립트용
 			var goodsNavigation = [[${goodsNavigation}]];
 			var cate1Nm = "";

src/main/webapp/ux/mo/css/common_m.css

@@ -891,11 +891,13 @@ main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;}
 .fullHead .goHome {display: inline-block;width: auto;padding:2.4rem 2rem;}
 .fullHead a {display: inline-block;}
 .fullHead img {width: 10.666rem; height:1.6rem;}
-.fullBody {background:#f5f5f5;min-height: calc(100% - 5.2rem);max-height: calc(100% - 5.2rem);overflow-y: scroll;}
+.fullBody {background:#ffffff;min-height: calc(100% - 5.2rem);max-height: calc(100% - 5.2rem);overflow-y: scroll;}
 .fullBody .inner {background:#ffffff;margin:0;padding:0;}
 .fullBody .inner .flow{display: inline-block;width: 100%;height: 100%;vertical-align: top;padding:2.5rem 0;}
+.fullBody .fullCate::after{content: '';display: block;width: 100%;height: 1.2rem;background-color: #f5f5f5;}
 .fullBody .inner .flow li{width:49.0%;height:3.1333rem;line-height:3.1333rem;padding:0 0 0 2rem;border: 0;box-sizing: border-box;text-align: left;display: inline-block;}
-.fullBody .inner .flow span{font-size: 1.333rem;}
+.fullBody .inner .flow span{font-size: 1.333rem;color: #666666;}
+.fullBody .inner:last-child .btn_group{position: fixed;bottom: 0;left: auto; right: auto;}
 .fullBody .btn_group {margin: 0;}
 .fullBody .btn_group div {margin:0;position: relative;}
 .fullBody .btn_group div button{border: 0;background: #f5f5f5;font-size: 1.2rem;}
@@ -907,7 +909,7 @@ main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;}
 .fullBody .fullCate > li > ul {display: none; background: #f5f5f5;}
 .fullBody .fullCate > li > a {position:relative;display: block; padding:1.6rem 2.0rem; font-size: 1.4rem; font-weight: 400;font-family: 'Noto Sans kr', sans-serif;}
 .fullBody .fullCate > li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url(/images/mo/ico_full.png) no-repeat;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 1.2rem;background-position: left center;}
-.fullBody .fullCate > li > a:hover span {color: #fd4802; border-bottom: 1px solid #fd4802;}
+.fullBody .fullCate > li > a:active span {color: #fd4802; border-bottom: 1px solid #fd4802;}
 .fullBody .fullCate > li.hasCate > a::after {right: 1.8rem;background: url('/images/mo/ico_full.png') no-repeat;background-position: center;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
 .fullBody .fullCate > li.hasCate > a.on {font-size: 1.4rem; color: #fd4802;}
 .fullBody .fullCate > li.hasCate > a.on span {border-bottom: 1px solid #fd4802;}
@@ -924,7 +926,7 @@ main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;}
 
 /* footer */
 footer{background-color: #f1f1f1;}
-footer .btn_top{position: fixed; bottom: 3.0rem; right: 2.5rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 50; background:url(/images/mo/mo_btn_top.png) no-repeat;}
+footer .btn_top{position: fixed; bottom: 6.0rem; right: 2.5rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 50; background:url(/images/mo/mo_btn_top.png) no-repeat;}
 footer .btn_top span{display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;opacity: 1;color: #222222;font-size: 1.1rem;font-weight: 600;line-height: 3.4rem;letter-spacing: -0.025em;}
 footer .f1{background-color: #f1f1f1;padding: 0 0 4.5rem; position: relative;}
 footer .f1 .inner{padding: 0 2.0rem 2.0rem;}

src/main/webapp/ux/mo/css/layout_m.css

@@ -462,7 +462,7 @@
 .pd .pd_detail .Purchase_pop .select_custom.on .combo .select{border-bottom:1px solid #dcdcdc;}
 .pd .pd_detail .Purchase_pop .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
 .pd .pd_detail .Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
-.pd .pd_detail .Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888}
+.pd .pd_detail .Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888;}
 .pd .pd_detail .Purchase_pop .btn_box{display:flex;}
 .pd_detail .pd_info > .inner:after, .pd_detail > .inner:after{content: '';width: 100%;height: 1.2rem;padding: 0;background: #f5f5f5;position: absolute;bottom: -1.2rem;left: 0;right: auto;}
 .pd_detail > .inner:last-child::after{content: '';width: 100%;height: 0rem;}
@@ -857,13 +857,15 @@
 .pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding{float:right; width:auto;}
 .pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding.form_field input[type="checkbox"] + label{ font-size:1.3rem; color:#222;}
 .pd_pop.Purchase_pop .pop_option_select .text_excluding{margin-top:-1rem; padding:1.2rem; background-color:#383838; font-size:1.3rem; color:#fff; text-align:center;}
-.pd_pop.Purchase_pop .select_custom .combo .select{font-size:1.4rem; height:auto; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; padding-right: 4rem;}
+.pd_pop.Purchase_pop .select_custom .combo .select{font-size:1.4rem; height:auto; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; padding-right: 4rem;}
 .pd_pop.Purchase_pop .pop_option_select .setOption{}
 .pd_pop.Purchase_pop .pop_option_select .setOption .title{margin-bottom:1rem;}
 .pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap{margin-top:2rem;}
 .pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap:first-child{margin-top:0;}
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select{color:#777777; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; padding-right:4rem;padding-left: 5rem;}
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select:before{color:#333333}
+.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select .opt_name{pointer-events: none;}
+.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select .opt_price{pointer-events: none;}
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(1) .select:before {content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
 
@@ -1351,14 +1353,14 @@
 .modal.pd_pop[class*="reviewdetail_pop"] .modal-header{border-bottom:0;}
 .modal.pd_pop[class*="reviewdetail_pop"] .modal-body{margin-top:5.2rem; padding:0 0;}
 .modal.pd_pop[class*="reviewdetail_pop"] .modal-body .pd_review .area_rv_all .review_list{border-top:0;}
-.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; width:100%; padding-bottom:150%;}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; width:100%; height:100%;}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb img,
-.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb video{position: absolute; left: 50%; right: 0; top: 50%; bottom: auto; transform: translate(-50%, -50%); width: auto; height: auto; max-height: 100%; max-width: 100%; margin: auto 0; cursor: pointer;}
-.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; background-color:#ddd; background-position:center center; background-repeat:no-repeat; background-size:contain;}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb video{position: absolute; left: 50%; right: 0; top: 45%; bottom: auto; transform: translate(-50%, -50%); width: auto; height: auto; max-height: 100%; max-width: 100%; margin: auto 0; cursor: pointer;}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; background-color:#ddd; /*background-position:center center; background-repeat:no-repeat; background-size:contain;*/}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1;}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:after{display:block; content:'리뷰에 등록된 이미지가 없습니다.'; position:absolute; top:50%; left:50%; width:90%; font-size:1.2rem; color:#fff; text-align:center; z-index:2; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination {display: inline-block; width: auto; padding: 0.2rem 1rem; border-radius: 2rem; font-size: 1.2rem; color: #fff; background-color: rgba(34,34,34,.5);}
-.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination-fraction {position: absolute; left: 50%; bottom: 2rem; margin:0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination-fraction {position: absolute; left: 50%; bottom: 6rem; margin:0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all{padding-top:1rem;}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all .review_list > ul > li {padding-top:1.5rem;}
 .modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url(/images/mo/ico_pop_arrow.png) center center no-repeat; background-size:3rem 1rem;}
@@ -1372,15 +1374,22 @@
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .response_box2{display:block;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .reply_box{display:block;}
 .modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url(/images/mo/ico_thumblist.png) center center no-repeat; background-size:contain; vertical-align:middle;}
-.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont{padding-top:0 !important;}
+.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont{padding-top:0; height:100%;}
+.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider{height:100%;}
+.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider .swiper-container{height:100%;}
+/*.modal.pd_pop.pd_bestreviewdetail_pop .pop_cont .nodata{padding-top:0;}*/
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont{height:calc(var(--vh, 1vh) * 100); padding-top:0}
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont .area_slider{position: relative;height: 100%;overflow: hidden;}
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont .area_slider .swiper-container{height:100%;}
 .modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list{border:0px none;}
+.modal.photo_comment_popup.pd_photoreviewdetail_pop .pop_detail .review_list{border:0px none;}
 .modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list ul li{padding:0;}
 
 
 
 /* 리뷰 리스트 */
 .pop_detail .review_list {border-top:1px solid #ddd;}
-.pop_detail .review_list > ul > li {padding:3rem 0; border-bottom:1px solid #ddd; }
+.pop_detail .review_list > ul > li {padding:0; border-bottom:1px solid #ddd; }
 .pop_detail .review_list > ul > li .review {}
 .pop_detail .review_list .review .info_box {}
 .pop_detail .review_list .review .info_box .star_score {float:left}
@@ -1555,7 +1564,7 @@
 .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width:calc(100% - 5%);}
 .item_blk .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
 /*select_custom > item_prod*/
-.select_custom .select .item_prod{margin:0; padding-right:0; overflow:hidden;}
+.select_custom .select .item_prod{margin:0; padding-right:0; overflow:hidden;pointer-events: none;}
 .select_custom .select .item_prod .item_state{display:block;}
 .select_custom .select .item_prod .itemLink{padding-left:0; display:block; height:auto;}
 .select_custom .select .item_prod .item_state .itemLink .itemPic{display:none;}
@@ -2165,7 +2174,7 @@
 
 /* 상품아이콘*/
 .itemBadge {margin:2.0rem 0.5rem 0; margin-top:1rem; font-size: 0px; overflow:hidden;}
-.itemBadge [class*="badge"] {display:inline-block; height:2.2rem; margin:0 0 0 0.5rem; padding:0 0.8rem; border:1px solid #888888; background: #fff; color:#888888; font-size: 1.1rem; font-weight: 300; line-height: 21px;}
+.itemBadge [class*="badge"] {display:inline-block; height:2.2rem; margin:0.5rem 0.5rem 0 0; padding:0 0.8rem; border:1px solid #888888; background: #fff; color:#888888; font-size: 1.1rem; font-weight: 300; line-height: 21px;}
 .itemBadge [class*="badge"]:first-child {margin-left:0}
 .itemBadge .badge13 {background:#f5f5f5; border-color:#f5f5f5;}
 

src/main/webapp/ux/mo/css/style24_m.css

@@ -211,7 +211,7 @@
 .brand_main .main_visual::after {content: '';display: block;width: 100%; height: 485px;position: absolute;top: 0;left: 0;background: #436564 ;z-index: -1;}
 .post-visual .swiper-pagination-bullets{bottom: 0px;}
 .post-visual .swiper-wrapper{width: 100%;height:auto; margin: 0px auto;padding-bottom: 2.5rem;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));}
-.main .post-visual .swiper-slide{width:auto;}
+.main .post-visual .swiper-slide{width:auto;    max-height: 47.0rem;overflow: hidden;}
 
 
 /* 크롬일경우 */
@@ -239,6 +239,8 @@
 .post-visual .swiper-slide img{
 	display: block;
 	z-index: 2;
+  width: 100%;
+  height: 100%;
 }
 .post-visual .swiper-slide::before{
 	box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.20);
@@ -465,6 +467,7 @@ width: 0.5rem; height: 0.9rem; background-size:100%;}
 .main_tv .cont_head p{ color: #ffffff;}
 .main_tv .cont_body::before {content: '';z-index: -1;display: block;width: 100%;height: 520px;position: absolute;top: 0;left: 0;background: #444444;}
 .main_tv .movbox {height:50vw; position: relative;}
+.main_tv .movbox iframe{width: 100%; height:100%;}
 .main_tv .movbox:after {content:''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); padding-top:23%; width: 40%;}
 .main_tv .movbox:before {content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); padding-top:23%; width: 40%;}
 
@@ -508,6 +511,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .hookGrp .hook_list ul li a:focus span:after{content: '';display: block; color: #fd4802; box-sizing: border-box; border-bottom: 1px solid #fd4802;}
 .hookGrp .hook_cont {font-size:1.6rem;color:#666666;line-height:2.6rem;letter-spacing:-0.025em;}
 .hookGrp .hook_cont div{margin-top: 2.6rem;}
+.hookGrp .hook_cont div::before{content: ""; display: block; height: 7.5rem; margin-top: -7.5rem; visibility: hidden;}
 .hookGrp .hook_cont div:last-child{margin-bottom: 5.0rem;}
 .hookGrp .hook_cont h4 {font-size:1.4rem;font-weight:500;color:#222222;line-height:1.6rem;letter-spacing:-0.025em;}
 .hookGrp .hook_cont p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
@@ -1647,13 +1651,13 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .restock .restock_past {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#888; background:url('/images/mo/ico_restock_past.png') no-repeat 0% 45%;background-size: 1.1rem;}
 
 /* my_wishlist */
-.my .my_wishlist .wishlist {padding-top: 3rem;}
+.my .my_wishlist .wishlist {padding-top: 8rem;}
 .my .my_wishlist .monthly_wish_wrap {margin-top:1rem;}
 .my .my_wishlist .monthly_wish_wrap:first-child {margin-top:0}
 .my .my_wishlist .monthly_wish_wrap .itemsGrp {margin:0 -1.25%;}
 .my .my_wishlist .monthly_wish_wrap .itemsGrp:after {content:''; display: block; clear:both;}
-.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod {width:50%; padding:0 1.25%; float:left;}
-.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
+.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod {width:50%; height:60rem; padding:0 1.25%; float:left;}
+.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;float: right;}
 .my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod .item_state {padding-bottom:4rem}
 .my .my_wishlist .monthly_wish_wrap .date {display:block; position:relative; width:100%; margin-bottom:1.8rem; text-align: center;}
 .my .my_wishlist .monthly_wish_wrap .date span {display:inline-block; width:7.4rem; height:2.6rem; background-color:#222; color:#fff; font-size:1.4rem; font-weight:300; text-align:center; border-radius:20px; overflow:hidden; line-height: 2.6rem;}

src/main/webapp/ux/mo/js/common_m.js

@@ -121,11 +121,12 @@ $(document).ready(function() {
                     "opacity": 1
                 }, 50);
                 
-                if ( $(window).scrollTop() > ($("footer").position().top - $("footer").height() )) {
-                    $(".btn_top").css("bottom", ($("footer").height() + 20) + "px");
-                } else {
-                    $(".btn_top").css("bottom", "60px");
-                }
+                // 210521_ 위치고정으로 변경
+                // if ( $(window).scrollTop() > ($("footer").position().top - $("footer").height() )) {
+                //     $(".btn_top").css("bottom", ($("footer").height() + 20) + "px");
+                // } else {
+                //     $(".btn_top").css("bottom", "60px");
+                // }
             } else {
                 $(".btn_top").animate({
                     "opacity": 0
@@ -793,11 +794,11 @@ $(document).ready(function () {
             console.log();
             $('.container').addClass('btPop_open');
             // autome.style.top  = autotop /10 + "vh";
-            if (autotop > 251) {
-                autome.style.top = 25.0 + "vh";
-            }else{
-                autome.style.top  = pxtop/10 + "vh";
-            }
+            //if (autotop > 251) {
+            //    autome.style.top = 25.0 + "vh";
+            //}else{
+            //    autome.style.top  = pxtop/10 + "vh";
+            //}
             return false;
         });
 
@@ -1037,6 +1038,3 @@ $( document ).ready( function() {
         });
 
 });
-// $(window).load(function() {
-//     $('#load').hide();
-// });