Merge branch 'card007' into develop

src/main/java/com/style24/persistence/mybatis/shop/TsfOrder.xml

@@ -214,6 +214,9 @@
 				<choose>
 					<when test="ordDtlStat == 'G013_00'">
 		   AND OD.ORD_DTL_STAT = 'G013_10'
+					</when>
+					<when test="ordDtlStat == 'G013_30'">
+		   AND OD.ORD_DTL_STAT IN ('G013_30', 'G013_35')
 					</when>
 					<otherwise>
 		   AND OD.ORD_DTL_STAT = #{ordDtlStat}
@@ -257,6 +260,9 @@
 			<choose>
 				<when test="ordDtlStat == 'G013_00'">
 		           AND OD.ORD_DTL_STAT = 'G013_10'
+				</when>
+				<when test="ordDtlStat == 'G013_30'">
+		           AND OD.ORD_DTL_STAT IN ('G013_30', 'G013_35')
 				</when>
 				<otherwise>
 		           AND OD.ORD_DTL_STAT = #{ordDtlStat}
@@ -301,6 +307,9 @@
 			<choose>
 				<when test="ordDtlStat == 'G013_00'">
 		   AND OD.ORD_DTL_STAT = 'G013_10'
+				</when>
+				<when test="ordDtlStat == 'G013_30'">
+		   AND OD.ORD_DTL_STAT IN ('G013_30', 'G013_35')
 				</when>
 				<otherwise>
 		   AND OD.ORD_DTL_STAT = #{ordDtlStat}

src/main/webapp/WEB-INF/views/mob/mypage/MypageDeliveryInfoFormMob.html

@@ -52,7 +52,8 @@
 								<!-- 일반주문 -->
 								<th:block th:unless="${order.giftPackYn == 'Y'}">
 									<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
-									<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10'}" th:text="${ordDtl.ordDtlStatNm}"></p>
+									<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+									<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 								</th:block>
 								<!-- //일반주문 -->
 							</div>
@@ -381,7 +382,7 @@
 								<!-- //결제완료, 예약배송상품 -->
 								
 								<!-- 상품준비중 -->
-								<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30'">
+								<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30' or ${ordDtl.ordDtlStat} == 'G013_35'">
 									<div class="goods_txt">
 										<p class="cf_txt cf_desc">배송할 상품을 준비 중입니다.</p>
 										<th:block th:if="${ordDtl.delvResDt} != null">

src/main/webapp/WEB-INF/views/mob/mypage/MypageOrderDetailFormMob.html

@@ -59,7 +59,8 @@
 								<!-- 일반주문 -->
 								<th:block th:unless="${order.giftPackYn == 'Y'}">
 									<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
-									<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10'}" th:text="${ordDtl.ordDtlStatNm}"></p>
+									<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+									<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 								</th:block>
 								<!-- //일반주문 -->
 							</div>
@@ -406,7 +407,7 @@
 								<!-- //결제완료, 예약배송상품 -->
 								
 								<!-- 상품준비중 -->
-								<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30'">
+								<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30' or ${ordDtl.ordDtlStat} == 'G013_35'">
 									<div class="goods_txt">
 										<p class="cf_txt cf_desc">배송할 상품을 준비 중입니다.</p>
 										<th:block th:if="${ordDtl.delvResDt} != null">

src/main/webapp/WEB-INF/views/mob/mypage/MypageOrderListFormMob.html

@@ -488,6 +488,32 @@ var fnMypageOrderListInfiniteScrollInit = function(){
 			totalPage = totalPage + 1;
 		}
 	}
