모바일 여신관리

src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html

@@ -1,5 +1,5 @@
 <section id="ITP_MOBILE_MLOANMNG02010">
-	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER" style="display: none;">
+	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER" style="display: block;">
 		<form id="ITP_FORM_MLOANMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
 		  <input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
 		  <input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
@@ -51,7 +51,7 @@
 		  </div>
 			<div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA" class="scroll_area row-12">
 			  <ul id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
+			  <div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY" style="display: block;">
 				<li class="history_list1">
 				  <div class="button_right btn-dpst" style="display: gird;"><!-- display:gird 로 해야 정상으로 보임 -->
 					<button id="ITP_BTN_MLOANMNG02010_LIST_AGREE" class="btn-primary AGR">승인</button>
@@ -118,7 +118,7 @@
 						<label>주문번호</label>
 					</div>
 					<div class="list_info">
-						<div class="pay_info fnPoOrdNo">asdf324234324</div>
+						<div class="pay_info fnPoOrdNo"></div>
 					</div>
 				</div>
 				<div class="list_line">
@@ -126,7 +126,7 @@
 						<label>구매자명</label>
 					</div>
 					<div class="list_info">
-						<div class="pay_info fnOrdNm">asdfa</div>
+						<div class="pay_info fnOrdNm"></div>
 					</div>
 				</div>
 				<div class="list_line">
@@ -134,7 +134,7 @@
 						<label>상품명</label>
 					</div>
 					<div class="list_info">
-						<div class="pay_info fnGoodsNm">afsdfasdf</div>
+						<div class="pay_info fnGoodsNm"></div>
 					</div>
 				</div>
 				<div class="list_line">
@@ -232,7 +232,7 @@
 			</div>
 		</div>
 	</div>
-	<div id="ITP_POP_MLOANMNG02010_DPST_REQ_AREA" class="popup2 mobile-pop-close" style="display: block; background: transparent;">
+	<div id="ITP_POP_MLOANMNG02010_DPST_REQ_AREA" class="popup2 mobile-pop-close" style="display: none; background: transparent;">
 		<form id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ" class="form-horizontal" onsubmit="return false;">
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ_BRAND_ID" name="brandId" value="">
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ_STORE_ID" name="storeId" value="">
@@ -246,13 +246,13 @@
 					</div>
 				</div>
 				<div class="content" style="border:none;">
-					<div class="line mt_5">
+					<div class="line mt_5 ml_10">
 						<label>브랜드명</label>
 						<div class="search_wrap itp_ip">
 							<input id="ITP_FORM_MLOANMNG02010_POP_BRAND_NM" name="brandNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="브랜드명" type="text" placeholder="A 브랜드명" readonly>
 						</div>
 					</div>
-					<div class="line mt_5">
+					<div class="line mt_5 ml_10">
 						<label>매장명</label>
 						<div class="search_wrap itp_ip">
 							<input id="ITP_FORM_MLOANMNG02010_POP_STORE_NM" name="storeNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="매장명" type="text" placeholder="A매장명" readonly>
@@ -298,7 +298,7 @@
 			</div>
 		</form>
 	</div>
-	<div id="ITP_POP_MLOANMNG02010_DPST_RJCT_AREA" class="popup2 mobile-pop-close" style="display: none;">
+	<div id="ITP_POP_MLOANMNG02010_DPST_RJCT_AREA" class="popup2 mobile-pop-close" style="display: block;">
 		<form id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT" class="form-horizontal" onsubmit="return false;">
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_BRAND_ID" name="sbrandId" value="">
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_STORE_ID" name="sstoreId" value="">
@@ -312,49 +312,49 @@
 				</div>
 			</div>
 			<div class="content" style="border:none;">
-				<div class="line">
+				<div class="line mt_5 ml_10">
 					<label>브랜드명</label>
 					<div class="pop_right">
-						<div class="fnBrandNm"></div>
+						<div class="fnBrandNm">fasdfasdfs</div>
 					</div>
 				</div>
-				<div class="line">
+				<div class="line mt_5 ml_10">
 					<label>매장명</label>
 					<div class="pop_right">
