样式修改

application/third_party/order/views/gh/confirm_order.php

@@ -44,7 +44,7 @@
 		}
 
 		h2 {
-			font-size: 30px;
+			font-size: 28px;
 			font-weight: 600;
 			margin: 10px 0 25px 0;
 			line-height: 30px;
@@ -53,6 +53,7 @@
 		#inquiryBox h1 {
 			font-size: 33px;
 			margin: 0 0 15px;
+            line-height: 33px;
 		}
 
 		textarea {
@@ -61,8 +62,8 @@
 			padding: 15px;
 			border: 1px solid #d1d1d1;
 			background: #fff;
-			width: 95%;
-			height: 85px;
+			width: 100%;
+			height: 120px;
 			border-radius: 6px;
 			margin-top: 10px;
 			font-family: Calibri;
@@ -92,7 +93,8 @@
 			transition: all ease-in-out .5s;
 			pointer-events: none;
 			height: 26px;
-			color: #999
+			color: #999;
+            font-weight:400;
 		}
 
 		.inputTerm {
@@ -111,11 +113,11 @@
 		}
 
 		.inputTerm input {
-			width: 94%;
+			width: 100%;
 			margin: 0;
 			font-size: 22px;
 			border: 1px solid #d1d1d1;
-			height: 40px;
+			height: 60px;
 			padding: 15px 15px 0 20px;
 			border-radius: 4px;
 			color: #000
@@ -130,7 +132,7 @@
 			margin: 50px auto;
 			padding: 10px 30px;
 			color: #FFF;
-			font-size: 22px;
+			font-size: 27px;
 			border: none;
 			cursor: pointer;
 		}
@@ -156,21 +158,18 @@
 			margin-bottom: 10px;
 			background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px;
 		}
-
+input.arrivalDate {height: 50px; width: 347px; font-size: 19px; padding: 5px 15px;}
 
 		.selectionBlock {
 			display: inline-block;
-			width: 398px;
+    width: 348px;
+    margin-top: 15px;
 		}
 
 		.selectionBlock p {
 			margin-bottom: 10px;
 		}
 
-		.selectionBlock input {
-			width: 350px;
-		}
-
 		h3 {
 			font-size: 27px;
 			margin-top: 30px;
@@ -224,7 +223,7 @@
 			background: #fff;
 			border-radius: 4px;
 			border: 1px solid #d1d1d1;
-			width: 99%;
+			width: 100%;
 			margin-top: 15px;
 		}
 
@@ -260,7 +259,19 @@
 			overflow-x: auto;
 			max-width: 100%;
 		}
-
+        .modal-title {
+    margin: 0;
+    line-height: 1.42857143;
+    font-size: 25px;
+    text-align: center;
+    color: #000;
+}
+.btn { font-size: 18px;}
+.btn-primary {
+    color: #fff;
+    background-color: #ad1818;
+    border-color: #ad1818;
+}
 		@media (max-width: 750px) {
 			img.asiahighlightslogo {
 				width: 210px;
@@ -292,19 +303,14 @@
 			}
 
 			select.country_code,
-			.selectionBlock {
+			.selectionBlock, input.arrivalDate {
 				width: 100%;
 			}
 
 			#Date_Start {
 				width: 78%;
 			}
-
-			textarea,
-			input.number,
-			.selectionBlock input {
-				width: 90%;
-			}
+            .inputTerm label { font-size: 18px;}
 		}
 	</style>
 </head>
@@ -631,14 +637,14 @@
 						<div class="selectionBlock">
 							<p> Date of birth</p>
 							
-							<input type="text" class="arrivalDate datepicker hidden-xs"
+							<input type="text" class="arrivalDate datepicker"
 								name="birthday[]" value="" placeholder="mm/dd/yyyy" autocomplete="off">
 
 						</div>
 						<div class="selectionBlock">
 							<p> Date of expiration </p>
 							
-							<input type="text" class="arrivalDate datepicker hidden-xs"
+							<input type="text" class="arrivalDate datepicker"
 								name="passport_expiration_date[]" value="" placeholder="mm/dd/yyyy" autocomplete="off">
 
 						</div>