+	
+	// 상태값 별 수량 업데이트 처리
+	var fnReloadStatusCount = function() {
+		if (mypageMainYn == 'Y') {
+			let url = '/mypage/status/count';
+			
+			let data = {};
+			
+			let jsonData = JSON.stringify(data);
+			
+			gagajf.ajaxJsonSubmit(url, jsonData, function (result) {
+				$('#orderReceiptCount').text(result.orderCount.depositWaitingCount);
+				$('#paymentCompleteCount').text(result.orderCount.paymentCompleteCount);
+				$('#goodsPrepareCount').text(result.orderCount.goodsPrepareCount);
+				$('#shipPrepareCount').text(result.orderCount.shipPrepareCount);
+				$('#shippingCount').text(result.orderCount.shippingCount);
+				$('#shipCompleteCount').text(result.orderCount.shipCompleteCount);
+				$('#orderCreCount').text(result.orderCount.cancelCount + result.orderCount.returnCount + result.orderCount.exchangeCount);
+			});
+		}
+		// 인피니티스크롤 초기화
+		fnMypageOrderListInfiniteScrollInit();
+
+		// 데이터 조회
+		fnGetInfiniteScrollDataList();
+	}
 </script>
 </th:block>
 </body>

src/main/webapp/WEB-INF/views/mob/mypage/MypageOrderListInfoMob.html

@@ -39,7 +39,8 @@
 							<!-- 일반배송일때 -->
 							<th:block th:if="${ordDtl.giftPackYn} == 'N'">
 								<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
-								<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10'}" th:text="${ordDtl.ordDtlStatNm}"></p>
+								<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+								<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 							</th:block>
 							<!-- //일반배송일때 -->
 						</div>
@@ -428,7 +429,7 @@
 							<!-- //결제완료 -->
 							
 							<!-- 상품준비중 -->
-							<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30'">
+							<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30' or ${ordDtl.ordDtlStat} == 'G013_35'">
 								<div class="goods_txt">
 									<p class="cf_txt cf_desc">배송할 상품을 준비 중입니다.</p>
 									<th:block th:if="${ordDtl.delvResDt} != null">

src/main/webapp/WEB-INF/views/mob/mypage/NoMemberDeliveryInfoFormMob.html

@@ -38,7 +38,8 @@
 						<div class="goods_section">
 							<div class="goods_status">
 								<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
-								<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10'}" th:text="${ordDtl.ordDtlStatNm}"></p>
+								<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+								<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 							</div>
 							<div class="goods_detail">
 								<input type="hidden" name="ordDtlNoArr" th:value="${ordDtl.ordDtlNo}"/>
@@ -217,7 +218,7 @@
 							<!-- //결제완료, 예약배송상품 -->
 
 							<!-- 상품준비중 -->
-							<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30'">
+							<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30' or ${ordDtl.ordDtlStat} == 'G013_35'">
 								<div class="goods_txt">
 									<p class="cf_txt cf_desc">배송할 상품을 준비 중입니다.</p>
 									<th:block th:if="${ordDtl.delvResDt} != null">

src/main/webapp/WEB-INF/views/mob/mypage/NoMemberOrderDetailFormMob.html

@@ -46,7 +46,8 @@
 							<div class="goods_status">
 								<th:block th:unless="${order.giftPackYn == 'Y'}">
 									<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
-									<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10'}" th:text="${ordDtl.ordDtlStatNm}"></p>
+									<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+									<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 								</th:block>
 							</div>
 							<div class="goods_detail">
@@ -289,7 +290,7 @@
 								<!-- //결제완료, 예약배송상품 -->
 								
 								<!-- 상품준비중 -->
-								<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30'">
+								<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30' or ${ordDtl.ordDtlStat} == 'G013_35'">
 									<div class="goods_txt">
 										<p class="cf_txt cf_desc">배송할 상품을 준비 중입니다.</p>
 										<th:block th:if="${ordDtl.delvResDt} != null">

src/main/webapp/WEB-INF/views/mob/mypage/NoMemberOrderListInfoMob.html

@@ -16,7 +16,8 @@
 							<!-- 일반배송일때 -->
 							<th:block th:if="${ordDtl.giftPackYn} == 'N'">
 								<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
-								<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10'}" th:text="${ordDtl.ordDtlStatNm}"></p>
+								<p class="dlvr_staus" th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+								<p class="dlvr_staus" th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 							</th:block>
 							<!-- //일반배송일때 -->
 						</div>