-						<div class="fnStoreNm"></div>
+						<div class="fnStoreNm">fsdafsdafsdafsdfsda</div>
 					</div>
 				</div>
-				<div class="line">
+				<div class="line mt_5">
 					<label>입금금액</label>
 					<div class="pop_right">
-						<div class="fnDpstAmt"></div>
+						<div class="fnDpstAmt">fdsafdsfsadsfad</div>
 					</div>
 				</div>
-				<div class="line">
+				<div class="line mt_5">
 					<label>입금일자</label>
 					<div class="pop_right">
-						<div class="fnDpstDt"></div>
+						<div class="fnDpstDt">dfsdfasfdasdfsads</div>
 					</div>
 				</div>
-				<div class="line">
+				<div class="line mt_5">
 					<label>입금자명</label>
 					<div class="pop_right">
 						<div class="fnDpstNm"></div>
 					</div>
 				</div>
-				<div class="line">
+				<div class="line mt_5">
 					<label>입금은행</label>
 					<div class="pop_right">
 						<div class="fnDpstBnk"></div>
 					</div>
 				</div>
-				<div class="line">
+				<div class="line mt_5">
 					<label>입금계좌번호</label>
 					<div class="pop_right">
 						<div class="fnDpstAcctNo"></div>
 					</div>
 				</div>
-				<div class="line" style="height: 180px;">
+				<div class="line mt_5" style="height: 150px;">
 					<label>반려사유</label>
 					<div class="float_left note">
 						<textarea id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_REASON" name="dsptRjctRsn" class="fn" cols="30" rows="10"></textarea>

src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html

@@ -4,111 +4,86 @@
 			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
 			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 		  <div class="content">
-		  <div class="line header">
-				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입금관리</div>
-	      	</div>
-			<div class="line">
-			    <label>매장선택</label>
-				<div class="float_left">
-					<input id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명" readonly>
-					<div class="itp_input_btn">	
-						<button id="ITP_BTN_MLOANMNG03010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
+			  <div class="content_fix">
+			  <div class="line header">
+					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">미납금관리</div>
+		      	</div>
+				<div class="line">
+				    <label>매장선택</label>
+					<div class="float_left">
+						<input id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명" readonly>
+						<div class="itp_input_btn">	
+							<button id="ITP_BTN_MLOANMNG03010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
+						</div>
+					</div>
+					<div class="float_right_btn">
+						<button id="ITP_BTN_MLOANMNG03010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
 					</div>
 				</div>
-				<div class="float_right_btn">
-					<button id="ITP_BTN_MLOANMNG03010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
+				<div class="line top9">
+				  <label>정산요청일</label>
+				  <div class="date_to">
+					  <input type="text" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
+					  <div class="at">~</div>
+					  <input type="text" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
+				  </div>
+				</div>
+				<div class="line top6">
+				  <div class="search">
+					<button id="ITP_BTN_MLOANMNG03010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+				  </div>
+				</div>
+				<div class="table_header">
+				  <h1><정산 내역></h1>
 				</div>
-			</div>
-		   <!--  <div class="line">
-			  <label>정산상태</label>
-			  <div class="line_right">
-				<select name="" id="ITP_FORM_MLOANMNG03010_LIST">
-				  <option value=""></option>
-				</select>
-			  </div>
-			</div> -->
-			<div class="line top9">
-			  <label>정산요청일</label>
-			  <div class="date_to">
-				  <input type="text" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
-				  <div class="at">~</div>
-				  <input type="text" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
-			  </div>
-			</div>
-			<div class="line top6">
-			  <div class="search">
-				<button id="ITP_BTN_MLOANMNG03010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-			  </div>
-			</div>
-			<div class="table_header">
-			  <h1><정산 내역></h1>
 			</div>
 		  </div>
 			<div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_AREA" class="scroll_area row-13">
 			  <ul id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: none;">
