{"version":3,"sources":["webpack:///./src/assets/a_cp.png","webpack:///./src/views/about.vue?df9a","webpack:///./src/views/about.vue?1043","webpack:///src/views/about.vue","webpack:///./src/views/about.vue?2b25","webpack:///./src/views/about.vue","webpack:///./src/assets/a_pro.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","attrs","_v","component"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,yB,oCCA3C,yBAAoe,EAAG,G,2CCAve,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,UAAU,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,EAAQ,QAAuB,IAAM,UAAUJ,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,EAAQ,QAAsB,IAAM,kBAAkBJ,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,KAAK,CAACL,EAAIU,GAAG,UAAUL,EAAG,KAAK,CAACL,EAAIU,GAAG,uBAAuBL,EAAG,IAAI,CAACL,EAAIU,GAAG,gDAAgDL,EAAG,MAAML,EAAIU,GAAG,uDAAuDL,EAAG,MAAML,EAAIU,GAAG,4BAA4BL,EAAG,MAAML,EAAIU,GAAG,+BAA+BL,EAAG,IAAI,CAACL,EAAIU,GAAG,yCAAyCL,EAAG,MAAML,EAAIU,GAAG,8CAA8CL,EAAG,IAAI,CAACL,EAAIU,GAAG,6BAA6BL,EAAG,MAAML,EAAIU,GAAG,iCAAiCL,EAAG,IAAI,CAACL,EAAIU,GAAG,8CAA8CL,EAAG,MAAML,EAAIU,GAAG,qBAAqBL,EAAG,MAAML,EAAIU,GAAG,eAAeL,EAAG,MAAML,EAAIU,GAAG,kBAAkBL,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,aAAaH,EAAG,MAAM,CAACG,YAAY,iBC4CrxC,GACE,OAAF,YC9C+U,I,wBCQ3UG,EAAY,eACd,EACAZ,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAI,E,8BCnBfd,EAAOC,QAAU,IAA0B,0B","file":"js/chunk-4ab555d9.d9c93b91.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/a_cp.b5251de1.png\";","import mod 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!./about.vue?vue&type=style&index=0&id=41e73cbf&scoped=true&lang=css&\"; export default mod; 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!./about.vue?vue&type=style&index=0&id=41e73cbf&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('article',{staticClass:\"container\"},[_c('div',{staticClass:\"triangle\"}),_c('div',{staticClass:\"about_logo\"},[_c('img',{attrs:{\"src\":require(\"../assets/a_pro.png\"),\"alt\":\"穎業科技\"}}),_c('img',{attrs:{\"src\":require(\"../assets/a_cp.png\"),\"alt\":\"channelpro\"}})]),_c('div',{staticClass:\"about_content\"},[_c('h1',[_vm._v(\"關於穎業\")]),_c('h2',[_vm._v(\"ABOUT CHANNEL PRO\")]),_c('p',[_vm._v(\" 穎業科技股份有限公司(ChannelPro CO.,LTD.) 成立於2006年9月，\"),_c('br'),_vm._v(\" 是由一群專精電信CTI(Computer Telephony Integrated)技術團隊所組成，\"),_c('br'),_vm._v(\" 開發人員皆具備CTI加值系統客製系統開發能力。\"),_c('br'),_vm._v(\" 以電信及資訊的專業提供客戶最滿意的客製化系統. \")]),_c('p',[_vm._v(\" 為提供客戶即時的服務，在台北/台中/台南/高雄/大陸…等地皆有合作伙伴，\"),_c('br'),_vm._v(\" 建立最完善的維護服務網路，達到服務即時化，以客戶滿意度為公司努力的重要指標。 \")]),_c('p',[_vm._v(\" 穎業科技以CTI的技術為基礎及客戶的需求為目標，\"),_c('br'),_vm._v(\" 提供標準化及客製化的各種系統建設，其業務專長如下： \")]),_c('p',[_vm._v(\" CTI(Computer Telephony Integration)加值系統開發\"),_c('br'),_vm._v(\" 客戶需求分析，系統規劃&開發建設\"),_c('br'),_vm._v(\" 電信應用相關產品銷售\"),_c('br'),_vm._v(\" 電信系統整合規劃 \")])]),_c('div',{staticClass:\"bar bar1\"}),_c('div',{staticClass:\"bar bar2\"}),_c('div',{staticClass:\"bar bar3\"}),_c('div',{staticClass:\"bar bar4\"}),_c('div',{staticClass:\"bar bar5\"}),_c('div',{staticClass:\"bar bar6\"}),_c('div',{staticClass:\"bar bar7\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <article class=\"container\">\r\n        <div class=\"triangle\"></div>\r\n        <div class=\"about_logo\">\r\n            <img src=\"../assets/a_pro.png\" alt=\"穎業科技\" />\r\n            <img src=\"../assets/a_cp.png\" alt=\"channelpro\" />\r\n        </div>\r\n        <div class=\"about_content\">\r\n            <h1>關於穎業</h1>\r\n            <h2>ABOUT CHANNEL PRO</h2>\r\n            <p>\r\n                穎業科技股份有限公司(ChannelPro CO.,LTD.) 成立於2006年9月，<br />\r\n                是由一群專精電信CTI(Computer Telephony Integrated)技術團隊所組成，<br />\r\n                開發人員皆具備CTI加值系統客製系統開發能力。<br />\r\n                以電信及資訊的專業提供客戶最滿意的客製化系統.\r\n            </p>\r\n            <p>\r\n                為提供客戶即時的服務，在台北/台中/台南/高雄/大陸…等地皆有合作伙伴，<br />\r\n                建立最完善的維護服務網路，達到服務即時化，以客戶滿意度為公司努力的重要指標。\r\n            </p>\r\n            <p>\r\n                穎業科技以CTI的技術為基礎及客戶的需求為目標，<br />\r\n                提供標準化及客製化的各種系統建設，其業務專長如下：\r\n            </p>\r\n            <p>\r\n                CTI(Computer Telephony Integration)加值系統開發<br />\r\n                客戶需求分析，系統規劃&開發建設<br />\r\n                電信應用相關產品銷售<br />\r\n                電信系統整合規劃\r\n            </p>\r\n        </div>\r\n        <div class=\"bar bar1\"></div>\r\n        <div class=\"bar bar2\"></div>\r\n        <div class=\"bar bar3\"></div>\r\n        <div class=\"bar bar4\"></div>\r\n        <div class=\"bar bar5\"></div>\r\n        <div class=\"bar bar6\"></div>\r\n        <div class=\"bar bar7\"></div>\r\n    </article>\r\n</template>\r\n\r\n\r\n\r\n\r\n<script>\r\nexport default {\r\n    layout: 'frontend'\r\n};\r\n</script>\r\n\r\n\r\n\r\n\r\n<style scoped>\r\n.container {\r\n    height: 100%;\r\n    width: 100%;\r\n    min-height: 40vh;\r\n    /* 漸層背景 */\r\n    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,d7effc+39,d7effc+61,ffffff+100 */\r\n    background: #ffffff; /* Old browsers */\r\n    background: -moz-linear-gradient(\r\n        left,\r\n        #ffffff 1%,\r\n        #d7effc 40%,\r\n        #d7effc 60%,\r\n        #ffffff 100%\r\n    ); /* FF3.6-15 */\r\n    background: -webkit-linear-gradient(\r\n        left,\r\n        #ffffff 1%,\r\n        #d7effc 40%,\r\n        #d7effc 60%,\r\n        #ffffff 100%\r\n    ); /* Chrome10-25,Safari5.1-6 */\r\n    background: linear-gradient(\r\n        to right,\r\n        #ffffff 1%,\r\n        #d7effc 40%,\r\n        #d7effc 60%,\r\n        #ffffff 100%\r\n    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: space-around;\r\n}\r\n.triangle {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 200px 450px 0 0;\r\n    border-color: #fff transparent transparent transparent;\r\n}\r\n.container > .about_logo {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 7%;\r\n    margin-left: 5%;\r\n}\r\n.container > .about_logo > img {\r\n    margin: 5% 5%;\r\n    width: 60%;\r\n}\r\n.container > .about_content {\r\n    z-index: 100;\r\n}\r\n.container > .about_content > h1 {\r\n    font-size: 2.5em;\r\n    font-weight: 400;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 0;\r\n    margin-top: 20px;\r\n}\r\n.container > .about_content > h2 {\r\n    font-size: 2em;\r\n    word-spacing: 0.5em;\r\n    letter-spacing: 0.1em;\r\n    line-height: 0.8em;\r\n    font-weight: 400;\r\n    margin-top: 10px;\r\n}\r\n.container > .about_content > p {\r\n    margin-top: 3%;\r\n    font-size: 1.2em;\r\n    line-height: 1.6em;\r\n}\r\n.bar {\r\n    z-index: 0;\r\n    position: absolute;\r\n    height: 20px;\r\n    border-radius: 10px;\r\n    background-color: #fff;\r\n}\r\n.bar1 {\r\n    width: 40px;\r\n    right: 10%;\r\n    top: 2%;\r\n}\r\n.bar2 {\r\n    width: 70px;\r\n    right: 15%;\r\n    top: 5%;\r\n}\r\n.bar3 {\r\n    width: 100px;\r\n    right: 8%;\r\n    top: 11%;\r\n}\r\n.bar4 {\r\n    width: 40px;\r\n    top: 15%;\r\n    right: 18%;\r\n}\r\n.bar5 {\r\n    width: 100px;\r\n    left: 32%;\r\n    top: 75%;\r\n}\r\n.bar6 {\r\n    width: 70px;\r\n    left: 38%;\r\n    top: 80%;\r\n}\r\n.bar7 {\r\n    width: 40px;\r\n    left: 35%;\r\n    top: 85%;\r\n}\r\n@media screen and (max-width: 1217px) {\r\n    .container > .about_logo {\r\n        display: none;\r\n    }\r\n    .container > .about_content {\r\n        margin: 0 5%;\r\n    }\r\n    .container > .about_content > h1 {\r\n        font-size: 2em;\r\n        margin-bottom: 0;\r\n    }\r\n    .container > .about_content > h2 {\r\n        font-size: 1.5em;\r\n        margin-top: 0;\r\n        letter-spacing: 0.02em;\r\n    }\r\n    .container > .about_content > p {\r\n        font-size: 0.9em;\r\n    }\r\n    .triangle {\r\n        border-width: 100px 230px 0 0;\r\n    }\r\n    .bar {\r\n        height: 10px;\r\n        border-radius: 5px;\r\n    }\r\n    .bar1 {\r\n        display: none;\r\n    }\r\n    .bar2 {\r\n        display: none;\r\n    }\r\n    .bar3 {\r\n        right: 38%;\r\n    }\r\n    .bar4 {\r\n        right: 48%;\r\n    }\r\n    .bar5 {\r\n        left: 62%;\r\n    }\r\n    .bar6 {\r\n        left: 68%;\r\n    }\r\n    .bar7 {\r\n        left: 65%;\r\n    }\r\n}\r\n</style>\r\n","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!./about.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!./about.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./about.vue?vue&type=template&id=41e73cbf&scoped=true&\"\nimport script from \"./about.vue?vue&type=script&lang=js&\"\nexport * from \"./about.vue?vue&type=script&lang=js&\"\nimport style0 from \"./about.vue?vue&type=style&index=0&id=41e73cbf&scoped=true&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  \"41e73cbf\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/a_pro.23fb3662.png\";"],"sourceRoot":""}