@@ -229,7 +230,7 @@
 						<!-- //결제완료 -->
 
 						<!-- 상품준비중 -->
-						<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30'">
+						<th:block th:if="${ordDtl.ordDtlStat} == 'G013_30' or ${ordDtl.ordDtlStat} == 'G013_35'">
 							<div class="goods_txt">
 								<p class="cf_txt cf_desc">배송할 상품을 준비 중입니다.</p>
 								<th:block th:if="${ordDtl.delvResDt} != null">

src/main/webapp/WEB-INF/views/web/mypage/MypageDeliveryInfoFormWeb.html

@@ -99,7 +99,8 @@
 												<!-- 주문 -->
 												<th:block th:unless="${order.giftPackYn == 'Y'}">
 													<p th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
-													<p th:unless="${ordDtl.ordDtlStat == 'G013_10'}" th:text="${ordDtl.ordDtlStatNm}"></p>
+													<p th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+													<p th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 												</th:block>
 											</div>
 											<div class="button_box">
@@ -220,7 +221,7 @@
 											</div>
 
 											<!-- 상품준비중 -->
-											<div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_30'}">
+											<div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_30'} or ${ordDtl.ordDtlStat == 'G013_35'}">
 												<p>배송할 상품을 준비 중입니다.</p>
 
 												<!-- 예약 상품 -->

src/main/webapp/WEB-INF/views/web/mypage/MypageOrderDetailFormWeb.html

@@ -105,7 +105,8 @@
 													<!-- 주문 -->
 													<th:block th:unless="${order.giftPackYn == 'Y'}">
 														<p th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
-														<p th:unless="${ordDtl.ordDtlStat == 'G013_10'}" th:text="${ordDtl.ordDtlStatNm}"></p>
+														<p th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+														<p th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 													</th:block>
 												</div>
 												<div class="button_box">
@@ -232,7 +233,7 @@
 												</div>
 												
 												<!-- 상품준비중 -->
-												<div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_30'}">
+												<div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_30' or ordDtl.ordDtlStat == 'G013_35'}">
 													<p>배송할 상품을 준비 중입니다.</p>
 	
 													<!-- 예약 상품 -->

src/main/webapp/WEB-INF/views/web/mypage/MypageOrderListFormWeb.html

@@ -397,6 +397,10 @@
 			$('#shipCompleteCount').text(result.orderCount.shipCompleteCount);
 			$('#orderCreCount').text(result.orderCount.cancelCount + result.orderCount.returnCount + result.orderCount.exchangeCount);
 		});
+
+		//index = 0;
+		//gagaPaging.load($('#searchForm input[name=pageNo]').val());
+		gagaPaging.load(1);
 	}
 
 	// 주문상세상태코드 셀렉트박스 변경 이벤트
@@ -485,6 +489,8 @@
 						}
 					} else if (ordDtl.ordDtlStat == 'G013_10') {
 						tag += '											<p>주문접수</p>\n';
+					} else if (ordDtl.ordDtlStat == 'G013_35') {
+						tag += '											<p>상품준비중</p>\n';
 					} else {
 						tag += '											<p>' + ordDtl.ordDtlStatNm + '</p>\n';
 					}
@@ -604,7 +610,7 @@
 						}
 						
 						// 상품준비중