-				<li class="history_list4" style="padding-top:3px;">
+			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
+				<li class="history_list7">
+				  <!-- <div class="left">hidden 처리
+					<div class="nomal">
+				      <label class="history_label">정산번호 </label>
+					  <span>:</span>
+					  <div class="full fnSttlMgntUnqNo">12121212121212121</div>
+					</div>
+				  </div> -->
 				  <div class="left">
 					<div class="nomal">
-					  <label class="history_label">매장명</label>
+					  <label>매장명</label>
 					  <span>:</span>
-					  <div class="history">
-						<div class="fnStoreNm"></div>
-					  </div>
-					  <label class="sub_info">정산타입&nbsp;:</label>
-					  <div class="history">
-						<div class="fnLoanDvsnNm"></div>
-					  </div>
+						<div class="full fnStoreNm"></div>
 					</div>
 				  </div>
 				  <div class="left">
 					<div class="nomal">
-					  <label class="history_label">정산번호 </label>
+					  <label>정산타입</label>
 					  <span>:</span>
-					  <div class="history">
-						<div class="fnSttlMgntUnqNo"></div>
-					  </div>
-					  <label class="sub_info">정산상태&nbsp;:</label>
-					  <div class="history">
-						<div class="fnSttlStNm"></div>
-					  </div>
+					  <div class="fnLoanDvsnNm"></div>
+					  <label class="sub_info">정산상태</label>
+					  <span>:</span>
+					  <div class="fnSttlStNm"></div>
 					</div>
 				  </div>
 				  <div class="left">
 					<div class="nomal">
 					  <label class="history_label">정산요청일 </label>
 					  <span>:</span>
-					  <div class="history">
-						<div class="fnSttlReqDt"></div>
-					  </div>
-					  <label class="sub_info">정산금액&nbsp;:</label>
-					  <div class="history">
-						<div class="fnSttlReqAmt"></div>
-					  </div>
+					  <div class="fnSttlReqDt"></div>
+					  <label class="sub_info">정산금액</label>
+					  <span>:</span>
+					  <div class="fnSttlReqAmt"></div>
 					</div>
 				  </div>
 					<div class="left">
 						<div class="nomal">
 							<label class="history_label">정산확정일 </label>
 							<span>:</span>
-							<div class="history">
-								<div class="fnSttlReqDt"></div>
-							</div>
-							<label class="sub_info">미납금액&nbsp;:</label>
-							<div class="history">
-								<div class="fnUnpaidAmt"></div>
-							</div>
-						</div>
-					</div>
-					<div class="left">
-						<div class="nomal">
-							<label class="history_label">사용가능한도</label>
+							<div class="fnSttlReqDt"></div>
+							<label class="sub_info">미납금액</label>
 							<span>:</span>
-							<div class="history">
-								<div class="fnUseAmtTotal"></div>
-							</div>
-							<label class="history_label"></label>
-							<div class="history"></div>
+							<div class="fnUnpaidAmt"></div>
 						</div>
 					</div>
 				</li>
@@ -125,110 +100,98 @@
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_VIEW_RCPT_YN" value="">
 		</form>
 		  <div class="content">
