모바일 폰트 수정중

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

@@ -67,14 +67,14 @@
 						<ul class="panel-group itp_nav"></ul>
 						<ul>
 							<textarea id="ITP_AJAX_MAIN_SLIDE_LEVEL2_ROWCOPY" rows="0" cols="0" style="display:none;">
-							<li class="panel_list">
-								<div class="panel_heading accordion-toggle">
-									<span data-toggle="collapse" href="" class="fnMenuNm"></span>
-								</div>
-								<div class="panel_body">
-									<ul class="fnLevelBottomList"></ul>
-								</div>
-							</li>
+								<li class="panel_list">
+									<div class="panel_heading accordion-toggle">
+										<span data-toggle="collapse" href="" class="fnMenuNm"></span>
+									</div>
+									<div class="panel_body">
+										<ul class="fnLevelBottomList"></ul>
+									</div>
+								</li>
 							</textarea>
 							<textarea id="ITP_AJAX_MAIN_SLIDE_LEVEL3_ROWCOPY" rows="0" cols="0" style="display:none;">
 								<li>
@@ -178,29 +178,144 @@
 				</div>
 			</div>
 			<div id="ITP_CONTAINER" class="fix">
-				<div class="detail_content">
-					dsfgdfgfgdgdfss</br>
-					fdsgsdf</br>
-					sdfg</br>
-					sdfgd</br>
-					sfg</br>
-					sdfg</br>
-					dsfg</br>
-					sdfg</br>
-					fdsg</br>
-					sfdg</br>
-					fdsgdsfg</br>
-					sdfg</br>
-					sfd</br>
-					gd</br>
-					sfg</br>
-					dsfg
-					dsfg
-					dsfg
-					sdfg
-					d
-					sf
-				</div>
+				<section id="MPOMNG01010">
+				  <div class="popup" style="display: block;">
+				    <div class="pop">
+				      <div class="pop_line">
+				        <label>납품요청일 &nbsp;&nbsp;:</label>
+				        <div class="fn">2022.09.30</div>
+				      </div>
+				      <div class="pop_line">
+				        <label>품목수&nbsp;&nbsp; :</label>
+				        <div class="fn">2개</div>
+				      </div>
+				      <div class="pop_line">
+				        <label>구매금액 &nbsp;&nbsp;:</label>
+				        <div class="fn">2022.09.30원</div>
+				      </div>
+				      <label class="pop_label">구매요청 하시겠습니까?</label>
+				      <div class="popup_btn">
+				        <button id="ITP_BTN_MPOMNG01010" class="cancel btn-gray CLB">취소</button>
+				        <button id="ITP_BTN_MPOMNG01010" class="ok btn-primary COK">확인</button>
+				      </div>
+				    </div>
+				  </div>
+				  <div class="popup2" style="display: none;">
+				    <div class="pop">
+				      <div class="header">
+				        <div class="header_left">
+				          <label>> 납품장소</label>
+				        </div>
+				        <div class="header_right">
+				          <button id="ITP_BTN_MPOMNG01010"><img src="../img/close.png"></button>
+				        </div>
+				      </div>
+				      <div class="search_bar">
+				        <input id="ITP_FORM_MPOMNG01010" type="text" placeholder="납품장소명">
+				        <button id="ITP_BTN_MPOMNG01010"><img src="../img/search.png"></button>
+				      </div>
+				      <div class="search_bar">
+				        <button id="ITP_BTN_MPOMNG01010" class="btn_blue">납품장소▼</button>
+				      </div>
+				      <div class="popup_scroll">
+				        <li>
+				          <div class="scroll_left">
+				            <div class="fn">브랜드 창고 명A</div>
+				            <div class="fn">(상세위치내용)</div>
+				          </div>
+				          <div class="scroll_right">
+				            <button id="ITP_BTN_MPOMNG01010">선택</button>
+				          </div>
+				        </li>
+				        <li>
+				          <div class="scroll_left">
+				            <div class="fn">브랜드 창고 명A</div>
+				            <div class="fn">(상세위치내용)</div>
+				          </div>
+				          <div class="scroll_right">
+				            <button id="ITP_BTN_MPOMNG01010">선택</button>
+				          </div>
+				        </li>
+				      </div>
+				    </div>
+				  </div>
+					
+				  <div id="ITP_AJAX_MPOMNG01010_VIEW_CONTAINER">
+				    <div class="content">
+				      <div class="line">
+				        <label>납기요청일</label>
+				        <input id="ITP_FORM_MPOMNG01010" class="date" type="date" placeholder="">
+				      </div>
+				      <div class="line">
+				        <label>구매요청금액</label>
+				        <div class="line_right">
+				          <div class="fn">424,000원</div>
+				        </div>
+				      </div>
+				      <div class="line">
+				        <label>납품장소</label>
+				        <div class="search_nm">
+				          <div class="float_left">
+				            <input id="ITP_FORM_MPOMNG01010" class="" type="text" placeholder="A매장명">
+				          </div>
+				          <div class="float_left_btn">
+				            <button id="ITP_BTN_MPOMNG01010"><img src="../img/search.png" alt=""></button>
+				            <button id="ITP_BTN_MPOMNG01010"><img src="../img/delete.png" alt=""></button>
+				          </div>
+				        </div>
+				      </div>
+				      <div class="line">
+				        <div class="table_header">
+				          <h1>>구매 품목</h1>
+				          <button id="ITP_BTN_MPOMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
+				        </div>
+				      </div>  
+				    </div>
+				    <div class="scroll_area row-1">
+				      <li>
+				        <div class="left">
+				          <div class="thick">
+				            <div class="fn">품목명</div>
+				            <div>-</div>
+				            <div class="fn">2EA</div>
+				          </div>
+				          <div class="nomal">
+				            <label class="space0">구매가 :</label>
+				            <div class="fn">1,120,000</div>
+				          </div>
+				        </div>
+				        <div class="right">
+				          <button id="ITP_BTN_MPOMNG01010"><</button>
+				          <div class="fn num">2</div>
+				          <button id="ITP_BTN_MPOMNG01010">></button>
+				        </div>
+				      </li>
+				      <li>
+				        <div class="left">
+				          <div class="thick">
+				            <div class="fn">품목명</div>
+				            <div>-</div>
+				            <div class="fn">2EA</div>
+				          </div>
+				          <div class="nomal">
+				            <label class="space0">구매가 :</label>
+				            <div class="fn">1,120,000</div>
+				          </div>
+				        </div>
+				        <div class="right">
+				          <button id="ITP_BTN_MPOMNG01010"><</button>
+				          <div class="fn num">2</div>
+				          <button id="ITP_BTN_MPOMNG01010">></button>
+				        </div>
+				      </li>
+				    </div>
+				    <div class="button_bar">
+				      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-primary REQ">구매요청</button>
+				      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray TSA">임시저장</button>
+				      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray CLB">취소</button>
+				    </div>
+				  </div>
+				</section>
 			</div>
 			<script src="../js/app/main.js?version=20210826"></script>
 		</div>