-						if (ordDtl.ordDtlStat == 'G013_30') {
+						if (ordDtl.ordDtlStat == 'G013_30' || ordDtl.ordDtlStat == 'G013_35') {
 							tag += '									<div class="order_text">';
 							tag += '										<p>배송할 상품을 준비 중입니다.</p>';
 							// 예약상품
@@ -645,7 +651,7 @@
 								
 								// 배송완료
 								if (ordDtl.ordDtlStat == 'G013_60') {
-									tag += '										<p>15일 후 자동으로 구매확정됩니다.</p>\n';
+									tag += '										<p>' + ordDtl.autoDecideLeftDay + '일 후 자동으로 구매확정됩니다.</p>\n';
 								}
 								
 								tag += '									</div>';

src/main/webapp/WEB-INF/views/web/mypage/NoMemberDeliveryInfoFormWeb.html

@@ -85,7 +85,8 @@
 											</div>
 											<div class="status_box">
 												<p th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
-												<p th:unless="${ordDtl.ordDtlStat == 'G013_10'}" th:text="${ordDtl.ordDtlStatNm}"></p>
+												<p th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+												<p th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 											</div>
 											<!-- 버튼 -->
 											<div class="button_box">
@@ -143,7 +144,7 @@
 										</div>
 
 										<!-- 상품준비중 -->
-										<div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_30'}">
+										<div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_30'} or ${ordDtl.ordDtlStat == 'G013_35'}">
 											<p>배송할 상품을 준비 중입니다.</p>
 
 											<!-- 예약 상품 -->

src/main/webapp/WEB-INF/views/web/mypage/NoMemberOrderDetailFormWeb.html

@@ -91,7 +91,9 @@
 													</div>
 												</div>
 												<div class="status_box">
-													<p th:text="${ordDtl.ordDtlStatNm}"></p>
+													<p th:if="${ordDtl.ordDtlStat == 'G013_10'}">주문접수</p>
+													<p th:if="${ordDtl.ordDtlStat == 'G013_35'}">상품준비중</p>
+													<p th:unless="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_35'}" th:text="${ordDtl.ordDtlStatNm}"></p>
 												</div>
 												<div class="button_box">
 													<!-- 주문취소 버튼(입금대기, 결제완료, 상품준비중, 출고처지정, 배송준비중) -->
@@ -153,7 +155,7 @@
 											</div>
 											
 											<!-- 상품준비중 -->
-											<div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_30'}">
+											<div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_30' or ordDtl.ordDtlStat == 'G013_35'}">
 												<p>배송할 상품을 준비 중입니다.</p>
 
 												<!-- 예약 상품 -->

src/main/webapp/WEB-INF/views/web/mypage/NoMemberOrderListFormWeb.html

@@ -397,12 +397,18 @@
 					tag += '											</div>\n';
 					tag += '										</div>\n';
 					tag += '										<div class="status_box">\n';
-					tag += '											<p>' + ordDtl.ordDtlStatNm + '</p>\n';
+					if (ordDtl.ordDtlStat == 'G013_10') {
+						tag += '											<p>주문접수</p>\n';
+					} else if (ordDtl.ordDtlStat == 'G013_35') {
+						tag += '											<p>상품준비중</p>\n';
+					} else {
+						tag += '											<p>' + ordDtl.ordDtlStatNm + '</p>\n';
+					}
 					tag += '										</div>\n';
 					tag += '										<div class="button_box">\n';
 
 					// 버튼 처리
-					// 주문취소 버튼(입금대기, 결제완료, 상품준비중, 출고처지정, 배송준비중)
+					// 주문취소 버튼(입금대기, 결제완료, 상품준비중, 출고처지정)
 					// 2021.07.08 card007 교환상품은 취소 안되게 수정
 					if (ordDtl.ordDtlStat == 'G013_20' || ordDtl.ordDtlStat == 'G013_30' || ordDtl.ordDtlStat == 'G013_35') {
 						if (ordDtl.ordExchGb == 'O') {
@@ -464,7 +470,7 @@
 					}
 					
 					// 상품준비중
-					if (ordDtl.ordDtlStat == 'G013_30') {
+					if (ordDtl.ordDtlStat == 'G013_30' || ordDtl.ordDtlStat == 'G013_35') {
 						tag += '									<div class="order_text">';
 						tag += '										<p>배송할 상품을 준비 중입니다.</p>';
 						// 예약상품

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

@@ -666,9 +666,11 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ev .survey_wrap .survey_con .btn_wrap {padding: 3rem 2rem 6rem; text-align: center; background: #fff; margin-top: -4rem;}
 .ev .survey_wrap .survey_con .btn_wrap button.btn {width: 100%; padding:1.6rem 0; font-size: 1.4rem; font-weight: 500; height:auto; } 
 
-/* ev_comment_1 */
-/* .dp .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;} */
-.dp .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;margin: 0 0 -1.2rem 0;}
+/* dp basic setting , ev_comment_1 */
+.dp .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;}
+.dp .dp_submain .inner,
+.dp .dp_exhibition .inner,
+.dp .dp_outlets .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;margin: 0 0 -1.2rem 0;}
 .dp .inner::after {content:''; clear:none;}
 .cmt_wrap {background: #f5f5f5;}
 .cmt_wrap .cmt_write {background: #fff;}

src/main/webapp/ux/pc/css/common.css

@@ -771,7 +771,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemsGrp.rowtype .item_prod .itemPic .shape {z-index: 89;}
 /* .itemsGrp.rowtype .item_prod .itemPic::after {background: #f9f9f9; opacity:1; z-index: 87;} */
 .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}
-.itemsGrp.rowtype .item_state.soldout .itemPic:before {content:'SOLD OUT'; position:absolute; top:50%; left:50%; color:#fff; font-size:28px; font-weight:500; background:rgba(0,0,0,.7); width:100%; height:100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 89; text-align:center;}
+.itemsGrp.rowtype .item_state.soldout .itemPic:before {content:'SOLD OUT'; position:absolute; top:50%; left:50%; color:#fff; font-size:28px; font-weight:500; background:rgba(0,0,0,.7); width:100%; height:100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 89; text-align:center;opacity: 1;}
 .itemsGrp.rowtype .item_prod .itemBrand {margin:0px; font-size: 16px; font-weight: 300;}
 .itemsGrp.rowtype .item_prod .itemComment {position:relative; top:-80px; font-size: 16px; font-weight: 300; margin:0;}
 .itemsGrp.rowtype .item_prod .itemName {margin:10px 0px 60px; font-size:24px; font-weight: 200; line-height:34px; max-width:100%; max-height:68px; height:auto;}
@@ -787,8 +787,9 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .item_prod {width: 20%;display: inline-block;font-size: 0px;vertical-align: top;color: rgb(31, 31, 31);position: relative;letter-spacing: -0.2px;}
 .item_state {position: relative; padding: 0px 10px 60px; box-sizing: border-box;}
 .item_state.soldout .itemPic:after {content: 'SOLD OUT';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;height: auto;font-size: 18px;font-weight: 500;color: #fff;z-index: 30;text-align: center; opacity: 1; background: transparent;}
-.item_state.soldout .itemPic:before {content:''; position: absolute; top: 50%; left: 50%; font-size: 28px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 20; text-align: center;}
-.item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;}
+.item_state.soldout .itemPic:before {content:''; position: absolute; top: 50%; left: 50%; font-size: 28px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 20; text-align: center;opacity: 1;}
+/* .item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;} */
+.item_state.AD .itemPic:after {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;}
 @media (max-width: 1919px) and (min-width: 1401px){/* .item_state {padding-left: 6px;padding-right: 6px;} */}
 .hgbgCa {width: 100%;height: 100%;}
 .fgRDJH {padding: 0px 40px;font-size: 0px;box-sizing: border-box;}
@@ -806,7 +807,8 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemLike.likeit::before {opacity: 1;}
 
 .itemLink {z-index:20;position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
-.itemPic {position: relative;width: 100%;margin-bottom:20px;padding-top: 150%;font-size: 0px;overflow: hidden;}
+.itemPic {position: relative;width: 100%;margin-bottom:20px;padding-top: 150%;font-size: 0px;overflow: hidden;background-size: cover !important;}
+.itemPic {padding-top: 135%;} /* Other Requests */
 .itemPic::before {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 98;}
 /* .itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 999;} */
 .itemPic .pd_img,