{"version":3,"sources":["webpack:///./src/components/Pages/PagePurchase.vue?f764","webpack:///./src/components/Pages/PagePurchase.vue?8bdd","webpack:///src/components/Pages/PagePurchase.vue","webpack:///./src/components/Pages/PagePurchase.vue?5c44","webpack:///./src/components/Pages/PagePurchase.vue?b16f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","attrs","on","invoicePersonal","invoiceCompany","class","hideblock","invoiceOpen","openblock","staticRenderFns","ticketsLoading","component"],"mappings":"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","file":"js/chunk-fc884aa4.91ef8784.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PagePurchase.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"purchase-wrap\"},[_c('div',{staticClass:\"container pt-3\"},[_c('div',{staticClass:\"purchase-card mt-5\"},[_vm._m(0),_vm._m(1),_c('h5',[_vm._v(\"換取金幣30000個，約可看100部教材\")]),_c('p',[_vm._v(\"＊金幣使用期限6個月到期後，系統會自動幫你挑選教材\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 purchase-title mb-2 mt-1\"},[_vm._v(\"學員資訊\")]),_vm._m(2),_vm._m(3),_vm._m(4),_c('div',{staticClass:\"col-md-12 purchase-title mb-2 mt-1\"},[_vm._v(\"付款資訊\")]),_vm._m(5),_vm._m(6),_vm._m(7),_c('div',{staticClass:\"col-md-12 purchase-title mb-2 mt-1\"},[_vm._v(\"付款方式\")]),_vm._m(8),_c('div',{staticClass:\"col-md-12 purchase-title mb-2 mt-3\"},[_vm._v(\"發票資訊\")]),_c('div',{staticClass:\"col-md-12 flex-start\"},[_c('div',{staticClass:\"form-check\"},[_c('div',{staticClass:\"radio\"},[_c('label',[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"exampleRadios1\",\"id\":\"exampleRadios1\",\"value\":\"option3\",\"checked\":\"\"},on:{\"click\":_vm.invoicePersonal}}),_vm._v(\" 紙本二聯式發票(個人) \"),_c('span',{staticClass:\"checkmark\"})])])]),_c('div',{staticClass:\"form-check ml-3\"},[_c('div',{staticClass:\"radio\"},[_c('label',[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"exampleRadios1\",\"id\":\"exampleRadios2\",\"value\":\"option4\"},on:{\"click\":_vm.invoiceCompany}}),_vm._v(\" 紙本三聯式發票(公司) \"),_c('span',{staticClass:\"checkmark\"})])])])]),_c('div',{staticClass:\"w-100 mt-3\",class:{ hideblock : _vm.invoiceOpen }},[_vm._m(9)]),_c('div',{staticClass:\"hideblock col-md-12 mt-3\",class:{ openblock : _vm.invoiceOpen }},[_vm._m(10)])]),_vm._m(11),_vm._m(12)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h3',[_c('span',{staticClass:\"badge badge-primary\"},[_vm._v(\"推薦方案\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 pricing-box\"},[_c('div',{staticClass:\"discount-title\"},[_c('span',{staticClass:\"coin\"},[_vm._v(\"$\")]),_c('span',[_vm._v(\"1,999\")]),_c('span',{staticClass:\"currency\"},[_vm._v(\"TWD\")])]),_c('div',{staticClass:\"original-title d-flex-center\"},[_vm._v(\"原價$2,499\")])]),_c('div',{staticClass:\"col-md-6 coupon-box\"},[_c('div',{staticClass:\"input-group\"},[_c('label',{staticClass:\"w-100\",attrs:{\"for\":\"validationServer01\"}},[_vm._v(\"優惠代碼\")]),_c('input',{staticClass:\"form-control\",attrs:{\"id\":\"validationServer01\",\"type\":\"text\",\"placeholder\":\"請輸入5~10碼優惠序號\"}}),_c('div',{staticClass:\"input-group-append\"},[_c('button',{staticClass:\"btn btn-secondary\",attrs:{\"type\":\"button\"}},[_vm._v(\" 使用 \")])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4\"},[_c('fieldset',{attrs:{\"disabled\":\"\"}},[_c('div',{staticClass:\"form-group\"},[_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"disabledTextInput\",\"placeholder\":\"garyfree2013@gmail.com\"}})])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('input',{staticClass:\"form-control remind\",attrs:{\"type\":\"text\",\"id\":\"\",\"placeholder\":\"請輸入名稱\"}}),_c('span',{staticClass:\"remind-text\"},[_vm._v(\"請輸入名稱\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4\"},[_c('button',{staticClass:\"btn btn-primary-text p-0\"},[_vm._v(\"更換其他帳號\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('input',{staticClass:\"form-control remind\",attrs:{\"type\":\"text\",\"id\":\"\",\"placeholder\":\"付款人姓名\"}}),_c('span',{staticClass:\"remind-text\"},[_vm._v(\"請輸入付款人姓名\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group\"},[_c('input',{staticClass:\"form-control remind\",attrs:{\"type\":\"text\",\"id\":\"\",\"placeholder\":\"付款人電話\"}}),_c('span',{staticClass:\"remind-text\"},[_vm._v(\"請輸入付款人電話\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"form-group form-check\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"exampleCheck1\"}}),_c('label',{staticClass:\"form-check-label\",attrs:{\"for\":\"exampleCheck1\"}},[_vm._v(\"付款人同學員\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 flex-start\"},[_c('div',{staticClass:\"form-check\"},[_c('div',{staticClass:\"radio\"},[_c('label',[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"exampleRadios\",\"id\":\"exampleRadios1\",\"value\":\"option1\",\"checked\":\"\"}}),_vm._v(\" 信用卡付款丶ATM轉帳 \"),_c('span',{staticClass:\"checkmark\"})])])]),_c('div',{staticClass:\"form-check ml-3\"},[_c('div',{staticClass:\"radio\"},[_c('label',[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"exampleRadios\",\"id\":\"exampleRadios2\",\"value\":\"option2\"}}),_vm._v(\" 支付寶丶微信支付 \"),_c('span',{staticClass:\"checkmark\"})])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4\"},[_c('input',{staticClass:\"form-control remind\",attrs:{\"type\":\"text\",\"id\":\"\",\"placeholder\":\"發票填寫地址或填寫不需要寄送\"}}),_c('span',{staticClass:\"remind-text\"},[_vm._v(\"請輸入發票寄送地址或填寫不需要寄送\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('input',{staticClass:\"form-control remind\",attrs:{\"type\":\"text\",\"id\":\"\",\"placeholder\":\"發票填寫地址或填寫不需要寄送\"}}),_c('span',{staticClass:\"remind-text\"},[_vm._v(\"請輸入發票寄送地址或填寫不需要寄送\")])]),_c('div',{staticClass:\"col-md-4\"},[_c('input',{staticClass:\"form-control remind\",attrs:{\"type\":\"text\",\"id\":\"\",\"placeholder\":\"公司抬頭\"}}),_c('span',{staticClass:\"remind-text\"},[_vm._v(\"請輸入公司抬頭\")])]),_c('div',{staticClass:\"col-md-4\"},[_c('input',{staticClass:\"form-control remind\",attrs:{\"type\":\"text\",\"id\":\"\",\"placeholder\":\"統一編號\"}}),_c('span',{staticClass:\"remind-text\"},[_vm._v(\"請輸入公司統一編號\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex-center agree-text\"},[_vm._v(\" 完成購買程序,即代表您同意這些\"),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"說明絛款\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex-center agree-text\"},[_c('button',{staticClass:\"btn btn-second\"},[_vm._v(\"確認\")])])}]\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n    <div class=\"purchase-wrap\">\r\n            <div class=\"container pt-3\">\r\n                <div class=\"purchase-card mt-5\">\r\n                <h3><span class=\"badge badge-primary\">推薦方案</span></h3>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-6 pricing-box\">\r\n                    <div class=\"discount-title\"><span class=\"coin\">$</span><span>1,999</span><span class=\"currency\">TWD</span></div>\r\n                    <div class=\"original-title d-flex-center\">原價$2,499</div>\r\n                    </div>\r\n                    <div class=\"col-md-6 coupon-box\">\r\n                        <div class=\"input-group\">\r\n                            <label class=\"w-100\" for=\"validationServer01\">優惠代碼</label>\r\n                            <input id=\"validationServer01\" type=\"text\" class=\"form-control\" placeholder=\"請輸入5~10碼優惠序號\">\r\n                            <div class=\"input-group-append\">\r\n                            <button class=\"btn btn-secondary\" type=\"button\">\r\n                                使用\r\n                            </button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <h5>換取金幣30000個，約可看100部教材</h5>\r\n                <p>＊金幣使用期限6個月到期後，系統會自動幫你挑選教材</p>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 purchase-title mb-2 mt-1\">學員資訊</div>\r\n                    <div class=\"col-md-4\">\r\n                        <fieldset disabled>\r\n                            <div class=\"form-group\">\r\n                                <input type=\"text\" id=\"disabledTextInput\" class=\"form-control\" placeholder=\"garyfree2013@gmail.com\">\r\n                            </div>\r\n                        </fieldset>\r\n                    </div>\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"form-group\">\r\n                            <input type=\"text\" id=\"\" class=\"form-control remind\" placeholder=\"請輸入名稱\">\r\n                            <span class=\"remind-text\">請輸入名稱</span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-4\">\r\n                        <button class=\"btn btn-primary-text p-0\">更換其他帳號</button>\r\n                    </div>\r\n                    <div class=\"col-md-12 purchase-title mb-2 mt-1\">付款資訊</div>\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"form-group\">\r\n                            <input type=\"text\" id=\"\" class=\"form-control remind\" placeholder=\"付款人姓名\">\r\n                            <span class=\"remind-text\">請輸入付款人姓名</span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"form-group\">\r\n                            <input type=\"text\" id=\"\" class=\"form-control remind\" placeholder=\"付款人電話\">\r\n                            <span class=\"remind-text\">請輸入付款人電話</span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-4\">\r\n                          <div class=\"form-group form-check\">\r\n                                <input type=\"checkbox\" class=\"form-check-input\" id=\"exampleCheck1\">\r\n                                <label class=\"form-check-label\" for=\"exampleCheck1\">付款人同學員</label>\r\n                          </div>\r\n                    </div>\r\n                    <div class=\"col-md-12 purchase-title mb-2 mt-1\">付款方式</div>\r\n                    <div class=\"col-md-12 flex-start\">\r\n                            <div class=\"form-check\">\r\n                              <div class=\"radio\">\r\n                                <label>\r\n                                <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios1\" value=\"option1\" checked>\r\n                                    信用卡付款丶ATM轉帳\r\n                                    <span class=\"checkmark\"></span>\r\n                                </label>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-check ml-3\">\r\n                              <div class=\"radio\">\r\n                                <label>\r\n                                <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios2\" value=\"option2\">\r\n                                    支付寶丶微信支付\r\n                                    <span class=\"checkmark\"></span>\r\n                                </label>\r\n                                </div>\r\n                            </div>\r\n                    </div>\r\n                    <!-- 發票資訊 -->\r\n                    <div class=\"col-md-12 purchase-title mb-2 mt-3\">發票資訊</div>\r\n                    <div class=\"col-md-12 flex-start\">\r\n                            <div class=\"form-check\">\r\n                              <div class=\"radio\">\r\n                                <label>\r\n                                <input @click=\"invoicePersonal\" class=\"form-check-input\" type=\"radio\" name=\"exampleRadios1\" id=\"exampleRadios1\" value=\"option3\" checked>\r\n                                    紙本二聯式發票(個人)\r\n                                    <span class=\"checkmark\"></span>\r\n                                </label>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-check ml-3\">\r\n                              <div class=\"radio\">\r\n                                <label>\r\n                                <input @click=\"invoiceCompany\" class=\"form-check-input\" type=\"radio\" name=\"exampleRadios1\" id=\"exampleRadios2\" value=\"option4\">\r\n                                    紙本三聯式發票(公司)\r\n                                    <span class=\"checkmark\"></span>\r\n                                </label>\r\n                                </div>\r\n                            </div>\r\n                            <!-- <div class=\"form-check\">\r\n                                <input @click=\"invoicePersonal\" class=\"form-check-input\" type=\"radio\" name=\"exampleRadios1\" id=\"exampleRadios1\" value=\"option3\" checked>\r\n                                <label class=\"form-check-label\" for=\"exampleRadios1\">\r\n                                    紙本二聯式發票(個人)\r\n                                </label>\r\n                            </div>\r\n                            <div class=\"form-check ml-3\">\r\n                                <input @click=\"invoiceCompany\" class=\"form-check-input\" type=\"radio\" name=\"exampleRadios1\" id=\"exampleRadios2\" value=\"option4\">\r\n                                <label class=\"form-check-label\" for=\"exampleRadios2\">\r\n                                    紙本三聯式發票(公司)\r\n                                </label>\r\n                            </div> -->\r\n                    </div>\r\n                    <div class=\"w-100 mt-3\" :class=\"{ hideblock : invoiceOpen }\">\r\n                        <div class=\"col-md-4\">\r\n                          <input type=\"text\" id=\"\" class=\"form-control remind\" placeholder=\"發票填寫地址或填寫不需要寄送\">\r\n                          <span class=\"remind-text\">請輸入發票寄送地址或填寫不需要寄送</span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"hideblock col-md-12 mt-3\" :class=\"{ openblock : invoiceOpen }\">\r\n                      <div class=\"row\">\r\n                        <div class=\"col-md-4\">\r\n                          <input type=\"text\" id=\"\" class=\"form-control remind\" placeholder=\"發票填寫地址或填寫不需要寄送\">\r\n                          <span class=\"remind-text\">請輸入發票寄送地址或填寫不需要寄送</span>\r\n                        </div>\r\n                        <div class=\"col-md-4\">\r\n                          <input type=\"text\" id=\"\" class=\"form-control remind\" placeholder=\"公司抬頭\">\r\n                          <span class=\"remind-text\">請輸入公司抬頭</span>\r\n                        </div>\r\n                        <div class=\"col-md-4\">\r\n                          <input type=\"text\" id=\"\" class=\"form-control remind\" placeholder=\"統一編號\">\r\n                          <span class=\"remind-text\">請輸入公司統一編號</span>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-flex-center agree-text\">\r\n                  完成購買程序,即代表您同意這些<a href=\"#\">說明絛款</a>\r\n                </div>\r\n                <div class=\"d-flex-center agree-text\">\r\n                    <button class=\"btn btn-second\">確認</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <!-- 藍新 sample code -->\r\n        <!--\r\n            <h1>結帳頁</h1>\r\n            <button class=\"btn btn-primary\" @click=\"submitMPG\" :disable=\"!mpgParams\">Purchase</button>\r\n            <form v-if=\"mpgParams\" id=\"mpgForm\" name='Newebpay' method='post' \r\n                  :action='mpgParams.Action'>\r\n                <input type='hidden' name='MerchantID' :value='mpgParams.MerchantID'>\r\n                <input type='hidden' name='TradeInfo' :value='mpgParams.TradeInfo'>\r\n                <input type='hidden' name='TradeSha' :value='mpgParams.TradeSha'>\r\n                <input type='hidden' name='Version' :value='mpgParams.Version'>\r\n            </form>\r\n        -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        props: {\r\n            user: {\r\n                type: Object,\r\n                default: null\r\n            },\r\n            \r\n        },\r\n        components: {},\r\n        data: function () {\r\n            return {\r\n                mpgParams: null,\r\n                invoiceOpen: false,\r\n            };\r\n        },\r\n        methods: {\r\n            submitMPG: function () {\r\n                $('#mpgForm').submit();\r\n            },\r\n            getMPGParams: async function () {\r\n                try {\r\n                    let res = await this.axios.post(\"Product/GetMPGParams\", {\r\n                    });\r\n\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        this.mpgParams = data.data;\r\n                    } else {\r\n                        this.alert(data.message);\r\n                    }\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.alert('無法取得MPG參數設定。發生不知名的錯誤');\r\n                }\r\n                this.ticketsLoading = false;\r\n            },\r\n            initData: function () {\r\n                this.getMPGParams();\r\n            }\r\n        },\r\n        mounted: function () {\r\n            this.initData();\r\n        },\r\n        watch: {},\r\n        created() { }\r\n    };\r\n</script>\r\n\r\n\r\n<style>\r\n.purchase-wrap {\r\n  background-color: #f7f8fa;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.purchase-card {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  padding: 30px;\r\n}\r\n\r\n.badge-primary {\r\n  background-color: #fd6b69;\r\n}\r\n\r\n.purchase-wrap .discount-title {\r\n  color: #484848;\r\n  font-size: 4.9rem;\r\n  font-weight: 600;\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: baseline;\r\n  font-family: \"Arial\";\r\n}\r\n\r\n.purchase-wrap .currency {\r\n  font-size: 1.4rem;\r\n  margin-left: 5px;\r\n}\r\n\r\n.purchase-wrap .coin {\r\n  font-size: 2.2rem;\r\n  margin-right: 3px;\r\n}\r\n\r\n.original-title {\r\n  color: #b5b5b5;\r\n  font-size: 1.7rem;\r\n  text-decoration: line-through;\r\n  padding: 8px 20px 0px 20px;\r\n}\r\n\r\n.pricing-box {\r\n  display: inline-flex;\r\n  align-items: baseline;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.coupon-box {\r\n  display: inline-flex;\r\n  align-items: flex-end;\r\n  flex-wrap: wrap;\r\n  padding-bottom: 28px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.purchase-wrap .form-control {\r\n  border-top-right-radius: 5px !important;\r\n  border-bottom-right-radius: 5px !important;\r\n}\r\n\r\n.purchase-title {\r\n  font-size: 1.2rem;\r\n  font-weight: 500;\r\n}\r\n\r\n.purchase-wrap h5 {\r\n  color: #484848;\r\n}\r\n\r\n.purchase-wrap p {\r\n  color: #ff5151;\r\n  padding-bottom: 40px;\r\n  border-bottom: 5px solid #ff5151;\r\n}\r\n\r\n.btn-primary-text {\r\n  color: #3559ce !important;\r\n}\r\n\r\n.remind {\r\n  width: 100%;\r\n  background-color: transparent;\r\n  display: block;\r\n  padding: 5px 10px;\r\n  border: 2px solid rgb(240, 80, 80);\r\n  border-radius: 3px;\r\n  color: rgba(0, 0, 0, 0.65);\r\n  line-height: 1.75;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  font-family: inherit;\r\n  transition: all 0.2s ease 0s;\r\n}\r\n\r\n.remind-text {\r\n  color: rgb(240, 80, 80);\r\n  margin-top: 10px;\r\n  font-size: 0.9rem;\r\n}\r\n\r\n/* Styles for wrapping the search box */\r\n\r\n.main {\r\n  width: 50%;\r\n  margin: 50px auto;\r\n}\r\n\r\n/* Bootstrap 4 text input with search icon */\r\n\r\n.has-search .form-control {\r\n  padding-left: 2.375rem;\r\n}\r\n\r\n.has-search .form-control-feedback {\r\n  position: absolute;\r\n  z-index: 2;\r\n  display: block;\r\n  width: 2.375rem;\r\n  height: 2.375rem;\r\n  line-height: 2.375rem;\r\n  text-align: center;\r\n  pointer-events: none;\r\n  color: #aaa;\r\n}\r\n\r\n.btn-secondary {\r\n  color: #fff;\r\n  background-color: #3559ce;\r\n  border-color: #3559ce;\r\n  height: 38px;\r\n}\r\n\r\n.hideblock {\r\n  display: none;\r\n}\r\n\r\n.openblock {\r\n  display: block;\r\n}\r\n\r\n.agree-text {\r\n  font-size: 0.8rem;\r\n  color: #aaa;\r\n  margin-top: 20px;\r\n}\r\n\r\n.agree-text a {\r\n  color: #3559ce;\r\n}\r\n\r\n/* 單選radio */\r\n.radio {\r\n  position: relative;\r\n}\r\n\r\ninput[type=\"radio\"] {\r\n  position: absolute;\r\n  opacity: 0;\r\n}\r\n\r\n.checkmark {\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 0;\r\n  height: 26px;\r\n  width: 26px;\r\n  border: 2px solid #3559ce !important;\r\n  border-radius: 50%;\r\n}\r\n\r\n/* .radio:hover input ~ .checkmark {\r\n  background-color: #ccc;\r\n} */\r\n\r\n.radio input:checked ~ .checkmark {\r\n  border: 2px solid;\r\n}\r\n\r\n.checkmark:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: none;\r\n}\r\n\r\n.radio input:checked ~ .checkmark:after {\r\n  display: block;\r\n}\r\n\r\n.radio .checkmark:after {\r\n  top: 3px;\r\n  left: 3px;\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  background: #3559ce !important;\r\n}\r\n.radio label {\r\n  min-height: 20px;\r\n  padding-left: 35px;\r\n  margin-bottom: 0;\r\n  font-weight: 400;\r\n  cursor: pointer;\r\n}\r\n\r\n.form-check {\r\n  position: relative;\r\n  display: block;\r\n  padding-left: 0rem;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PagePurchase.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PagePurchase.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PagePurchase.vue?vue&type=template&id=25ee6b24&lang=html&\"\nimport script from \"./PagePurchase.vue?vue&type=script&lang=js&\"\nexport * from \"./PagePurchase.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PagePurchase.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}