diff --git a/src/main/ui/static/css/cardpay.css b/src/main/ui/static/css/cardpay.css
index abb0b1b61..de5d4d11a 100644
--- a/src/main/ui/static/css/cardpay.css
+++ b/src/main/ui/static/css/cardpay.css
@@ -152,4 +152,26 @@ section.content {
     .qr-desc {
         display: none;
     }
-}
\ No newline at end of file
+}
+
+@media (min-width: 768px) {
+    .dl-horizontal dd {
+        margin-left: 180px;
+        line-height: 32px;
+    }
+}
+
+@media (min-width: 768px) {
+    .dl-horizontal dt {
+        float: left;
+        width: 160px;
+        overflow: hidden;
+        clear: left;
+        text-align: right;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        line-height: 32px;
+    }
+}
+
+
diff --git a/src/main/ui/static/css/qrpay.css b/src/main/ui/static/css/qrpay.css
index 9a81c46f5..4fe57737d 100644
--- a/src/main/ui/static/css/qrpay.css
+++ b/src/main/ui/static/css/qrpay.css
@@ -23,6 +23,7 @@ section.content {
     display: block;
     margin: 40px auto;
     background: #fff;
+    border-radius: 10px;
     overflow: visible;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
 }
@@ -150,4 +151,4 @@ section.content {
     .qr-desc{
         display: none;
     }
-}
\ No newline at end of file
+}
diff --git a/src/main/ui/static/templates/payment/v1/card_pay.js b/src/main/ui/static/templates/payment/v1/card_pay.js
index 22cbcd1cd..95dfb5edc 100644
--- a/src/main/ui/static/templates/payment/v1/card_pay.js
+++ b/src/main/ui/static/templates/payment/v1/card_pay.js
@@ -22,7 +22,8 @@ $(function () {
     cardFrame.frameStyle = {
         width: '100%',
         height: '400px',
-        border: 'none'
+        border: 'none',
+        borderRadius: '10px'
     };
     cardFrame.onError = function (msg) {
         $('#errorMsgBox').text(msg).show();
@@ -52,4 +53,4 @@ $(function () {
 
         checkOrderStd();
     }
-});
\ No newline at end of file
+});