-			<div class="line">
-			  <label>매장명</label>
-			  <div class="line_right">
-			  	<div class="fnStoreNm"></div>
-			  </div>      
-			</div>
-			<div class="line">
-			  <label>정산일자</label>
-			  <div class="line_right">
-			  	<div class="fnSttlDt"></div>
-			  </div>
-			</div>
-			<div class="line">
-			  <label>정산상태</label>
-			  <div class="line_right">
-  			  	<div class="fnSttlStNm"></div>
-			  </div>
-			</div>
-			<div class="line">
-			  <label>정산금액</label>
-			  <div class="line_right">
-			  	<div class="fnSttlReqAmt"></div>
-			  </div>
-			</div>
-			<div class="line">
-			  <label>잔액</label>
-			  <div class="line_right">
-			  	<div class="fnUseAmtTotal"></div>
-			  </div>
-			</div>
-			<div class="line">
-			  <label>정산등록일자</label>
-			  <div class="line_right">
-			  	<div class="fnSttlReqDt"></div>
-			  </div>
-			</div>
-			<div class="table_header">
-			  <h1><정산 상세 내역></h1>
+			  <div class="content_fix">
+				<div class="line">
+				  <label>매장명</label>
+				  <div class="line_right">
+				  	<div class="fnStoreNm">fafdsfsdfsdfdasfsdafsda</div>
+				  </div>      
+				</div>
+				<div class="line">
+				  <label>정산일자</label>
+				  <div class="line_right">
+				  	<div class="fnSttlDt">fasdfdsfdsfsdfsdfdsafdasfdsafdsa</div>
+				  </div>
+				</div>
+				<div class="line">
+				  <label>정산상태</label>
+				  <div class="line_right">
+	  			  	<div class="fnSttlStNm"></div>
+				  </div>
+				</div>
+				<div class="line">
+				  <label>정산금액</label>
+				  <div class="line_right">
+				  	<div class="fnSttlReqAmt"></div>
+				  </div>
+				</div>
+				<div class="line">
+				  <label>잔액</label>
+				  <div class="line_right">
+				  	<div class="fnUseAmtTotal"></div>
+				  </div>
+				</div>
+				<div class="line">
+				  <label>정산등록일자</label>
+				  <div class="line_right">
+				  	<div class="fnSttlReqDt"></div>
+				  </div>
+				</div>
+				<div class="table_header">
+				  <h1><정산 상세 내역></h1>
+				</div>
 			</div>
 		  </div>
 		  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_AREA" class="scroll_area row-4-1">
 			  <ul id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
 			  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWCOPY" style="display: none;"><!-- style="display: grid;" -->
-				<li class="history_list2 list-row">
+				<li class="history_list2">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
 						<label class="col_3">품목아이디 </label>
 						<span>:</span>
-						<div class="space2">
-						  <div class="fnItemId"></div>
-						</div>
-						<label class="sub_info">품목명&nbsp;:</label>
-						<div class="space2">
-						  <div class="fnItemNm"></div>
-						</div>
+					    <div class="fnItemId">asdfwefwfadsfa</div>
+						<label class="sub_info">품목명</label>
+						<span>:</span>
+					    <div class="fnItemNm">asdfasfdsadffsd</div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label class="col_3">단가</label>
+						<label class="">단가</label>
 						<span>:</span>
-						<div class="space2">
-						  <div class="fnUnitAmt"></div>
-						</div>
-						<label class="sub_info">단위&nbsp;:</label>
-						<div class="space2">
-						  <div class="fnUnit"></div>
-						</div>
+					    <div class="fnUnitAmt">afsdffasdfasd</div>
+						<label class="sub_info">단위</label>
+						<span>:</span>
+					    <div class="fnUnit">fasdfsdfasdfsda</div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label>발주(납품)수량</label>
+						<label class="lit">발주(납품)수량</label>
 						<span>:</span>
-						<div>
-						  <div class="fnPodrQyt"></div>
-						</div>
-						<label class="sub_info">입고(수거)일자&nbsp;:</label>
-						<div>
-						  <div class="fnWhsColDt"></div>
-						</div>
+					    <div class="col_0 lit fnPodrQyt">10,000</div>
+						<label class="lit">입고(수거)일자</label>
+						<span>:</span>
+					    <div class="lit fnWhsColDt">2022.10.10</div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
 						<label>입고(수거)수량</label>
 						<span>:</span>
-						<div>
-						  <div class="fnWhsColQty"></div>
-						</div>
-						<label class="sub_info">입고(수거)금액&nbsp;:</label>
-						<div class="fn">
-						  <div class="fnWhsColAmt"></div>
-						</div>
+					    <div class="col_0 lit fnWhsColQty">10,000</div>
+						<label class="lit">입고(수거)금액</label>
+						<span>:</span>
+					    <div class="lit fnWhsColAmt">1,000,000</div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label class="col_3">정산구분</label>
+						<label class="">정산구분</label>
 						<span>:</span>
-						<div class="space2">
-						  <div class="fnSttlDvsnNm"></div>
-						</div>
+					    <div class="fnSttlDvsnNm">정산완로</div>
 					  </div>
 					</div>
 				  </div>