src/main/webapp/mobile/app/mpomng/MPOMNG01010.html

@@ -137,4 +137,5 @@
       <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray CLB">취소</button>
     </div>
   </div>
-</section>
+</section>
+

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

@@ -4,11 +4,11 @@ section {}
 body{background: #fff; position: relative; width: 100%; height: auto;}
 /* 팝업 */
 section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
-section .popup .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 550px; padding-top: 80px; background: #fff; border: 2px solid #000; border-top-left-radius: 20px; border-top-right-radius: 20px;}
-section .popup .pop label.pop_label {margin-top: 50px;font-size: 2.2rem;}
+section .popup .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 400px; padding-top: 50px; background: #fff; border: 2px solid #000; border-top-left-radius: 20px; border-top-right-radius: 20px;}
+section .popup .pop label.pop_label {margin-top: 50px;font-size: 1.2rem;}
 section .popup .pop .pop_line { width: 100%; height: 75px;}
-section .popup .pop .pop_line label { font-size: 2.6rem; margin-left: 70px; float: left; width: 272px; text-align: left; margin-top: -15px;}
-section .popup .pop .pop_line div { margin-top: -15px; text-align: right; float: right; font-size: 2.6rem; margin-right: 80px; width: 250px;}
+section .popup .pop .pop_line label { font-size: 1.2rem; margin-left: 70px; float: left; width: 272px; text-align: left; margin-top: -15px;}
+section .popup .pop .pop_line div { margin-top: -15px; text-align: right; float: right; font-size: 1.2rem; margin-right: 80px; width: 250px;}
 section .popup .pop .popup_btn { position: absolute; background-color: #ccc; bottom: 0; width: 100%; height: 100px; border-top: 2px solid #000;}
 section .popup .pop .popup_btn button { position: relative; float: left; width: 100%; height: 100px; font-size: 2rem; font-weight: 700; border-radius: 0px; border: none;}
 section .popup .pop .popup_btn button.ok { width: 64%; border-left: 2px solid #000;}
@@ -22,21 +22,22 @@ section .popup2 .barcode_area {width: 70%; height: 35%; margin: auto; background
 section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 2.6rem; margin:auto; margin-top: 30%;}
 section .popup2 .btn_barcode {margin-top: 20%;}
 section .popup2 .btn_barcode button {width: 35%; height: 100px; font-size: 2.2rem;}
-section .popup2 .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
-section .popup2 .pop .header {position: relative; height: 100px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
-section .popup2 .pop .header .header_left {float: left; padding-top: 20px; padding-left: 20px;}
-section .popup2 .pop .header .header_left label {font-size: 2.4rem;} 
+section .popup2 .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
+section .popup2 .pop .header {position: relative; height: 50px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
+section .popup2 .pop .header .header_left {float: left; padding-top: 5px; padding-left: 15px;}
+section .popup2 .pop .header .header_left label {font-size: 1.4rem;} 
 section .popup2 .pop .header .header_right {float: right; padding-right: 10px;}
 section .popup2 .pop .header .header_right button {border: none; background: transparent;}
-section .popup2 .pop .search_bar {width: 100%; height: 90px; padding: 10px;}
-section .popup2 .pop .search_bar input {width: 88%; height: 80px; float: left;}
-section .popup2 .pop .search_bar button {width: 80px; height: 80px; float: right; border: none; padding-right: 30px;}
-section .popup2 .pop .search_bar button img {width: 50px; height: 50px;}
+section .popup2 .pop .header .header_right button img {width:30px; height:30px;}
+section .popup2 .pop .search_bar {width: 100%; height: 60px; padding: 10px;}
+section .popup2 .pop .search_bar input {width: 80%; height: 40px; float: left;}
+section .popup2 .pop .search_bar button {float: right; border: none; padding-top:3px;}
+section .popup2 .pop .search_bar button img {width: 30px; height: 30px;}
 section .popup2 .pop .search_bar button.search {float: none; width: 50%; height: 70px; background:rgb(46, 46, 248); color: #fff; font-size: 2rem; padding: 0; border: 1px solid #000; margin: 0 auto;}
-section .popup2 .pop .search_bar button.btn_blue {float: right; width: 200px; height: 70px; background:rgb(46, 46, 248); color: #fff; font-size: 2rem; padding: 0; border: 1px solid #000;}
+section .popup2 .pop .search_bar button.btn_blue {float: right; width: 100px; height: 35px; background:rgb(46, 46, 248); color: #fff; font-size: 1rem; padding: 0; border: 1px solid #000;}
 
 section .popup2 .pop .popup_scroll {position: relative; width: 100%;height: 720px; overflow: auto;}
-section .popup2 .pop .popup_scroll li {list-style: none; width: 99%; height: 80px; border: 1px solid #000; margin: 0 auto;}
+section .popup2 .pop .popup_scroll li {list-style: none; width: 99%; height: 50px; border: 1px solid #000; margin: 0 auto;}
 section .popup2 .pop .popup_scroll li.row_2 {height: 140px;}
 section .popup2 .pop .popup_scroll li .left {position: relative; float: left;}
 section .popup2 .pop .popup_scroll li .left div {display: inline-block;}
@@ -46,9 +47,9 @@ section .popup2 .pop .popup_scroll li .left .nomal {float: left; margin: 10px 20
 section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
 section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
 section .popup2 .pop .popup_scroll li .scroll_left {float: left;}
-section .popup2 .pop .popup_scroll li .scroll_left div {float: left; font-size: 2rem; font-weight: 700; width: auto; margin: 15px 10px;}
+section .popup2 .pop .popup_scroll li .scroll_left div {float: left; font-size: 0.8rem; font-weight: 700; width: auto; margin: 15px 10px;}
 section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
-section .popup2 .pop .popup_scroll li .scroll_right button {width: 100px; height: 60px; padding: 0; background: rgb(198, 170, 250); border-radius: 15px; font-size: 1.5rem; margin:10px 10px;}
+section .popup2 .pop .popup_scroll li .scroll_right button {width: 60px; height: 40px; padding: 0; background: rgb(198, 170, 250); border-radius: 10px; font-size: 0.8rem; margin:4px 10px;}
 section .popup2 .pop .popup_scroll li .right {margin: 40px 0; position: relative; display: flex; font-size: 2rem; font-weight: 700; float: left;}
 section .popup2 .pop .popup_scroll li .right .num {margin: 0 40px; width: auto;}
 section .popup2 .pop .popup_scroll li .right button {margin: -12px; padding: 20px; font-size: 1.5rem; border-radius: 0px;}
@@ -63,8 +64,9 @@ section .popup3 .pop .header .header_left {float: left; padding-top: 20px; paddi
 section .popup3 .pop .header .header_left label {font-size: 2.4rem;} 
 section .popup3 .pop .header .header_right {float: right; padding-right: 10px;}
 section .popup3 .pop .header .header_right button {border: none; background: transparent;}
+
 /* 버튼 */
-button {background-color: #fff; padding: 15px;}
+button {background-color: #fff; padding: 10px;}
 button.btn-primary  {color: #fff; background-color: #337ab7; border: 1px solid #000;font-weight: 700;}
 button.btn-yellow   {color: #fff; background-color: rgb(255, 183, 0); border: 1px solid #000;font-weight: 700;}
 button.btn-gray     {color: #fff; background-color: gray; border: 1px solid #000;font-weight: 700;}
@@ -140,14 +142,14 @@ body.eee {height: 700px; background: #eee;}
 .main .wicon .icon_left {float: left;}
 
 
-input {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 60px; font-size: 2rem; text-align: left; padding:0 15px;}
-select {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 60px; font-size: 2rem; text-align: left; padding:0 15px;}
+input {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 15px;}
+select {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 60px; font-size: 1rem; text-align: left; padding:0 15px;}
 input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 /* 공통화면 */
 
-#ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 55px;background-color:#92c7f6;align-items: center;margin-bottom: 50px;border-bottom: 1px solid #000;z-index: 10;}
-#ITP_WRAPPER header .header_wrap {width: 100%; height: 45px; margin: 0 auto;}
+#ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 55px;background-color:#92c7f6;align-items: center;border-bottom: 1px solid #000;z-index: 11;}
+#ITP_WRAPPER header .header_wrap {width: 100%; height: 55px; margin: 0 auto;}
 #ITP_WRAPPER header .header_wrap .menu_logo button {width: 40px; height: 40px; float: left; padding: 0; background: transparent; border: none; margin-top: 7px; margin-left: 7px;}
 #ITP_WRAPPER header .header_wrap .menu_logo button img {width: 35px; height: 35px; margin: 0; border-radius: 0; border: none;}
 #ITP_WRAPPER header .header_wrap img.brand {float: right; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
@@ -189,24 +191,26 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
   padding-top: 50px;
   font-size: 2rem;
 }
-.content {padding-top: 5%; top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
-.content .line {position: relative; display: inline-block; width: 100%; height: 50px; margin-bottom: 50px;}
+.content {top: 55px; position: fixed; z-index: 10; width:100%; background: #fff;}
+.content .line {position: relative; display: inline-block; width: 100%; height: 50px; margin-bottom: 0px;}
 .content .line div {font-weight: 700;}
-.content .line label {font-size: 3rem; margin-left: 20px; float: left; width: 320px; text-align: left; margin-top: -15px;}
+.content .line label {font-size: 1rem; margin-left: 20px; float: left; text-align: left; margin-top: 15px;}
 .content .line label.col_6{width: 404px;}
-.content .line select.label {border: 1px solid #000; font-size: 2.5rem;margin: 0 10px; float: left; width: 300px; height: 60px; text-align: left; margin-top: -8px;}
+.content .line select.label {border: 1px solid #000; font-size: 1.2rem;margin: 0 10px; float: left; width: 300px; height: 60px; text-align: left; margin-top: 15px;}
 .content .line .search_nm {float: right; margin-right: 2%;}
 .content .line .float_left {float: left;}
 .content .line .float_left.note {width: 100%; padding: 10px;}
 .content .line .float_left.note textarea {width: 100%; height: 300px; border: 1px solid #000; text-align: left;}
 .content .line .float_left div {font-size: 2.4rem; margin-top: -8px;}
-.content .line .float_left_btn {float: left; margin-top: -1px; margin-left: 5px;}
+.content .line .float_left_btn {float: left; margin-top: 5px; margin-left: 5px;}
+.content .line .float_left_btn button {padding:0; width:36px; height:36px; border-radius:5px;}
+.content .line .float_left_btn button img {width:20px; height:20px;}
 .content .line .float_left select {float: left; width: 440px; height: 60px; margin-top: -3px; border: 1px solid #000; font-size: 2rem;}
 .content .line .line_right {font-size: 2rem; float: right; margin-right: 0%;}
-.content .line .line_right div {float: right; font-size: 2.4rem; margin-top: -10px; margin-right: 30px;}
+.content .line .line_right div {float: right; font-size: 1.2rem; margin-top: 10px; margin-right: 30px;}
 .content .line .line_right input {position: relative; text-align: right; margin-right: 30px;}
 .content .line .line_right input.left {text-align: left;}
-.content .line input.date {width: 40%; margin: -10px; height: 80px; float: right; margin-right: 3%;}
+.content .line input.date {width: 40%; margin: 10px; height: 40px; float: right; margin-right: 3%;}
 .content .line input.date2 {width: 350px; height: 60px;}
 .content .line div.date_to {float: left;}
 .content .line div.date_to input.year {width: 300px; margin-top: -10px; height: 60px;}
@@ -215,11 +219,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .search button {width: 50%; height: 75px; font-size: 2.4rem; padding: 0;}
 .content .line .search button.col_3 {width: 35%; margin: 0 20px; float: left;}
 .content .line .search button.col_5 {width: 55%; margin: 0 20px; float: right;}
-.content .table_header {margin: 0 auto; width: 100%; height: 100px; background-color: #92c7f6; position: fixed; z-index: 10; border-bottom: 1px solid #000; border-top: 1px solid #000;}
-.content .table_header h1 {margin-top: 20px; margin-left: 15px; font-size: 2.2rem; float: left; color: #fff; font-weight: 100;}
-.content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}
+.content .table_header {margin: 0 auto; width: 100%; height: 50px; background-color: #92c7f6; position: fixed; z-index: 10; border-bottom: 1px solid #000; border-top: 1px solid #000;}
+.content .table_header h1 {margin-top: 12px; margin-left: 10px; font-size: 1.2rem; float: left; color: #fff; font-weight: 100;}
+.content .table_header button {float: right; width: 111px; font-size: 1rem; padding: 5px 20px; margin: 8px;}
 
-.detail_content {padding-top: 5%; top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
+.detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
 .detail_content .detail_header {width: 100%; height: 80px;}
 .detail_content .detail_header .detail_logo {float: left;}
 .detail_content .detail_header .detail_logo img {width: 150px; margin-left: 50px;}
@@ -248,8 +252,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
   font-size: 1.8rem;
 } */
 
-.button_bar {width: 100%; height: 120px; background: #ccc; position: fixed; bottom: 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 10;}
-.button_bar button.col_3{float: left; height: 120; font-size: 3rem; margin: 0; width: 33.3%; font-weight: 700; border: 1px solid #000; border-radius: 0;}
+.button_bar {width: 100%; height: 60px; background: #ccc; position: fixed; bottom: 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 10;}
+.button_bar button.col_3{float: left; height: 60px; font-size: 1.4rem; margin: 0; width: 33.3%; font-weight: 700; border: 1px solid #000; border-radius: 0;}
 .button_bar button.btn-gray {border-radius: 0px; background-color: #666; color: #eee;}
 .button_bar button.btn {height: 120px;}
 .button_bar button.btn_col_3 {width: 35%;}
@@ -260,7 +264,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 /* scroll_area 조정 */
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
-.row-1{top: 450px;}
+.row-1{top: 290px;}
 .row-2{top: 550px;}
 .row-3{top: 650px;}
 .row-4{top: 750px;}
@@ -270,7 +274,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 
 
-.scroll_area li {margin: 5px; list-style: none; width: 99%; height: 140px; border: 1px solid #000; background-color: #fff;}
+.scroll_area li {margin: 5px 3px; list-style: none; width: 99%; height: 100px; border: 1px solid #000; background-color: #fff;}
 .scroll_area li.history_list {height: 300px; }
 .scroll_area li.history_list .button_right {float: right; display: grid;}
 .scroll_area li.history_list .button_right button {width: 124px; height: 149px; font-size: 2rem; margin: 0; border-radius: 0;}
@@ -278,11 +282,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li.history_list2 {height: 380px;}
 .scroll_area li.history_list3 {height: 330px;}
 .scroll_area li .history_info {width: 240px;}
-.scroll_area li .left {position: relative; float: left;}
+.scroll_area li .left {position: relative; float: left; width:50%;}
 .scroll_area li .left div {display: inline-block;}
-.scroll_area li .left label{font-size: 2.5rem;}
-.scroll_area li .left .thick {margin: 10px 20px; font-size: 2.2rem; text-align: left; width: 100%; font-weight: 600;}
-.scroll_area li .left .history {font-weight: 700; font-size: 2.4rem; margin-left: 20px;}
+.scroll_area li .left label{font-size: 1.3rem;}
+.scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 70%; font-weight: 600;}
+.scroll_area li .left .history {font-weight: 700; font-size: 1.1rem; margin-left: 20px;}
 .scroll_area li .left .history input{width: 150px;}
 
 .scroll_area li div {padding: 1px;}
@@ -299,7 +303,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
 .scroll_area li .detail_right .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
 .scroll_area li .detail_right .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
-.scroll_area li .left .nomal  {width: 100%; text-align: left; font-size: 2.2rem;}
+.scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 2.2rem;}
 .scroll_area li .left .nomal  input{width: 200px;}
 .scroll_area li .left .nomal .scroll_btn {margin-bottom: 10px; min-width: 0;}
 .scroll_area li .left .nomal .scroll_btn button{position: absolute; top: -10px; width: 100px; height: 70px; font-size: 1.8rem; padding: 0; border-radius: 15px; background: rgb(198, 170, 250);}
@@ -308,8 +312,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal .btn_bar button{width: 50px; height: 70px; font-size: 2rem; padding: 0;}
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 0 50px;}
 
-.scroll_area li .left .nomal .space{ margin-left: 40px; min-width: 100px;}
-.scroll_area li .left .nomal .space0{ margin-left: 40px; width: auto;}
+.scroll_area li .left .nomal .space{ margin-left: 30px; min-width: 100px;}
+.scroll_area li .left .nomal .space0{ margin-left: 30px; width: auto;}
 .scroll_area li .left .nomal .space1{ margin-left: 0px; width: 200px;}
 .scroll_area li .left .nomal .space2 {width: 120px; display: inline-flex; font-size: 2.4rem; margin-right: 30px; font-weight: 700;}
 .scroll_area li .left .nomal label{margin-left: 10px; width: 230px; display: inline-flex;}
@@ -320,7 +324,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal label.col_6{width: 250px;}
 .scroll_area li .left .nomal label.col_7{width: 280px;}
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
-.scroll_area li .left .nomal div{min-width: 168px; display: inline-flex; font-weight: 700; font-size: 2.4rem;}
-.scroll_area li .right {margin: 40px; position: relative; display: flex; font-size: 2rem; font-weight: 700; float: right;}
-.scroll_area li .right .num {margin: 0 40px; width: auto;}
-.scroll_area li .right button {margin: -12px; padding: 20px; font-size: 1.5rem; border-radius: 0px;}
+.scroll_area li .left .nomal div{display: inline-flex; font-weight: 700; font-size: 1.2rem;}
+.scroll_area li .right {margin: 30px 20px 0 0; position: relative; display: flex; font-size: 1.4rem; font-weight: 700; float: right;}
+.scroll_area li .right .num {margin: 0 25px; width: auto;}
+.scroll_area li .right button {margin: -6px; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}