@@ -236,7 +199,7 @@
 			</div>
 		  </div>
 		<div class="button_bar">
-			<button id="ITP_BTN_MLOANMNG03010_VIEW_PAYMENT" class="btn_col_6 btn-primary PAY">결제</button>
+			<button id="ITP_BTN_MLOANMNG03010_VIEW_PAYMENT" class="btn_col_6 btn-m-orange PAY">결제</button>
 			<button id="ITP_BTN_MLOANMNG03010_VIEW_CANCEL_LIST" class="btn_col_3 btn-gray CLB">취소</button>
 		</div>
 	</div>
@@ -355,7 +318,7 @@
 				</form>
 			</div>
 			<div class="select_btn">
-				<button id="ITP_BTN_MLOANMNG02010_POP_SOTRE_NM" class="btn_blue">매 장 <img src="../img/arrow_down.png"></button>
+				<button id="ITP_BTN_MLOANMNG02010_POP_SOTRE_NM" class="btn_red">매 장 <img src="../img/arrow_down.png"></button>
 			</div>
 			<div id="ITP_LIST_MLOANMNG03010_POP_STORE_AREA" class="popup_scroll">
 				<ul id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
@@ -363,7 +326,7 @@
 					<li class="row_2">
 						<div class="scroll_left">
 							<div class="con_2 fnStoreNm"></div>
-							<div class="con_2 sub fnStoreStNm"></div>
+							<div class="con_2 wichi fnStoreStNm"></div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MLOANMNG03010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>

src/main/webapp/mobile/css/style.css

@@ -133,8 +133,9 @@ section .popup2 .search .right {width:20%; float:right; margin-right:20px;}
 section .popup2 .search .left button,
 section .popup2 .search .right button {width:100%;}
 section .popup2 .content .line .search_wrap input {float:right; width:50%; margin-right:0px; margin-top:0;}
-section .popup2 .content .line.mt_5 {margin-top:5px;}
-section .popup2 .content .line .search_wrap select {float:right; width:50%; height:34px; margin-right:10px;}
+section .popup2 .content .line.mt_5 {margin-top:5px; width:300px;}
+section .popup2 .content .line.ml_10 {}
+section .popup2 .content .line .search_wrap select {float:right; width:50%; height:34px; margin-right:0px;}
 
 
 section .popup3 {position: absolute; top:0;width: 100%; height: 100vh; background: transparent; z-index: 11;}
@@ -508,6 +509,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
 .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
+.scroll_area li .left .nomal .lit{font-size:11pt;}
 .scroll_area li .left .nomal span {position:relative; top:-5px; margin:0 2px; font-size:15px; font-weight:700;}
 .scroll_area li .left .nomal span.mg0 {margin:0;}
 
@@ -517,6 +519,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 .scroll_area li .left .nomal label{position:relative; top:-5px; font-size:12pt; font-weight:100; min-width:75px; text-align:left;}
 .scroll_area li .left .nomal label.sub_info{min-width: auto; display: inline-flex;}
+
 .scroll_area li .left .nomal label.col_0{min-width: auto;}
 .scroll_area li .left .nomal label.col_1{min-width: 45px;}
 .scroll_area li .left .nomal label.col_3{min-width: 60px;}
@@ -574,14 +577,19 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 	.content .line .search_wrap select {width:78%;}	
 	
 }
-
+@media screen and (min-width: 363px) {
+	section .popup2 .content .line.ml_10 {left:20px;}
+}
+@media screen and (max-width: 362px) {
+	section .popup2 .content .line.mt_5 {top:-40px;}
+}
 @media screen and (max-width: 380px) {
 	section .popup2 .barcode_area {width: 250px; height: 250px;}
 /* 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100px;}
 	.type_hide {display:none;}
 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 4px 8px 0px 2px;} */
 }
-@media screen and (min-width: 650px) {
+@media screen and (min-width: 630px) {
 	.content .line {margin:0 100px -10px 100px;}
 }
 @media screen and (max-height: 720px) {