-- https://www.phpmyadmin.net/
--
-- 主機： localhost:3306
-- 產生時間： 2026 年 02 月 22 日 06:32
-- 伺服器版本： 8.0.45
-- PHP 版本： 8.4.17

START TRANSACTION;



-- --------------------------------------------------------

--
-- 資料表結構 `Comm_Cities`
--

CREATE TABLE `Comm_Cities` (
  `縣市編號` int NOT NULL,
  `排序` int NOT NULL DEFAULT '0',
  `縣市名稱` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3;

--
-- 傾印資料表的資料 `Comm_Cities`
--

INSERT INTO `Comm_Cities` (`縣市編號`, `排序`, `縣市名稱`) VALUES
(1, 0, '基隆市'),
(2, 0, '台北市'),
(3, 0, '新北市'),
(4, 0, '桃園市'),
(5, 0, '新竹市'),
(6, 0, '新竹縣'),
(7, 0, '苗栗縣'),
(8, 0, '台中市'),
(10, 0, '南投縣'),
(11, 0, '彰化縣'),
(12, 0, '雲林縣'),
(13, 0, '嘉義市'),
(14, 0, '嘉義縣'),
(15, 0, '台南市'),
(17, 0, '高雄市'),
(19, 0, '屏東縣'),
(20, 0, '宜蘭縣'),
(21, 0, '花蓮縣'),
(22, 0, '台東縣'),
(23, 0, '澎湖縣'),
(24, 0, '金門縣'),
(25, 0, '連江縣'),
(26, 0, '其他島');

-- --------------------------------------------------------

--
-- 資料表結構 `Comm_Towns`
--

CREATE TABLE `Comm_Towns` (
  `郵遞區號` varchar(5) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '',
  `鄉鎮名稱` varchar(12) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `縣市編號` varchar(4) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `排序` int NOT NULL DEFAULT '0'
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3;

--
-- 傾印資料表的資料 `Comm_Towns`
--

INSERT INTO `Comm_Towns` (`郵遞區號`, `鄉鎮名稱`, `縣市編號`, `排序`) VALUES
('100', '中正區', '2', 0),
('103', '大同區', '2', 0),
('104', '中山區', '2', 0),
('105', '松山區', '2', 0),
('106', '大安區', '2', 0),
('108', '萬華區', '2', 0),
('110', '信義區', '2', 0),
('111', '士林區', '2', 0),
('112', '北投區', '2', 0),
('114', '內湖區', '2', 0),
('115', '南港區', '2', 0),
('116', '文山區', '2', 0),
('200', '仁愛區', '1', 0),
('201', '信義區', '1', 0),
('202', '中正區', '1', 0),
('203', '中山區', '1', 0),
('204', '安樂區', '1', 0),
('205', '暖暖區', '1', 0),
('206', '七堵區', '1', 0),
('207', '萬里區', '3', 0),
('208', '金山區', '3', 0),
('209', '南竿鄉', '25', 0),
('210', '北竿鄉', '25', 0),
('211', '莒光鄉', '25', 0),
('212', '東引鄉', '25', 0),
('220', '板橋區', '3', 0),
('221', '汐止區', '3', 0),
('222', '深坑區', '3', 0),
('223', '石碇區', '3', 0),
('224', '瑞芳區', '3', 0),
('226', '平溪區', '3', 0),
('227', '雙溪區', '3', 0),
('228', '貢寮區', '3', 0),
('231', '新店區', '3', 0),
('232', '坪林區', '3', 0),
('233', '烏來區', '3', 0),
('234', '永和區', '3', 0),
('235', '中和區', '3', 0),
('236', '土城區', '3', 0),
('237', '三峽區', '3', 0),
('238', '樹林區', '3', 0),
('239', '鶯歌區', '3', 0),
('241', '三重區', '3', 0),
('242', '新莊區', '3', 0),
('243', '泰山區', '3', 0),
('244', '林口區', '3', 0),
('247', '蘆洲區', '3', 0),
('248', '五股區', '3', 0),
('249', '八里區', '3', 0),
('251', '淡水區', '3', 0),
('252', '三芝區', '3', 0),
('253', '石門區', '3', 0),
('260', '宜蘭市', '20', 0),
('261', '頭城鎮', '20', 0),
('262', '礁溪市', '20', 0),
('263', '壯圍鄉', '20', 0),
('264', '員山鄉', '20', 0),
('265', '羅東鎮', '20', 0),
('266', '三星鄉', '20', 0),
('267', '大同鄉', '20', 0),
('268', '五結鄉', '20', 0),
('269', '冬山鄉', '20', 0),
('270', '蘇澳鎮', '20', 0),
('272', '南澳鄉', '20', 0),
('290', '釣魚台', '26', 0),
('300', '新竹市', '5', 0),
('302', '竹北市', '6', 0),
('303', '湖口鄉', '6', 0),
('304', '新豐鄉', '6', 0),
('305', '新埔鎮', '6', 0),
('306', '關西鎮', '6', 0),
('307', '芎林鄉', '6', 0),
('308', '寶山鄉', '6', 0),
('310', '竹東鎮', '6', 0),
('311', '五峰鄉', '6', 0),
('312', '橫山鄉', '6', 0),
('313', '尖石鄉', '6', 0),
('314', '北埔鄉', '6', 0),
('315', '峨嵋鄉', '6', 0),
('320', '中壢區', '4', 0),
('324', '平鎮區', '4', 0),
('325', '龍潭區', '4', 0),
('326', '楊梅區', '4', 0),
('327', '新屋區', '4', 0),
('328', '觀音區', '4', 0),
('330', '桃園區', '4', 0),
('333', '龜山區', '4', 0),
('334', '八德區', '4', 0),
('335', '大溪區', '4', 0),
('336', '復興區', '4', 0),
('337', '大園區', '4', 0),
('338', '蘆竹區', '4', 0),
('350', '竹南鎮', '7', 0),
('351', '頭份鎮', '7', 0),
('352', '三灣鄉', '7', 0),
('353', '南庄鄉', '7', 0),
('354', '獅潭鄉', '7', 0),
('356', '後龍鎮', '7', 0),
('357', '通宵鎮', '7', 0),
('358', '苑裡鎮', '7', 0),
('360', '苗栗市', '7', 0),
('361', '造橋鄉', '7', 0),
('362', '頭屋鄉', '7', 0),
('363', '公館鄉', '7', 0),
('364', '大湖鄉', '7', 0),
('365', '泰安鄉', '7', 0),
('366', '銅鑼鄉', '7', 0),
('367', '三義鄉', '7', 0),
('368', '西湖鄉', '7', 0),
('369', '卓蘭鎮', '7', 0),
('400', '中  區', '8', 0),
('401', '東  區', '8', 0),
('402', '南  區', '8', 0),
('403', '西  區', '8', 0),
('404', '北  區', '8', 0),
('406', '北屯區', '8', 0),
('407', '西屯區', '8', 0),
('408', '南屯區', '8', 0),
('411', '太平區', '8', 0),
('412', '大里區', '8', 0),
('413', '霧峰區', '8', 0),
('414', '烏日區', '8', 0),
('420', '豐原區', '8', 0),
('421', '后里區', '8', 0),
('422', '石岡區', '8', 0),
('423', '東勢區', '8', 0),
('424', '和平區', '8', 0),
('426', '新社區', '8', 0),
('427', '潭子區', '8', 0),
('428', '大雅區', '8', 0),
('429', '神岡區', '8', 0),
('432', '大肚區', '8', 0),
('433', '沙鹿區', '8', 0),
('434', '龍井區', '8', 0),
('435', '梧棲區', '8', 0),
('436', '清水區', '8', 0),
('437', '大甲區', '8', 0),
('438', '外埔區', '8', 0),
('439', '大安區', '8', 0),
('500', '彰化市', '11', 0),
('502', '芬園鄉', '11', 0),
('503', '花壇鄉', '11', 0),
('504', '秀水鄉', '11', 0),
('505', '鹿港鎮', '11', 0),
('506', '褔興鄉', '11', 0),
('507', '線西鄉', '11', 0),
('508', '和美鎮', '11', 0),
('509', '伸港鄉', '11', 0),
('510', '員林市', '11', 0),
('511', '社頭鄉', '11', 0),
('512', '永靖鄉', '11', 0),
('513', '埔心鄉', '11', 0),
('514', '溪湖鎮', '11', 0),
('515', '大村鄉', '11', 0),
('516', '埔鹽鄉', '11', 0),
('520', '田中鎮', '11', 0),
('521', '北斗鎮', '11', 0),
('522', '田尾鄉', '11', 0),
('523', '埤頭鄉', '11', 0),
('524', '溪州鄉', '11', 0),
('525', '竹塘鄉', '11', 0),
('526', '二林鎮', '11', 0),
('527', '大城鄉', '11', 0),
('528', '芳苑鄉', '11', 0),
('530', '二水鄉', '11', 0),
('540', '南投市', '10', 0),
('541', '中寮鄉', '10', 0),
('542', '草屯鎮', '10', 0),
('544', '國姓鄉', '10', 0),
('545', '埔里鎮', '10', 0),
('546', '仁愛鄉', '10', 0),
('551', '名間鄉', '10', 0),
('552', '集集鎮', '10', 0),
('553', '水里鄉', '10', 0),
('555', '魚池鄉', '10', 0),
('556', '信義鄉', '10', 0),
('557', '竹山鎮', '10', 0),
('558', '鹿谷鄉', '10', 0),
('600', '嘉義市', '13', 0),
('602', '番路鄉', '14', 0),
('603', '梅山鄉', '14', 0),
('604', '竹崎鄉', '14', 0),
('606', '中埔鄉', '14', 0),
('607', '大埔鄉', '14', 0),
('608', '水上鄉', '14', 0),
('611', '鹿草鄉', '14', 0),
('612', '太保鄉', '14', 0),
('613', '朴子市', '14', 0),
('614', '東石鄉', '14', 0),
('615', '六腳鄉', '14', 0),
('616', '新港鄉', '14', 0),
('621', '民雄鄉', '14', 0),
('622', '大林鎮', '14', 0),
('623', '溪口鄉', '14', 0),
('624', '義竹鄉', '14', 0),
('625', '布袋鎮', '14', 0),
('630', '斗南鎮', '12', 0),
('631', '大埤鄉', '12', 0),
('632', '虎尾鎮', '12', 0),
('633', '土庫鎮', '12', 0),
('634', '褒忠鄉', '12', 0),
('635', '東勢鄉', '12', 0),
('636', '台西鄉', '12', 0),
('637', '崙背鄉', '12', 0),
('638', '麥寮鄉', '12', 0),
('640', '斗六市', '12', 0),
('643', '林內鄉', '12', 0),
('646', '古坑鄉', '12', 0),
('647', '莿桐鄉', '12', 0),
('648', '西螺鎮', '12', 0),
('649', '二崙鄉', '12', 0),
('651', '北港鎮', '12', 0),
('652', '水林鄉', '12', 0),
('653', '口湖鄉', '12', 0),
('654', '四湖鄉', '12', 0),
('655', '元長鄉', '12', 0),
('700', '中西區', '15', 0),
('701', '東區', '15', 0),
('702', '南區', '15', 0),
('704', '北區', '15', 0),
('708', '安平區', '15', 0),
('709', '安南區', '15', 0),
('710', '永康區', '15', 0),
('711', '歸仁區', '15', 0),
('712', '新化區', '15', 0),
('713', '左鎮區', '15', 0),
('714', '玉井區', '15', 0),
('715', '楠西區', '15', 0),
('716', '南化區', '15', 0),
('717', '仁德區', '15', 0),
('718', '關廟區', '15', 0),
('719', '龍崎區', '15', 0),
('720', '官田區', '15', 0),
('721', '麻豆區', '15', 0),
('722', '佳里區', '15', 0),
('723', '西港區', '15', 0),
('724', '七股區', '15', 0),
('725', '將軍區', '15', 0),
('726', '學甲區', '15', 0),
('727', '北門區', '15', 0),
('730', '新營區', '15', 0),
('731', '後壁區', '15', 0),
('732', '白河區', '15', 0),
('733', '東山區', '15', 0),
('734', '六甲區', '15', 0),
('735', '下營區', '15', 0),
('736', '柳營區', '15', 0),
('737', '鹽水區', '15', 0),
('741', '善化區', '15', 0),
('742', '大內區', '15', 0),
('743', '山上區', '15', 0),
('744', '新市區', '15', 0),
('745', '安定區', '15', 0),
('800', '新興區', '17', 0),
('801', '前金區', '17', 0),
('802', '苓雅區', '17', 0),
('803', '鹽埕區', '17', 0),
('804', '鼓山區', '17', 0),
('805', '旗津區', '17', 0),
('806', '前鎮區', '17', 0),
('807', '三民區', '17', 0),
('811', '楠梓區', '17', 0),
('812', '小港區', '17', 0),
('813', '左營區', '17', 0),
('814', '仁武區', '17', 0),
('815', '大社區', '17', 0),
('817', '東沙島', '26', 0),
('819', '南沙島', '26', 0),
('820', '岡山區', '17', 0),
('821', '路竹區', '17', 0),
('822', '阿蓮區', '17', 0),
('823', '田寮區', '17', 0),
('824', '燕巢區', '17', 0),
('825', '橋頭區', '17', 0),
('826', '梓官區', '17', 0),
('827', '彌陀區', '17', 0),
('828', '永安區', '17', 0),
('829', '湖內區', '17', 0),
('830', '鳳山區', '17', 0),
('831', '大寮區', '17', 0),
('832', '林園區', '17', 0),
('833', '鳥松區', '17', 0),
('840', '大樹區', '17', 0),
('842', '旗山區', '17', 0),
('843', '美濃區', '17', 0),
('844', '六龜區', '17', 0),
('845', '內門區', '17', 0),
('846', '杉林區', '17', 0),
('847', '甲仙區', '17', 0),
('848', '桃源區', '17', 0),
('849', '那瑪夏', '17', 0),
('851', '茂林區', '17', 0),
('852', '茄萣區', '17', 0),
('880', '馬公市', '23', 0),
('881', '西嶼鄉', '23', 0),
('882', '望安鄉', '23', 0),
('883', '七美鄉', '23', 0),
('884', '白沙鄉', '23', 0),
('885', '湖西鄉', '23', 0),
('890', '金沙鎮', '24', 0),
('891', '金湖鎮', '24', 0),
('892', '金寧鄉', '24', 0),
('893', '金城鎮', '24', 0),
('894', '烈嶼鄉', '24', 0),
('896', '烏坵鄉', '24', 0),
('900', '屏東市', '19', 0),
('901', '三地鄉', '19', 0),
('902', '霧台鄉', '19', 0),
('903', '瑪家鄉', '19', 0),
('904', '九如鄉', '19', 0),
('905', '里港鄉', '19', 0),
('906', '高樹鄉', '19', 0),
('907', '鹽埔鄉', '19', 0),
('908', '長治鄉', '19', 0),
('909', '麟洛鄉', '19', 0),
('911', '竹田鄉', '19', 0),
('912', '內埔鄉', '19', 0),
('913', '萬丹鄉', '19', 0),
('920', '潮州鎮', '19', 0),
('921', '泰武鄉', '19', 0),
('922', '來義鄉', '19', 0),
('923', '萬巒鄉', '19', 0),
('924', '崁頂鄉', '19', 0),
('925', '新埤鄉', '19', 0),
('926', '南州鄉', '19', 0),
('927', '林邊鄉', '19', 0),
('928', '東港鎮', '19', 0),
('929', '琉球鄉', '19', 0),
('931', '佳冬鄉', '19', 0),
('932', '新園鄉', '19', 0),
('940', '枋寮鄉', '19', 0),
('941', '枋山鄉', '19', 0),
('942', '春日鄉', '19', 0),
('943', '獅子鄉', '19', 0),
('944', '車城鄉', '19', 0),
('945', '牡丹鄉', '19', 0),
('946', '恆春鎮', '19', 0),
('947', '滿州鄉', '19', 0),
('950', '台東市', '22', 0),
('951', '綠島鄉', '22', 0),
('952', '蘭嶼鄉', '22', 0),
('953', '延平鄉', '22', 0),
('954', '卑南鄉', '22', 0),
('955', '鹿野鄉', '22', 0),
('956', '關山鎮', '22', 0),
('957', '海端鄉', '22', 0),
('958', '池上鄉', '22', 0),
('959', '東河鄉', '22', 0),
('961', '成功鎮', '22', 0),
('962', '長濱鄉', '22', 0),
('963', '太麻里', '22', 0),
('964', '金峰鄉', '22', 0),
('965', '大武鄉', '22', 0),
('966', '達仁鄉', '22', 0),
('970', '花蓮市', '21', 0),
('971', '新城鄉', '21', 0),
('972', '秀林鄉', '21', 0),
('973', '吉安鄉', '21', 0),
('974', '壽豐鄉', '21', 0),
('975', '鳳林鎮', '21', 0),
('976', '光復鄉', '21', 0),
('977', '豐濱鄉', '21', 0),
('978', '瑞穗鄉', '21', 0),
('979', '萬榮鄉', '21', 0),
('981', '玉里鎮', '21', 0),
('982', '卓溪鄉', '21', 0),
('983', '富里鄉', '21', 0);

-- --------------------------------------------------------

--
-- 資料表結構 `Frames`
--

CREATE TABLE `Frames` (
  `Serial` int NOT NULL,
  `FrameNo` int NOT NULL,
  `FrameLang` varchar(10) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'zh-TW',
  `FrameNm` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `SubFrame` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `SubCmd` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `AffiNo` int NOT NULL DEFAULT '0',
  `FrameHtml` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `SetArr` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `NavMenu` tinyint(1) NOT NULL DEFAULT '1',
  `CtnMenu` tinyint(1) NOT NULL DEFAULT '1',
  `SysPage` int NOT NULL DEFAULT '0',
  `FrameOrder` int NOT NULL DEFAULT '0'
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- 傾印資料表的資料 `Frames`
--

INSERT INTO `Frames` (`Serial`, `FrameNo`, `FrameLang`, `FrameNm`, `SubFrame`, `SubCmd`, `AffiNo`, `FrameHtml`, `SetArr`, `NavMenu`, `CtnMenu`, `SysPage`, `FrameOrder`) VALUES
(1, 1, 'zh-tw', 'home', '', 'home', 0, '{{part:php/nav}}<article tpl-str=\"rgx:ContentHtml\" class=\"\">{{rgx:ContentHtml}}</article>{{wdg:footer_section}}', '', 0, 1, 0, 0),
(2, 2, 'zh-tw', 'about', '', 'about', 0, '{{part:php/nav}}<section data-fn_rn=\"psec\" id=\"psec_7\" class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb top-name\"><img alt=\"\" class=\"layer fn-sel fn-imgset\" src=\"/files/home/head.png?1637139320\" style=\"transform: translate(-130.2px, 78.75px);\"> </section><div class=\"pagetop\">{{part:php/breadcrumb}}<h1 class=\"p-title\"><span class=\"p-title-circle\">關於奇達</span><span class=\"p-title_en\">About Us</span></h1><p>獵豹(cheetah)，是陸地上奔跑速度最快的動物。<br>cheetah讀音近似「奇達」，即為公司中文名稱的緣由，象徵奇達資訊科技的服務團隊，期待能以優異的效率創造令人滿意的成果。</p></div><article tpl-str=\"rgx:ContentHtml\" class=\"\">{{rgx:ContentHtml}}</article>{{wdg:footer_section}}', '', 1, 1, 0, 1),
(3, 3, 'zh-tw', 'service', '', 'service', 0, '{{part:php/nav}}\n{{inh:application/SubContent}}\n    {{part:php/breadcrumb}}\n\n<article>\n    <section class=\"block\">\n        <div class=\"container\"></div>\n    </section>\n</article>\n{{wdg:footer_section}}', '', 1, 0, 0, 2),
(4, 4, 'zh-tw', 'service-pg', '', 'service-pg', 3, '{{part:php/nav}}<section data-fn_rn=\"psec\" id=\"psec_7\" class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb top-name\"><img alt=\"\" class=\"layer fn-sel fn-imgset\" src=\"/files/home/head.png?1637139320\" style=\"transform: translate(-155.2px, -2.53521px);\"> </section><div class=\"pagetop\">{{part:php/breadcrumb}}<h1 class=\"p-title\"><span class=\"p-title-circle\">專業服務</span><span class=\"p-title_en\">Services</span></h1><p>您將體驗完善的規劃服務，以及良好的溝通互動。</p></div><article tpl-str=\"rgx:ContentHtml\" class=\"\">{{rgx:ContentHtml}}</article>{{wdg:footer_section}}', '', 1, 1, 0, 0),
(5, 5, 'zh-tw', 'cases', '', 'cases', 0, '{{part:php/nav}}<section data-fn_rn=\"psec\" id=\"psec_7\" class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb top-name\"><img alt=\"\" class=\"layer fn-sel fn-imgset\" src=\"/files/home/head.png?1637139320\" style=\"transform: translate(-129.2px, 78.138px);\"> </section><div class=\"pagetop\">{{part:php/breadcrumb}}<h1 class=\"p-title\"><span class=\"p-title-circle\">奇達資訊科技 - 網站建置案例</span><span class=\"p-title_en\">Portfolio</span></h1></div><article tpl-str=\"rgx:ContentHtml\" class=\"\">{{rgx:ContentHtml}}</article>{{wdg:footer_section}}', '', 1, 1, 0, 3),
(6, 6, 'zh-tw', 'news', '', 'news', 0, '{{wdg:top_sect}}\n{{part:php/nav}}\n{{inh:news/SubContent}}\n{{part:php/breadcrumb}}\n<article>\n    {{part:php/news_cate}}\n    <div class=\"wave-bg bottom\"></div>\n</article>\n{{wdg:footer_section}}', '', 1, 1, 0, 5),
(7, 7, 'zh-tw', 'news-pg', '', 'news-pg', 6, '{{wdg:top_sect}}\n{{part:php/nav}}\n{{part:php/breadcrumb}}\n<article>\n    <section class=\"block\">\n        <div class=\"container\">\n            <div class=\"pgcont-wrap my-4\">\n                {{part:php/news_date}}\n                <h1 tpl-str=\"var:PageTitle\" class=\"mb-3\">{{var:PageTitle}}</h1>\n                <div class=\"fn-source target-contentsource\" tpl-str=\"rgx:ContentHtml\">{{rgx:ContentHtml}}</div>\n            </div>\n        </div>\n    </section>\n    <div class=\"wave-bg bottom\"></div>\n</article>\n{{wdg:footer_section}}', '', 1, 1, 0, 0),
(10, 10, 'zh-tw', 'contacts', '', 'contacts', 0, '{{part:php/nav}}<section data-fn_rn=\"psec\" id=\"psec_7\" class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb top-name\"><img alt=\"\" class=\"layer fn-sel fn-imgset\" src=\"/files/home/head.png?1637139320\" style=\"transform: translate(-157.8px, 70.2783px);\"> </section><div class=\"pagetop\">{{part:php/breadcrumb}}<h1 class=\"p-title\"><span class=\"p-title-circle\">聯絡我們</span><span class=\"p-title_en\">Contacts</span></h1><p><a href=\"https://goo.gl/maps/jkER86L1d9fa5fJw5\" target=\"_blank\">802 台灣高雄市苓雅區中華四路2號13樓</a><br><a href=\"mailto:service@cheetahtech.com.tw\">service@cheetahtech.com.tw</a><br><a class=\"QRcode\" href=\"https://lin.ee/5K6TQkF\" target=\"_blank\"> 歡迎加入奇達資訊科技官方Line@洽詢：<br><img src=\"/files/icon/QRcode.png\"></a></p></div><article tpl-str=\"rgx:ContentHtml\" class=\"\">{{rgx:ContentHtml}}</article>{{wdg:footer_section}}', '', 1, 1, 0, 6),
(29, 11, 'zh-tw', 'product-pg', '', 'product-pg', 9, '{{wdg:top_sect}}\n{{part:php/nav}}\n{{inh:product/SubContent}}\n{{part:php/breadcrumb}}\n<article>\n    <section class=\"block py-5 target-contentsource\">\n        <div class=\"container pd-box\">\n            <div class=\"row\">\n                <div class=\"col-xl-3 col-md-12\" tpl-str=\"tpl:php/menu_aside\">{{tpl:php/menu_aside}}</div>\n                <div class=\"products-info col-xl-9 col-md-12\" tpl-str=\"tpl:php/products_info\">{{tpl:php/products_info}}</div>\n            </div>\n        </div>\n    </section>\n    <div class=\"wave-bg bottom\"></div>\n</article>\n{{wdg:footer_section}}', '', 1, 1, 0, 0),
(32, 12, 'zh-tw', 'faq', '', 'faq', 0, '{{part:php/nav}}<section data-fn_rn=\"psec\" id=\"psec_7\" class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb top-name\"><img alt=\"\" class=\"layer fn-sel fn-imgset\" src=\"/files/home/head.png?1637139320\" style=\"transform: translate(-156.4px, 86.6667px);\"> </section><div class=\"pagetop\">{{part:php/breadcrumb}}<h1 class=\"p-title\"><span class=\"p-title-circle\">常見問題</span><span class=\"p-title_en\">FAQ</span></h1></div><article tpl-str=\"rgx:ContentHtml\" class=\"\">{{rgx:ContentHtml}}</article>{{wdg:footer_section}}', '', 1, 1, 0, 7);

-- --------------------------------------------------------

--
-- 資料表結構 `Modal_Info`
--

CREATE TABLE `Modal_Info` (
  `序號` int NOT NULL,
  `標題` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `類別` varchar(10) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'info',
  `內容` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

-- --------------------------------------------------------

--
-- 資料表結構 `Pages`
--

CREATE TABLE `Pages` (
  `PageSer` int NOT NULL,
  `PageLang` varchar(10) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'zh-tw',
  `PageNo` int NOT NULL,
  `PageNm` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `LinkNm` varchar(80) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `PageTitle` varchar(80) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `AffiliatedNo` int NOT NULL,
  `Module` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `Frame` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `ContentHtml` mediumtext CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,
  `SubContent` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,
  `AdditContent` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,
  `EmbedInfo` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,
  `EmbedValue` json DEFAULT NULL,
  `Home` tinyint(1) NOT NULL DEFAULT '0',
  `Visible` tinyint(1) NOT NULL DEFAULT '1',
  `ConnLink` tinyint(1) NOT NULL DEFAULT '0',
  `PageOrder` int NOT NULL DEFAULT '0',
  `PageDate` date DEFAULT NULL,
  `LastModify` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
) ENGINE=MyISAM DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- 傾印資料表的資料 `Pages`
--

INSERT INTO `Pages` (`PageSer`, `PageLang`, `PageNo`, `PageNm`, `LinkNm`, `PageTitle`, `AffiliatedNo`, `Module`, `Frame`, `ContentHtml`, `SubContent`, `AdditContent`, `EmbedInfo`, `EmbedValue`, `Home`, `Visible`, `ConnLink`, `PageOrder`, `PageDate`, `LastModify`) VALUES
(1, 'zh-tw', 1, 'home', 'home', '奇達資訊科技 - RWD網頁設計公司推薦、Google廣告代理商', 0, 'home', 'home', '<section data-fn_rn=\"psec\" id=\"psec_4\" class=\"d-none fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb pt-xl-5 pb-xl-5\" style=\"\"><div data-fn_rn=\"blank_content\" id=\"blank_content_44\" class=\"empty-hidden fn-edit fn-ckedit comp-container container-fluid\"><div class=\"ratio ratio-16x9\" style=\"opacity:.3;position:absolute;\"><div class=\"embed-responsive embed-responsive-16by9\"><iframe class=\"embed-responsive-item\" data-src=\"/files/home/istockphoto-873491918-640_adpp_is.mp4\"></iframe></div></div></div></section><section data-fn_rn=\"psec\" id=\"psec_7\" class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb top-name\"><img alt=\"\" class=\"layer fn-sel fn-imgset\" src=\"/files/home/head.png?1637139320\" style=\"transform: translate(-131.6px, 78.75px);\"> <div class=\"comp-container container-fluid\" data-fn_rn=\"blank_content\" id=\"blank_content_12\"><div class=\"line-box\"><div class=\"line\"><div class=\"left\"><div class=\"content\"><span class=\"spanSlow\">cheetah</span></div></div><div class=\"right\"><div class=\"content\"><span class=\"spanSlow\">cheetah</span></div></div></div><div class=\"line\"><div class=\"left\"><div class=\"content\"><span class=\"spanSlow\">Technology</span></div></div><div class=\"right\"><div class=\"content\"><span class=\"spanSlow\">Technology</span></div></div></div><div class=\"line\"><div class=\"left\"><div class=\"content\"><span class=\"spanFast\">奇達資訊科技</span></div></div><div class=\"right\"><div class=\"content\"><span class=\"spanFast\">奇達資訊科技</span></div></div></div></div></div></section><section data-fn_rn=\"psec\" id=\"psec_1\" class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb\"><div data-scroll=\"\" class=\"p-hr ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Our services</span><span class=\"p-title_tw\">專業服務</span></h2></div><div class=\"p-hr ns-ent\" data-scroll=\"\"></div><div data-fn_rn=\"blank_content\" id=\"blank_content_45\" class=\"empty-hidden fn-edit fn-ckedit comp-container container-fluid px-0\"><div class=\"home-service row swipe-gallery px-grid justify-content-xl-center\">\n<div class=\"left fn-sel fn-clone fn-order fn-colorder fn-col col-md-10 col-xl-5\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<h3 class=\"p-title-circle flex-card-header fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">網路廣告行銷<br>\n<small>全方位網路行銷服務，為您提升廣告投資報酬率！</small></h3>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"title-img fn-sel fn-imgset\" data-resp=\"[768,464,240]\" data-scale=\"0.69\" data-src=\"/files/home/services01.jpg?1648452366\" height=\"690\" intrinsicsize=\"1000 x 690\" style=\"padding-bottom:69%;\" width=\"1000\"></div>\n\n<div class=\"flex-card-footer fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">\n<div class=\"service-item row swipe-gallery guttery-xl-3\">\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/A-4.png?1648459148\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">YouTube 影音廣告</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/A-3.png?1648459147\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">關鍵字廣告</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/A-1.png?1648459147\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">聯播網廣告</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/A-2.png?1648459147\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">行動廣告</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/A-6.png?1648459149\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">Facebook 廣告</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/A-5.png?1648459148\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">&nbsp;Gmail 廣告</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n\n<div class=\"c-line ns-ent\" data-line-direction=\"left\">&nbsp;</div>\n\n<div class=\"c-line ns-ent\" data-line-direction=\"right\">&nbsp;</div>\n</div>\n\n<div class=\"right fn-sel fn-clone fn-order fn-colorder fn-col col-md-10 col-xl-5\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<h3 class=\"p-title-circle flex-card-header fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">RWD網頁設計<br>\n<small>客製化網站建置網頁設計，量身打造、收費合理、服務最佳！</small></h3>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"title-img fn-sel fn-imgset\" data-resp=\"[768,464,240]\" data-scale=\"0.69\" data-src=\"/files/home/services02.jpg?1648456765\" height=\"690\" intrinsicsize=\"1000 x 690\" style=\"padding-bottom:69%;\" width=\"1000\"></div>\n\n<div class=\"flex-card-footer fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">\n<div class=\"service-item row swipe-gallery guttery-xl-3\">\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/B-1.png?1648459148\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">RWD網站建置</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/B-2.png?1648459148\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">CMS後台管理系統</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/B-3.png?1648459148\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">主機空間代管</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/B-6-old.png?1648459149\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">EDM設計</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/B-5.png?1648459149\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">網路廣告素材製作</div>\n</div>\n</div>\n\n<div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div ani-hover=\"tada\" class=\"flex-card-header fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-src=\"/files/icon/B-4.png?1648459149\"></div>\n\n<div class=\"flex-card-body fn-sel fn-bgset fn-border fn-pt fn-pb fn-pl fn-pr\">&nbsp;一頁式網頁設計</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n\n<div class=\"c-line ns-ent\" data-line-direction=\"left\">&nbsp;</div>\n\n<div class=\"c-line ns-ent\" data-line-direction=\"right\">&nbsp;</div>\n</div>\n</div>\n</div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section><section data-fn_rn=\"psec\" id=\"psec_5\" class=\"home-case fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb target-contentsource\"><div data-scroll=\"\" class=\"p-hr mt-2 ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Website Portfolio</span><span class=\"p-title_tw\">網站建置案例</span></h2><div class=\"more\"><a href=\"/cases\"> 更多案例 <div class=\"circle-arw\"></div></a></div></div><div class=\"p-hr ns-ent\" data-scroll=\"\"></div><div class=\"comp-container container\"><div class=\"cell-row ns-smartrow dyn-img-row\" data-fn_childmin=\"2\"><div class=\"ns-smartsizer cell-xl-1\"></div><div class=\"column fn-sel fn-cell fn-clone cell-xl-6 cell-lt-12 cell-sm-12\"><div class=\"round1\"><h5 class=\"card-title\"><strong>珊瑚礁旅行社</strong><em>www.excitingpenghu.com.tw</em></h5><div class=\"fn-sel fn-shape shp-xl-s shp-lt-l shp-sm-l\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" style=\"\" data-size=\"1680x1255\" data-med-size=\"1680x1255\" data-med=\"/files/have_fun/kenting/IMG_1159.jpg?v=162523\" data-bg=\"/files/cases/01.jpg?1597825627\" data-resp=\"[464,240]\" data-scale=\"0.75\" href=\"https://www.excitingpenghu.com.tw\" target=\"_blank\"><div></div></a></div></div><div class=\"round2\"><h5 class=\"card-title\"><strong>詠香聖品香坊</strong><em>www.yxstw.com</em></h5><div class=\"fn-sel fn-shape shp-xl-s shp-lt-l shp-sm-l fn-keepstyle\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" href=\"https://www.yxstw.com\" target=\"_blank\" style=\"background-image:url(files/home/cases01-round2.jpg)\"><div></div></a></div></div></div><div class=\"column fn-sel fn-cell fn-clone cell-xl-3 cell-lt-12 cell-sm-6\"><div class=\"round1\"><h5 class=\"card-title\"><strong>JOJO婚紗</strong><em>www.jojowedding.com.tw</em></h5><div class=\"fn-sel fn-shape shp-xl-s shp-lt-l shp-sm-s\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" style=\"\" data-size=\"1680x1255\" data-med-size=\"1680x1255\" data-med=\"/files/have_fun/kenting/IMG_1159.jpg?v=162523\" data-bg=\"/files/cases/02.jpg?1597826394\" href=\"https://www.jojowedding.com.tw\" target=\"_blank\"><div></div></a></div></div><div class=\"round2\"><h5 class=\"card-title\"><strong>青禾空間設計</strong><em>www.chinher.tw</em></h5><div class=\"fn-sel fn-shape shp-xl-s shp-lt-l shp-sm-l fn-keepstyle\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" href=\"https://www.chinher.tw\" target=\"_blank\" style=\"background-image:url(files/home/cases02-round2.jpg)\"><div></div></a></div></div></div><div class=\"column fn-sel fn-cell fn-clone cell-xl-3 cell-lt-12 cell-sm-6\"><div class=\"round1\"><h5 class=\"card-title\"><strong>開富食品</strong><em>www.keifu.com.tw</em></h5><div class=\"fn-sel fn-shape shp-xl-s shp-lt-l\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" style=\"\" data-size=\"1680x1255\" data-med-size=\"1680x1255\" data-med=\"/files/have_fun/kenting/IMG_1159.jpg?v=162523\" data-bg=\"/files/cases/03.jpg?1597826441\" href=\"https://www.keifu.com.tw\" target=\"_blank\"><div></div></a></div></div><div class=\"round2\"><h5 class=\"card-title\"><strong>薑子牙薑黃複方膠囊</strong><em>www.jzy.com.tw</em></h5><div class=\"fn-sel fn-shape shp-xl-s shp-lt-l shp-sm-l fn-keepstyle\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" href=\"https://www.jzy.com.tw\" target=\"_blank\" style=\"background-image:url(files/home/cases03-round2.jpg)\"><div></div></a></div></div></div><div class=\"column fn-sel fn-cell fn-clone cell-xl-6 cell-lt-12 cell-sm-12\"><div class=\"round1\"><h5 class=\"card-title\"><strong>水巷茶弄</strong><em>www.chanung.com.tw</em></h5><div class=\"fn-sel fn-shape shp-xl-l shp-lt-l shp-sm-l\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" style=\"\" data-size=\"1680x1255\" data-med-size=\"1680x1255\" data-med=\"/files/have_fun/kenting/IMG_1159.jpg?v=162523\" data-bg=\"/files/cases/04.jpg?1597827026\" data-resp=\"[464,240]\" data-scale=\"0.4\" href=\"https://www.chanung.com.tw\" target=\"_blank\"><div></div></a></div></div><div class=\"round2\"><h5 class=\"card-title\"><strong>Lindy’s 椰子水</strong><em>www.lindyscoco.com</em></h5><div class=\"fn-sel fn-shape shp-xl-l shp-lt-l shp-sm-l fn-keepstyle\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" href=\"https://www.lindyscoco.com\" target=\"_blank\" style=\"background-image:url(files/home/cases04-round2.jpg)\"><div></div></a></div></div></div><div class=\"column fn-sel fn-cell fn-clone cell-lt-12 cell-xl-3 cell-sm-6\"><div class=\"round1\"><h5 class=\"card-title\"><strong>平準工程</strong><em>www.pinaccuracy.com</em></h5><div class=\"fn-sel fn-shape shp-lt-l shp-xl-s shp-sm-s\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" style=\"\" data-size=\"1680x1255\" data-med-size=\"1680x1255\" data-med=\"/files/have_fun/kenting/IMG_1159.jpg?v=162523\" data-bg=\"/files/cases/05.jpg?1597827026\" href=\"https://www.pinaccuracy.com\" target=\"_blank\"><div></div></a></div></div><div class=\"round2\"><h5 class=\"card-title\"><strong>官田烏金合作社</strong><em>www.gtbg.com.tw</em></h5><div class=\"fn-sel fn-shape shp-xl-s shp-lt-l shp-sm-l fn-keepstyle\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" href=\"https://www.gtbg.com.tw\" target=\"_blank\" style=\"background-image:url(files/home/cases05-round2.jpg)\"><div></div></a></div></div></div><div class=\"column fn-sel fn-cell fn-clone cell-lt-12 cell-xl-3 cell-sm-6\"><div class=\"round1\"><h5 class=\"card-title\"><strong>法喬醫美診所</strong><em>www.facharming.com</em></h5><div class=\"fn-sel fn-shape shp-lt-l shp-sm-l shp-xl-s\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" style=\"\" data-size=\"1680x1255\" data-med-size=\"1680x1255\" data-med=\"/files/have_fun/kenting/IMG_1159.jpg?v=162523\" data-bg=\"/files/cases/06.jpg?1597827026\" href=\"https://www.facharming.com\" target=\"_blank\"><div></div></a></div></div><div class=\"round2\"><h5 class=\"card-title\"><strong>彩色珊瑚礁民宿</strong><em>www.colorcoral-penghu.com</em></h5><div class=\"fn-sel fn-shape shp-xl-s shp-lt-l shp-sm-l fn-keepstyle\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" href=\"https://www.colorcoral-penghu.com\" target=\"_blank\" style=\"background-image:url(files/home/cases06-round2.jpg)\"><div></div></a></div></div></div><div class=\"column fn-sel fn-cell fn-clone cell-xl-6 cell-lt-12 cell-sm-12\"><div class=\"round1\"><h5 class=\"card-title\"><strong>四慕茶堂</strong><em>www.sumutea.com</em></h5><div class=\"fn-sel fn-shape shp-xl-l shp-lt-l shp-sm-l\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" style=\"\" data-size=\"1680x1255\" data-med-size=\"1680x1255\" data-med=\"/files/have_fun/kenting/IMG_1159.jpg?v=162523\" data-bg=\"/files/cases/07.jpg?1597827026\" data-resp=\"[464,240]\" data-scale=\"0.36\" href=\"https://www.sumutea.com\" target=\"_blank\"><div></div></a></div></div><div class=\"round2\"><h5 class=\"card-title\"><strong>金明成貴金屬</strong><em>www.jmcpm.com.tw</em></h5><div class=\"fn-sel fn-shape shp-xl-l shp-lt-l shp-sm-l fn-keepstyle\"><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\"><a class=\"fn-sel fn-bgset img-layer bg-h\" href=\"https://www.jmcpm.com.tw\" target=\"_blank\" style=\"background-image:url(files/home/cases07-round2.jpg)\"><div></div></a></div></div></div></div></div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section><section data-fn_rn=\"psec\" id=\"psec_3\" class=\"home-offer fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb\"><div data-scroll=\"\" class=\"p-hr mt-2 ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Inquire</span><span class=\"p-title_tw\">報價洽詢</span></h2></div><div class=\"empty-hidden comp-container container\"><a name=\"home-offer-anchor\"></a>{{part:php/contact_form}}</div></section>', '', '', '{\"metaDesc\":\"奇達資訊科技以奇快的速度、專業的技術、合理的價格，提供您RWD網站製作、RWD網頁設計服務。RWD網站報價CP值高，是您尋找RWD網頁製作公司的絕佳選擇。另提供Google網路廣告的規劃與執行服務。\",\"metaKey\":\"RWD網站製作, RWD網頁設計, RWD網站設計公司, 響應式網頁設計, 高雄RWD網站公司, Google關鍵字廣告, Google廣告代理商\",\"representImg\":\"\\/files\\/logo\\/ogimg.jpg?1671007858\"}', '{}', 1, 1, 0, 0, '2022-12-14', '2025-07-02 03:02:25'),
(3, 'zh-tw', 2, 'services', '專業服務', '專業服務', 0, 'services', 'service', '', '<section class=\"block banner-section fn-sel target-contentsource\" tpl-str=\"inh:application/SubContent\">\n    <div class=\"banner-inner-bg bg-cover fn-sel fn-bgset fn-bgpos bg-h bgy-xl-10\" style=\"\" data-bg=\"/files/home/01.jpg?1578986855\" data-resp=\"[1200,768,464]\" data-scale=\"0.42\">\n        <div class=\"position-absolute vertical-center horizontal-center text-center text-white\">\n            <div class=\"topic-wrap ct-transpall\" data-range=\"-2\" data-fade=\"ture\">\n                <h3 tpl-str=\"var:ModuleLinkNm\" class=\"fn-sel fn-color\" style=\"color:rgb(255,255,255);\">{{var:ModuleLinkNm}}</h3>\n            </div>\n        </div>\n    </div>\n</section>', '', '{\"representImg\":\"\\/files\\/logo\\/LOGO-circle.png?1647935429\"}', '{}', 0, 1, 0, 2, '2022-06-07', '2022-06-07 08:53:28'),
(17, 'zh-tw', 9, 'about', '關於奇達', '關於奇達', 0, 'about', 'about', '<section class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb\" data-fn_rn=\"psec\" id=\"psec_1\"><div data-scroll=\"\" class=\"p-hr p-hr-double ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Precision</span><span class=\"p-title_tw\">精準投放廣告，提高投資報酬率</span></h2></div><div data-scroll=\"\" class=\"p-hr ns-ent\"></div><div data-fn_rn=\"blank_content\" id=\"blank_content_15\" class=\"empty-hidden fn-edit fn-ckedit comp-container container-fluid\"><div class=\"about-box p-clipImg row px-grid justify-content-xl-center align-items-center\"><div class=\"left col-md-12 col-xl-6\"><p>奇達的廣告行銷服務團隊，擁有超過18年的網路廣告行銷實戰經驗，尤其在Google關鍵字廣告行銷部份，核心成員更曾在Google正式代理商累積了12年以上的豐富實戰經驗，執行過各種不同產業屬性之客戶，多元化的完整歷練、將可為您提供最適切的執行策略、進行精準投放、提高廣告投資報酬率。服務團隊另對於SEO(搜尋引擎最佳化)有深入的研究，將可為您提升整體搜尋引擎行銷的綜效。</p></div><div class=\"right photo col-md-12 col-xl-6\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-resp=\"[1200,768,464,240]\" data-scale=\"0.65\" data-src=\"/files/about/about01.jpg?1651550986\" height=\"1242\" intrinsicsize=\"1920 x 1242\" style=\"padding-bottom:64.69%;\" width=\"1920\"></div></div></div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section><section class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb target-contentsource\" data-fn_rn=\"psec\" id=\"psec_1\"><div data-scroll=\"\" class=\"p-hr mt-2 ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Communication</span><span class=\"p-title_tw\">RWD網站建置，提升品牌溝通力</span></h2></div><div data-scroll=\"\" class=\"p-hr ns-ent\"></div><div data-fn_rn=\"blank_content\" id=\"blank_content_17\" class=\"empty-hidden fn-edit fn-ckedit comp-container container-fluid\"><div class=\"about-box row p-clipImg px-grid justify-content-xl-center align-items-center\"><div class=\"left photo col-md-12 col-xl-6 order-md-1\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-resp=\"[1200,768,464,240]\" data-scale=\"0.6\" data-src=\"/files/about/about02.jpg?1651550985\" height=\"1152\" intrinsicsize=\"1920 x 1152\" style=\"padding-bottom:60%;\" width=\"1920\"></div><div class=\"right col-md-12 col-xl-6 order-md-0\"><p>奇達的網路技術與網頁設計部門，專精於 Linux 主機應用、SQL 資料庫、Server 端程式 PHP ，及 Client 端程式 Javascript 撰寫、RWD網站建置、RWD網頁設計、HTML5 網頁應用程式開發、一頁式網頁設計、 網路廣告素材製作、EDM設計、以及企業內部資訊整合運用(如ERP、CRM、POS、PWA漸進式APP)等，累積超過 15 年以上之經驗。在RWD網站建置服務部分，所開發提供的網站後台管理 CMS系統，採所見即所得（What you see is what you get）方式，讓您節省網站更新維護的時間與成本，即使您不懂程式或網頁語法，也能自行維護。</p></div></div></div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section><section class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb target-contentsource\" data-fn_rn=\"psec\" id=\"psec_1\"><div data-scroll=\"\" class=\"p-hr mt-2 ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Competitiveness</span><span class=\"p-title_tw\">整合網路行銷，提升企業競爭力</span></h2></div><div data-scroll=\"\" class=\"p-hr ns-ent\"></div><div data-fn_rn=\"blank_content\" id=\"blank_content_18\" class=\"empty-hidden fn-edit fn-ckedit comp-container container-fluid\"><div class=\"about-box row p-clipImg px-grid justify-content-xl-center align-items-center\">\n<div class=\"left col-md-12 col-xl-6\">\n<p>企業在執行網路行銷常遇到的困擾之一，是網站建置、SEO搜尋引擎優化、網路廣告行銷都分交給不同服務廠商，導致產生溝通耗時、資訊傳遞不精確、無法順利配合等問題，奇達資訊科技服務團隊，貢獻十多年相關專業經驗、提供您全方位網路整合行銷服務，為您的品牌、產品、服務及整體事業帶來最佳效益！奇達服務團隊專業經驗豐富、服務態度受到好評，主要成員也曾是Google關鍵字廣告大型正式授權代理商資深主管、十五年以上Google廣告規劃執行經驗、也可為您提供最專業的服務。如果您想找南部在地RWD網站公司、高雄RWD網頁公司推薦廠商、購物網站建置、一頁式網頁、EDM設計製作、Banner設計製作、Google關鍵字廣告、聯播網廣告、YouTube廣告...等，都非常歡迎與我們聯絡！我們深耕南部、在地服務，但客戶遍及北中南、遠端服務經驗豐富，歡迎所有客戶洽詢，我們會盡快與您聯繫！</p>\n</div>\n\n<div class=\"right photo col-md-12 col-xl-6\"><img alt=\"\" class=\"fn-sel fn-imgset\" data-resp=\"[1200,768,464,240]\" data-scale=\"0.67\" data-src=\"/files/about/about03.jpg?1651550984\" height=\"1280\" intrinsicsize=\"1920 x 1280\" style=\"padding-bottom:66.67%;\" width=\"1920\"></div>\n</div>\n</div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section><div class=\"wave-bg bottom\"></div>', '<section class=\"block banner-section fn-sel\" tpl-str=\"inh:about/SubContent\"><div class=\"banner-inner-bg bg-cover fn-sel fn-bgset fn-bgpos bg-h bgy-xl-10\" style=\"\" data-bg=\"/files/banner/balloon-2331488_1920.jpg?1592987209\" data-resp=\"[1200,768,464,240]\" data-scale=\"0.63\"><div class=\"position-absolute vertical-center horizontal-center text-center text-white\"><div class=\"topic-wrap ct-transpall\" data-range=\"-2\" data-fade=\"ture\"><em>About</em><h3 tpl-str=\"var:ModuleLinkNm\" class=\"fn-sel fn-color\" style=\"color:rgb(255,255,255);\">{{var:ModuleLinkNm}}</h3></div></div></div></section>', '', 'null', '{}', 0, 1, 0, 1, '2022-03-23', '2023-10-09 12:25:24');
INSERT INTO `Pages` (`PageSer`, `PageLang`, `PageNo`, `PageNm`, `LinkNm`, `PageTitle`, `AffiliatedNo`, `Module`, `Frame`, `ContentHtml`, `SubContent`, `AdditContent`, `EmbedInfo`, `EmbedValue`, `Home`, `Visible`, `ConnLink`, `PageOrder`, `PageDate`, `LastModify`) VALUES
(19, 'zh-tw', 10, 'cases', '網站建置案例', '網站建置案例', 0, 'cases', 'cases', '<section data-fn_rn=\"psec\" id=\"psec_1\" class=\"works fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb pt-xl-5 pb-xl-5 target-contentsource\" style=\"\">\n    <div data-scroll=\"\" class=\"p-hr p-hr-double ns-ent\"></div>\n    <div data-fn_rn=\"blank_content\" id=\"blank_content_9\">\n        <div class=\"container cases-cont\">\n            <div class=\"cases-row row\"><a href=\"https://www.chanung.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>水巷茶弄</strong><em>www.chanung.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/016.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.dollar-travel.com.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>大樂國際旅行社</strong><em>www.dollar-travel.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/036.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.excitingpenghu.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>珊瑚礁旅行社</strong><em>www.excitingpenghu.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/014.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.jojowedding.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>JOJO婚紗</strong><em>www.jojowedding.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/001.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.lindyscoco.com\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>Lindys 椰子水</strong><em>www.lindyscoco.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/030.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.keifu.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>開富食品</strong><em>www.keifu.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/015.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.cheetahtech.com.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>四慕茶堂</strong><em>www.sumutea.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/017.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.facharming.com\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>法喬醫美診所</strong><em>www.facharming.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/018.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.pinaccuracy.com\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>平準工程</strong><em>www.pinaccuracy.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/019.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.stonemansion.com.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>拾滬海景會館</strong><em>www.stonemansion.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/031.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.yxstw.com\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>詠香聖品香坊</strong><em>www.yxstw.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/027.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.chinher.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>青禾空間設計</strong><em>www.chinher.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/029.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.gtbg.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>官田烏金合作社</strong><em>www.gtbg.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/004.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.t-comptech.com/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>台灣中成壓縮機</strong><em>www.t-comptech.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/034.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.colorcoral-penghu.com\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>彩色珊瑚礁民宿</strong><em>www.colorcoral-penghu.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/025.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.thehouse15.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>白砂15 Villa</strong><em>www.thehouse15.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/002.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.comicbnb.com\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>卡米克民宿</strong><em>www.comicbnb.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/003.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"http://www.bestcenter.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>貝詩特產後護理</strong><em>www.bestcenter.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/006.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.tifs.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>鈦喜工坊</strong><em>www.tifs.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/008.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.zay.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>專愛用看護派遣(一頁式)</strong><em>www.zay.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/009.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.aike3c.com\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>艾客維修(一頁式)</strong><em>www.aike3c.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/020.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.jmcpm.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>金明成貴金屬</strong><em>www.jmcpm.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/010.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.honxinabrasives.com/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>洪興研磨科技</strong><em>www.honxinabrasives.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/011.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a>\n                <div href=\"https://www.sanlorenzo.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>聖洛倫索寢具</strong><em>www.sanlorenzo.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/005.jpg\" alt=\"Card image cap\">\n                    </div>\n                </div><a href=\"https://tisonlift.com\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>康捷登家用電梯</strong><em>tisonlift.com</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/012.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.ugintech.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>優擎科技</strong><em>www.ugintech.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/021.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.ycti.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>盈昌科技工業</strong><em>www.ycti.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/022.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.cheetahtech.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>富鈦工業</strong><em>www.advanti.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/023.jpg?1662444415\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.roller.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>駿維實業</strong><em>www.roller.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/024.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.gueihuashop.com.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>桂花坊茶具藝品</strong><em>gueihuashop.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/桂花坊2.png\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.kstaxi.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>中華大車隊</strong><em>www.kstaxi.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/026.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.arctic-great-wall.com.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>長城特殊空調</strong><em>www.arctic-great-wall.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/032.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>點冰點醬義式冰淇淋</strong><em>www.dianbingdianjiang.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/033.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.anlixin.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>安力馨看護人力派遣</strong><em>www.anlixin.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/035.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.happy-duck.pageworks.com.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>2023花蓮紅面鴨FUN暑假</strong><em>happy-duck.pageworks.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/037-s.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>LOCO CUENTO 瘋狂的故事</strong><em>www.lococuento.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/041.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.gold9999.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>金華貴金屬</strong><em>www.gold9999.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/038.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.gangkouwang.com.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>港口王賓士金條官網</strong><em>www.gangkouwang.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/039.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.sea-union.com.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>海聯冷凍食品</strong><em>sea-union.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/海聯.png\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://tyairport.pageworks.com.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>2024桃園機場體驗營</strong><em>tyairport.pageworks.com.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/042.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.2025fun.pageworks.com.tw\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>2025花蓮FUN暑假</strong><em></em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/044.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.stepc.co\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>StepC重力樂園</strong><em>www.stepc.co</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/043.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a><a href=\"https://www.fn.org.tw/\" target=\"_blank\" class=\"column fn-sel fn-clone fn-order\">\n                    <div class=\"card\">\n                        <div class=\"header-bar\"></div>\n                        <div class=\"card-body\">\n                            <h5 class=\"card-title\"><strong>鳳山南區扶輪社</strong><em>www.fn.org.tw</em></h5><img src=\"/files/works/LOGO-run.gif\" class=\"img-fluid LOGO-run\">\n                        </div><img class=\"card-img-top\" src=\"/files/works/040.jpg\" alt=\"Card image cap\">\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n    <div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div>\n</section>', '<section class=\"block banner-section fn-sel target-contentsource\" tpl-str=\"inh:character/SubContent\">\n    <div class=\"banner-inner-bg bg-cover fn-sel fn-bgset fn-bgpos bg-h bgy-xl-10\" style=\"\" data-bg=\"/files/home/01.jpg?1578986855\" data-resp=\"[1200,768,464]\" data-scale=\"0.42\">\n        <div class=\"position-absolute vertical-center horizontal-center text-center text-white\">\n            <div class=\"topic-wrap ct-transpall\" data-range=\"-2\" data-fade=\"ture\">\n                <h3 tpl-str=\"var:ModuleLinkNm\" class=\"fn-sel fn-color\" style=\"color:rgb(255,255,255);\">{{var:ModuleLinkNm}}</h3>\n            </div>\n        </div>\n    </div>\n</section>', '', '{\"metaDesc\":\"奇達資訊科技提供RWD網站設計建置服務、以及Google網路廣告規劃執行服務。\",\"representImg\":\"\\/files\\/logo\\/ogimg.jpg?1671007858\"}', '{}', 0, 1, 0, 5, '2022-12-15', '2026-01-09 10:03:27'),
(31, 'zh-tw', 14, 'faq', '常見問題', '常見問題', 0, 'faq', 'faq', '<section class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb pt-xl-5 pb-xl-5 target-contentsource\" data-fn_rn=\"psec\" id=\"psec_2\"><div data-scroll=\"\" class=\"p-hr p-hr-double ns-ent\"></div><div class=\"d-block comp-container container\"><div class=\"tab-group qatab-group fn-tabgroup\"><div class=\"tab-content\" id=\"collapse_list_0\"><div id=\"tab_pane_1\" role=\"tabpanel\" data-fn_rn=\"tab_pane\" class=\"tab-pane fade active show\"><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_3\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_57\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">什麼是RWD響應式網頁設計？</div></div><div id=\"collapse_content_3\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_57\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p>因行動載具的興起與大量使用，RWD（Responsive Web Design）「響應式網站設計」或稱「回應式網頁設計」 因應而生，可針對使用者在使用不同載具 (桌機/筆電/平板/手機) 瀏覽時，自動回應呈現出最適合該載具所瀏覽的排版方式 (圖片/文字的大小、以及排列構成)、 讓使用者在用手機瀏覽您網站時，不用一直忙著縮小放大拖曳，而是最佳瀏覽畫面。過去網站建置時，可能只有電腦版，或將網站分為電腦版和手機板，除了製作較為費時，在後續維護時也更加費事，RWD技術的產生，解決了這些問題，且除了讓消費者在瀏覽時更友善，也增加了網頁停留時間與消費轉換的機率。而Google近年也不斷提升行動版優化的網站於搜尋引擎上的排名權重，所以RWD網站更顯重要。</p></div></div></div><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_7\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_58\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">市面上的網站設計有哪些類型？</div></div><div id=\"collapse_content_7\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_58\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p><b>【客製化網站】</b>完全依照客戶的產品或服務的性質或需求去規劃架構與設計網頁，前端的視覺設計與後台的維護管理，都是量身製作。客製化網站建置費用雖然較高，但網站後續在進行修改或擴充時，可擁有較高的彈性空間，在行銷推廣上、也會較其他網站類型來的有自主性。</p><p><b>【套版型網頁】</b>意即僅能從設計好的特定版型架構進行選擇去建置網站。雖然費用較客製化網站便宜，但因為是以特定版型進行套版，一般來說可能較無法呈特色，而在一定預算範圍內、網頁功能常會大幅受限，最大的問題則是修改上往往受到限制、或需要高額的修改費用。</p><p><b>【租用型網頁】</b>例如某些黃頁型網站便有提供此項服務，費用雖然低廉，但網站容易被服務平台廠商所限制，除了網站不屬於租用者，在網頁版型與設計上一般較無特色．網站功能也大幅受限、甚至連簡單的修改都無法進行。</p></div></div></div><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_10\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_64\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">RWD網站設計公司推薦？</div></div><div id=\"collapse_content_10\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_64\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p><b>【</b>奇達資訊科技<b>】可</b>完全依照您的產品或服務的性質、需求、以及您的喜好，來規劃與設計網頁，前端的視覺設計與後台的維護管理，都是量身製作，我們不是一般套版網站，因此後續在網站版面配置調整甚或大幅改版更動、都有機高的彈性。我們的網站管理後台、採所見即所得方式、讓您後續想要自行修改維護都非常方便。奇達服務團隊的主要負責人，除了專業經驗豐富、服務態度更是受到好評，如果您想找南部在地RWD網站公司、高雄RWD網頁公司推薦廠商、購物網站建置、一頁式網頁、EDM設計製作、Banner設計製作...等服務，都非常歡迎留下您的聯絡資訊、我們會盡快與您聯繫喔。而奇達資訊科技團隊成員，也曾是Google關鍵字廣告代理商資深主管、十多年以上的Google廣告執行專業經驗、也可以為您提供最專業的服務。</p>\n</div></div></div><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_6\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_59\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">建置一個網站需要多久時間？</div></div><div id=\"collapse_content_6\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_59\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p>奇達製作的是「客製化網站」而非套版式的網站，依據以下不同的類型，初步估計製作時間如下，但也會依個案而不同．若所需的圖片與文字檔案能一次備齊，對於網站架構上也有明確的想法，那麼在製作時間上可再縮短。</p><p><b>一般企業形象網站</b><br> 從開始進行到製作完成，平均來說大約需要一至兩個月的時間。如果您的圖片與文字檔案資料能一次完整提供，我們在實際作業時間上，就可能可以大幅縮短。</p><p><b>具有大量內容的網站</b><br> 這類型網站的建置時間，會受到一些因素影響，尤其在產品資料及上架方式部分，例如，產品內容資料部分，是要由設計公司的專業排版人員代為上架，還是在網站建置完成後可由企業內部人員自行上架？或是原既有的舊版網站資料庫內，可用程式方式、去匯入到新網站等等。在作業方式和所需時間上，都要進行確認與溝通。</p><p><b>具會員系統與購物車功能的網站</b><br> 網站建置所需時間其實與一般企業形象網站相差不多，主要是需要進一步確認會員系統與購物車或優惠功能的需求，另外則反而是企業因需要與金流提供銀行或第三方支付服務廠商進行洽談與申請，會花去一些時間。</p><p><b>特殊功能需求之網站</b><br> 因為特殊功能需求的網站，從簡單到複雜的差異可能非常大，在建置所需時間上也因此各自殊異。建議企業要事先完整確認所需功能的所有細節，這樣在與網站公司進行價格與建置時程上，都能因此有較為準確的預估。</p></div></div></div><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_1\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_55\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">如何提升網站在搜尋引擎的排名？</div></div><div id=\"collapse_content_1\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_55\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p>大部份的企業或商家，都希望自己的網頁在搜尋引擎的結果頁能有較佳的排名，「搜尋引擎最佳化」(Search Engine Optimization, SEO) 近年因此受到重視。影響網站搜尋排名的因素很多，而搜尋引擎的規則也不斷在改變，奇達資訊科技累積多年經驗，在 RWD 網站建置時即已 Follow 許多重要的&nbsp;SEO 原則，讓您的 RWD 網站在一開始就獲得極佳的基礎優化體質，我們也能另外依照您的行業、產品或服務，為您提供進一步的優化建議。</p></div></div></div><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_2\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_56\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">主機、網域和網站，這三者是什麼關係？</div></div><div id=\"collapse_content_2\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_56\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p>虛擬主機一般也稱做網站空間、主機空間、網站代管空間等，也就是存放您網站的機器設備。而網域名稱、則是網路世界的地址，也就是我們一般所熟知的網址 (例如www.ABC.com.tw)，透過網址的輸入、即可以去讀取瀏覽存放於虛擬主機空間的網站內容。對於存放您網站的網路空間環境，我們特別採用 Google 專業雲端主機，全球最專業、穩定度超高、最讓您安心。伺服器採用 Linux CentOS 7.x + CloudLinux。Hosting 管理介面則採用知名管理系統、穩定性和安全性均相當可靠的 CPanel，同時，為了保障您的資料安全，我們對所有客戶的 RWD 網站資料，均提供七天的備份。</p></div></div></div><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_5\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_60\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">網址有哪些類型可以選擇？</div></div><div id=\"collapse_content_5\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_60\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p>網址的正式名稱是網域名稱(Domain&nbsp;Name)，由幾段文字所組成，而每段文字中間都有一個‧做為區隔，例如：www.cheetahtech.com.tw 是奇達資訊科技的網址，前方的www為World Wide Web的簡寫，也就是全球資訊網，cheetahtech是我們所選擇的名稱，com代表公司，而最後的tw則代表國家。</p><p>常見的網址名稱有以下幾種可以選擇：<br> com - 公司行號可申請，需提供公司資料<br> org - 財團法人可申請，需提供財團法人資料<br> idv - 個人網址，只要有身分證即可申請<br> net - 網路事業機構，例如中華電信…等可使用<br> edu - 教育機構，一般屬於正式學校機關的網址，一般補習機構不可使用<br> gov - 政府機構，為政府公部門單位網頁使用之網址，一般人無法申請</p></div></div></div><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_8\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_61\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">為什麼要做網路廣告？</div></div><div id=\"collapse_content_8\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_61\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p>網際網路商業化發展之後，消費者的媒體使用習慣大幅度改變，傳統媒體的效益因此大減。而網路行銷的優勢很多，包括所需預算相對較低、預算編列彈性更高、廣告成效可被量化、在目標族群鎖定上更為精準、且可對消費者進行「再行銷」的投放、廣告效益比以往更高。尤其對中小型企業來說，網路廣告更是絕佳的選擇，其中又以Google Ads廣告解決方案最為推薦。</p>\n</div></div></div><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_4\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_62\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">Google Ads有哪些種類？</div></div><div id=\"collapse_content_4\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_62\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p>(1) 搜尋關鍵字廣告：消費者使用 Google 搜尋引擎搜尋關鍵字查找參考資訊時，出現搜尋結果頁，而頁面的最上方及最下方所出現的廣告訊息，即是搜尋關鍵字廣告。在具有相關需求動機的目標對象前出現廣告、是極為精準的廣吿模式！</p><p>(2) 多媒體聯播網廣告：一般來說也稱為GDN廣告 (Google Display Network)，提供廣告主透過多種廣告格式接觸目標客群，光是台灣就有2萬個以上的聯播網站，可觸及90% 以上的網路使用者，是您快速提升品牌或產品曝光率的絕佳選擇。在形式廣泛包括文字廣告、圖片廣告、回應式圖片廣告、購物廣告、Gmail廣告...等。</p><p>(3) 購物廣告：可在搜尋頁面上向消費者直接呈現產品圖片、名稱、價格、商店名稱等資訊，內容比只顯示文字的關鍵字搜尋文字廣告更加詳盡，因此能夠強調企業或商家之商品的特色，吸引真正有意消費的潛在客戶點閱廣告。</p><p>(4) YouTube影音廣告：可以根據自己的目標，在 YouTube 上使用多種廣告格式，包括可略過的串流內(片頭影音)廣告、影片探索廣吿等。片頭影音廣告、以及我們平常瀏覽YouTube影片前所出現的「5秒後可略過」的影片型態。影音廣告的成本極低，是您提升品牌形象或產品知名度與認知度的最佳選擇。</p><p>(5) APP廣告：與Google進行廣告合作的行動應用程式App很多，我們透過聯播網、即可將廣告投放在這些App上、進行廣告曝光、觸及大量的行動上網用戶。而若您是想要推廣自己所開發提供的App，Google應用程式廣告活動、可運用廣告文字和素材資源 (包括您應用程式商店資訊中的素材資源)，自動設計出多種格式的廣告並在眾多聯播網中放送、推廣您的App！</p></div></div></div><div class=\"collapse-item fn-sel fn-order fn-clone\" ani-enter=\"fadeInDown\"><div class=\"collapse-head\" data-toggle=\"navmenu\" data-parent=\"#collapse_list_0\" data-target=\"#collapse_content_9\"><div class=\"qa-topic-icon fn-sel fn-bgset\"></div><div id=\"collapse_topic_63\" class=\"collapse-topic fn-edit fn-ckedit\" ckconfig=\"text\" data-fn_rn=\"collapse_topic\">Google Ads 如何計費？</div></div><div id=\"collapse_content_9\" data-fn_rn=\"collapse_content\" class=\"collapse-content nav-menu ns-collapse-xl\"><div id=\"collapse_text_63\" class=\"collapse-text fn-edit fn-ckedit\" data-fn_rn=\"collapse_text\"><p>Google Ads 費用取決於您的預算規劃設定，不論您預算多寡，其實都適合使用 Google Ads。在計費上，只有在使用者與您的廣告互動時 (例如點擊廣告而前往您的網站或是致電給您)、或YouTube片頭影音廣告則是看滿30秒(低於30秒的廣告影片則是看完整支廣告)，Google才會按次向您收費。在總預算上，Google Ads 其實沒有設定最低消費門檻，但若交由我們奇達資訊科技進行規劃與執行廣告，每月廣告費需在1萬元以上，而除了廣告費是全額支付給Google之外，我們收費上則是收取廣告費x20%的服務費。在執行時間上、不需綁約，在單次合約結束後您可以隨時停止放送廣告。想了解Google廣告計費方式更多細節？非常歡迎留下聯絡資料、我們會盡快與您聯繫。</p>\n</div></div></div></div></div></div></div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section>', '<section class=\"block banner-section fn-sel\" tpl-str=\"inh:contacts/SubContent\"><div class=\"banner-inner-bg bg-cover fn-sel fn-bgset fn-bgpos bg-h bgy-xl-10\" style=\"\" data-bg=\"/files/home/01.jpg?1578986855\" data-resp=\"[1200,768,464]\" data-scale=\"0.42\"><div class=\"position-absolute vertical-center horizontal-center text-center text-white\"><div class=\"topic-wrap ct-transpall\" data-range=\"-2\" data-fade=\"ture\"><h3 tpl-str=\"var:ModuleLinkNm\" class=\"fn-sel fn-color\" style=\"color:rgb(255,255,255);\">{{var:ModuleLinkNm}}</h3></div></div></div></section>', '', '{\"representImg\":\"\\/files\\/logo\\/LOGO-circle.png?1647935429\"}', '{}', 0, 1, 0, 6, '2022-06-07', '2022-06-14 08:21:08'),
(40, 'zh-tw', 19, '', '服務項目', '服務項目', 2, 'services', 'service-pg', '<section class=\"services-box fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb target-contentsource\" data-fn_rn=\"psec\" id=\"psec_1\"><div data-scroll=\"\" class=\"p-hr p-hr-double ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Digital Marketing</span><span class=\"p-title_tw\">網路廣告行銷</span></h2></div><div data-scroll=\"\" class=\"p-hr ns-ent\"></div><div class=\"empty-hidden fn-edit fn-ckedit comp-container container\" data-fn_rn=\"blank_content\" id=\"blank_content_11\"><div class=\"bsflexgrid fn-sel fn-bgset fn-bgpos fn-pt fn-pb fn-pl fn-pr\"><div class=\"icon-box row swipe-gallery guttery-xl-4 justify-content-lt-center\"><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/A-1.png?1597216679\"><span>聯播網廣告</span></div><p>台灣超過2萬個Google聯播網站，透過圖文廣告廣泛觸及廣大的目標對象！</p></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/A-2.png?1597216679\"><span>行動廣告</span></div><p>行動上網比例大幅提升，Google行動廣告在手機使用情境傳遞廣告訊息！</p></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/A-3.png?1597216679\"><span>關鍵字廣告</span></div><p>在目標對象主動搜尋相關資訊時、展示您的產品或服務訊息，精準度超高！</p></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/A-4.png?1597216679\"><span>YouTube 影音廣告</span></div><p>在網路影音傳播的世代，透過YouTube廣告、讓您以超低成本宣傳品牌！</p></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/A-5.png?1597216679\"><span> Gmail 廣告</span></div><p>透過使用率極高的Email平台，觸及您的目標對象，是精準的分眾行銷！</p></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/A-6.png?1597216679\"><span>Facebook 廣告</span></div><p>台灣網友黏性極高的社群媒體，針對目標對象進行投遞廣告，提升能見度！</p></div></div></div></div></div><p>&nbsp;</p></div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section><section class=\"services-box fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb\" data-fn_rn=\"psec\" id=\"psec_2\"><div data-scroll=\"\" class=\"p-hr p-hr-double ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Website Design</span><span class=\"p-title_tw\">網頁設計服務</span></h2></div><div data-scroll=\"\" class=\"p-hr ns-ent\"></div><div class=\"empty-hidden fn-edit fn-ckedit comp-container container\" data-fn_rn=\"blank_content\" id=\"blank_content_12\"><div class=\"bsflexgrid fn-sel fn-bgset fn-bgpos fn-pt fn-pb fn-pl fn-pr\"><div class=\"icon-box row swipe-gallery guttery-xl-4 justify-content-lt-center\"><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/B-1.png\"><span>RWD網站建置</span></div><ol><li>RWD響應式網站</li><li>客製化網站設計</li><li>全站式後台管理</li></ol></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/B-2.png\"><span>CMS後台管理系統</span></div><ol><li>簡單易懂的介面</li><li>所見即所得編輯器</li><li>輕易埋入網站分析碼</li></ol></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/B-3.png?1605684598\"><span>主機空間代管</span></div><ol><li>導入SSL安全憑證</li><li><span class=\"aCOpRe\"><span>Google GCP 穩定無虞</span></span></li><li>定期備份，安全有保障</li></ol></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/B-4.png\"><span>一頁式網頁設計</span></div><ol><li>RWD響應式設計</li><li>專業設計師客製化設計</li><li>贈送一年主機託管</li></ol></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/B-5.png\"><span>網路廣告素材製作</span></div><ol><li>各廣告聯播網素材製作</li><li>高效率Resize多元尺寸</li><li>兼顧美感與訊息傳達目的</li></ol></div></div></div><div class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-4 col-md-4 col-tn-6 col-xs-12 col-lt-10\"><div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\"><div class=\"header-bar\">&nbsp;</div><div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\"><div class=\"content\"><img alt=\"\" class=\"img-fluid\" data-src=\"/files/icon/B-6.png?1605684598\"><span>電子書與EDM製作</span></div><ol><li>專業設計師客製化設計</li><li>調性與風格為您量身製作</li><li>優質設計提升行銷效益</li></ol></div></div></div></div></div><p>&nbsp;</p></div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section>', '', '', '{\"representImg\":\"\\/files\\/logo\\/LOGO-circle.png?1647935429\"}', '{}', 0, 1, 0, 0, '2022-06-07', '2022-12-20 08:37:33');
INSERT INTO `Pages` (`PageSer`, `PageLang`, `PageNo`, `PageNm`, `LinkNm`, `PageTitle`, `AffiliatedNo`, `Module`, `Frame`, `ContentHtml`, `SubContent`, `AdditContent`, `EmbedInfo`, `EmbedValue`, `Home`, `Visible`, `ConnLink`, `PageOrder`, `PageDate`, `LastModify`) VALUES
(41, 'zh-tw', 20, '', '服務流程', '服務流程', 2, 'services', 'service-pg', '<section class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb target-contentsource\" data-fn_rn=\"psec\" id=\"psec_1\"><div data-scroll=\"\" class=\"p-hr p-hr-double ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Ads Service Process</span><span class=\"p-title_tw\">網路廣告服務流程</span></h2></div><div data-scroll=\"\" class=\"p-hr ns-ent\"></div><div data-fn_rn=\"blank_content\" id=\"blank_content_10\" class=\"empty-hidden fn-edit fn-ckedit comp-container container-fluid\"><div class=\"about-box row px-grid justify-content-xl-center\">\n<div class=\"col-xl-12\">\n<div class=\"bsflexgrid fn-sel fn-bgset fn-bgpos fn-pt fn-pb fn-pl fn-pr\">\n<div class=\"ad-process row swipe-gallery guttery-lg-2 guttery-xl-2\">\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">1</span></dt>\n	<dd class=\"p-list-index__dd\">瞭解廣告需求及產品類別與屬性</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">2</span></dt>\n	<dd class=\"p-list-index__dd\">確認廣告目標、預算及執行策略</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">3</span></dt>\n	<dd class=\"p-list-index__dd\">報價與簽約</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">4</span></dt>\n	<dd class=\"p-list-index__dd\">前置作業、分析建議</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">5</span></dt>\n	<dd class=\"p-list-index__dd\">提供關鍵字規劃</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">6</span></dt>\n	<dd class=\"p-list-index__dd\">廣告上線投放與優化調整</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">7</span></dt>\n	<dd class=\"p-list-index__dd\">數據監控 / 成效觀察 / 定期追蹤</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">8</span></dt>\n	<dd class=\"p-list-index__dd\">結案報告</dd>\n</dl>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div><div class=\"p-clipImg w-100\"><div class=\"p-hr ns-ent\" data-scroll=\"\"></div><div class=\"photo mx-auto\"><img class=\"\" data-resp=\"[1200,768,464,240]\" data-scale=\"0.46\" data-src=\"/files/service/service01.jpg\" intrinsicsize=\"1920 x 884\" width=\"1920\" height=\"884\"></div></div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section><section class=\"fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb target-contentsource\" data-fn_rn=\"psec\" id=\"psec_2\"><div data-scroll=\"\" class=\"p-hr p-hr-double ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Website Design Process</span><span class=\"p-title_tw\">網站建置流程</span></h2></div><div data-scroll=\"\" class=\"p-hr ns-ent\"></div><div data-fn_rn=\"blank_content\" id=\"blank_content_11\" class=\"empty-hidden fn-edit fn-ckedit comp-container container-fluid\"><div class=\"about-box row px-grid justify-content-xl-center\">\n<div class=\"col-xl-12\">\n<div class=\"bsflexgrid fn-sel fn-bgset fn-bgpos fn-pt fn-pb fn-pl fn-pr\">\n<div class=\"ad-process row swipe-gallery guttery-xl-2\">\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">1</span></dt>\n	<dd class=\"p-list-index__dd\">需求溝通</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">2</span></dt>\n	<dd class=\"p-list-index__dd\">報價與簽約</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">3</span></dt>\n	<dd class=\"p-list-index__dd\">設計討論</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">4</span></dt>\n	<dd class=\"p-list-index__dd\">版型設計</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">5</span></dt>\n	<dd class=\"p-list-index__dd\">前端互動與動態效果</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">6</span></dt>\n	<dd class=\"p-list-index__dd\">後端程式功能開發</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">7</span></dt>\n	<dd class=\"p-list-index__dd\">結案上線</dd>\n</dl>\n</div>\n</div>\n</div>\n\n<div ani-enter=\" fadeInLeft\" class=\"fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6\">\n<div class=\"flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx\">\n<div class=\"flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit\">\n<dl>\n	<dt class=\"p-list-index__dt\">\n	<div class=\"c-line ns-ent\" data-line-direction=\"top\">&nbsp;</div>\n	<span class=\"p-title-num d-block\">8</span></dt>\n	<dd class=\"p-list-index__dd\">CMS後台管理教學</dd>\n</dl>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div><div class=\"p-clipImg w-100\"><div class=\"p-hr ns-ent\" data-scroll=\"\"></div><div class=\"photo mx-auto\"><img class=\"\" data-resp=\"[1200,768,464,240]\" data-scale=\"0.46\" intrinsicsize=\"1920 x 884\" data-src=\"/files/service/service02.jpg\" width=\"1920\" height=\"884\"></div></div><div class=\"p-hr p-hr--dot-pattern ns-ent\" data-scroll=\"\"><span></span></div></section>', '', '', '{\"representImg\":\"\\/files\\/logo\\/LOGO-circle.png?1647935429\"}', '{}', 0, 1, 0, 1, '2022-06-07', '2022-06-07 08:52:52'),
(44, 'zh-tw', 21, 'contacts', '聯絡我們', '聯絡我們', 0, 'contacts', 'contacts', '<section data-fn_rn=\"psec\" id=\"psec_3\" class=\"home-offer fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb target-contentsource\"><div data-scroll=\"\" class=\"p-hr mt-2 ns-ent\"></div><div class=\"p-heading px-grid\"><h2 class=\"p-title\"><span class=\"p-title_en\">Inquire</span><span class=\"p-title_tw\">報價洽詢</span></h2></div><div class=\"empty-hidden comp-container container\"><a name=\"home-offer-anchor\"></a>{{part:php/contact_form}}</div></section>', '', '', '{\"representImg\":\"\\/files\\/logo\\/LOGO-circle.png?1647935429\"}', '{}', 0, 1, 0, 7, '2022-06-07', '2022-06-07 08:53:33');

-- --------------------------------------------------------

--
-- 資料表結構 `Scripts`
--

CREATE TABLE `Scripts` (
  `Serial` int NOT NULL,
  `ScriptNm` varchar(30) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `ScriptRule` mediumtext CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,
  `ScriptLangs` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,
  `ScriptOrder` int NOT NULL DEFAULT '0',
  `Active` tinyint(1) NOT NULL DEFAULT '1'
) ENGINE=MyISAM DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- 傾印資料表的資料 `Scripts`
--

INSERT INTO `Scripts` (`Serial`, `ScriptNm`, `ScriptRule`, `ScriptLangs`, `ScriptOrder`, `Active`) VALUES
(5, '一般', '$(document).ready(function() {\n\n\n    $(document).on({\n        click: function() {\n            event.preventDefault();\n            if ($(this).data(\'ser\')) {\n                var dataStr = \'infoNo=\' + $(this).data(\'ser\');\n                $.ajax({\n                    url: \"/tpl/php/modal_info.php\",\n                    type: \'post\',\n                    data: dataStr,\n                    dataType: \'html\',\n                    success: function(responseHtml) {\n\n                        $(\'#info-modal\').find(\'.modal-inner\').html(responseHtml);\n                        $(\'#info-modal\').modal(\'show\');\n                    },\n                    error: function(request) {\n                        console.log(request.responseText);\n                    }\n                });\n\n            }\n\n        }\n    }, \'.fnmodal, .modal-link\');\n\n    $(\"#gotop\").click(function() {\n        $(\"html,body\").animate({\n            scrollTop: 0\n        }, 1000);\n    });\n\n\n    if ($(\'.stay-visible\').length) {\n        $(\'.stay-visible\').each(function(idx, elem) {\n            $(elem).stayVisible();\n        });\n    }\n\n\n\n\n    $(window).scroll(function() {\n        if ($(this).scrollTop() > 300) {\n            $(\'#gotop\').fadeIn(\"fast\");\n        } else {\n            $(\'#gotop\').stop().fadeOut(\"fast\");\n        }\n\n        if ($(\'.stay-visible\').length) {\n            $(\'.stay-visible\').each(function(idx, elem) {\n                $(elem).stayVisible();\n            });\n        }\n\n\n    });\n\n    $(window).resize(function() {\n        if ($(\'.stay-visible\').length) {\n            $(\'.stay-visible\').each(function(idx, elem) {\n                $(elem).stayVisible();\n            });\n        }\n    });\n\n\n\n\n    $(window).trigger(\'resize\');\n\n\n    if ($(\'#pagearea\').length) {\n        $(\".about-service .icon-col\").click(function() {\n            $(this).toggleClass(\"active\")\n        });\n    }\n\n\n\n\n}); //document.ready\n\nfunction setCookie(key, value, minutes) {\n    var expires = new Date();\n    expires.setTime(expires.getTime() + (minutes * 60 * 1000));\n    document.cookie = key + \'=\' + value + \';expires=\' + expires.toUTCString() + \';path=/\';\n}\n\nfunction getCookie(key) {\n    var keyValue = document.cookie.match(\'(^|;) ?\' + key + \'=([^;]*)(;|$)\');\n    return keyValue ? keyValue[2] : null;\n}\n\nfunction delCookie(name) {\n    createCookie(name, \"\", -1);\n}', NULL, 1, 1),
(11, 'contact_send', '$(document).ready(function() {\n\n    $(document).on({\n        submit: function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            var eventForm = $(\'#contactform\');\n            if (!$(eventForm).find(\'.form-group.has-error\').length) {\n                $.ajax({\n                    url: \"/tpl/inc/send_contact.php\",\n                    type: \'post\',\n                    data: $(eventForm).serialize(),\n                    dataType: \'script\',\n                    success: function(responseText) {\n\n                    },\n                    error: function(request) {\n                        console.log(request.responseText);\n                    }\n                });\n            }\n\n        }\n    }, \'#contactform\');\n\n    $(document).on({\n        submit: function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            var eventForm = $(\'#inquiryform\');\n            if (!$(eventForm).find(\'.form-group.has-error\').length) {\n                $.ajax({\n                    url: \"/tpl/send_inquiry.php\",\n                    type: \'post\',\n                    data: $(eventForm).serialize(),\n                    dataType: \'script\',\n                    success: function(responseText) {\n                        //$(\'.inquiry_table\').html(responseText);\n                    },\n                    error: function(request) {\n                        console.log(request.responseText);\n                    }\n                });\n            }\n\n        }\n    }, \'#inquiryform\');\n\n\n    $(document).on({\n        submit: function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            var eventForm = $(\'#classform\');\n            if (!$(eventForm).find(\'.form-group.has-error\').length) {\n                $.ajax({\n                    url: \"/tpl/send_apply.php\",\n                    type: \'post\',\n                    data: $(eventForm).serialize(),\n                    dataType: \'script\',\n                    success: function(responseText) {\n                        //$(\'.inquiry_table\').html(responseText);\n                    },\n                    error: function(request) {\n                        console.log(request.responseText);\n                    }\n                });\n            }\n\n        }\n    }, \'#classform\');\n\n    if ($(\"#birthdayPicker\").length) {\n        $(\"#birthdayPicker\").birthdayPicker({\n            \"maxAge\": 90,\n            \"minAge\": 18\n        });\n\n        setTimeout(function() {\n            $(\"#birthdayPicker\").find(\'select\').each(function(idx, elem) {\n                console.log($(elem).html());\n                $(elem).children(\'option\').eq(0).val(\'\');\n                $(elem).val(\'\');\n                $(elem).prop(\'required\', true);\n            });\n\n        }, 100);\n\n    }\n});', NULL, 2, 1),
(12, 'ckeditor', '$(window).on(\'resize\', function() {\n    $(\'.sticky-wrap\').css(\'max-height\', ($(window).height() - $(\'#nav_block\').height() - 60) + \'px\');\n\n});', NULL, 3, 1),
(16, 'contact_style', '', NULL, 4, 1),
(17, 'navigation', '$(document).ready(function() {\n\n    if ($(\'.stay-visible\').length) {\n        $(\'.stay-visible\').each(function(idx, elem) {\n            $(elem).stayVisible();\n        });\n    }\n\n\n    $(window).scroll(function() {\n\n        if ($(\'.stay-visible\').length) {\n            $(\'.stay-visible\').each(function(idx, elem) {\n                $(elem).stayVisible();\n            });\n        }\n    });\n\n    $(window).resize(function() {\n        if ($(\'.stay-visible\').length) {\n            $(\'.stay-visible\').each(function(idx, elem) {\n                $(elem).stayVisible();\n            });\n        }\n    });\n\n\n\n});\n\n\n$.fn.stayVisible = function() {\n    var additTop = 0;\n    var additBtm = 0;\n    var stayElem = $(this);\n    var excludeHeight = 0;\n\n\n    if ($.inArray(currScrSize, $(this).data(\'sv-size\')) >= 0) {\n\n\n        $($(this).data(\'stacktop\')).each(function(idx, elem) {\n            additTop = $(elem)[0].getBoundingClientRect().bottom;\n        });\n\n        //console.log(\'additTop\'+additTop);\n        //if ($(\'.nav-block.sticky-top.active\').length){\n        additBtm = $(\'footer\').offset().top - additTop;\n        //}\n\n        var visBlkHeight = $(this).outerHeight();\n\n        if ($(this).parent().is(\'.vsb-si\')) {\n            var orgTop = $(this).parent().offset().top - additTop;\n        } else {\n            var orgTop = $(this).offset().top - additTop;\n        }\n\n\n        if ($(document).scrollTop() > orgTop) {\n            //console.log(orgTop);\n            if (!$(this).parent().is(\'.vsb-si\')) {\n\n                $(this).wrap(\'<div class=\"vsb-si \' + $(this).data(\'sv-class\') + \'\" style=\"display:\' + $(this).css(\'display\') + \'; position:\' + $(this).css(\'position\') + \'; height:\' + visBlkHeight + \'px;\"></div>\');\n                orgTop = $(this).parent().offset().top;\n                $(this).addClass($(this).data(\'sv-class\'));\n            }\n\n            //console.log(additBtm);\n\n            if ($(\'.captain-col.col-12\').length) {\n                excludeHeight = $(\'.captain-col.col-12\').height();\n            }\n\n            if ($(document).scrollTop() < additBtm - visBlkHeight - 20) {\n                //$(this).css({\'position\':\'fixed\',\'top\':($(document).scrollTop()-orgTop)+\'px\',\'width\':$(this).parent().width()+\'px\',\'z-index\':\'100\'});\n                $(this).css({\n                    \'position\': \'fixed\',\n                    \'top\': (additTop - excludeHeight) + \'px\',\n                    \'z-index\': \'100\'\n                });\n                //,\'width\':$(this).parent().width()+\'px\'\n                // $(this).parent().css({\n                //\'height\': $(this).outerHeight() + \'px\'\n                // });\n            }\n\n            //$(this).width($(this).parent(\'.vsb-si\').eq(0).width());\n\n        } else {\n            //$(stayElem).unwrap();\n            $(stayElem).css({\n                \'position\': \'\',\n                \'top\': \'\'\n            });\n        }\n\n        //$(this).width($(this).parent(\'.vsb-si\').eq(0).width());\n    } else {\n        if ($(this).parent().is(\'.vsb-si\')) {\n            $(this).unwrap(\'.vsb-si\');\n        }\n        $(this).removeClass($(this).data(\'sv-class\')).removeAttr(\'style\');\n    }\n}\n\nvar nav_timer;\n\n$(document).on({\n    mouseenter: function() {\n        if ((currScrSize == \'xl\') || (currScrSize == \'lg\')) { //\n            var _currElem = $(this);\n            var _currObj = $(this).children(\'.item-wrapper\').children(\'.menu-caret\'),\n                _currSubMenu = $($(_currObj).data(\'target\'));\n            nav_timer = setTimeout(function() {\n\n\n                if ($(_currElem).not(\'.trigger\')) {\n                    $(\'[data-toggle=\"navmenu\"][data-target=\"\' + $(_currObj).data(\'target\') + \'\"]\').addClass(\'trigger\');\n                    $(_currElem).addClass(\'trigger\');\n                }\n\n                $($(_currObj).data(\'target\')).slideDown(300, function() {\n                    $($(_currObj).data(\'target\')).addClass(\'show\');\n                    $($(_currObj).data(\'target\')).css(\'display\', \'\');\n                });\n            }, 100);\n        }\n\n    },\n    mouseleave: function() {\n        if ((currScrSize == \'xl\') || (currScrSize == \'lg\')) { //\n            clearTimeout(nav_timer);\n            var _currObj = $(this).children(\'.item-wrapper\').children(\'.menu-caret\'),\n                _currSubMenu = $($(_currObj).data(\'target\'));\n\n            if ($(this).is(\'.trigger\')) {\n                $(\'[data-toggle=\"navmenu\"][data-target=\"\' + $(_currObj).data(\'target\') + \'\"]\').removeClass(\'trigger\');\n                $(this).removeClass(\'trigger\');\n\n                $($(_currObj).data(\'target\')).find(\'.nav-menu.show\').each(function(index, element) {\n                    $(this).removeClass(\'show\');\n                    $(\'[data-toggle=\"navmenu\"][data-target=\"#\' + $(this).attr(\'id\') + \'\"]\').removeClass(\'trigger\');\n                });\n            }\n            $($(_currObj).data(\'target\')).slideUp(300, function() {\n                $($(_currObj).data(\'target\')).css(\'display\', \'\');\n                $($(_currObj).data(\'target\')).removeClass(\'show\');\n            });\n\n        }\n    }\n\n\n}, \".nav-block .nav-item, .nav-block .menu-item\");', NULL, 5, 1),
(18, 'banner3D', '$(window).scroll(function() {\n    var scroll = $(window).scrollTop();\n    $(\".banner-inner-bg\").css({\n        transform: \'translate3d(0%, -\' + (scroll / 100) + \'%, 0) scale(\' + (100 + scroll / 6) / 100 + \')\',\n        opacity: (400-scroll)/400\n        //Blur suggestion from @janwagner: https://codepen.io/janwagner/ in comments\n        //\"-webkit-filter\": \"blur(\" + (scroll/200) + \"px)\",\n        //filter: \"blur(\" + (scroll/200) + \"px)\"\n    });\n});\n$(document).ready(function() {\n    // var img = $(\'.banner-inner-bg\');\n\n    // $(window).scroll(function() {\n    //     if ($(window).scrollTop() > 400) {\n    //         img.fadeOut();\n    //     } else {\n    //         img.fadeIn();\n    //     }\n\n    // });\n\n});', NULL, 6, 1),
(19, 'sticky_block', '\n// const earthImg = document.querySelector(\".sticky_block\")\n// function earthmove() {\n//   const moveToNextAt = (earthImg.offsetTop) + (earthImg.clientHeight / 2);\n//   if (window.scrollY > moveToNextAt) {\n//     earthImg..addClass(\'black\');\n//   } else {\n//     earthImg.classList.remove(\'black\');\n//   }\n// }\n// window.addEventListener(\'scroll\', debounce(earthmove, 5));\n\n\n//向下滚动时\n// function addClass(\".sticky_block\") {\n//     var winH = $(window).height() * 0.5; //可视窗口的高度的一半，更改0.5可以调整滚动到底部、中部、顶部时候开始加载\n//     var top = $(window).scrollTop(); //可视窗口的滚动高度\n//     var ele_t = $(\".sticky_block\").offset().top; //内容区的top\n//     var ele_h = $(\".sticky_block\").height(); //内容区的高\n\n//     //判断条件，看草稿图1！\n//     if (top < ele_t - winH) {\n//         $(\".sticky_block\").removeClass(\'black\');\n//     } else if ((top > ele_t - winH) && (top < ele_t + ele_h)) {\n//         $(\".sticky_block\").addClass(\'black\');\n//     } else {\n//         $(\".sticky_block\").removeClass(\'black\');\n//     }\n// }\n', NULL, 7, 0),
(20, '隨滑鼠反向移動', 'var items = document.getElementsByClassName(\"layer\");\ndocument.addEventListener(\'mousemove\', function(evt) {\n    var x = evt.clientX;\n    var y = evt.clientY;\n    //console.log(x);\n    var winWidth = window.innerWidth;\n    var winHeight = window.innerHeight;\n    var halfWidth = winWidth / 2;\n    var halfHeight = winHeight / 2;\n    var rx = x - halfWidth;\n    var ry = halfHeight - y;\n    var length = items.length;\n    var max = 10;\n    for (var i = 0; i < length; i++) {\n        var dx = (items[i].getBoundingClientRect().width / max) * (rx / -halfWidth);\n        var dy = (items[i].getBoundingClientRect().height / max) * (ry / halfHeight);\n        items[i].style[\'transform\'] = items[i].style[\'-webkit-transform\'] = \'translate(\' + dx + \'px,\' + dy + \'px)\';\n    }\n}, false);', NULL, 8, 1),
(21, '文字空間感動畫', '// The place I saw this effect:\n// https://angle2.agency/\n\n// Red Staper made a NICE tutorial about this effect! You should check it out!\n// https://www.youtube.com/watch?v=LgiadQQM6mo&t=5s\n\nwindow.addEventListener(\'mousemove\', handleMouseMove);\nwindow.addEventListener(\'resize\', handleWindowResize);\n\nconst spansSlow = document.querySelectorAll(\'.spanSlow\');\nconst spansFast = document.querySelectorAll(\'.spanFast\');\n\nlet width = window.innerWidth;\n\nfunction handleMouseMove(e) {\n  let normalizedPosition = e.pageX / (width/2) - 1;\n  let speedSlow = 100 * normalizedPosition;\n  let speedFast = 200 * normalizedPosition;\n  spansSlow.forEach((span) => {\n    span.style.transform = `translate(${speedSlow}px)`;\n  });\n  spansFast.forEach((span) => {\n    span.style.transform = `translate(${speedFast}px)`\n  })\n}\n//we need to recalculate width when the window is resized\nfunction handleWindowResize() {\n  width = window.innerWidth;\n}', NULL, 9, 1),
(22, 'canvas_3Dball', '//window.addEventListener(\"load\", windowLoadHandler, false);\ndocument.addEventListener(\"DOMContentLoaded\", windowLoadHandler, false);\nvar sphereRad = 280;\nvar radius_sp = 1;\nvar opt_display_dots = false;\n\nvar unicodeFlakes = [\'R\', \'W\', \'D\', \'網\', \'站\', \'建\', \'置\', \'奇\', \'達\', \'資\', \'訊\', \'科\', \'技\', \'W\', \'E\', \'B\', \'D\', \'E\', \'S\', \'I\', \'G\', \'N\', \'網\', \'路\', \'廣\', \'告\', \'數\', \'位\', \'行\', \'銷\', \'元\', \'宇\', \'宙\', \'科\', \'技\', \'趨\', \'勢\', \'H\', \'T\', \'M\', \'L\', \'C\', \'S\', \'S\', \'3\', \'R\', \'W\', \'D\', \'網\', \'站\', \'建\', \'置\', \'奇\', \'達\', \'資\', \'訊\', \'科\', \'技\', \'W\', \'E\', \'B\', \'D\', \'E\', \'S\', \'I\', \'G\', \'N\', \'網\', \'路\', \'廣\', \'告\', \'數\', \'位\', \'行\', \'銷\', \'元\', \'宇\', \'宙\', \'科\', \'技\', \'趨\', \'勢\', \'H\', \'T\', \'M\', \'L\', \'C\', \'S\', \'S\', \'3\'];\n\n//for debug messages\nvar Debugger = function() {};\nDebugger.log = function(message) {\n    try {\n        console.log(message);\n    } catch (exception) {\n        return;\n    }\n}\n\nfunction windowLoadHandler() {\n    canvasApp();\n}\n\nfunction canvasSupport() {\n    return Modernizr.canvas;\n}\n\nfunction canvasApp() {\n    if (!canvasSupport()) {\n        return;\n    }\n\n    var theCanvas = document.getElementById(\"canvasOne\");\n    var context = theCanvas.getContext(\"2d\");\n\n    var displayWidth;\n    var displayHeight;\n    var timer;\n    var wait;\n    var count;\n    var numToAddEachFrame;\n    var particleList;\n    var recycleBin;\n    var particleAlpha;\n    var r, g, b;\n    var fLen;\n    var m;\n    var projCenterX;\n    var projCenterY;\n    var zMax;\n    var turnAngle;\n    var turnSpeed;\n    var sphereCenterX, sphereCenterY, sphereCenterZ;\n    var particleRad;\n    var zeroAlphaDepth;\n    var randAccelX, randAccelY, randAccelZ;\n    var gravity;\n    var rgbString;\n    //we are defining a lot of variables used in the screen update functions globally so that they don\'t have to be redefined every frame.\n    var p;\n    var outsideTest;\n    var nextParticle;\n    var sinAngle;\n    var cosAngle;\n    var rotX, rotZ;\n    var depthAlphaFactor;\n    var i;\n    var theta, phi;\n    var x0, y0, z0;\n\n    init();\n\n    // INITIALLI\n    function init() {\n        wait = 1;\n        count = wait - 1;\n        numToAddEachFrame = 4;\n\n        //particle color\n        r = 255;\n        g = 255;\n        b = 255;\n\n        rgbString = \"rgba(\" + r + \",\" + g + \",\" + b + \",\"; //partial string for color which will be completed by appending alpha value.\n        particleAlpha = 1; //maximum alpha\n\n        displayWidth = theCanvas.width;\n        displayHeight = theCanvas.height;\n\n        fLen = 320; //represents the distance from the viewer to z=0 depth.\n\n        //projection center coordinates sets location of origin\n        projCenterX = displayWidth / 2;\n        projCenterY = displayHeight / 2;\n\n        //we will not draw coordinates if they have too large of a z-coordinate (which means they are very close to the observer).\n        zMax = fLen - 2;\n\n        particleList = {};\n        recycleBin = {};\n\n        //random acceleration factors - causes some random motion\n        randAccelX = 0.1;\n        randAccelY = 0.1;\n        randAccelZ = 0.1;\n\n        gravity = -0; //try changing to a positive number (not too large, for example 0.3), or negative for floating upwards.\n\n        particleRad = 2.5;\n\n        sphereCenterX = 0;\n        sphereCenterY = 0;\n        sphereCenterZ = -3 - sphereRad;\n\n        //alpha values will lessen as particles move further back, causing depth-based darkening:\n        zeroAlphaDepth = -750;\n\n        turnSpeed = 2 * Math.PI / 1200; //the sphere will rotate at this speed (one complete rotation every 1600 frames).\n        turnAngle = 0; //initial angle\n\n        timer = setInterval(onTimer, 10 / 24);\n    }\n\n    function onTimer() {\n        //if enough time has elapsed, we will add new particles.		\n        count++;\n        if (count >= wait) {\n\n            count = 0;\n            for (i = 0; i < numToAddEachFrame; i++) {\n                theta = Math.random() * 2 * Math.PI;\n                phi = Math.acos(Math.random() * 2 - 1);\n                x0 = sphereRad * Math.sin(phi) * Math.cos(theta);\n                y0 = sphereRad * Math.sin(phi) * Math.sin(theta);\n                z0 = sphereRad * Math.cos(phi);\n\n                //We use the addParticle function to add a new particle. The parameters set the position and velocity components.\n                //Note that the velocity parameters will cause the particle to initially fly outwards away from the sphere center (after\n                //it becomes unstuck).\n                var p = addParticle(x0, sphereCenterY + y0, sphereCenterZ + z0, 0.002 * x0, 0.002 * y0, 0.002 * z0);\n\n                //we set some \"envelope\" parameters which will control the evolving alpha of the particles.\n                p.attack = 50;\n                p.hold = 50;\n                p.decay = 100;\n                p.initValue = 0;\n                p.holdValue = particleAlpha;\n                p.lastValue = 0;\n\n                //the particle will be stuck in one place until this time has elapsed:\n                p.stuckTime = 90 + Math.random() * 20;\n\n                p.accelX = 0;\n                p.accelY = gravity;\n                p.accelZ = 0;\n            }\n        }\n\n        //update viewing angle\n        turnAngle = (turnAngle + turnSpeed) % (2 * Math.PI);\n        sinAngle = Math.sin(turnAngle);\n        cosAngle = Math.cos(turnAngle);\n\n        //background fill\n        context.fillStyle = \"#000000\";\n        context.fillRect(0, 0, displayWidth, displayHeight);\n\n        //update and draw particles\n        p = particleList.first;\n        while (p != null) {\n            //before list is altered record next particle\n            nextParticle = p.next;\n\n            //update age\n            p.age++;\n\n            //if the particle is past its \"stuck\" time, it will begin to move.\n            if (p.age > p.stuckTime) {\n                p.velX += p.accelX + randAccelX * (Math.random() * 2 - 1);\n                p.velY += p.accelY + randAccelY * (Math.random() * 2 - 1);\n                p.velZ += p.accelZ + randAccelZ * (Math.random() * 2 - 1);\n\n                p.x += p.velX;\n                p.y += p.velY;\n                p.z += p.velZ;\n            }\n\n            /*\n            We are doing two things here to calculate display coordinates.\n            The whole display is being rotated around a vertical axis, so we first calculate rotated coordinates for\n            x and z (but the y coordinate will not change).\n            Then, we take the new coordinates (rotX, y, rotZ), and project these onto the 2D view plane.\n            */\n            rotX = cosAngle * p.x + sinAngle * (p.z - sphereCenterZ);\n            rotZ = -sinAngle * p.x + cosAngle * (p.z - sphereCenterZ) + sphereCenterZ;\n            m = radius_sp * fLen / (fLen - rotZ);\n            p.projX = rotX * m + projCenterX;\n            p.projY = p.y * m + projCenterY;\n\n            //update alpha according to envelope parameters.\n            if (p.age < p.attack + p.hold + p.decay) {\n                if (p.age < p.attack) {\n                    p.alpha = (p.holdValue - p.initValue) / p.attack * p.age + p.initValue;\n                } else if (p.age < p.attack + p.hold) {\n                    p.alpha = p.holdValue;\n                } else if (p.age < p.attack + p.hold + p.decay) {\n                    p.alpha = (p.lastValue - p.holdValue) / p.decay * (p.age - p.attack - p.hold) + p.holdValue;\n                }\n            } else {\n                p.dead = true;\n            }\n\n            //see if the particle is still within the viewable range.\n            if ((p.projX > displayWidth) || (p.projX < 0) || (p.projY < 0) || (p.projY > displayHeight) || (rotZ > zMax)) {\n                outsideTest = true;\n            } else {\n                outsideTest = false;\n            }\n\n            if (outsideTest || p.dead) {\n                recycle(p);\n            } else {\n                //depth-dependent darkening\n                depthAlphaFactor = (1 - rotZ / zeroAlphaDepth);\n                depthAlphaFactor = (depthAlphaFactor > 1) ? 1 : ((depthAlphaFactor < 0) ? 0 : depthAlphaFactor);\n                context.fillStyle = rgbString + depthAlphaFactor * p.alpha + \")\";\n                /*ADD TEXT function!*/\n                /*ADD TEXT function!*/\n                /*ADD TEXT function!*/\n                /*ADD TEXT function!*/\n                context.fillText(p.flake, p.projX, p.projY);\n                /*ADD TEXT function!*/\n                /*ADD TEXT function!*/\n                /*ADD TEXT function!*/\n                /*ADD TEXT function!*/\n                //draw\n                context.beginPath();\n                if (opt_display_dots) {\n                    context.arc(p.projX, p.projY, m * particleRad, 0, 2 * Math.PI, false);\n                }\n                context.closePath();\n                context.fill();\n            }\n\n            p = nextParticle;\n        }\n    }\n\n    function addParticle(x0, y0, z0, vx0, vy0, vz0) {\n        var newParticle;\n        var color;\n\n\n        //check recycle bin for available drop:\n        if (recycleBin.first != null) {\n            newParticle = recycleBin.first;\n            //remove from bin\n            if (newParticle.next != null) {\n                recycleBin.first = newParticle.next;\n                newParticle.next.prev = null;\n            } else {\n                recycleBin.first = null;\n            }\n        }\n        //if the recycle bin is empty, create a new particle (a new ampty object):\n        else {\n            newParticle = {};\n        }\n\n        //add to beginning of particle list\n        if (particleList.first == null) {\n            particleList.first = newParticle;\n            newParticle.prev = null;\n            newParticle.next = null;\n        } else {\n            newParticle.next = particleList.first;\n            particleList.first.prev = newParticle;\n            particleList.first = newParticle;\n            newParticle.prev = null;\n        }\n\n        //initialize\n        newParticle.x = x0;\n        newParticle.y = y0;\n        newParticle.z = z0;\n        newParticle.velX = vx0;\n        newParticle.velY = vy0;\n        newParticle.velZ = vz0;\n        newParticle.age = 0;\n        newParticle.dead = false;\n\n        newParticle.flake = unicodeFlakes[Math.floor(Math.random() * unicodeFlakes.length)];\n        if (Math.random() < 0.5) {\n            newParticle.right = true;\n        } else {\n            newParticle.right = false;\n        }\n        return newParticle;\n    }\n\n    function recycle(p) {\n        //remove from particleList\n        if (particleList.first == p) {\n            if (p.next != null) {\n                p.next.prev = null;\n                particleList.first = p.next;\n            } else {\n                particleList.first = null;\n            }\n        } else {\n            if (p.next == null) {\n                p.prev.next = null;\n            } else {\n                p.prev.next = p.next;\n                p.next.prev = p.prev;\n            }\n        }\n        //add to recycle bin\n        if (recycleBin.first == null) {\n            recycleBin.first = p;\n            p.prev = null;\n            p.next = null;\n        } else {\n            p.next = recycleBin.first;\n            recycleBin.first.prev = p;\n            recycleBin.first = p;\n            p.prev = null;\n        }\n    }\n}\n\n\n', NULL, 10, 0),
(23, 'canvas_3Dball_min', '/* Modernizr 2.6.2 (Custom Build) | MIT & BSD\n * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-mq-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load\n */\n;\nwindow.Modernizr = function (a, b, c) {\n    function D(a) {\n      j.cssText = a\n    }\n\n    function E(a, b) {\n      return D(n.join(a + \";\") + (b || \"\"))\n    }\n\n    function F(a, b) {\n      return typeof a === b\n    }\n\n    function G(a, b) {\n      return !!~(\"\" + a).indexOf(b)\n    }\n\n    function H(a, b) {\n      for (var d in a) {\n        var e = a[d];\n        if (!G(e, \"-\") && j[e] !== c) return b == \"pfx\" ? e : !0\n      }\n      return !1\n    }\n\n    function I(a, b, d) {\n      for (var e in a) {\n        var f = b[a[e]];\n        if (f !== c) return d === !1 ? a[e] : F(f, \"function\") ? f.bind(d || b) : f\n      }\n      return !1\n    }\n\n    function J(a, b, c) {\n      var d = a.charAt(0).toUpperCase() + a.slice(1),\n        e = (a + \" \" + p.join(d + \" \") + d).split(\" \");\n      return F(b, \"string\") || F(b, \"undefined\") ? H(e, b) : (e = (a + \" \" + q.join(d + \" \") + d).split(\" \"), I(e, b, c))\n    }\n\n    function K() {\n      e.input = function (c) {\n        for (var d = 0, e = c.length; d < e; d++) u[c[d]] = c[d] in k;\n        return u.list && (u.list = !!b.createElement(\"datalist\") && !!a.HTMLDataListElement), u\n      }(\"autocomplete autofocus list placeholder max min multiple pattern required step\".split(\" \")), e.inputtypes = function (a) {\n        for (var d = 0, e, f, h, i = a.length; d < i; d++) k.setAttribute(\"type\", f = a[d]), e = k.type !== \"text\", e && (k.value = l, k.style.cssText = \"position:absolute;visibility:hidden;\", /^range$/.test(f) && k.style.WebkitAppearance !== c ? (g.appendChild(k), h = b.defaultView, e = h.getComputedStyle && h.getComputedStyle(k, null).WebkitAppearance !== \"textfield\" && k.offsetHeight !== 0, g.removeChild(k)) : /^(search|tel)$/.test(f) || (/^(url|email)$/.test(f) ? e = k.checkValidity && k.checkValidity() === !1 : e = k.value != l)), t[a[d]] = !!e;\n        return t\n      }(\"search tel url email datetime date month week time datetime-local number range color\".split(\" \"))\n    }\n    var d = \"2.6.2\",\n      e = {},\n      f = !0,\n      g = b.documentElement,\n      h = \"modernizr\",\n      i = b.createElement(h),\n      j = i.style,\n      k = b.createElement(\"input\"),\n      l = \":)\",\n      m = {}.toString,\n      n = \" -webkit- -moz- -o- -ms- \".split(\" \"),\n      o = \"Webkit Moz O ms\",\n      p = o.split(\" \"),\n      q = o.toLowerCase().split(\" \"),\n      r = {\n        svg: \"http://www.w3.org/2000/svg\"\n      },\n      s = {},\n      t = {},\n      u = {},\n      v = [],\n      w = v.slice,\n      x, y = function (a, c, d, e) {\n        var f, i, j, k, l = b.createElement(\"div\"),\n          m = b.body,\n          n = m || b.createElement(\"body\");\n        if (parseInt(d, 10))\n          while (d--) j = b.createElement(\"div\"), j.id = e ? e[d] : h + (d + 1), l.appendChild(j);\n        return f = [\"&#173;\", \'<style id=\"s\', h, \'\">\', a, \"</style>\"].join(\"\"), l.id = h, (m ? l : n).innerHTML += f, n.appendChild(l), m || (n.style.background = \"\", n.style.overflow = \"hidden\", k = g.style.overflow, g.style.overflow = \"hidden\", g.appendChild(n)), i = c(l, a), m ? l.parentNode.removeChild(l) : (n.parentNode.removeChild(n), g.style.overflow = k), !!i\n      },\n      z = function (b) {\n        var c = a.matchMedia || a.msMatchMedia;\n        if (c) return c(b).matches;\n        var d;\n        return y(\"@media \" + b + \" { #\" + h + \" { position: absolute; } }\", function (b) {\n          d = (a.getComputedStyle ? getComputedStyle(b, null) : b.currentStyle)[\"position\"] == \"absolute\"\n        }), d\n      },\n      A = function () {\n        function d(d, e) {\n          e = e || b.createElement(a[d] || \"div\"), d = \"on\" + d;\n          var f = d in e;\n          return f || (e.setAttribute || (e = b.createElement(\"div\")), e.setAttribute && e.removeAttribute && (e.setAttribute(d, \"\"), f = F(e[d], \"function\"), F(e[d], \"undefined\") || (e[d] = c), e.removeAttribute(d))), e = null, f\n        }\n        var a = {\n          select: \"input\",\n          change: \"input\",\n          submit: \"form\",\n          reset: \"form\",\n          error: \"img\",\n          load: \"img\",\n          abort: \"img\"\n        };\n        return d\n      }(),\n      B = {}.hasOwnProperty,\n      C;\n    !F(B, \"undefined\") && !F(B.call, \"undefined\") ? C = function (a, b) {\n      return B.call(a, b)\n    } : C = function (a, b) {\n      return b in a && F(a.constructor.prototype[b], \"undefined\")\n    }, Function.prototype.bind || (Function.prototype.bind = function (b) {\n      var c = this;\n      if (typeof c != \"function\") throw new TypeError;\n      var d = w.call(arguments, 1),\n        e = function () {\n          if (this instanceof e) {\n            var a = function () {};\n            a.prototype = c.prototype;\n            var f = new a,\n              g = c.apply(f, d.concat(w.call(arguments)));\n            return Object(g) === g ? g : f\n          }\n          return c.apply(b, d.concat(w.call(arguments)))\n        };\n      return e\n    }), s.flexbox = function () {\n      return J(\"flexWrap\")\n    }, s.canvas = function () {\n      var a = b.createElement(\"canvas\");\n      return !!a.getContext && !!a.getContext(\"2d\")\n    }, s.canvastext = function () {\n      return !!e.canvas && !!F(b.createElement(\"canvas\").getContext(\"2d\").fillText, \"function\")\n    }, s.webgl = function () {\n      return !!a.WebGLRenderingContext\n    }, s.touch = function () {\n      var c;\n      return \"ontouchstart\" in a || a.DocumentTouch && b instanceof DocumentTouch ? c = !0 : y([\"@media (\", n.join(\"touch-enabled),(\"), h, \")\", \"{#modernizr{top:9px;position:absolute}}\"].join(\"\"), function (a) {\n        c = a.offsetTop === 9\n      }), c\n    }, s.geolocation = function () {\n      return \"geolocation\" in navigator\n    }, s.postmessage = function () {\n      return !!a.postMessage\n    }, s.websqldatabase = function () {\n      return !!a.openDatabase\n    }, s.indexedDB = function () {\n      return !!J(\"indexedDB\", a)\n    }, s.hashchange = function () {\n      return A(\"hashchange\", a) && (b.documentMode === c || b.documentMode > 7)\n    }, s.history = function () {\n      return !!a.history && !!history.pushState\n    }, s.draganddrop = function () {\n      var a = b.createElement(\"div\");\n      return \"draggable\" in a || \"ondragstart\" in a && \"ondrop\" in a\n    }, s.websockets = function () {\n      return \"WebSocket\" in a || \"MozWebSocket\" in a\n    }, s.rgba = function () {\n      return D(\"background-color:rgba(150,255,150,.5)\"), G(j.backgroundColor, \"rgba\")\n    }, s.hsla = function () {\n      return D(\"background-color:hsla(120,40%,100%,.5)\"), G(j.backgroundColor, \"rgba\") || G(j.backgroundColor, \"hsla\")\n    }, s.multiplebgs = function () {\n      return D(\"background:url(https://),url(https://),red url(https://)\"), /(url\\s*\\(.*?){3}/.test(j.background)\n    }, s.backgroundsize = function () {\n      return J(\"backgroundSize\")\n    }, s.borderimage = function () {\n      return J(\"borderImage\")\n    }, s.borderradius = function () {\n      return J(\"borderRadius\")\n    }, s.boxshadow = function () {\n      return J(\"boxShadow\")\n    }, s.textshadow = function () {\n      return b.createElement(\"div\").style.textShadow === \"\"\n    }, s.opacity = function () {\n      return E(\"opacity:.55\"), /^0.55$/.test(j.opacity)\n    }, s.cssanimations = function () {\n      return J(\"animationName\")\n    }, s.csscolumns = function () {\n      return J(\"columnCount\")\n    }, s.cssgradients = function () {\n      var a = \"background-image:\",\n        b = \"gradient(linear,left top,right bottom,from(#9f9),to(white));\",\n        c = \"linear-gradient(left top,#9f9, white);\";\n      return D((a + \"-webkit- \".split(\" \").join(b + a) + n.join(c + a)).slice(0, -a.length)), G(j.backgroundImage, \"gradient\")\n    }, s.cssreflections = function () {\n      return J(\"boxReflect\")\n    }, s.csstransforms = function () {\n      return !!J(\"transform\")\n    }, s.csstransforms3d = function () {\n      var a = !!J(\"perspective\");\n      return a && \"webkitPerspective\" in g.style && y(\"@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}\", function (b, c) {\n        a = b.offsetLeft === 9 && b.offsetHeight === 3\n      }), a\n    }, s.csstransitions = function () {\n      return J(\"transition\")\n    }, s.fontface = function () {\n      var a;\n      return y(\'@font-face {font-family:\"font\";src:url(\"https://\")}\', function (c, d) {\n        var e = b.getElementById(\"smodernizr\"),\n          f = e.sheet || e.styleSheet,\n          g = f ? f.cssRules && f.cssRules[0] ? f.cssRules[0].cssText : f.cssText || \"\" : \"\";\n        a = /src/i.test(g) && g.indexOf(d.split(\" \")[0]) === 0\n      }), a\n    }, s.generatedcontent = function () {\n      var a;\n      return y([\"#\", h, \"{font:0/0 a}#\", h, \':after{content:\"\', l, \'\";visibility:hidden;font:3px/1 a}\'].join(\"\"), function (b) {\n        a = b.offsetHeight >= 3\n      }), a\n    }, s.video = function () {\n      var a = b.createElement(\"video\"),\n        c = !1;\n      try {\n        if (c = !!a.canPlayType) c = new Boolean(c), c.ogg = a.canPlayType(\'video/ogg; codecs=\"theora\"\').replace(/^no$/, \"\"), c.h264 = a.canPlayType(\'video/mp4; codecs=\"avc1.42E01E\"\').replace(/^no$/, \"\"), c.webm = a.canPlayType(\'video/webm; codecs=\"vp8, vorbis\"\').replace(/^no$/, \"\")\n      } catch (d) {}\n      return c\n    }, s.audio = function () {\n      var a = b.createElement(\"audio\"),\n        c = !1;\n      try {\n        if (c = !!a.canPlayType) c = new Boolean(c), c.ogg = a.canPlayType(\'audio/ogg; codecs=\"vorbis\"\').replace(/^no$/, \"\"), c.mp3 = a.canPlayType(\"audio/mpeg;\").replace(/^no$/, \"\"), c.wav = a.canPlayType(\'audio/wav; codecs=\"1\"\').replace(/^no$/, \"\"), c.m4a = (a.canPlayType(\"audio/x-m4a;\") || a.canPlayType(\"audio/aac;\")).replace(/^no$/, \"\")\n      } catch (d) {}\n      return c\n    }, s.localstorage = function () {\n      try {\n        return localStorage.setItem(h, h), localStorage.removeItem(h), !0\n      } catch (a) {\n        return !1\n      }\n    }, s.sessionstorage = function () {\n      try {\n        return sessionStorage.setItem(h, h), sessionStorage.removeItem(h), !0\n      } catch (a) {\n        return !1\n      }\n    }, s.webworkers = function () {\n      return !!a.Worker\n    }, s.applicationcache = function () {\n      return !!a.applicationCache\n    }, s.svg = function () {\n      return !!b.createElementNS && !!b.createElementNS(r.svg, \"svg\").createSVGRect\n    }, s.inlinesvg = function () {\n      var a = b.createElement(\"div\");\n      return a.innerHTML = \"<svg/>\", (a.firstChild && a.firstChild.namespaceURI) == r.svg\n    }, s.smil = function () {\n      return !!b.createElementNS && /SVGAnimate/.test(m.call(b.createElementNS(r.svg, \"animate\")))\n    }, s.svgclippaths = function () {\n      return !!b.createElementNS && /SVGClipPath/.test(m.call(b.createElementNS(r.svg, \"clipPath\")))\n    };\n    for (var L in s) C(s, L) && (x = L.toLowerCase(), e[x] = s[L](), v.push((e[x] ? \"\" : \"no-\") + x));\n    return e.input || K(), e.addTest = function (a, b) {\n        if (typeof a == \"object\")\n          for (var d in a) C(a, d) && e.addTest(d, a[d]);\n        else {\n          a = a.toLowerCase();\n          if (e[a] !== c) return e;\n          b = typeof b == \"function\" ? b() : b, typeof f != \"undefined\" && f && (g.className += \" \" + (b ? \"\" : \"no-\") + a), e[a] = b\n        }\n        return e\n      }, D(\"\"), i = k = null,\n      function (a, b) {\n        function k(a, b) {\n          var c = a.createElement(\"p\"),\n            d = a.getElementsByTagName(\"head\")[0] || a.documentElement;\n          return c.innerHTML = \"x<style>\" + b + \"</style>\", d.insertBefore(c.lastChild, d.firstChild)\n        }\n\n        function l() {\n          var a = r.elements;\n          return typeof a == \"string\" ? a.split(\" \") : a\n        }\n\n        function m(a) {\n          var b = i[a[g]];\n          return b || (b = {}, h++, a[g] = h, i[h] = b), b\n        }\n\n        function n(a, c, f) {\n          c || (c = b);\n          if (j) return c.createElement(a);\n          f || (f = m(c));\n          var g;\n          return f.cache[a] ? g = f.cache[a].cloneNode() : e.test(a) ? g = (f.cache[a] = f.createElem(a)).cloneNode() : g = f.createElem(a), g.canHaveChildren && !d.test(a) ? f.frag.appendChild(g) : g\n        }\n\n        function o(a, c) {\n          a || (a = b);\n          if (j) return a.createDocumentFragment();\n          c = c || m(a);\n          var d = c.frag.cloneNode(),\n            e = 0,\n            f = l(),\n            g = f.length;\n          for (; e < g; e++) d.createElement(f[e]);\n          return d\n        }\n\n        function p(a, b) {\n          b.cache || (b.cache = {}, b.createElem = a.createElement, b.createFrag = a.createDocumentFragment, b.frag = b.createFrag()), a.createElement = function (c) {\n            return r.shivMethods ? n(c, a, b) : b.createElem(c)\n          }, a.createDocumentFragment = Function(\"h,f\", \"return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(\" + l().join().replace(/\\w+/g, function (a) {\n            return b.createElem(a), b.frag.createElement(a), \'c(\"\' + a + \'\")\'\n          }) + \");return n}\")(r, b.frag)\n        }\n\n        function q(a) {\n          a || (a = b);\n          var c = m(a);\n          return r.shivCSS && !f && !c.hasCSS && (c.hasCSS = !!k(a, \"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}\")), j || p(a, c), a\n        }\n        var c = a.html5 || {},\n          d = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,\n          e = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,\n          f, g = \"_html5shiv\",\n          h = 0,\n          i = {},\n          j;\n        (function () {\n          try {\n            var a = b.createElement(\"a\");\n            a.innerHTML = \"<xyz></xyz>\", f = \"hidden\" in a, j = a.childNodes.length == 1 || function () {\n              b.createElement(\"a\");\n              var a = b.createDocumentFragment();\n              return typeof a.cloneNode == \"undefined\" || typeof a.createDocumentFragment == \"undefined\" || typeof a.createElement == \"undefined\"\n            }()\n          } catch (c) {\n            f = !0, j = !0\n          }\n        })();\n        var r = {\n          elements: c.elements || \"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video\",\n          shivCSS: c.shivCSS !== !1,\n          supportsUnknownElements: j,\n          shivMethods: c.shivMethods !== !1,\n          type: \"default\",\n          shivDocument: q,\n          createElement: n,\n          createDocumentFragment: o\n        };\n        a.html5 = r, q(b)\n      }(this, b), e._version = d, e._prefixes = n, e._domPrefixes = q, e._cssomPrefixes = p, e.mq = z, e.hasEvent = A, e.testProp = function (a) {\n        return H([a])\n      }, e.testAllProps = J, e.testStyles = y, e.prefixed = function (a, b, c) {\n        return b ? J(a, b, c) : J(a, \"pfx\")\n      }, g.className = g.className.replace(/(^|\\s)no-js(\\s|$)/, \"$1$2\") + (f ? \" js \" + v.join(\" \") : \"\"), e\n  }(this, this.document),\n  function (a, b, c) {\n    function d(a) {\n      return \"[object Function]\" == o.call(a)\n    }\n\n    function e(a) {\n      return \"string\" == typeof a\n    }\n\n    function f() {}\n\n    function g(a) {\n      return !a || \"loaded\" == a || \"complete\" == a || \"uninitialized\" == a\n    }\n\n    function h() {\n      var a = p.shift();\n      q = 1, a ? a.t ? m(function () {\n        (\"c\" == a.t ? B.injectCss : B.injectJs)(a.s, 0, a.a, a.x, a.e, 1)\n      }, 0) : (a(), h()) : q = 0\n    }\n\n    function i(a, c, d, e, f, i, j) {\n      function k(b) {\n        if (!o && g(l.readyState) && (u.r = o = 1, !q && h(), l.onload = l.onreadystatechange = null, b)) {\n          \"img\" != a && m(function () {\n            t.removeChild(l)\n          }, 50);\n          for (var d in y[c]) y[c].hasOwnProperty(d) && y[c][d].onload()\n        }\n      }\n      var j = j || B.errorTimeout,\n        l = b.createElement(a),\n        o = 0,\n        r = 0,\n        u = {\n          t: d,\n          s: c,\n          e: f,\n          a: i,\n          x: j\n        };\n      1 === y[c] && (r = 1, y[c] = []), \"object\" == a ? l.data = c : (l.src = c, l.type = a), l.width = l.height = \"0\", l.onerror = l.onload = l.onreadystatechange = function () {\n        k.call(this, r)\n      }, p.splice(e, 0, u), \"img\" != a && (r || 2 === y[c] ? (t.insertBefore(l, s ? null : n), m(k, j)) : y[c].push(l))\n    }\n\n    function j(a, b, c, d, f) {\n      return q = 0, b = b || \"j\", e(a) ? i(\"c\" == b ? v : u, a, b, this.i++, c, d, f) : (p.splice(this.i++, 0, a), 1 == p.length && h()), this\n    }\n\n    function k() {\n      var a = B;\n      return a.loader = {\n        load: j,\n        i: 0\n      }, a\n    }\n    var l = b.documentElement,\n      m = a.setTimeout,\n      n = b.getElementsByTagName(\"script\")[0],\n      o = {}.toString,\n      p = [],\n      q = 0,\n      r = \"MozAppearance\" in l.style,\n      s = r && !!b.createRange().compareNode,\n      t = s ? l : n.parentNode,\n      l = a.opera && \"[object Opera]\" == o.call(a.opera),\n      l = !!b.attachEvent && !l,\n      u = r ? \"object\" : l ? \"script\" : \"img\",\n      v = l ? \"script\" : u,\n      w = Array.isArray || function (a) {\n        return \"[object Array]\" == o.call(a)\n      },\n      x = [],\n      y = {},\n      z = {\n        timeout: function (a, b) {\n          return b.length && (a.timeout = b[0]), a\n        }\n      },\n      A, B;\n    B = function (a) {\n      function b(a) {\n        var a = a.split(\"!\"),\n          b = x.length,\n          c = a.pop(),\n          d = a.length,\n          c = {\n            url: c,\n            origUrl: c,\n            prefixes: a\n          },\n          e, f, g;\n        for (f = 0; f < d; f++) g = a[f].split(\"=\"), (e = z[g.shift()]) && (c = e(c, g));\n        for (f = 0; f < b; f++) c = x[f](c);\n        return c\n      }\n\n      function g(a, e, f, g, h) {\n        var i = b(a),\n          j = i.autoCallback;\n        i.url.split(\".\").pop().split(\"?\").shift(), i.bypass || (e && (e = d(e) ? e : e[a] || e[g] || e[a.split(\"/\").pop().split(\"?\")[0]]), i.instead ? i.instead(a, e, f, g, h) : (y[i.url] ? i.noexec = !0 : y[i.url] = 1, f.load(i.url, i.forceCSS || !i.forceJS && \"css\" == i.url.split(\".\").pop().split(\"?\").shift() ? \"c\" : c, i.noexec, i.attrs, i.timeout), (d(e) || d(j)) && f.load(function () {\n          k(), e && e(i.origUrl, h, g), j && j(i.origUrl, h, g), y[i.url] = 2\n        })))\n      }\n\n      function h(a, b) {\n        function c(a, c) {\n          if (a) {\n            if (e(a)) c || (j = function () {\n              var a = [].slice.call(arguments);\n              k.apply(this, a), l()\n            }), g(a, j, b, 0, h);\n            else if (Object(a) === a)\n              for (n in m = function () {\n                  var b = 0,\n                    c;\n                  for (c in a) a.hasOwnProperty(c) && b++;\n                  return b\n                }(), a) a.hasOwnProperty(n) && (!c && !--m && (d(j) ? j = function () {\n                var a = [].slice.call(arguments);\n                k.apply(this, a), l()\n              } : j[n] = function (a) {\n                return function () {\n                  var b = [].slice.call(arguments);\n                  a && a.apply(this, b), l()\n                }\n              }(k[n])), g(a[n], j, b, n, h))\n          } else !c && l()\n        }\n        var h = !!a.test,\n          i = a.load || a.both,\n          j = a.callback || f,\n          k = j,\n          l = a.complete || f,\n          m, n;\n        c(h ? a.yep : a.nope, !!i), i && c(i)\n      }\n      var i, j, l = this.yepnope.loader;\n      if (e(a)) g(a, 0, l, 0);\n      else if (w(a))\n        for (i = 0; i < a.length; i++) j = a[i], e(j) ? g(j, 0, l, 0) : w(j) ? B(j) : Object(j) === j && h(j, l);\n      else Object(a) === a && h(a, l)\n    }, B.addPrefix = function (a, b) {\n      z[a] = b\n    }, B.addFilter = function (a) {\n      x.push(a)\n    }, B.errorTimeout = 1e4, null == b.readyState && b.addEventListener && (b.readyState = \"loading\", b.addEventListener(\"DOMContentLoaded\", A = function () {\n      b.removeEventListener(\"DOMContentLoaded\", A, 0), b.readyState = \"complete\"\n    }, 0)), a.yepnope = k(), a.yepnope.executeStack = h, a.yepnope.injectJs = function (a, c, d, e, i, j) {\n      var k = b.createElement(\"script\"),\n        l, o, e = e || B.errorTimeout;\n      k.src = a;\n      for (o in d) k.setAttribute(o, d[o]);\n      c = j ? h : c || f, k.onreadystatechange = k.onload = function () {\n        !l && g(k.readyState) && (l = 1, c(), k.onload = k.onreadystatechange = null)\n      }, m(function () {\n        l || (l = 1, c(1))\n      }, e), i ? k.onload() : n.parentNode.insertBefore(k, n)\n    }, a.yepnope.injectCss = function (a, c, d, e, g, i) {\n      var e = b.createElement(\"link\"),\n        j, c = i ? h : c || f;\n      e.href = a, e.rel = \"stylesheet\", e.type = \"text/css\";\n      for (j in d) e.setAttribute(j, d[j]);\n      g || (n.parentNode.insertBefore(e, n), m(c, 0))\n    }\n  }(this, document), Modernizr.load = function () {\n    yepnope.apply(window, [].slice.call(arguments, 0))\n  };\n', NULL, 11, 0),
(24, '首頁報價', '$(\'.step1\').click(function() {\n    if ($(this).hasClass(\'up\')) {\n\n    } else {\n        $(this).addClass(\'up\').removeClass(\'down\');\n        $(\'.step2\').addClass(\'down\').removeClass(\'up\');\n    }\n});\n$(\'.step2\').click(function() {\n    if ($(this).hasClass(\'up\')) {\n\n    } else {\n        $(this).addClass(\'up\').removeClass(\'down\');\n        $(\'.step1\').addClass(\'down\').removeClass(\'up\');\n    }\n});\n\n\n\n$(\".contacts .accordion .card\").click(function() {\n    $(this).toggleClass(\"active\");\n});', NULL, 12, 1);
INSERT INTO `Scripts` (`Serial`, `ScriptNm`, `ScriptRule`, `ScriptLangs`, `ScriptOrder`, `Active`) VALUES
(25, 'logo-run-canvas', 'var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;\n\nfunction init() {\n    canvas = document.getElementById(\"canvas\");\n    anim_container = document.getElementById(\"animation_container\");\n    dom_overlay_container = document.getElementById(\"dom_overlay_container\");\n    var comp = AdobeAn.getComposition(\"AADB701955B8AB42A54873612033EB97\");\n    var lib = comp.getLibrary();\n    handleComplete({}, comp);\n}\n\nfunction handleComplete(evt, comp) {\n    //This function is always called, irrespective of the content. You can use the variable \"stage\" after it is created in token create_stage.\n    var lib = comp.getLibrary();\n    var ss = comp.getSpriteSheet();\n    exportRoot = new lib.logoruncanvas();\n    stage = new lib.Stage(canvas);\n    //Registers the \"tick\" event listener.\n    fnStartAnimation = function() {\n        stage.addChild(exportRoot);\n        createjs.Ticker.framerate = lib.properties.fps;\n        createjs.Ticker.addEventListener(\"tick\", stage);\n    }\n    //Code to support hidpi screens and responsive scaling.\n    AdobeAn.makeResponsive(false, \'both\', false, 1, [canvas, anim_container, dom_overlay_container]);\n    AdobeAn.compositionLoaded(lib.properties.id);\n    fnStartAnimation();\n}\n\ninit();', NULL, 13, 1);

-- --------------------------------------------------------

--
-- 資料表結構 `Sites`
--

CREATE TABLE `Sites` (
  `SiteSer` int NOT NULL,
  `SiteLang` varchar(10) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'zh-TW',
  `SiteTitle` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `EmbedJs` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `EmbedJson` json DEFAULT NULL,
  `SiteActive` tinyint(1) NOT NULL DEFAULT '1',
  `InfoRow` tinyint(1) NOT NULL DEFAULT '0',
  `LastModify` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
) ENGINE=MyISAM DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- 傾印資料表的資料 `Sites`
--

INSERT INTO `Sites` (`SiteSer`, `SiteLang`, `SiteTitle`, `EmbedJs`, `EmbedJson`, `SiteActive`, `InfoRow`, `LastModify`) VALUES
(1, 'zh-tw', '奇達資訊科技有限公司', '{\"topHeadJs\":\"<meta name=\\\"google-site-verification\\\" content=\\\"FovElVdH-8VUQlMoIydxtVVgdSD-YNKG4sGH5xLdbmg\\\" \\/>\\r\\n<meta name=\\\"facebook-domain-verification\\\" content=\\\"grdek60gvzinbb9qrfz2gvpjhqtmk5\\\" \\/>\\r\\n<!-- Global site tag (gtag.js) - Google Analytics -->\\r\\n<script async src=\\\"https:\\/\\/www.googletagmanager.com\\/gtag\\/js?id=G-LXGH4J9J8Y\\\"><\\/script>\\r\\n<script>\\r\\n  window.dataLayer = window.dataLayer || [];\\r\\n  function gtag(){dataLayer.push(arguments);}\\r\\n  gtag(\'js\', new Date());\\r\\n\\r\\n  gtag(\'config\', \'G-LXGH4J9J8Y\');\\r\\n<\\/script>\",\"headJs\":\"<!-- Google Tag Manager -->\\r\\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({\'gtm.start\':\\r\\nnew Date().getTime(),event:\'gtm.js\'});var f=d.getElementsByTagName(s)[0],\\r\\nj=d.createElement(s),dl=l!=\'dataLayer\'?\'&l=\'+l:\'\';j.async=true;j.src=\\r\\n\'https:\\/\\/www.googletagmanager.com\\/gtm.js?id=\'+i+dl;f.parentNode.insertBefore(j,f);\\r\\n})(window,document,\'script\',\'dataLayer\',\'GTM-K9VLJTS\');<\\/script>\\r\\n<!-- End Google Tag Manager -->\\r\\n\\r\\n<!-- Event snippet for \\u63d0\\u4ea4\\u5f85\\u958b\\u767c\\u5ba2\\u6236\\u8868\\u55ae conversion page\\r\\nIn your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->\\r\\n<script>\\r\\nfunction gtag_report_conversion(url) {\\r\\n  var callback = function () {\\r\\n    if (typeof(url) != \'undefined\') {\\r\\n      window.location = url;\\r\\n    }\\r\\n  };\\r\\n  gtag(\'event\', \'conversion\', {\\r\\n      \'send_to\': \'AW-649663264\\/A7d7CK2_sdEDEKCm5LUC\',\\r\\n      \'event_callback\': callback\\r\\n  });\\r\\n  return false;\\r\\n}\\r\\n<\\/script>\",\"topBodyJs\":\"<!-- Google Tag Manager (noscript) -->\\r\\n<noscript><iframe src=\\\"https:\\/\\/www.googletagmanager.com\\/ns.html?id=GTM-K9VLJTS\\\"\\r\\nheight=\\\"0\\\" width=\\\"0\\\" style=\\\"display:none;visibility:hidden\\\"><\\/iframe><\\/noscript>\\r\\n<!-- End Google Tag Manager (noscript) -->\",\"btmBodyJs\":\"\"}', '{\"hostPort\": \"2525\", \"mailHost\": \"cheetahtech.com.tw\", \"mailPass\": \"a0aymslohnmw\", \"sendMail\": \"service@cheetahtech.com.tw\", \"shipping\": \"[{\\\"num\\\":\\\"01\\\",\\\"name\\\":\\\"常溫\\\",\\\"fee\\\":\\\"80\\\",\\\"limit\\\":\\\"2500\\\"},{\\\"num\\\":\\\"02\\\",\\\"name\\\":\\\"冷藏\\\",\\\"fee\\\":\\\"180\\\",\\\"limit\\\":\\\"5000\\\"},{\\\"num\\\":\\\"03\\\",\\\"name\\\":\\\"冷凍\\\",\\\"fee\\\":\\\"180\\\",\\\"limit\\\":\\\"5000\\\"}]\", \"mailTitle\": \"奇達資訊科技有限公司\", \"remitAcct\": \"2121-0202-3991\", \"remitBank\": \"016高雄銀行（前鎮分行）\", \"remitName\": \"開富食品國際有限公司\", \"remitTitle\": \"開富食品國際有限公司\", \"shipfreelmt\": \"2500\", \"shippingfee\": \"80\", \"recvMailBoxs\": \"yogen.chen@gmail.com, cliff1973@gmail.com, cheetahtech.tw@gmail.com, cheetahtech.com.tw@gmail.com\", \"orderNotifyMail\": \"yktwo.ama@icloud.com,pd@teaplus.com.tw\"}', 1, 1, '2024-06-27 00:20:32');

-- --------------------------------------------------------

--
-- 資料表結構 `Styles`
--

CREATE TABLE `Styles` (
  `Serial` int NOT NULL,
  `StyleNm` varchar(30) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `StyleRule` mediumtext CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,
  `StyleLangs` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,
  `StyleOrder` int NOT NULL DEFAULT '0',
  `Active` tinyint(1) NOT NULL DEFAULT '1'
) ENGINE=MyISAM DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- 傾印資料表的資料 `Styles`
--

INSERT INTO `Styles` (`Serial`, `StyleNm`, `StyleRule`, `StyleLangs`, `StyleOrder`, `Active`) VALUES
(2, 'navigation', '@charset \'UTF-8\';\n@import url(\'https://fonts.googleapis.com/css?family=Michroma&display=swap\');\n\n/************Nav Bar*************/\n.nav-block {\n    transition-duration: .3s;\n    box-shadow: none;\n    padding: 0;\n    z-index: 7000;\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100px;\n    height: 100%;\n    border-right: 1px solid rgba(0, 0, 0, 0.3);\n}\n\n@media(max-width:992px) {\n    .nav-block {\n        width: 100%;\n        height: 80px;\n        border-right: none;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.3);\n        background-color: var(--kv-grad);\n        animation-name: bgcolor;\n        animation-duration: 20s;\n        animation-iteration-count: infinite;\n    }\n\n    .nav-block::after {\n        position: absolute;\n        left: 0;\n        top: 0;\n        content: \'\';\n        display: block;\n        width: 100%;\n        height: 100%;\n        background-image: url(/files/home/pixel01.png);\n        background-repeat: repeat;\n        animation-name: BGpixel;\n        animation-duration: 300ms;\n        animation-iteration-count: infinite;\n        z-index: -1;\n    }\n}\n\n.nav-block .navbar {\n    padding: 0;\n}\n\n/*#navigation {*/\n/*    flex-direction: row;*/\n/*}*/\n#navigation {\n    flex-direction: column;\n}\n\n.nav-block.sticky-top.active {\n    transition-duration: .3s;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\n    padding-top: 0.5rem;\n}\n\n#navbar_header {\n    position: relative;\n    display: block;\n    width: 100%;\n}\n\n.navbar-brand {\n    position: relative;\n    min-height: 30px;\n    padding: 0;\n    display: block;\n    max-width: 290px;\n    text-align: center;\n    margin-right: 0;\n}\n\n.nav-bar {\n    width: 100%;\n    z-index: 10;\n}\n\n.nav-block.sticky-top.active .nav-bar {\n    /*width: auto;*/\n}\n\n.nav-block.sticky-top.active .navbar-brand {}\n\n.nav-block.sticky-top.active .nav-log {\n    max-height: 50px;\n}\n\n.navbar-brand .logo,\nfooter .brand-logo {\n    max-width: 280px;\n    max-height: 50px;\n}\n\n.nav-log {\n    width: 70px;\n    height: 70px !important;\n    display: inline-block;\n    margin: 25px 0;\n    fill: #000;\n}\n\n@media(min-width:993px) {\n    #navigation {\n        max-width: 100%;\n        height: 100%;\n        justify-content: start;\n    }\n\n    #nav {\n        justify-content: center;\n    }\n\n    .navbar-brand {\n        margin-left: auto !important;\n        margin-right: auto !important;\n    }\n\n    .nav-bar {\n        width: 0%;\n        transition-duration: 0.5s;\n        transition-property: width;\n        opacity: 0;\n        position: absolute;\n        left: 100px;\n    }\n\n    .nav-bar.show {\n        width: 480px;\n        transition-duration: 0.5s;\n        opacity: 1;\n        left: 100px !important;\n        padding: 50px 0;\n        background-color: #f8f8f8;\n    }\n\n    #nav_block .nav-link,\n    #nav_block .nav-link+.menu-caret {\n        display: none;\n    }\n}\n\n@media(max-width:992px) {\n    #navigation {\n        flex-direction: row;\n        max-width: unset;\n        padding: 0 2%;\n    }\n\n    .navbar-brand {\n        max-width: 140px;\n        z-index: 1001;\n        height: 80px;\n    }\n\n    #navbar {\n        z-index: 1000;\n        top: 80px;\n        height: 100vh;\n    }\n\n    .ns-dropdown-md {\n        transition-duration: .6s;\n        opacity: 0;\n    }\n\n    .ns-dropdown-md.show {\n        transition-duration: .6s;\n        opacity: 1;\n    }\n\n    .nav-log {\n        margin: 10px 0 !important;\n        width: 60px;\n        height: 60px !important;\n    }\n}\n\n.menu-close-btn {\n    line-height: 45px;\n    text-align: left;\n    font-size: 24px;\n}\n\n.nav-container {\n    padding: 0;\n}\n\n.navbar-toggler {\n    /* position: absolute;*/\n    display: block;\n    border: 0;\n    right: 0;\n    top: 0;\n    margin: 0;\n    padding: 6px;\n    box-sizing: border-box;\n    cursor: pointer;\n    outline: none;\n    border-radius: 0;\n    transition-duration: .5s;\n    z-index: 1001;\n    padding-top: 25px;\n    text-align: center;\n}\n\n.navbar-button {\n    font-size: 22px;\n    height: 50px;\n    padding: 14px 8px;\n    box-sizing: border-box;\n    cursor: pointer;\n    outline: none;\n    background-color: transparent;\n}\n\n.navbar-toggler:focus {\n    outline: none;\n}\n\n.toggle-bar,\n.toggle-bar:after,\n.toggle-bar:before {\n    cursor: pointer;\n    border-radius: .5px;\n    height: 2px;\n    width: 20px;\n    background: #000;\n    position: absolute;\n    display: block;\n    content: \'\';\n}\n\n.toggle-bar {\n    top: 30%;\n    left: 27%;\n    transition-duration: .5s;\n}\n\n.toggle-bar:before {\n    top: -7px;\n    transition-duration: .5s;\n}\n\n.toggle-bar:after {\n    top: 7px;\n    transition-duration: .5s;\n}\n\n.navbar-toggler small {\n    font-weight: 600;\n    font-size: 0.8rem;\n    color: #000;\n}\n\n.navbar-toggler.trigger {\n    transition-duration: .5s;\n}\n\n.navbar-toggler.trigger .toggle-bar,\n.navbar-toggler.trigger .toggle-bar:after,\n.navbar-toggler.trigger .toggle-bar:before {\n    background-color: #000;\n    transition-duration: .5s;\n}\n\n.navbar-toggler.trigger .toggle-bar {\n    background-color: transparent;\n    transition-duration: .5s;\n    transform-origin: center center;\n}\n\n.navbar-toggler.trigger .toggle-bar:before {\n    transform: rotate(45deg);\n    transform-origin: left center;\n    transition-duration: .5s;\n}\n\n.navbar-toggler.trigger .toggle-bar:after {\n    transform: rotate(-45deg);\n    transform-origin: left center;\n    transition-duration: .5s;\n}\n\n.navbar-nav .item-wrapper {\n    border-radius: 0.25rem;\n    line-height: 35px;\n}\n\n.navbar-nav .item-wrapper.menu-wrap {\n    /*padding-right: 22px;*/\n}\n\n.navbar-nav .item-wrapper:hover {\n    /*background-color: #F39700;*/\n    /*transition-duration: .3s;*/\n}\n\n#nav_block .navbar-nav .item-wrapper:hover>* {\n    /*color: #FFF;*/\n    text-decoration: none;\n}\n\n@media (min-width:993px) {\n    .nav-bar.show .navbar-nav .nav-item:nth-child(2) {\n        transition-delay: 0.5s;\n    }\n\n    .nav-bar.show .navbar-nav .nav-item:nth-child(3) {\n        transition-delay: 0.6s;\n    }\n\n    .nav-bar.show .navbar-nav .nav-item:nth-child(4) {\n        transition-delay: 0.7s;\n    }\n\n    .nav-bar.show .navbar-nav .nav-item:nth-child(5) {\n        transition-delay: 0.8s;\n    }\n\n    .nav-bar.show .navbar-nav .nav-item:nth-child(6) {\n        transition-delay: 0.9s;\n    }\n\n    .nav-bar.show .navbar-nav .nav-item:nth-child(7) {\n        transition-delay: 1.0s;\n    }\n\n    .nav-bar.show .navbar-nav .nav-item:nth-child(8) {\n        transition-delay: 1.1s;\n    }\n\n    .nav-bar.show .navbar-nav .nav-item:nth-child(9) {\n        transition-delay: 1.2s;\n    }\n\n    .navbar-nav .nav-item {\n        transform: rotate(0.0001deg) translateX(-100px);\n        opacity: 0;\n        transition-property: transform, opacity;\n        transition-duration: 0s;\n        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n\n    .nav-bar.show .navbar-nav .nav-item {\n        transition-duration: 0.5s;\n        transform: rotate(0.0001deg) translateX(0px);\n        opacity: 1\n    }\n}\n\n.nav-item,\n.menu-item {\n    padding: 0;\n}\n\n#nav_block .menu-item:not(:last-child) {\n    /*margin-bottom: 0.5rem;*/\n}\n\n#nav_block .nav-link {\n    word-break: keep-all;\n    white-space: nowrap;\n    margin: auto;\n    padding: 0 0.5rem;\n    border-left: 3px solid transparent;\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: var(--kv-grad);\n    animation-name: color-grad;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n    flex-direction: row;\n    align-content: stretch;\n}\n\n#nav_block .nav-link .circle-arw {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: nowrap;\n    flex-direction: row;\n    align-content: stretch;\n    width: 16px;\n    height: 16px;\n    background-color: var(--kv-grad);\n    border-radius: 50%;\n    animation-name: bgcolor;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n    transition-duration: 0.3s;\n}\n\n#nav_block .nav-link .circle-arw::before {\n    content: \'\';\n    display: block;\n    height: 0px;\n    width: 0px;\n    border-style: solid;\n    border-color: transparent transparent transparent #FFF;\n    border-width: 5px;\n    margin-left: 6px;\n    transition-duration: 0.3s;\n}\n\n#nav_block .nav-item:after {\n    position: absolute;\n    left: 0;\n    top: 0;\n    content: \'\';\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: var(--kv-grad);\n    animation-name: bgcolor;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n    transition-property: transform, opacity;\n    transition-duration: 0.3s;\n    opacity: 0;\n    pointer-events: none;\n}\n\n#nav_block .nav-item:hover:after {\n    transition-duration: 0.3s;\n    opacity: 0.1;\n}\n\n#nav_block .nav-item:hover .circle-arw {\n    transform: rotate(0.0001deg) scale(0.6);\n    transition-duration: 0.3s;\n}\n\n#nav_block .nav-item:hover .circle-arw:before {\n    opacity: 0;\n    transition-duration: 0.3s;\n}\n\n#nav_block .navflow {\n    margin-top: 15px;\n}\n\n#nav_block .menu-link {\n    margin: auto;\n    padding: 5px 0.5rem;\n    border-left: 3px solid transparent;\n    display: block;\n    line-height: 120%;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--kv-grad);\n    animation-name: color-grad;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n}\n\n#nav_block .menu-link:hover {\n    opacity: 0.6;\n}\n\n#nav_block .item-wrapper .menu-link::before {\n    content: \'\';\n    display: inline-block;\n    width: 0px;\n    height: 6px;\n    margin-right: 10px;\n    vertical-align: super;\n    background-color: var(--kv-grad);\n    border-radius: 50%;\n    animation-name: bgcolor;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n    transition-duration: 0.3s;\n}\n\n#nav_block .item-wrapper:hover .menu-link::before {\n    width: 6px;\n}\n\n.menu-link.par-menu {\n    padding-right: 40px;\n}\n\n#nav_block .nav-item {\n    padding: 12px 60px;\n}\n\n.nav-bar .nav-item::before {\n    content: \'\';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    height: 1px;\n    background-size: 4px 1px;\n    background-repeat: repeat-x;\n    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 1px, transparent 1px, transparent 4px);\n    width: 0;\n    transition-property: width;\n    transition-duration: 2s;\n    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.nav-bar.show .nav-item::before {\n    width: 100%;\n}\n\n@media (min-width:993px) {\n    #nav_block .nav-item.active>.item-wrapper {\n        /*color: #FFF !important;*/\n        /*background-color: #F39700;*/\n    }\n\n    #nav_block .nav-item.active>.item-wrapper>.nav-link {\n        color: #FFF;\n    }\n}\n\n.menu-caret .fa {\n    transition-duration: .3s;\n    transform: rotate(0deg);\n    transform-origin: center center;\n    display: none;\n}\n\n.menu-caret.trigger .fa {\n    transition-duration: .3s;\n    transform: rotate(-180deg);\n}\n\n.nav-menu.nav-level-1 .menu-caret .fa {}\n\n.menu-link:hover {\n    border-left: 3px solid rgba(0, 112, 172, 1);\n}\n\n.nav-block .nav-menu {\n    min-width: 240px;\n    display: block;\n    border-radius: 0;\n    border: 0;\n}\n\n.nav-block .nav-menu.show {}\n\n@media (min-width:993px) {\n    .nav-block .nav-menu {\n        border-radius: 0.25rem;\n        background-color: transparent;\n        height: auto !important;\n    }\n}\n\n.nav-menu.nav-level-2 {\n    left: 100%;\n    right: auto;\n    top: 0;\n}\n\n#nav-affr .nav-item {\n    border: 0;\n}\n\n#nav-affr .nav-item:hover {\n    border: 0;\n}\n\n#nav-affr .nav-link {\n    padding: 0 8px;\n}\n\n#nav-affr .nav-item::before {\n    content: \'|\';\n    position: absolute;\n    right: -4px;\n    line-height: 55px;\n    color: #CCC;\n}\n\n#nav-affr .nav-item:last-child::before {\n    content: \'\';\n    right: auto;\n}\n\n.breadcrumb {\n    margin-bottom: 0;\n    text-align: left;\n    padding-top: 40px;\n    padding-bottom: 6px;\n    background-color: transparent;\n}\n\n.breadcrumb .container:before {\n    content: \'\';\n    display: inline-block;\n    background-image: url(\'/files/logo/logo-white.png\');\n    width: 161px;\n    height: 25px;\n    background-repeat: no-repeat;\n    background-size: cover;\n    margin-right: 30px;\n}\n\n.crumb {\n    font-size: 14px;\n    padding-right: 6px;\n    color: rgba(255, 255, 255, 0.5);\n}\n\n.crumb:hover {\n    color: rgba(255, 255, 255, 1);\n}\n\n.crumb:after {\n    font-family: FontAwesome;\n    content: \'\\f105\';\n    margin-left: 12px;\n}\n\n.crumb:last-child:after {\n    font-family: FontAwesome;\n    content: \'\';\n    margin-left: 0;\n}\n\n.breadcrumb .container {\n    line-height: 25px;\n    max-width: 100%;\n    display: flex;\n}\n\n@media (max-width: 992px) {\n    .navbar-nav {\n        min-width: 280px;\n    }\n\n    #nav_block .nav-item.active {}\n\n    #nav_block .nav-item {}\n\n    .menu-item.active:not(.trigger)>.item-wrapper {}\n\n    .menu-item.active:not(.trigger)>.item-wrapper>* {}\n\n    .menu-caret:hover {\n        color: #000;\n    }\n\n    #nav_block .nav-item.active>.item-wrapper>.nav-link,\n    #nav_block .nav-item.active>.item-wrapper>.nav-link:hover,\n    #nav_block .menu-item.active>.item-wrapper>.menu-link,\n    #nav_block .menu-item.active>.item-wrapper>.menu-link:hover {\n        /*color: #FFF;*/\n    }\n\n    #nav_block .nav-link {\n        margin: 0;\n        max-width: 100%;\n    }\n\n    .navbar-nav .item-wrapper {\n        flex-wrap: unset;\n        justify-content: space-between;\n    }\n\n    .menu-link {\n        padding-left: 40px;\n    }\n\n    .nav-level-2 .menu-link {\n        padding-left: 60px;\n    }\n\n    #nav_block .nav-menu.nav-level-1>.navflow>.menu-item>.item-wrapper>.menu-link {\n        padding-left: 1rem;\n        text-align: center;\n        padding: 0 15px 0 0;\n        line-height: 35px;\n    }\n\n    #nav_block .nav-menu.nav-level-2>.navflow>.menu-item>.item-wrapper>.menu-link {\n        /*padding-left: 2rem;*/\n    }\n\n    #nav_block .nav-menu.nav-level-3>.navflow>.menu-item>.item-wrapper>.menu-link {\n        padding-left: 3rem;\n    }\n\n    /*\n.nav-link:hover {\n	border-left: 3px solid rgba(0,112,172,1);\n}\n*/\n    #nav-affr {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        text-align: center;\n        float: none;\n    }\n\n    #nav-affr .nav-item {\n        display: inline-block;\n        border: 0;\n    }\n\n    #nav-affr .nav-item:hover {\n        border: 0;\n    }\n\n    #nav-affr .nav-link {\n        border: 0;\n    }\n\n    #nav-affr .nav-link:hover {\n        border: 0;\n    }\n}\n\n@media (max-width:992px) {\n    #nav_block .menu-link {\n        max-width: max-content;\n        margin: unset;\n    }\n\n    #nav_block .menu-link>span {\n        white-space: normal;\n        line-height: normal;\n        display: inline-block;\n        padding-top: 0.5rem;\n    }\n}\n\n.dropdown {\n    font-size: 0.9rem;\n    color: #999;\n}\n\n.breadcrumb .fa-home::before {\n    content: \'HOME\';\n}\n\n.breadcrumb .crumb:not(:last-child)::after {\n    content: \'\';\n    display: inline-block;\n    width: 40px;\n    height: 1px;\n    background-color: rgba(255, 255, 255, 0.5);\n}\n\nnav .nav-line {\n    \n    margin-top: 40px;\n    text-align: center;\n    font-size: 0.9rem;\n}\n\nnav .nav-line img {\n    margin-bottom: 10px;\n    max-width: 50px;\n}\n\n@media (max-width:992px) {\n    nav .nav-line {\n       margin-top: 0px; \n    }\n    nav .nav-line br {\n        display: none;\n    }\n    nav .nav-line img {\n        margin-right: 10px;\n    }\n}', NULL, 0, 1),
(3, 'footer', '.footer {\n    padding: 2rem;\n    color: #FFF;\n    font-family: \'ClashDisplay-Medium\', \'思源黑體\';\n    letter-spacing: 1px;\n}\n\n.footer .brand-logo {\n    max-width: 200px;\n    max-height: 60px;\n    width: auto;\n}\n\n@media (min-width:993px) {\n    .footer .contact-col {\n        /*max-width: 300px;*/\n        text-align: center;\n    }\n}\n\n@media (max-width:576px) {\n    .footer {\n        padding: 2rem 0 60px;\n    }\n}\n\n.footer .footer-text {\n    margin-top: 1.6rem;\n    margin-bottom: 0;\n}\n\n.footer .footer-text>li {\n    margin-bottom: 12px;\n    position: relative;\n}\n\n.footer .footer-text>li>* {\n    line-height: 20px;\n}\n\n.footer .footer-text .contact-icon {\n    margin-right: 10px;\n    font-size: 1.5rem;\n}\n\n.footer .copyright {\n    font-size: 0.875rem;\n    /*color: rgba(255,255,255,0.6);*/\n    padding-top: 0.5rem;\n}\n\n.footer .service h3 {\n    font-size: 1rem;\n    text-align: left;\n    padding-bottom: 0.5rem;\n    border-bottom: solid 1px rgba(255, 255, 255, 0.7);\n    width: 100%;\n}\n\n.footer .service h3::before {\n    content: \'\';\n    position: absolute;\n    width: 20px;\n    height: 4px;\n    background-color: #D0A600;\n    bottom: -2px;\n}\n\n.footer .service li {\n    padding: 0.6rem 0 0 0;\n    font-size: 0.8rem;\n    line-height: 110%;\n}\n\n.footer a {\n    color: #FFF;\n    margin-left: auto;\n    margin-right: auto;\n    display: block;\n    width: max-content;\n}\n\n.footer .service .list-unstyled a {\n    /*color: #CCC;*/\n}\n\n.footer .service .list-unstyled a:hover {\n    color: #D0A600;\n}\n\n.footer-pall .rd-parallax-layer[data-type=media]::before {\n    content: \'\';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(50, 50, 50, 0.5);\n}\n\n.footer-pall .pg-title {\n    margin-bottom: 3rem;\n}\n\n.footer-pall-html .social-icon-img {\n    width: 80px;\n    max-width: 100%;\n}\n\n.footer-pall-html .social-icon {\n    display: inline-block;\n    width: 5rem;\n    height: 5rem;\n    border-radius: 50%;\n}\n\n.footer a.email {\n    line-height: 18px;\n}', NULL, 2, 1),
(4, 'common', '@font-face {\n    font-family: \'OleoScript-Regular\';\n    src: url(\'/css/fonts/OleoScript-Regular.woff\') format(\'woff\'),\n        url(\'/css/fonts/OleoScript-Regular.ttf\') format(\'truetype\'),\n        url(\'/css/fonts/OleoScript-Regular.eot\') format(\'embedded-opentype\');\n}\n\n@font-face {\n    font-family: \'ClashDisplay-Medium\';\n    src: url(\'/files/fonts/ClashDisplay-Medium.woff\') format(\'woff\'),\n        url(\'/files/fonts/ClashDisplay-Medium.ttf\') format(\'truetype\'),\n        url(\'/files/fonts/ClashDisplay-Medium.eot\') format(\'embedded-opentype\');\n}\n\n@media (max-width:544px) {\n    /*html,body{\n        font-size: 14px;\n    }*/\n}\n\nbody {\n    color: #021039;\n    background-color: #eef2f6;\n}\n\na {\n    color: #FFF;\n}\n\na:hover {\n    color: #FFF;\n}\n\n.home article {\n    overflow-x: hidden;\n}\n\narticle {\n    padding-left: 100px;\n    color: #FFF;\n}\n\n@media (max-width:992px) {\n    article {\n        padding-left: 0;\n    }\n}\n\n.px-grid {\n    padding-left: 4%;\n    padding-right: 4%;\n}\n\n.p-hr {\n    border-top: none;\n    position: relative;\n    width: 100%;\n}\n\n.p-hr-double {\n    height: 10px;\n}\n\n.p-hr-double::after {\n    bottom: 0;\n    position: absolute;\n}\n\n.p-hr::before,\n.p-hr--dot-pattern::after,\n.p-hr-double::after {\n    content: \'\';\n    display: block;\n    width: 0%;\n    height: 1px;\n    background-color: rgba(255, 255, 255, 0.5);\n}\n\n.p-hr[data-scroll]::before,\n.p-hr[data-scroll]::after,\n.p-hr--dot-pattern[data-scroll] span {\n    transition-property: width, height;\n    transition-duration: 2s;\n    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    width: 0%;\n}\n\n.p-hr[data-scroll].ns-ent.enter::before,\n.p-hr[data-scroll].ns-ent.enter::after {\n    width: 100%;\n}\n\n.p-hr--dot-pattern {\n    height: 61px;\n    /*padding: 2px 0;*/\n}\n\n.p-hr--dot-pattern span {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-repeat: repeat;\n    background-image: radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 10%);\n    background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 10%);\n    background-size: 3px 3px;\n}\n\n.p-hr--dot-pattern[data-scroll].ns-ent.enter span {\n    width: 100%;\n}\n\n.p-heading {\n    display: flex;\n    justify-content: space-between;\n    align-items: stretch;\n    flex-wrap: nowrap;\n    flex-direction: row;\n    align-content: stretch;\n    padding-top: 43px;\n    padding-bottom: 43px;\n}\n\n.p-heading .more {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: nowrap;\n    flex-direction: row;\n    align-content: stretch;\n    /*transition-duration: 0.2s;*/\n    -webkit-animation: btnAni 0.8s infinite cubic-bezier(0.66, 0, 0, 1);\n    animation: btnAni 0.8s infinite cubic-bezier(0.66, 0, 0, 1);\n}\n\n@-webkit-keyframes btnAni {\n    20% {\n        margin-right: 0px;\n    }\n\n    70% {\n        margin-right: -8px;\n    }\n}\n\n@keyframes btnAni {\n    20% {\n        margin-right: 0px;\n    }\n\n    70% {\n        margin-right: -8px;\n    }\n}\n\n.p-heading .more .circle-arw {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: nowrap;\n    flex-direction: row;\n    align-content: stretch;\n    width: 16px;\n    height: 16px;\n    background-color: transparent;\n    border-radius: 50%;\n    display: inline-block;\n}\n\n.p-heading .more .circle-arw::before {\n    content: \'\';\n    display: block;\n    height: 0px;\n    width: 0px;\n    border-style: solid;\n    border-color: transparent transparent transparent #FFF;\n    border-width: 5px;\n    margin-left: 6px;\n    margin-top: 5px;\n}\n\n.p-heading .more a:hover {\n    color: #000;\n}\n\n.p-heading .more a:hover .circle-arw::before {\n    border-color: transparent transparent transparent #000;\n}\n\n.p-title {\n    line-height: 120%;\n    margin-bottom: 0;\n}\n\n.p-heading .p-title_en {\n    display: block;\n    font-family: \'ClashDisplay-Medium\';\n    font-weight: 500;\n    font-size: 3.5rem;\n}\n\n.p-heading .p-title_tw {\n    font-size: 1.2rem;\n    font-family: \'思源黑體\';\n}\n\n.p-title-circle::before {\n    content: \'\';\n    display: inline-block;\n    position: relative;\n    width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    border: 1px solid #ffffff;\n    margin-right: 15px;\n}\n\n.p-title-circle small {\n    font-size: 1rem;\n}\n\n@media (max-width:768px) {\n    .p-title {\n        line-height: 100%;\n    }\n\n    .p-heading .p-title_en {\n        font-size: 2.5rem;\n    }\n\n    .p-heading .p-title_tw {\n        font-size: 1rem;\n    }\n}\n@media (max-width:464px) {\n    .p-heading .p-title_en {\n        font-size: 2rem;\n    }\n}\n\n.c-line {\n    pointer-events: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.c-line::before {\n    content: \'\';\n    position: absolute;\n    background-color: rgba(255, 255, 255, 0.5);\n}\n\n.c-line[data-line-direction=\'left\']::before {\n    left: 0;\n}\n\n.c-line[data-line-direction=\'right\']::before {\n    right: 0;\n}\n\n.c-line[data-line-direction=\'left\']::before,\n.c-line[data-line-direction=\'right\']::before {\n    top: 0;\n    width: 1px;\n    height: 0%;\n}\n\n.c-line.ns-ent.enter::before {\n    transition-property: width, height;\n    transition-duration: 2s;\n    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.c-line[data-line-direction=\'left\'].ns-ent.enter::before,\n.c-line[data-line-direction=\'right\'].ns-ent.enter::before {\n    height: 100%;\n}\n\na:hover {\n    text-decoration: none;\n}\n\n.fs-xl-14 {\n    font-size: 14px;\n}\n\nimg {\n    max-width: 100%;\n    height: auto;\n}\n\n.container .container {\n    padding: 0;\n}\n\n.btn-default {\n    background-color: #bd2130;\n}\n\n.flex-card-header {\n    display: block;\n}\n\n.empty-hidden:empty {\n    display: none;\n}\n\n.indent-cont {\n    display: block;\n    max-width: 830px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.bg-top-shadow {\n    box-shadow: inset 0px 2px 3px rgba(20%, 20%, 40%, 0.2);\n}\n\n.btn:not(.normal) {\n    border-radius: 0;\n    padding-right: 3.75rem;\n    box-sizing: border-box;\n    overflow: hidden;\n    transition: all .5s;\n    background: #4b4b4b;\n    color: #FFF;\n}\n\n.btn:not(.normal)::before {\n    content: \'\';\n    position: absolute;\n    left: -50px;\n    top: 50%;\n    margin-top: -0.5px;\n    width: 35px;\n    height: 1px;\n    background: #fff;\n    transition: all .5s;\n}\n\n.btn:not(.normal)::after {\n    content: \'\';\n    position: absolute;\n    right: 14px;\n    top: 50%;\n    margin-top: -0.5px;\n    width: 35px;\n    height: 1px;\n    background: #c1c1c1;\n    transition: all .5s;\n}\n\n.btn:not(.normal):hover {\n    padding-left: 3.75rem;\n    padding-right: 0.75rem;\n    transition: all .5s;\n}\n\n.btn:not(.normal):hover:before {\n    left: 0px;\n    transition-delay: .2s;\n    background: #c1c1c1\n}\n\n.btn:not(.normal):hover:after {\n    right: -50px;\n    width: 0px;\n}\n\n.btn-default {\n    background-color: #bd2130;\n}\n\n#pagearea .break-inside-avoid {\n    outline: 1px dotted #CCC;\n    background-color: rgba(0, 255, 100, 0.1);\n}\n\n.break-inside-avoid {\n    display: grid;\n    -webkit-column-break-inside: avoid;\n    page-break-inside: avoid;\n    break-inside: avoid;\n}\n\n.dotted-btm {\n    border-bottom: 2px dotted #DDD;\n}\n\n.step-wrap {\n    counter-reset: my-sub-counter;\n}\n\n.step-row {\n    counter-reset: my-sec-counter;\n}\n\n.step-block {\n    padding: 1.25rem;\n    height: 100%;\n}\n\n.step-block::before {\n    counter-increment: my-sec-counter;\n    content: counter(my-sec-counter);\n    position: absolute;\n    bottom: 50px;\n    right: 5px;\n    color: #E8E8E8;\n    font-family: Arial;\n    font-style: italic;\n    font-size: 8em;\n    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);\n}\n\n.step-block::after {\n    content: \'\';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 0;\n    border-bottom: 1px dotted #CCC;\n}\n\n.step-topic::before {\n    content: \'步驟\'counter(my-sub-counter);\n    counter-increment: my-sub-counter;\n    position: relative;\n    display: inline-block;\n    font-family: \'Allura\', \'微軟正黑體\';\n    font-size: 1rem;\n}\n\n.en .step-topic::before {\n    content: \'Step\'counter(my-sub-counter);\n}\n\n.step-topic>span.fa {\n    font-size: 18px;\n    margin-left: 0.25rem;\n    margin-right: 0.25rem;\n    color: #990000;\n}\n\n.step-topic>span {\n    font-size: 1rem;\n}\n\n.step-text {\n    color: #999;\n}\n\n.entre-row {\n    counter-reset: block-counter;\n}\n\n.entre-row .card-body {\n    text-align: center;\n}\n\n.entre-row .card-title::before {\n    content: \'STEP \'counter(block-counter);\n    counter-increment: block-counter;\n    position: relative;\n    display: inline-block;\n}\n\n/************slider**************/\n.slick-dots {\n    position: absolute;\n    bottom: 30px;\n}\n\n.slick-arrow {\n    z-index: 10;\n}\n\n.products-carousel {\n    max-width: 420px;\n    margin: auto;\n}\n\n/****************************  ****************************/\n/*\n.slider-syn {\n    width: 100%;\n}\n\n.slider-syn .items-view {\n    margin-bottom: 1rem;\n}\n\n.slider-syn .slider-nav .slick-slide {\n    margin: 0.5rem;\n}\n\n.slider-syn .slider-nav .slick-list {\n    margin: -0.5rem;\n}\n*/\n.slider-syn .slider-nav .items-block {\n    cursor: pointer;\n    border: dotted 1px #CCC;\n}\n\n.slick-arrow {\n    cursor: pointer;\n    width: 32px;\n    height: 32px;\n    border-radius: 1rem;\n}\n\n.slick-prev {\n    left: 10px;\n    background-color: rgba(255, 255, 255, 0.5);\n}\n\n.slick-next {\n    right: 10px;\n    background-color: rgba(255, 255, 255, 0.5);\n}\n\n.slick-prev::before {\n    content: \'\';\n    display: block;\n    width: 20px;\n    height: 20px;\n    background-image: url(/images/icons/arrow-bl.png);\n    background-size: cover;\n    margin-left: 6px;\n}\n\n.slick-next:before {\n    content: \'\';\n    display: block;\n    width: 20px;\n    height: 20px;\n    background-image: url(/images/icons/arrow-br.png);\n    background-size: cover;\n    margin-left: 6px;\n}\n\n.slider-syn .slider-nav .slick-slide.slick-current .items-block {\n    border: solid 1px #000;\n}\n\n.slider-syn .items-view {\n    margin-bottom: 1rem;\n}\n\n.items-view .items-block,\n.items-nav .items-block {\n    background-size: contain;\n    background-position: center center;\n    background-repeat: no-repeat;\n    padding-bottom: 100%;\n}\n\n/*************other*************/\n#gotop {\n    display: none;\n    position: fixed;\n    right: 20px;\n    bottom: 30px;\n    width: 40px;\n    height: 40px;\n    line-height: 32px;\n    text-align: center;\n    font-size: 25px;\n    background: rgba(0, 0, 0, .36);\n    color: #FAFCFD;\n    cursor: pointer;\n    z-index: 80\n}\n\n#gotop>span.fa {\n    top: -5px;\n}\n\n#gotop>.txt {\n    position: absolute;\n    width: 100%;\n    line-height: normal;\n    font-size: 12px;\n    bottom: 5px;\n    text-align: center\n}\n\n/*************float-contact***********/\n.wdg-contact-wrap {\n    position: absolute;\n    left: 0;\n    top: 100px;\n    padding: 0.25rem;\n    margin-top: 1rem;\n    background-color: rgba(0, 0, 0, 0.4);\n    color: #FFF;\n    font-size: 12px;\n    transition-duration: .6s;\n    transition-timing-function: ease-out;\n    z-index: 3000;\n}\n\n.wdg-contact-wrap.hide {\n    left: -55px;\n    transition-duration: .6s;\n    transition-timing-function: ease-out;\n}\n\n.wdg-contact-wrap .wdg-switch {\n    display: block;\n    left: 0;\n    line-height: 32px;\n    text-align: center;\n    transition-duration: .6s;\n    font-family: FontAwesome;\n}\n\n.wdg-contact-wrap .wdg-switch::before {\n    content: \'\\f060\';\n}\n\n.wdg-contact-wrap.hide .wdg-switch {\n    width: 28px;\n    line-height: 60px;\n    left: 100%;\n    background-color: rgba(0, 0, 0, 0.4);\n    transition-duration: .6s;\n    transition-delay: .3s;\n}\n\n.wdg-contact-wrap.hide .wdg-switch::before {\n    content: \'\\f061\';\n}\n\n.wdg-contact-wrap .wdg-link:not(:last-child) {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.4);\n}\n\n.wdg-contact-wrap .wdg-link {\n    display: block;\n}\n\n.wdg-contact-wrap .wdg-icon {\n    display: block;\n    width: 45px;\n    height: 45px;\n    text-align: center;\n    margin: auto;\n}\n\n.wdg-contact-wrap .wdg-icon:before {\n    content: \'\';\n    display: inline-block;\n    height: 100%;\n    width: 0;\n    vertical-align: middle;\n}\n\n.wdg-contact-wrap .wdg-icon>img {\n    max-width: 32px;\n    max-height: 32px;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.invalid-feedback {\n    font-size: 14px;\n    color: #FF3F00;\n    position: absolute;\n    right: 14px;\n    bottom: 0;\n    pointer-events: none;\n}\n\n.invalid-feedback .list-unstyled {\n    margin: 0;\n}\n\n.has-error .form-input {\n    box-shadow: 0 0 1px 1px #FF3F00 inset;\n}\n\n.help-block {\n    font-size: 14px;\n    color: #FF3F00;\n    position: absolute;\n    right: 24px;\n    bottom: 0;\n    pointer-events: none\n}\n\n.help-block .list-unstyled {\n    margin: 0\n}\n\n/* 呼吸動畫 */\n@-webkit-keyframes moveYPlusCentered2 {\n    0% {\n        transform: perspective(400px) translate(0) translateZ(0)\n    }\n\n    50% {\n        transform: perspective(400px) translateY(10px) translateZ(0)\n    }\n\n    to {\n        transform: perspective(400px) translate(0) translateZ(0)\n    }\n}\n\n@keyframes moveYPlusCentered2 {\n    0% {\n        transform: perspective(400px) translate(0) translateZ(0)\n    }\n\n    50% {\n        transform: perspective(400px) translateY(10px) translateZ(0)\n    }\n\n    to {\n        transform: perspective(400px) translate(0) translateZ(0)\n    }\n}\n\n.sticky_block {\n    height: 100vh;\n    z-index: 1;\n    position: -webkit-sticky;\n    position: sticky;\n    width: 100%;\n    top: 0;\n    left: 0;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-justify-content: center;\n    justify-content: center;\n    overflow: hidden;\n    pointer-events: none;\n    background-color: #fff;\n    -webkit-transition: background-color .5s ease;\n    transition: background-color .5s ease;\n}\n\n.sticky_block.black {\n    background-color: #23293c;\n}\n\n/* 照片牆 */\n.dyn-img-sect {\n    overflow: hidden;\n}\n\n.dyn-img-row {\n    margin-left: -2px;\n    margin-right: -2px;\n}\n\n.dyn-img-row>.column {\n    padding: 0;\n}\n\n.dyn-img-row .img-layer {\n    position: absolute;\n    right: 2px;\n    top: 2px;\n    bottom: 2px;\n    left: 2px;\n    z-index: 10;\n    background-size: cover;\n    background-position: center center;\n    transform: scale(1, 1);\n    transition-duration: 2s;\n}\n\n.home-case .shp-xl-s {\n    padding-top: 70%;\n}\n\n.home-case .shp-xl-l {\n    padding-top: 35%;\n}\n\n/* 旋轉動畫 */\n@-webkit-keyframes whirl {\n    from {\n        -webkit-transform: rotate(0deg);\n    }\n\n    to {\n        -webkit-transform: rotate(360deg);\n    }\n}\n\n@-moz-keyframes whirl {\n    from {\n        -moz-transform: rotate(0deg);\n    }\n\n    to {\n        -moz-transform: rotate(360deg);\n    }\n}\n\n@-o-keyframes whirl {\n    from {\n        -o-transform: rotate(0deg);\n    }\n\n    to {\n        -o-transform: rotate(360deg);\n    }\n}\n\n@keyframes whirl {\n    from {\n        transform: rotate(0deg);\n    }\n\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n/* ratio */\n.ratio {\n    position: relative;\n    width: 100%;\n}\n\n.ratio>* {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.ratio-16x9 {\n    --bs-aspect-ratio: calc(9 / 16 * 100%);\n}\n\n.ratio::before {\n    display: block;\n    padding-top: var(--bs-aspect-ratio);\n    content: \'\';\n}\n\n.contactform .form-group.has-error .invalid-feedback {\n    font-size: 0.75rem;\n    display: block;\n    bottom: 10px;\n    right: 16px;\n}', NULL, 1, 1);
INSERT INTO `Styles` (`Serial`, `StyleNm`, `StyleRule`, `StyleLangs`, `StyleOrder`, `Active`) VALUES
(5, 'home', '.top-name {\n    width: 100%;\n    max-width: 100%;\n    height: 100vh;\n    overflow: hidden;\n    position: fixed;\n}\n\n.home .top-name {\n    padding-top: 5rem;\n    position: initial;\n    height: initial;\n}\n\n#particles-js {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}\n\n/* 翻轉的icon */\n.list-index__image-icon {\n    width: 55px;\n    height: 55px;\n    z-index: 10;\n    position: absolute;\n    top: 20px;\n    right: 0;\n    bottom: 0;\n    left: 60px;\n    pointer-events: none;\n}\n\n.list-index__image-icon:after {\n    display: block;\n    content: \'\';\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: url(/files/icon/icon-blank.svg) rgba(0, 0, 0, .3) no-repeat 50% 50%;\n    background-size: 24px 19px;\n    opacity: 0;\n    -webkit-transform: scaleX(0);\n    transform: scaleX(0);\n    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1);\n    transition: all .2s cubic-bezier(.77, 0, .175, 1);\n}\n\na:hover .list-index__image-icon:after {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    transform: scale(1);\n}\n\n.layer {\n    position: absolute;\n    top: 50px;\n    right: -60%;\n    opacity: 0.05;\n}\n\n/* 文字空間感動畫 */\n.line-box {\n    margin-top: 100px;\n}\n\n.line {\n    width: 90vw;\n}\n\n.line .left,\n.line .right {\n    width: 45vw;\n    overflow: hidden;\n    display: inline-block;\n}\n\n.line .left {\n    color: #FFF;\n    transform: skew(0deg, -15deg);\n}\n\n.line .right {\n    color: black;\n    transform: skew(0deg, 15deg);\n}\n\n.line .left .content {\n    width: 90vw;\n    text-align: center;\n}\n\n.line .right .content {\n    width: 90vw;\n    text-align: center;\n    transform: translate(-45vw);\n}\n\n.line span {\n    display: inline-block;\n    font-family: \'Montserrat\', sans-serif;\n    font-weight: bold;\n    font-size: 6vw;\n    text-transform: uppercase;\n    line-height: 100%;\n    transition: ease-out .6s;\n}\n\n.line-box .line:nth-child(1) span,\n.line-box .line:nth-child(2) span {\n    line-height: 90%;\n}\n\n.line-box .line:nth-child(3) span {\n    font-size: 2.5vw;\n    margin-top: 10px;\n    font-family: \'思源黑體\';\n}\n\n@media (max-width: 464px) {\n    .layer {\n        right: -95%;\n        transform: translate(-200px,150px) scale(1.5) !important;\n    }\n\n    .line-box {\n        transform: scale(1.6);\n    }\n}\n\n/* 手風琴菜單 */\n.pointsArea {\n    padding: 100px 0;\n    transition: 0.9s;\n}\n\n.pointsArea .wrap {\n    width: 1640px;\n}\n\n.pointsArea ul.pointsList {\n    display: flex;\n    list-style: none;\n    margin: auto;\n    overflow: hidden;\n    padding-left: 0;\n}\n\n@media (min-width: 1301px) {\n    .pointsArea ul.pointsList {\n        width: 85%;\n    }\n}\n\n.pointsArea ul.pointsList:hover li {\n    width: calc((100% - 960px) / 4);\n}\n\n.pointsArea ul.pointsList:hover li:hover {\n    width: 960px;\n}\n\n.pointsArea ul.pointsList li .item .Txt {\n    position: absolute;\n    width: 100%;\n    bottom: 0%;\n    left: 50%;\n    transform: translate(-50%, 0%);\n    z-index: 10;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 20px 10px;\n    transition: 0s;\n}\n\n.pointsArea ul.pointsList li .item .Txt h3 {\n    font-size: 17px;\n    color: #fff;\n    padding: 15px 0;\n    font-weight: bold;\n    opacity: 1;\n}\n\n.pointsArea ul.pointsList li .item .Txt p {\n    display: none;\n    color: #fff;\n    font-size: 14px;\n    opacity: 0;\n}\n\n.pointsArea ul.pointsList li .item .Txt img.icon {\n    border: 1px solid #fff;\n    border-radius: 99em;\n}\n\n.pointsArea ul.pointsList:hover li:hover .item .Txt {\n    left: 0;\n    max-width: 660px;\n    width: 100%;\n    bottom: 0;\n    transform: translate(0%, 0%);\n    flex-direction: row;\n    padding: 40px;\n}\n\n.pointsArea ul.pointsList:hover li:hover .item .Txt div {\n    padding-left: 20px;\n}\n\n.pointsArea ul.pointsList:hover li:hover .item .Txt h3 {\n    font-size: 23px;\n    letter-spacing: 3px;\n    margin-top: 20px;\n    opacity: 1;\n}\n\n.pointsArea ul.pointsList:hover li:hover .item .Txt p {\n    display: block;\n    opacity: 1;\n}\n\n.pointsArea ul.pointsList:hover li:hover::after {\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 50%);\n}\n\n.pointsArea ul.pointsList li {\n    position: relative;\n    width: calc(100% / 5);\n    overflow: hidden;\n    border-right: 1px solid #fff;\n    transition: 0.9s;\n}\n\n.pointsArea ul.pointsList li a {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    z-index: 15;\n}\n\n.pointsArea ul.pointsList li::after {\n    content: \'\';\n    width: 100%;\n    height: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 8;\n    background: rgba(0, 0, 0, 0.33);\n    transition: 1.2s;\n}\n\n.pointsArea ul.pointsList li .item .Img {\n    position: relative;\n    z-index: 5;\n    height: 715px;\n}\n\n.pointsArea ul.pointsList li .item .Img img {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    max-width: unset;\n}\n\n@media (max-width: 1660px) {\n    .pointsArea .wrap {\n        width: 100%;\n        padding: 0 20px;\n    }\n}\n\n@media (max-width: 1440px) {\n    .pointsArea ul.pointsList:hover li {\n        width: calc(50% / 4);\n    }\n\n    .pointsArea ul.pointsList:hover li:hover {\n        width: 50%;\n    }\n\n    .pointsArea ul.pointsList:hover li:hover .item .Txt {\n        width: 100%;\n        padding: 40px 20px;\n        flex-direction: column;\n    }\n\n    .pointsArea ul.pointsList:hover li:hover .item .Txt div {\n        padding-left: 0px;\n    }\n\n    .pointsArea ul.pointsList:hover li:hover .item .Txt h3 {\n        text-align: center;\n    }\n\n    .pointsArea ul.pointsList li .item .Img {\n        height: 500px;\n    }\n}\n\n@media (max-width: 767px) {\n    .pointsArea {\n        padding: 50px 0;\n        transform: translate(0, 0px);\n    }\n\n    .pointsArea ul.pointsList {\n        display: block;\n        padding-left: 0;\n    }\n\n    .pointsArea ul.pointsList:hover li {\n        width: 100%;\n    }\n\n    .pointsArea ul.pointsList:hover li:hover {\n        width: 100%;\n    }\n\n    .pointsArea ul.pointsList li {\n        width: 100%;\n    }\n\n    .pointsArea ul.pointsList li .item .Img {\n        height: 450px;\n    }\n\n    .pointsArea ul.pointsList li .item .Txt {\n        bottom: 50%;\n        transform: translate(-50%, 50%);\n    }\n\n    .pointsArea ul.pointsList:hover li:hover .item .Txt {\n        max-width: 100%;\n    }\n\n    .pointsArea ul.pointsList li .item .Txt h3 {\n        text-align: center;\n    }\n\n    .pointsArea ul.pointsList li .item .Txt p {\n        text-align: justify;\n        text-justify: inter-ideograph;\n    }\n\n    .pointsArea ul.pointsList li.view::after {\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));\n    }\n\n    .pointsArea ul.pointsList li.view .item .Txt {\n        flex-direction: column;\n        padding: 40px 20px;\n        bottom: 0;\n        transform: translate(-50%, 0%);\n    }\n\n    .pointsArea ul.pointsList li.view .item .Txt h3 {\n        font-size: 23px;\n        font-family: \'Noto Serif TC\', serif;\n        letter-spacing: 3px;\n    }\n\n    .pointsArea ul.pointsList li.view .item .Txt p {\n        display: block;\n    }\n}\n\n/* 疊色圖片 */\n:root {\n    --kv-grad: #01a6ba;\n}\n\n:root {\n    --grad1: #01a6ba;\n}\n\n:root {\n    --grad2: #bc9f2f;\n}\n\n:root {\n    --grad3: #75c095;\n}\n\n:root {\n    --grad4: #a0abb1;\n}\n\nbody {\n    background-color: var(--kv-grad);\n    animation-name: bgcolor;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n}\n\n.p-clipImg .photo {\n    width: max-content;\n    max-width: 100%;\n    padding: 0;\n    z-index: 2;\n}\n\n.p-clipImg .photo::after {\n    position: absolute;\n    left: 0;\n    top: 0;\n    content: \'\';\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: var(--kv-grad);\n    transition-property: transform, opacity;\n    transition-duration: 1s;\n    transition-timing-function: linear;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transition-property: background-color;\n    /* 圖層混合效果 */\n    mix-blend-mode: overlay;\n    z-index: 10;\n    animation-name: bgcolor;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n}\n\n.p-clipImg .photo img {\n    transition-property: transform, opacity;\n    transition-duration: 0.7s;\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    /*transform: rotate(0.0001deg) translateY(0px);*/\n}\n\n/* The animation code */\n@keyframes bgcolor {\n    0% {\n        background-color: var(--grad1);\n    }\n\n    20% {\n        background-color: var(--grad1);\n    }\n\n    25% {\n        background-color: var(--grad2);\n    }\n\n    45% {\n        background-color: var(--grad2);\n    }\n\n    50% {\n        background-color: var(--grad3);\n    }\n\n    70% {\n        background-color: var(--grad3);\n    }\n\n    75% {\n        background-color: var(--grad4);\n    }\n\n    95% {\n        background-color: var(--grad4);\n    }\n\n    100% {\n        background-color: var(--grad1);\n    }\n}\n\n@keyframes color-grad {\n    0% {\n        color: var(--grad1);\n    }\n\n    20% {\n        color: var(--grad1);\n    }\n\n    25% {\n        color: var(--grad2);\n    }\n\n    45% {\n        color: var(--grad2);\n    }\n\n    50% {\n        color: var(--grad3);\n    }\n\n    70% {\n        color: var(--grad3);\n    }\n\n    75% {\n        color: var(--grad4);\n    }\n\n    95% {\n        color: var(--grad4);\n    }\n\n    100% {\n        color: var(--grad1);\n    }\n}\n\n@keyframes border-color {\n    0% {\n        border-color: var(--grad1);\n    }\n\n    20% {\n        border-color: var(--grad1);\n    }\n\n    25% {\n        border-color: var(--grad2);\n    }\n\n    45% {\n        border-color: var(--grad2);\n    }\n\n    50% {\n        border-color: var(--grad3);\n    }\n\n    70% {\n        border-color: var(--grad3);\n    }\n\n    75% {\n        border-color: var(--grad4);\n    }\n\n    95% {\n        border-color: var(--grad4);\n    }\n\n    100% {\n        border-color: var(--grad1);\n    }\n}\n\narticle::after,\n.footer::after,\n.pagetop::after {\n    position: absolute;\n    left: 0;\n    top: 0;\n    content: \'\';\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-image: url(/files/home/pixel01.png);\n    /*background-size: 100%;*/\n    background-repeat: repeat;\n    animation-name: BGpixel;\n    animation-duration: 300ms;\n    animation-iteration-count: infinite;\n    z-index: -1;\n}\n\n@keyframes BGpixel {\n    0% {\n        background-image: url(/files/home/pixel01.png);\n    }\n\n    33% {\n        background-image: url(/files/home/pixel02.png);\n    }\n\n    66% {\n        background-image: url(/files/home/pixel03.png);\n    }\n\n    100% {\n        background-image: url(/files/home/pixel01.png);\n    }\n}\n\n/* 專業服務 */\n.home-service .flex-card {\n    padding-bottom: 80px;\n}\n\n.home-service .flex-card-header {\n    padding: 40px;\n    font-weight: bold;\n}\n\n.home-service .left,\n.home-service .right {\n    padding: 0;\n}\n\n@media (min-width: 993px) {\n    .home-service .left {\n        margin-right: 4%;\n    }\n}\n\n.home-service .flex-card-body .title-img {\n    margin-bottom: 40px;\n}\n\n.home-service .service-item {\n    width: 95%;\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n}\n\n.home-service .service-item .flex-card {\n    padding: 15px 0;\n    /*border: solid 1px rgba(255, 255, 255, 0.5);*/\n    /*border-radius: 8px;*/\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    background-repeat: no-repeat;\n    background-image: -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6));\n    background-image: -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);\n    background-image: -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);\n    background-image: linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%);\n    background-size: 0% 1px, 1px 0%, 1px 0%, 0% 1px, 0% 1px, 100% 1px, 1px 100%, 1px 100%, 0% 1px, 100% 1px;\n    background-position: 50% 0, 100% 50%, 0 50%, 0% 100%, 100% 100%, 50% 0, 100% 50%, 0 50%, 0% 100%, 100% 100%;\n    -webkit-transition: all .4s ease;\n    -o-transition: all .4s ease;\n    transition: all .4s ease;\n}\n\n.home-service .service-item .flex-card:hover {\n    background-size: 100% 1px, 1px 100%, 1px 100%, 0% 1px, 100% 1px, 100% 1px, 1px 100%, 1px 100%, 0% 1px, 100% 1px;\n    background-color: rgba(0, 0, 0, 0.1);\n}\n\n.home-service .service-item .flex-card-header {\n    padding: 3px 10px;\n    /*color: var(--kv-grad);*/\n    /*animation-name: color-grad;*/\n    /*animation-duration: 20s;*/\n    /*animation-iteration-count: infinite;*/\n}\n\n.home-service .service-item img {\n    width: 50%;\n    margin-bottom: 10px;\n}\n\n/* 網站建置案例 */\n.home-case .dyn-img-row .column {\n    overflow: hidden;\n}\n\n.home-case .dyn-img-row .column .round2 {\n    z-index: 8;\n}\n\n.home-case .dyn-img-row .column .round1 {\n    position: absolute;\n    width: 100%;\n    top: 0;\n    left: 100%;\n    z-index: 9;\n    animation: cases-round 10s linear infinite;\n    animation-delay: 3s;\n}\n\n.home-case .dyn-img-row .column:nth-child(3) .round1 {\n    animation-delay: 3.05s;\n}\n\n.home-case .dyn-img-row .column:nth-child(4) .round1 {\n    animation-delay: 3.1s;\n}\n\n.home-case .dyn-img-row .column:nth-child(5) .round1 {\n    animation-delay: 3.15s;\n}\n\n.home-case .dyn-img-row .column:nth-child(6) .round1 {\n    animation-delay: 3.2s;\n}\n\n.home-case .dyn-img-row .column:nth-child(7) .round1 {\n    animation-delay: 3.25s;\n}\n\n.home-case .dyn-img-row .column:nth-child(8) .round1 {\n    animation-delay: 3.3s;\n}\n\n@keyframes cases-round {\n    0% {\n        left: 100%;\n    }\n\n    2% {\n        left: 0%;\n    }\n\n    50% {\n        left: 0%;\n    }\n\n    52% {\n        left: -100%;\n    }\n\n    100% {\n        left: -100%;\n    }\n}\n\n.home-case .dyn-img-row .column .round1::before,\n.home-case .dyn-img-row .column .round2::before {\n    content: \'\';\n    background: rgba(0, 0, 0, 0.8);\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    z-index: 12;\n    pointer-events: none;\n    transition: all 0.4s ease;\n}\n\n.home-case .dyn-img-row .column .round1::after,\n.home-case .dyn-img-row .column .round2::after {\n    content: \'\';\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    position: absolute;\n    left: 20px;\n    top: 20px;\n    bottom: 20px;\n    right: 20px;\n    z-index: 12;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.4s ease;\n}\n\n.home-case .column img.LOGO-run {\n    max-width: 80%;\n    margin-top: 1rem;\n    position: absolute;\n    top: 0px;\n    left: 10%;\n    opacity: 0;\n    z-index: 12;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    outline: 300px solid #000;\n    border-top: 0 !important;\n}\n\n.home-case .column:hover img.LOGO-run {\n    top: 50px;\n    opacity: 0.3;\n}\n\n.home-case .column a.link {\n    /*    width: 100%;*/\n    /*height: 100%;*/\n    /*display: block;*/\n}\n\n.home-case .column h5 {\n    opacity: 0;\n    position: absolute;\n    top: 30px;\n    left: 10%;\n    z-index: 13;\n    transition: all 0.4s ease;\n}\n\n.home-case .dyn-img-row .column .round1:hover::before,\n.home-case .dyn-img-row .column .round1:hover::after,\n.home-case .dyn-img-row .column .round2:hover::before,\n.home-case .dyn-img-row .column .round2:hover::after,\n.home-case .column:hover h5 {\n    opacity: 1;\n}\n\n.home-case .column h5 strong {\n    overflow: hidden;\n    display: block;\n    width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: bold;\n}\n\n.home-case .column h5 em {\n    display: block;\n    font-size: 16px;\n    width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n}\n\n.home-case .column.cell-xl-3 img.LOGO-run {\n    max-width: 50%;\n    left: 25%;\n}\n\n.home-case .column .shp-xl-l img.LOGO-run {\n    max-width: 25%;\n    left: 40%;\n}\n\n/* 報價洽詢 */\n.home-offer {\n    padding-bottom: 200px;\n}\n\n.home-offer h4 {\n    font-size: 1.1rem;\n}\n\n.home-offer h4::before {\n    content: \'1\';\n    display: block;\n    color: #d2d2d2;\n    font-family: \'Amiri-Regular\';\n    font-size: 8rem;\n    position: absolute;\n    top: -85px;\n    left: -54px;\n}\n\n.home-offer .step2 h4::before {\n    content: \'2\';\n    left: -67px;\n}\n\n.home-offer .step1 {\n    display: block;\n    width: 52%;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8% 80px 6% 80px;\n    z-index: 1;\n    animation-delay: 0.2s;\n}\n\n.home-offer .step1::before {\n    content: \'\';\n    display: block;\n    background-color: #FFF;\n    padding-top: 100%;\n    position: absolute;\n    width: 100%;\n    top: 0;\n    left: 0;\n}\n\n.home-offer .content {\n    /*width: 60%;*/\n    /*margin-left: 30%;*/\n}\n\n.home-offer .step2 .content {\n    margin-left: 20%;\n}\n\n.home-offer .step2 {\n    float: right;\n    position: absolute;\n    right: 55px;\n    width: 52%;\n    padding: 15% 0 0 8%;\n    animation-delay: 0.7s;\n    z-index: 0;\n    color: #FFF;\n}\n\n.home-offer .step2::before {\n    content: \'\';\n    display: block;\n    padding-top: 100%;\n    position: absolute;\n    width: 100%;\n    top: 80px;\n    left: 80px;\n    z-index: -2;\n    border: 1px #FFF dashed;\n    background-color: rgba(255, 255, 255, 0.1);\n}\n\n.home-offer .step1.up,\n.home-offer .step2.up {\n    z-index: 2;\n    color: #757575;\n}\n\n.home-offer .step1.up::before,\n.home-offer .step2.up::before {\n    background-color: #FFF;\n    border: none;\n}\n\n@media (min-width:993px) {\n\n    .home-offer .step1.down,\n    .home-offer .step2.down {\n        z-index: 1;\n        color: #FFF;\n    }\n}\n\n.home-offer .step1.down::before,\n.home-offer .step2.down::before {\n    background-color: rgba(255, 255, 255, 0.1);\n    border: 1px #FFF dashed;\n}\n\n.home-offer .contact_form {\n    padding: 0;\n    box-shadow: none;\n    color: #757575;\n    background: transparent;\n}\n\n.home-offer #contactform .form-control {\n    background: transparent;\n}\n\n.home-offer .text-danger {\n    margin-right: 5px;\n}\n\n.home-offer #contactform .input-block {\n    margin-bottom: 5px;\n    width: 100%;\n}\n\n.home-offer #contactform .need {\n    padding: 24px 0.75rem 0.375rem 0.75rem;\n    /*height: 63px;*/\n    margin-bottom: 0;\n}\n\n.home-offer i {\n    position: relative;\n    display: inline-block;\n    margin-right: 5px;\n    width: 18px;\n    height: 18px;\n    background-color: #c6c6c6;\n    border-radius: 50%;\n    -webkit-transition: all .5s;\n    -o-transition: all .5s;\n    transition: all .5s;\n}\n\n.home-offer .radio2 input[type=\'radio\']:checked~i,\n.home-offer .radio2 input[type=\'checkbox\']:checked~i {\n    background-color: #102e4a;\n}\n\n.home-offer .radio2 {\n    margin-right: 30px;\n    cursor: pointer;\n}\n\n@media (max-width:1400px) {\n    .home-service {\n        padding-left: 0%;\n        padding-right: 0%;\n    }\n\n    .home-service .service-item img {\n        width: 78%;\n        margin-bottom: 0;\n    }\n\n    .home-service .service-item .flex-card {\n        padding: 8px 0;\n    }\n\n    .home-service .service-item .flex-card-body {\n        padding: 0 10px 5px 10px;\n        min-height: 54px;\n    }\n\n    .home-offer .step1,\n    .home-offer .step2 {\n        width: 48%;\n        position: relative;\n    }\n\n    .home-offer .step2 {\n        z-index: 2;\n        padding-top: 12%;\n    }\n\n    .home-offer .content {\n        margin-left: 10%;\n    }\n\n    .home-offer .step2 .content {\n        margin-left: 0;\n        width: 90%;\n    }\n\n    .home-offer .step2::before {\n        left: 0;\n        top: 6%;\n        padding-top: 120%;\n    }\n\n    .home-offer .step1::before {\n        width: 90%;\n        left: 5%;\n        padding-top: 100%;\n    }\n}\n\n@media (max-width:992px) {\n    .home-offer .contact_form .cell-row {\n        background: #FFF;\n        border-radius: 10px;\n    }\n\n    .home-offer .step1,\n    .home-offer .step2 {\n        padding: 8% 80px 6% 80px;\n        width: auto;\n        right: unset;\n        color: #757575;\n    }\n\n    .home-offer .step1 .content,\n    .home-offer .step2 .content {\n        margin-left: 10%;\n        width: 80%;\n    }\n\n    .home-offer .step1::before,\n    .home-offer .step2::before {\n        display: none;\n    }\n\n    .home-offer h4::before {\n        font-size: 6rem;\n        bottom: -27px;\n        top: auto;\n        left: -56px !important;\n    }\n}\n\n@media (max-width:768px) {\n    .home-offer h4::before {\n        font-size: 5rem;\n    }\n}\n\n@media (max-width:576px) {\n    .home-offer .contact_form .cell-row {\n        margin: unset;\n    }\n\n    .home-service .service-item>div {\n        padding: 0.5rem;\n    }\n\n    .home-offer .step1,\n    .home-offer .step2 {\n        padding: 4rem 1rem 2rem 4rem;\n    }\n}\n\n.radio2 i::before,\n.checkbox2 i::before {\n    content: \'\';\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    margin-left: -5px;\n    margin-top: -4px;\n    width: 10px;\n    height: 8px;\n    background-image: url(\'/files/icons/icon_check.png\');\n    background-repeat: no-repeat;\n    background-size: contain;\n    opacity: 0;\n    -webkit-transition: all .5s;\n    -o-transition: all .5s;\n    transition: all .5s;\n}\n\n.radio2 input[type=\'radio\']:checked~i::before,\n.radio2 input[type=\'checkbox\']:checked~i::before {\n    opacity: 1;\n}\n\n.home-offer input[type=\'radio\'] {\n    position: absolute;\n    left: 0;\n    top: 0;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n}', NULL, 3, 1),
(6, 'pages', '.pg-title {\n    font-size: 2.2rem;\n    color: #005CB9;\n    font-weight: 700;\n}\n\n@media(max-width:992px) {\n    .pg-title {\n        font-size: 2rem;\n    }\n}\n\n@media(max-width:768px) {\n    .pg-title {\n        font-size: 1.75rem;\n    }\n}\n\n@media(max-width:576px) {\n    .pg-title {\n        font-size: 1.5rem;\n    }\n}\n\n@media(max-width:464px) {\n    .pg-title {\n        font-size: 1.2rem;\n    }\n}\n\n.slick-slide {\n    outline: none !important;\n}\n\n.page-list-row .item-info-wrap {\n    padding-top: 0.5rem;\n}\n\n.page-list-row .item-info-wrap>.name {\n    display: inline-block;\n    color: #666;\n    margin-bottom: 0;\n}\n\n.page-list-row .item-wrap {\n    padding: 8px;\n    border: 1px solid #EEE;\n    border-radius: 4px;\n    height: 100%;\n}\n\n.page-list-row .description {\n    position: absolute;\n    top: 80px;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow: hidden;\n    color: #FFF;\n}\n\n.page-list-row .description .ani-list {\n    transform: translateX(50%);\n    opacity: 0;\n    transition-duration: .4s;\n}\n\n.page-list-row .box:hover .ani-list {\n    transform: translateX(0);\n    opacity: 1;\n    transition-duration: .4s;\n}\n\n.page-list-row .box .ani-list:nth-child(1) {\n    transition-delay: .4s;\n}\n\n.page-list-row .box .ani-list:nth-child(2) {\n    transition-delay: 0.6s;\n}\n\n.page-list-row .box .ani-list:nth-child(3) {\n    transition-delay: 0.8s;\n}\n\n.page-list-row .box .ani-list:nth-child(4) {\n    transition-delay: 1.0s;\n}\n\n.page-list-row .box .ani-list:nth-child(5) {\n    transition-delay: 1.2s;\n}\n\n.page-list-row .box .ani-list:nth-child(6) {\n    transition-delay: 1.4s;\n}\n\n.page-list-row .box .ani-list:nth-child(7) {\n    transition-delay: 1.6s;\n}\n\n.page-list-row .cate {\n    color: #FFF;\n}\n\n/*********about***********/\n.about-img {\n    border: 6px #FFF solid;\n    border-radius: 80px;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.brand-sect {\n    background-size: 100% auto;\n    background-repeat: no-repeat;\n}\n\n.brand-sect::before {\n    content: \'\';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-image: url(/images/content/about_bg_full.jpg);\n    z-index: -1;\n}\n\n.brand-block {\n    margin-top: 15%;\n    margin-left: 6%;\n    width: 60%;\n}\n\n@media (max-width:992px) {\n    .brand-block {\n        width: 700px;\n    }\n}\n\n@media (max-width:768px) {\n    .brand-block {\n        width: auto;\n        margin-left: auto;\n    }\n}\n\n/*********SYSTEM PAGE***********/\n.content-sys {\n    margin: 2.5rem auto;\n}\n\n/************Place************/\n.idx-row {\n    counter-reset: block-counter;\n}\n\n.idx-col .card-body {\n    margin: 0;\n    padding: 0;\n}\n\n.idx-col .card-index {\n    flex: 0 0 auto;\n    width: auto;\n    max-width: none;\n    margin: 0;\n    padding-right: 0.5rem;\n}\n\n.idx-col .card-index::before {\n    content: counter(block-counter);\n    counter-increment: block-counter;\n    font: 8rem \'arial\';\n    font-style: italic;\n    color: #DDD;\n    line-height: 8rem;\n}\n\n.idx-col .card-text {\n    -ms-flex-preferred-size: 0;\n    flex-basis: 0;\n    -ms-flex-positive: 1;\n    flex-grow: 1;\n    max-width: 100%;\n    padding-top: 1rem;\n    color: #666;\n}\n\n.numberlist ol {\n    counter-reset: li;\n    list-style: none;\n    margin-bottom: 1rem;\n    text-align: left;\n    padding-left: 1rem;\n}\n\n.numberlist li {\n    position: relative;\n    display: block;\n    padding: 1em 1em 1em 3em;\n    *padding: .4em;\n    margin: .5em 0;\n    background: #fff;\n    color: #444;\n    text-decoration: none;\n    -moz-border-radius: .3em;\n    -webkit-border-radius: .3em;\n    border-radius: .3em;\n}\n\n.numberlist li::before {\n    content: counter(li);\n    counter-increment: li;\n    position: absolute;\n    left: -1.3em;\n    top: 50%;\n    margin-top: -1.3em;\n    background: #87ceeb;\n    height: 3em;\n    width: 3em;\n    line-height: 2.5em;\n    border: .3em solid #fff;\n    text-align: center;\n    font-weight: 700;\n    -moz-border-radius: 2em;\n    -webkit-border-radius: 2em;\n    border-radius: 2em;\n    color: #fff;\n}\n\n.contacts-block>a {\n    text-decoration: none;\n}\n\n.contacts-block>a>div {\n    border: 1px solid #CCC;\n    border-radius: 4px;\n}\n\n.contacts-block>a>div:hover {\n    background-color: #e5feff;\n}\n\n.contacts-block h5 {\n    margin-top: 1rem;\n    color: #da251d;\n    text-decoration: none;\n}\n\n.contacts-block p {\n    margin-top: 1rem;\n    color: #666;\n    text-decoration: none;\n}\n\n/*********page prev/next *********/\n.prev-next-wrap>.row {\n    background-color: #e2e2e2;\n    margin: 0;\n    border-radius: 0.25rem;\n}\n\n.prev-next-wrap a {\n    color: #dc3545;\n}\n\n.prev-next-wrap .prev-pg:hover,\n.prev-next-wrap .next-pg:hover {\n    background-color: #efefef;\n}\n\n.prev-next-wrap .prev-pg {\n    padding: 0 1rem 0 40px;\n}\n\n.prev-next-wrap .next-pg {\n    padding: 0 40px 0 1rem;\n}\n\n.prev-next-wrap .prev-pg,\n.prev-next-wrap .next-pg {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.prev-next-wrap .prev-pg::before {\n    content: \'\\f104\';\n    font-family: FontAwesome;\n    font-size: 24px;\n    position: absolute;\n    left: 1rem;\n    top: 15px;\n}\n\n.prev-next-wrap .next-pg::before {\n    content: \'\\f105\';\n    font-family: FontAwesome;\n    font-size: 24px;\n    position: absolute;\n    left: auto;\n    right: 1rem;\n    top: 15px;\n}\n\n.prev-next-divider {\n    position: absolute;\n    top: 10px;\n    bottom: 10px;\n    width: 0;\n    left: 50%;\n    border-left: 1px solid #FFF;\n    z-index: 1;\n}\n\n@media (max-width:464px) {\n    .prev-next-divider {\n        top: 50%;\n        bottom: auto;\n        width: auto;\n        left: 10px;\n        right: 10px;\n        border-top: 1px solid #FFF;\n    }\n}\n\n.pgcont-wrap,\n.article-list-row {\n    background-color: #FFF;\n    box-shadow: 1.6px 1.4px 4px 0px rgba(162, 162, 162, 0.15);\n    padding: 100px 60px 60px 60px;\n    line-height: 200%;\n}\n\n.article-list-row {\n    padding-top: 60px;\n}\n\n/* 內頁標題 */\n.pagetop {\n    padding-left: 160px;\n    color: #FFF;\n}\n\n.pagetop .p-title {\n    display: block;\n    font-family: \'ClashDisplay-Medium\';\n    font-weight: 500;\n    font-size: 6rem;\n    margin-top: 150px;\n}\n\n.pagetop .p-title .p-title-circle {\n    font-size: 1.5rem;\n    font-family: \'思源黑體\';\n    display: block;\n    line-height: 100%;\n    margin-bottom: 10px;\n}\n\n.pagetop .p-title .p-title-circle::before {\n    top: 3px;\n}\n\n.pagetop p,\n.about-box p {\n    padding-top: 40px;\n    padding-bottom: 40px;\n    font-size: 1.2rem;\n    font-weight: 600;\n    line-height: 180%;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.about-box p {\n    width: 90%;\n}\n\n.contacts .QRcode {\n  display: block;\n}\n\n.contacts .QRcode img {\n    max-width: 150px;\n    margin-top:10px;\n}\n\n@media (max-width:992px) {\n    .pagetop {\n        padding: 80px 30px 0 80px;\n    }\n\n    .breadcrumb {\n        display: none;\n    }\n\n    .pagetop .p-title {\n        margin-top: 120px;\n    }\n}\n\n@media (max-width:768px) {\n    .pagetop {\n        padding: 40px 30px 0 40px;\n    }\n\n    .pagetop p,\n    .about-box p {\n        font-size: 1rem;\n    }\n\n    .pagetop .p-title {\n        font-size: 4rem;\n    }\n}', NULL, 4, 1),
(7, 'components', '.topic-cont {\n    text-align: center;\n    margin-bottom: 2rem;\n    position: relative;\n    overflow: visible;\n    margin-top: 3rem;\n}\n\n.topic-cont h3 {\n    font-size: 4rem;\n    display: inline-block;\n    padding: 0.5rem 1rem 0.8rem;\n    margin: 1.5rem auto;\n    font-family: freight-big-pro, serif;\n}\n\n.topic-cont h3 span {\n    font-size: 1.2rem;\n    display: block;\n}\n\n.topic-cont h6 {\n    color: #666;\n    display: block;\n    margin-top: 1rem;\n}\n\n@media (max-width:576px) {\n    .topic-cont h3::before {\n        width: 62px;\n        height: 62px;\n        top: 37%;\n        left: -17px;\n    }\n\n    .topic-cont h3::after {\n        width: 70px;\n        height: 70px;\n        top: 37%;\n        left: -21px;\n    }\n\n    .topic-cont h3 {\n        font-size: 1.5rem;\n        padding: 0.5rem 0.5rem 0.5rem;\n    }\n\n    .topic-cont h6 {\n        margin-top: 0.25rem;\n    }\n}\n\n/************SpotLight Grid***********/\n.swipe-gallery .pswp-item {\n    cursor: zoom-in;\n}\n\n.spotlight-grid .img-set figure,\n.swipe-gallery figure {\n    position: absolute;\n    right: 0;\n    left: 0;\n    bottom: 0px;\n    margin: 0;\n    padding: 0.5rem;\n    background-color: rgba(0, 0, 0, 0.5);\n    color: #FFF;\n    line-height: 1.2rem;\n}\n\n/***********standard-slick*******/\n.standard-slick {\n    margin-left: -0.5em;\n    margin-right: -0.5em;\n}\n\n.standard-slick .slick-dots {\n    position: relative;\n    bottom: auto;\n}\n\n.standard-slick .items-block {\n    margin-left: 0.5em;\n    margin-right: 0.5em;\n}\n\n@media(max-width:1200px) {\n    .standard-slick .slick-arrow {\n        width: 32px;\n        height: 32px;\n        background-color: rgba(255, 255, 255, 0.5);\n    }\n\n    .standard-slick .slick-arrow::before {\n        display: block;\n        width: 24px;\n        height: 24px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .standard-slick .slick-prev {\n        left: 10px;\n    }\n\n    .standard-slick .slick-next {\n        right: 10px;\n    }\n}\n\n/***********Tab Slick************/\n.tab-slick .slider-for {\n    background-color: rgb(230, 230, 230);\n}\n\n.tab-slick .slider-for .items-block {\n    padding: 1rem;\n}\n\n.tab-slick .slick-carousel .slick-arrow::before {\n    color: rgb(0, 92, 175);\n}\n\n.tab-slick>.slider-nav {\n    margin: 0 auto;\n    overflow: hidden;\n}\n\n.tab-slick>.slider-nav::before {\n    content: \'\';\n    background-color: #C8CACE;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: auto;\n    bottom: 0;\n    height: 8px;\n    z-index: -1;\n}\n\n.tab-slick>.slider-nav .slick-list {\n    width: 100%;\n    margin: auto;\n    overflow: hidden;\n    padding-bottom: 8px;\n}\n\n.tab-slick>.slider-nav .slick-list:nth-child(2) {\n    width: calc(100% - 50px);\n}\n\n.tab-slick>.slider-nav .slick-prev {\n    left: 0;\n}\n\n.tab-slick>.slider-nav .slick-next {\n    right: 0;\n}\n\n.tab-slick>.slider-nav .items-block {\n    text-align: center;\n    height: 46px;\n    font-size: 16px;\n    padding: 0 12px;\n    transition-duration: .3s;\n    cursor: pointer;\n}\n\n.tab-slick>.slider-nav .items-block>span {\n    display: block;\n    text-align: center;\n    top: 50%;\n    transform: translateY(-50%);\n    line-height: 24px;\n    font-size: 20px;\n    color: #005CB9;\n}\n\n@media(max-width:576px) {\n    .tab-slick>.slider-nav .items-block>span {\n        font-size: 16px;\n        line-height: 16px;\n    }\n}\n\n.tab-slick>.slider-nav .slick-current .items-block {\n    transition-duration: .3s;\n}\n\n.tab-slick>.slider-nav .slick-current .items-block::after {\n    content: \'\';\n    background-color: #005CB9;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 100%;\n    height: 8px;\n    z-index: 1;\n    transition-duration: .3s;\n}\n\n.tab-slick>.slider-for .slick-slide {\n    height: 0;\n    transition-duration: .3s;\n}\n\n.tab-slick>.slider-for .slick-slide.slick-current {\n    height: auto;\n    transition-duration: .3s;\n}\n\n/************standard-collapse***********/\n.tab-group {\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 3rem;\n}\n\n.collapse-item {\n    margin-bottom: 0.5rem;\n    padding-bottom: 0.5rem;\n    overflow: hidden;\n}\n\n.collapse-head {\n    text-align: left;\n    padding: 20px 30px;\n    background-color: rgba(0, 0, 0, 0.1);\n    border-top: solid 1px rgba(255, 255, 255, 0.5);\n    font-weight: bold;\n}\n\n.collapse-head::after {\n    content: \'\\f067\';\n    font-family: FontAwesome;\n    border-radius: 50%;\n    width: 20px;\n    height: 20px;\n    line-height: 22px;\n    position: absolute;\n    display: block;\n    background: #FFF;\n    right: 30px;\n    top: 26px;\n    text-align: center;\n    font-size: 1rem;\n    cursor: pointer;\n    color: var(--kv-grad);\n    animation-name: color-grad;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n}\n\n.collapse-head.trigger::after {\n    color: #FFF;\n    content: \'\\f068\';\n}\n\n.collapse-topic {\n    font-size: 1.3rem;\n    margin: 0;\n    cursor: pointer;\n    transition: color 0.6s ease-out;\n}\n\n.collapse-topic:hover {\n    text-decoration: none;\n    transition: color 0.6s ease-out;\n}\n\n.collapse-head.trigger {\n    /*background-color: #0084ff;*/\n}\n\n.collapse-head.trigger .collapse-topic {}\n\n.collapse-content {\n    border-width: 0 0 0 0 !important;\n    background-color: rgba(0, 0, 0, 0.1);\n    border-radius: 0;\n}\n\n.collapse-text {\n    padding: 30px 0;\n    border-top: solid 1px rgba(255, 255, 255, 0.5);\n}\n\n.collapse-text p {\n    line-height: 180%;\n    width: 90%;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n/**************************/\n.tab-group .tab-content {\n    border: none;\n    border-top: 0;\n}\n\n.tab-group .tab-content>.tab-pane {\n    padding: 1rem;\n}\n\n@media (max-width:576px) {\n    .tab-group .tab-content>.tab-pane {\n        padding: 0;\n    }\n\n    .tab-group .collapse-head {\n        margin-bottom: 20px;\n    }\n    .collapse-head::after {\n        right: 10px;\n    }\n    .collapse-topic {\n        font-size: 1.1rem;\n    }\n}\n\n.tab-group .nav-tabs .nav-link {\n    padding: 0.25rem 1rem;\n    margin-left: 0;\n}\n\n.tab-group .nav-tabs .nav-link.active,\n.tab-group .nav-tabs .nav-item.show .nav-link {\n    border-top: 3px solid #F39700;\n}', NULL, 7, 1),
(23, 'cases', '/* 案例 */\n.works .card {\n    position: relative;\n}\n\n.works .card h5 strong {\n    overflow: hidden;\n    display: block;\n    width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: bold;\n    color: var(--kv-grad);\n    animation-name: color-grad;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n}\n\n.works .card h5 strong::before {\n    content: \'\';\n    display: inline-block;\n    position: relative;\n    width: 15px;\n    height: 15px;\n    border-radius: 10px;\n    border: 1px solid;\n    margin-right: 10px;\n    border-color: var(--kv-grad);\n    animation-name: border-color;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n}\n\n.works .card h5 em {\n    display: block;\n    font-size: 15px;\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-style: normal;\n    line-height: 150%;\n    color: var(--kv-grad);\n    animation-name: color-grad;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n}\n\n.works .card img.LOGO-run {\n    max-width: 80%;\n    margin-top: 1rem;\n    position: absolute;\n    top: 0px;\n    left: 10%;\n    opacity: 0;\n    transition: all 0.4s ease;\n    outline: 300px solid #000;\n    border-top: 0 !important;\n}\n\n.works .card:hover img.LOGO-run {\n    z-index: 10;\n    top: 50px;\n    opacity: 0.3;\n}\n\n.cases-row>.column {\n    display: block;\n    width: 100%;\n    min-height: 1px;\n    padding-right: 1rem;\n    padding-left: 1rem;\n    -ms-flex: 0 0 33.333333%;\n    flex: 0 0 33.333333%;\n    max-width: 33.333333%;\n}\n\n.works .cases-row .column,\n.works .cases-row .card {\n    margin-bottom: 3rem !important;\n    max-height: 340px;\n    overflow: hidden;\n}\n\n@media (max-width: 1600px) {\n    .works .cases-row .card {\n        max-height: 250px;\n    }\n}\n\n@media (max-width: 1200px) {\n    .works .cases-row .card {\n        max-height: 240px;\n    }\n}\n\n@media (max-width: 992px) {\n    .works .cases-row .card {\n        max-height: 210px;\n    }\n}\n\n@media (min-width: 577px) {\n    .works .cases-row .card {\n        width: 95% !important;\n    }\n}\n\n.works .cases-row .card img {\n    border-top: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.works .cases-row .card::after {\n    content: \'\';\n    background: rgba(0, 0, 0, 0.8);\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    transition: all 0.4s ease;\n}\n\n.works .cases-row .card::before {\n    content: \'\';\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    position: absolute;\n    left: 20px;\n    top: 20px;\n    bottom: 20px;\n    right: 20px;\n    z-index: 4;\n    opacity: 0;\n    transition: all 0.4s ease;\n}\n\n.works .cases-row .card:hover::after,\n.works .cases-row .card:hover::before {\n    opacity: 1;\n}\n\n.works .cases-row .card h5 {\n    position: relative;\n    z-index: 99;\n    box-sizing: border-box;\n    transition: all 0.4s ease;\n    margin-bottom: 0;\n}\n\n.works .cases-row .card:hover h5 {\n    transform: translate(15px, 15px);\n    background: none;\n}\n\n/*.works .cases-row .card a {*/\n/*    content: \'\';*/\n/*    width: 100%;*/\n/*    height: 100%;*/\n/*}*/\n.works .cases-row .card:hover a,\n.works .cases-row .card:hover h5 em {\n    color: #FFF !important;\n}\n\n.works .cases-row .card:hover h5 strong {\n    color: #FFF;\n}\n\n@media(max-width:768px) {\n    .works .cases-row .card {\n        max-height: 500px;\n        margin-bottom: 2rem;\n        overflow: hidden;\n    }\n}\n\n@media(max-width:576px) {\n    .cases-row>.column {\n        -ms-flex: 0 0 50%;\n        flex: 0 0 50%;\n        max-width: 50%;\n    }\n}\n\n@media(max-width:464px) {\n    .cases-row>.column {\n        -ms-flex: 0 0 100%;\n        flex: 0 0 100%;\n        max-width: 100%;\n    }\n}\n\n.works .cases-cont {\n    max-width: 80%;\n    padding-top: 43px;\n}\n\n.works .header-bar,\n.services .header-bar {\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    border-radius: 5px;\n    width: calc(100% - (4px * 2));\n    height: 4px;\n    background-color: var(--kv-grad);\n    animation-name: bgcolor;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n}', NULL, 13, 1),
(12, 'contact', '.inquiry {\n    font-size: 1rem;\n    text-align: left;\n}\n\n.inquiry .container {\n    max-width: 1300px;\n}\n\n@media (max-width: 576px) {\n    .inquiry .container {\n        max-width: 100%;\n    }\n}\n\n.birthdayPicker select {\n    display: inline-block !important;\n    width: auto;\n}\n\n.inquiry .inquiry-bg {\n    background: url(/images/content/inquiry-01.jpg) 100% center;\n    background-size: cover;\n}\n\n.inquiry .inquiry-content {\n    background-color: #FFF;\n}\n\n.inquiry-content form {\n    border: solid 1px #d8d8d8;\n    padding: 1rem 7%;\n}\n\n@media (max-width: 576px) {\n    .inquiry-content form {\n        border: 0;\n        padding: 0;\n    }\n}\n\n.inquiry .col-form-label {\n    color: #FFF;\n    text-align: right;\n    background-color: rgba(119, 119, 119, 1.00);\n    padding: 10px 15px;\n    flex: 0 0 33.333333%;\n    max-width: 33.333333%;\n}\n\n.inquiry .col-form-input {\n    padding: 5px 14px;\n    flex: 0 0 66.666667%;\n    max-width: 66.666667%;\n    align-self: center !important;\n}\n\n.inquiry .form-check-inline>* {\n    vertical-align: middle;\n}\n\n@media (max-width: 464px) {\n    .inquiry .col-form-label {\n        text-align: center;\n        background-color: rgba(119, 119, 119, 1.00);\n        flex: 0 0 calc(100% - 16px);\n        margin: 8px 8px 0 8px;\n        padding: 4px;\n        border-radius: 4px;\n        max-width: 100%;\n    }\n\n    .inquiry .col-form-input {\n        padding: 4px 8px;\n        margin-top: 4px;\n        flex: 0 0 100%;\n        max-width: 100%;\n    }\n}\n\n.inquiry .form-check-label {\n    line-height: 100%;\n    margin-left: 5px;\n    margin-top: -2px;\n}\n\n.inquiry .form-check-input {\n    margin-left: 5px;\n}\n\n.inquiry .form-check {\n    margin-bottom: 0;\n}\n\n.inquiry legend {\n    font-size: 1rem;\n}\n\n.inquiry .form-row {\n    background-color: #e6e6e6;\n}\n\n.inquiry .form-group {\n    margin-bottom: 2px;\n}\n\n.inquiry .form-control {\n    padding: 0.25rem 0.75rem;\n    vertical-align: middle;\n}\n\n.inquiry textarea.form-control {\n    margin: 4px 0;\n}\n\n.inquiry input.form-control {\n    margin-right: 1rem;\n}\n\n.w-10 {\n    width: 10% !important;\n}\n\n.contactform .form-group.has-error .invalid-feedback {\n    display: block;\n    bottom: 10px;\n    right: 16px;\n}\n\n.contacts .swipe-gallery a {\n    color: #999;\n}\n\n.contact_form {\n    background: #fff;\n    padding: 4rem;\n    box-shadow: -4px -1px 20px 5px rgba(0, 0, 0, 0.07);\n}\n\n/*.input-block {*/\n/*    width: 100%;*/\n/*    position: relative;*/\n/*    display: block;*/\n/*    border-bottom: 1px solid rgba(75, 75, 75, .2)*/\n/*}*/\n/*.input-block:after {*/\n/*    background-color: #c9a96a;*/\n/*    -webkit-transform-origin: right center;*/\n/*    transform-origin: right center;*/\n/*    -webkit-transform: scaleX(0);*/\n/*    transform: scaleX(0);*/\n/*    position: relative;*/\n/*    top: 1px;*/\n/*    z-index: 2*/\n/*}*/\n/*.input-block_focused:after {*/\n/*    -webkit-transform: none;*/\n/*    transform: none;*/\n/*    -webkit-transform-origin: left center;*/\n/*    transform-origin: left center*/\n/*}*/\n/*.input-label {*/\n/*    display: block;*/\n/*    font-size: 1rem;*/\n/*    margin: 0 1rem;*/\n/*    height: 6px;*/\n/*    line-height: 1;*/\n/*    will-change: transform;*/\n/*    -webkit-transform: translateY(22px);*/\n/*    transform: translateY(22px);*/\n/*    -webkit-transform-origin: left center;*/\n/*    transform-origin: left center;*/\n/*    transition: -webkit-transform .4s cubic-bezier(.3, 0, 0, 1);*/\n/*    transition: transform .4s cubic-bezier(.3, 0, 0, 1);*/\n/*    transition: transform .4s cubic-bezier(.3, 0, 0, 1), -webkit-transform .4s cubic-bezier(.3, 0, 0, 1);*/\n/*    white-space: nowrap*/\n/*}*/\n/*.input-block_collapsed .input-label {*/\n/*    -webkit-transform: scale(.75);*/\n/*    transform: scale(.75)*/\n/*}*/\n/*.input {*/\n/*    width: 100%;*/\n/*    padding: 1rem;*/\n/*    font-family: Muli, Arial, sans-serif;*/\n/*    font-size: 1rem;*/\n/*    line-height: 1;*/\n/*    background: none;*/\n/*    border: none;*/\n/*    color: currentColor*/\n/*}\n.input:focus {\n    outline: none\n}\n\n.input:invalid {\n    box-shadow: none\n}*/\n#contactform .form-control {\n    border-color: rgba(0, 0, 0, 0);\n}\n\n#contactform .form-control:focus {\n    border-color: rgba(0, 0, 0, 0);\n    box-shadow: none;\n}\n\n#contactform textarea {\n    border-color: #CCC !important;\n}\n\n#contactform textarea:focus {\n    border-color: #c9a96a !important;\n}\n\n#contactform .input-block {\n    margin-bottom: 2rem;\n    width: 100%;\n}\n\n#contactform .input-block::after {\n    content: \'\';\n    display: block;\n    height: 1px;\n    background: #CCC;\n    will-change: transform;\n    transition: -webkit-transform .5s cubic-bezier(.3, 0, 0, 1);\n    transition: transform .5s cubic-bezier(.3, 0, 0, 1);\n    transition: transform .5s cubic-bezier(.3, 0, 0, 1), -webkit-transform .5s cubic-bezier(.3, 0, 0, 1);\n    -webkit-transform-origin: left center;\n    transform-origin: left center;\n}\n\n#contactform .input-block.focus::after {\n    background-color: #c9a96a;\n    -webkit-transform-origin: right center;\n    transform-origin: right center;\n    position: relative;\n    top: 1px;\n    z-index: 2;\n}\n\n#contactform .input-block>.input-label {\n    transform: translateY(24px) scale(1);\n    transition-duration: 0.6s;\n    transform-origin: left center;\n    z-index: 10;\n}\n\n#contactform .input-block.focus>.input-label {\n    transform: translateY(0) scale(0.75);\n    transition-duration: 0.6s;\n}\n\n.contact-icon {\n    margin-right: 10px;\n    font-size: 26px;\n    vertical-align: middle;\n}\n\n.contact-icon.fa-envelope {\n    font-size: 22px;\n}', NULL, 5, 0);
INSERT INTO `Styles` (`Serial`, `StyleNm`, `StyleRule`, `StyleLangs`, `StyleOrder`, `Active`) VALUES
(14, 'news', '.article-img-block {\n    width: 270px;\n    float: left;\n}\n\n.article-list-block .list-title {\n    font-size: 1.4rem;\n    font-weight: bold;\n}\n\n.article-list-block .list-date {\n    font-size: 0.75rem;\n}\n\n.article-list-block .list-text {\n    max-height: 240px;\n    overflow: hidden;\n    line-height: 30px;\n}\n\n.article-list-block .list-text p {\n    color: #333;\n    margin-bottom: 0;\n}\n\n.article-img {\n    padding-bottom: 62.5%;\n    background-position: center center;\n    background-size: cover;\n    margin-right: 1rem;\n}\n\n.btn-ug {\n    color: #fff;\n    background-color: #4d342e;\n    border-color: #4d342e;\n    border-radius: 1rem;\n    padding: 0.25rem 2rem;\n    cursor: pointer;\n    text-decoration: none;\n}\n\n@media (max-width: 768px) {\n    .article-img-block {\n        width: 50%;\n    }\n\n    .article-list-block .list-text {\n        max-height: 144px;\n        line-height: 24px;\n    }\n}\n\n@media (max-width: 576px) {\n    .btn-ug {\n        padding: 0.25rem 1.2rem;\n    }\n}\n\n@media (max-width: 464px) {\n    .article-img-block {\n        width: 100%;\n        float: none;\n        margin-bottom: 0.5rem;\n    }\n}\n\n@media (max-width: 352px) {\n    .btn-ug {\n        padding: 0.25rem 1rem;\n    }\n}\n\n.btn-ug:hover {\n    background-color: #d59700;\n    border-color: #d59700;\n}\n\n.newsArea .item {\n    background-color: #FFF;\n    box-shadow: 1.6px 1.4px 4px 0px rgba(162, 162, 162, 0.15);\n    position: relative;\n    margin: 0 auto;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    background-repeat: no-repeat;\n    background-image: -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6));\n    background-image: -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);\n    background-image: -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%), -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%);\n    background-image: linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%), linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%);\n    background-size: 0% 1px, 1px 0%, 1px 0%, 0% 1px, 0% 1px, 100% 1px, 1px 100%, 1px 100%, 0% 1px, 100% 1px;\n    background-position: 50% 0, 100% 50%, 0 50%, 0% 100%, 100% 100%, 50% 0, 100% 50%, 0 50%, 0% 100%, 100% 100%;\n    -webkit-transition: all .4s ease;\n    -o-transition: all .4s ease;\n    transition: all .4s ease;\n}\n\n.newsArea .item:hover {\n    background-size: 100% 1px, 1px 100%, 1px 100%, 0% 1px, 100% 1px, 100% 1px, 1px 100%, 1px 100%, 0% 1px, 100% 1px;\n}\n\n.newsArea .date {\n    position: absolute;\n    bottom: 9px;\n    right: 25px;\n    font-size: 0.9rem;\n    font-weight: 300;\n    font-family: \'Open Sans\', \'微軟正黑體\', sans-serif;\n    color: #999;\n    letter-spacing: 0.5px;\n}\n\n.newsArea a {\n    color: #000;\n}\n\n.newsArea .Txt {\n    position: relative;\n    padding: 25px 30px;\n}\n\n.newsArea .Txt p {\n    height: 92px;\n    font-size: 1rem;\n    color: #454545;\n    letter-spacing: 1px;\n    line-height: 1.5;\n    overflow: hidden;\n}\n\n.newsArea .Img {\n    padding: 0;\n}\n\n.newsArea .Img>div {\n    padding: 3px;\n}\n.news .date {\n    position: absolute;\n    z-index: 20;\n    letter-spacing: -2px;\n    top: 0px;\n    left: 60px;\n    font-family: \'Amiri\', serif;\n    background: #000;\n    color: #FFF;\n    font-size: 45px;\n    line-height: 1;\n    padding: 10px;\n    text-align: center;\n    box-shadow: -3px 1px 5px rgba(0, 0, 0, 0.2);\n}\n\n.news .date b {\n    font-weight: normal;\n    font-size: 1.2rem;\n    display: block;\n    letter-spacing: -1px;\n}', NULL, 6, 0),
(18, 'scroll-table', '/* .scroll-tb table */\n.scroll-tb-wrap {\n    overflow: auto;\n    max-height: 700px;\n    padding-left: 0;\n    border-left: 1px solid #999 !important;\n    border-top: 1px solid #999 !important;\n}\n\n.scroll-tb-wrap>table {\n    width: 100%;\n    min-width: 700px;\n}\n\n.scroll-tb-wrap tbody>tr>td:first-child,\n.scroll-tb-wrap th:first-child {\n    position: sticky;\n    left: 0;\n    /* 首行永遠固定於左 */\n    z-index: 100;\n}\n\n.scroll-tb-wrap tbody>tr>td[rowspan]:first-child {\n    z-index: 110;\n}\n\n.scroll-tb-wrap thead tr th,\n.scroll-tb-wrap tbody>tr:first-child>td {\n    position: sticky;\n    top: 0;\n    /* 列首永遠固定於上 */\n    z-index: 120 !important;\n}\n\n.scroll-tb-wrap tbody>tr:first-child>td:first-child {\n    z-index: 130 !important;\n}\n\n.scroll-tb-wrap th:first-child {\n    z-index: 2;\n}\n\n.scroll-tb-wrap table {\n    /*overflow: auto;\n    -ms-overflow-style: scrollbar;*/\n}\n\n.scroll-tb-wrap table th,\n.scroll-tb-wrap table td {\n    vertical-align: middle !important;\n    border-right: 1px solid #999 !important;\n    border-bottom: 1px solid #999 !important;\n}\n\n.scroll-tb-wrap table th {\n    /*background-color: :rgba(142, 195, 28, 1.00);*/\n}\n\n.scroll-tb-wrap table th:first-child {\n    /*min-width: 200px;*/\n}\n\n.scroll-tb-wrap table thead th:first-child {\n    z-index: 100;\n}\n\n@media (max-width:576px) {\n    .scroll-tb-wrap table th:first-child {\n        min-width: auto;\n    }\n}\n\n.scroll-tb-wrap table td {\n    /*min-width: 125px;*/\n}\n\n.scroll-tb-wrap .device .flex-card-header .bsbgset {\n    height: 300px;\n}\n\n', NULL, 8, 1),
(19, 'ckeditor', '/************stickytablescroll***************/\n.sticky-wrap {\n    display: block;\n    min-height: 1.5rem;\n    overflow: auto;\n    scroll-behavior: smooth;\n}\n\n.sticky-wrap>table {\n    width:100%;\n    border-collapse: collapse;\n}\n\n.sticky-wrap>table th {\n    color: #FFF;\n    background-color: rgb(162, 143, 204);\n}\n\n.sticky-wrap>table td {\n    z-index: 0;\n}\n\n.sticky-wrap>table th {\n    text-align: center;\n    z-index: 1;\n}\n\n.sticky-wrap>table th::after,\n.sticky-wrap>table td::after {\n    content: \'\';\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    display: block;\n    border-bottom: 1px solid #EEE;\n    border-right: 1px solid #EEE;\n    pointer-events: none;\n}\n\n.sticky-wrap>table>thead.caption {\n    top: 0;\n    position: -webkit-sticky;\n    position: sticky;\n    display: table-caption;\n    z-index: 5;\n}\n\n.sticky-wrap>table>thead:not(.caption) th {\n    top: 0;\n    position: -webkit-sticky;\n    position: sticky;\n    z-index: 3;\n}\n\n.sticky-wrap>table>thead:not(.caption) th:first-child {\n    z-index: 5 !important;\n}\n\n.sticky-wrap>table>tbody>tr:first-child th {\n    top: 0;\n    left: auto;\n    position: -webkit-sticky;\n    position: sticky;\n    z-index: 3;\n}\n\n.sticky-wrap>table>tbody th {\n    left: 0;\n    position: -webkit-sticky;\n    position: sticky;\n    z-index: 3;\n}\n\n.sticky-wrap>table>tbody>tr:first-child th:first-child {\n    top: 0;\n    left: 0;\n    z-index: 5;\n}\n\n.sticky-wrap>table>tfoot th {\n    bottom: 0;\n    position: -webkit-sticky;\n    position: sticky;\n}\n\n.sticky-left {\n    position: -webkit-sticky;\n    position: sticky;\n    left: 0;\n    z-index: 4 !important;\n}\n\n.sticky-right {\n    position: -webkit-sticky;\n    position: sticky;\n    right: 0;\n    z-index: 4 !important;\n}', NULL, 9, 1),
(20, 'products', '.products-intro .items-view .items-block {\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    padding-bottom: 100%;\n    margin: 1px;\n}\n\n.products-intro .items-view figure {\n    display: none;\n}\n\n.products-intro .items-nav .items-block {\n    background-size: contain;\n    background-position: center center;\n    background-repeat: no-repeat;\n    padding-bottom: 100%;\n    transition-duration: 0.5s;\n    opacity: 0.6;\n    cursor: pointer;\n    border: 1px solid #CCC;\n}\n\n.products-intro .items-nav .slick-slide.slick-current .items-block {\n    opacity: 1;\n    border: 1px solid transparent;\n}\n\n.products-carousel .items-nav {}\n\n.products-carousel .items-nav .slick-list {\n    padding: 0 !important;\n}\n\n.products-carousel .items-nav .slick-slide {\n    padding: 0.5rem;\n}\n\n.products-carousel .items-nav .items-block {\n    border-radius: 50%;\n}\n\n.products-carousel .items-nav .slick-slide .items-block {\n    background-size: cover;\n}\n\n.products-carousel .items-nav .slick-slide.slick-current .items-block::before {\n    /*content: \'\';\n    z-index: 5;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    display: block;\n    border: 1px solid #269cd2;*/\n}\n\n.products-carousel .items-nav .slick-slide.slick-current .items-block::after {\n    content: \'\';\n    z-index: 5;\n    position: absolute;\n    top: -5%;\n    left: -5%;\n    width: 110%;\n    height: 110%;\n    display: block;\n    border: 1px solid #c3c3c3;\n    border-radius: 50%;\n    box-shadow: 0 0 6px #c3c3c3;\n    opacity: 0.8;\n}\n\n.products-info .topic-cont {\n    text-align: center;\n    margin-bottom: 1.5rem;\n    position: relative;\n    overflow: hidden;\n}\n\n.products-info .topic-cont h3::before,\n.products-info .topic-cont h3::after {\n    background: url(/images/icons/bg_line.png) repeat;\n    background-color: rgba(0, 0, 0, 0.05);\n    content: \'\';\n    height: 5px;\n    position: absolute;\n    /*transform: translateX(-50%);*/\n    top: calc(50% - 12px);\n    margin-top: 10px;\n    width: 900px;\n    display: block;\n    box-shadow: unset;\n    border-radius: unset;\n    border: unset;\n    transform: unset;\n    opacity: 1;\n}\n\n.products-info .topic-cont h3::before {\n    left: auto;\n    right: 100%;\n}\n\n.products-info .topic-cont h3::after {\n    right: 0;\n    left: 100%;\n}\n\n.products-info .topic-cont h3 {\n    text-align: center;\n    font-size: 1.6rem;\n    display: inline-block;\n    padding: 0.5rem 1rem 0.8rem;\n    margin-bottom: 0;\n    color: #333;\n}\n\n@media (max-width:576px) {\n    .products-info .topic-cont h3 {\n        font-size: 1.5rem;\n        padding: 0.5rem 0.5rem 0.5rem;\n    }\n}\n\n.detail-topic {\n    font-size: 1.1rem;\n    font-weight: bold;\n}\n\n.products-intro .pg-title {\n    border-bottom: 1px dashed #8e8e8e;\n    padding-bottom: 20px;\n}\n\n.p-name span {\n    display: block;\n    color: #999;\n    font-weight: normal;\n    font-size: 1rem;\n}\n\n.product-list .item-wrap {\n    padding: 15px;\n    position: relative;\n}\n\n.product-list .item-wrap .wbg {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #FFF;\n    border-radius: 8px;\n    transition-duration: .3s;\n}\n\n.product-list .item-wrap:hover .wbg {\n    transform-origin: 20% 50% 0px;\n    transform: rotate(-9deg) scale(0.7) translate(0px, 10px);\n    left: auto;\n    background: #FFF;\n    transition-duration: .3s;\n}\n\n.product-list .item-wrap:hover .bg-contain {\n    transform: translate(0px, -30px);\n    transition-duration: .3s;\n}\n\n.product-list .item-wrap:hover .p-name {\n    transform: translate(0px, -50px) rotate(-9deg);\n    transition-duration: .3s;\n}\n\n.products-intro {\n    background-color: #FFF;\n    padding: 45px 15px;\n}\n\n.products .SubContent {\n    line-height: 180%;\n    letter-spacing: 1px;\n    border-bottom: 1px dashed #8e8e8e;\n    padding-bottom: 20px;\n}\n\n@media (min-width: 1201px) {\n    .pd-box {\n        max-width: 80%;\n    }\n}\n\n.products-info {\n    margin-bottom: 4rem;\n}', NULL, 10, 0),
(21, 'aside', 'aside {\n    margin-bottom: 1rem;\n}\n\naside .categories-block {\n    transition-duration: .3s;\n}\n\naside .categories-block:hover {\n    transition-duration: .3s;\n}\n\naside .categories-block:hover .cat-button {\n    background-color: #EEE !important;\n    transition-duration: .3s;\n}\naside .cat-menu {\n    background-color: transparent;\n}\n\n.col-aside {\n    flex: 0 0 300px;\n    max-width: 300px;\n}\n\n.col-content {\n    flex: 0 0 calc(100% - 300px);\n    max-width: calc(100% - 300px);\n}\n\n@media (max-width:992px) {\n\n    .col-aside,\n    .col-content {\n        flex: 0 0 100%;\n        max-width: 100%;\n    }\n\n    .aside-top {\n        display: none;\n    }\n\n    aside .categories-block {\n        background-color: transparent;\n        width: auto;\n        padding: 0;\n    }\n\n    aside .cat-button {\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        transition-duration: .3s;\n    }\n\n    aside #cat-wrap {\n        width: 100%;\n        padding: 1rem 1rem 1rem 1.5rem;\n        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n        z-index: 50;\n    }\n}\n\n.categories-block .cat-caret {\n    position: absolute;\n    width: 30px;\n    height: 30px;\n    top: 2px;\n    right: 0;\n    text-align: center;\n    transition-duration: .3s;\n    transform: rotate(0deg);\n    transform-origin: center center;\n    line-height: 30px;\n}\n\n.categories-block .cat-item {\n    padding: 0.375rem 0;\n}\n\n.categories-block .cat-caret:before {\n    display: block;\n    font-family: FontAwesome;\n    content: \'\\f107\';\n    color: #999;\n    font-size: 20px;\n}\n\n.cat-caret.trigger {\n    transition-duration: .3s;\n    transform: rotate(-180deg);\n}\n\n.cat-wrap>.cat-item {\n    padding-left: 20px;\n    border-bottom: 1px dashed #CCC;\n}\n\n.cat-wrap>.cat-item>.cat-link {\n    width: calc(100% - 35px);\n    font-size: 1.125rem;\n}\n\n.cat-wrap>.cat-item::after {\n    position: absolute;\n    content: \'\';\n    display: block;\n    left: 5px;\n    width: 0;\n    height: 20px;\n    border-left: solid 4px #F39700;\n    top: 8px;\n}\n\n.cat-wrap>.cat-item::before {\n    position: absolute;\n    content: \'\';\n    display: block;\n    left: 8px;\n    width: 0;\n    border-left: solid 1px #CCC;\n    top: 10px;\n    bottom: 10px;\n}\n\n.cat-menu>.cat-item>.cat-link {\n    white-space: pre-wrap;\n    word-break: break-all;\n    font-size: 0.925rem;\n    line-height: 1.2rem;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    max-height: 2.4rem;\n}\n\n.aside-top {\n    margin-bottom: 1.5rem;\n}\n\n.aside-top span {\n    position: absolute;\n    z-index: 99;\n    color: #FFF;\n    font-weight: bold;\n    font-size: 1.2rem;\n    left: 15px;\n    top: 6px;\n    width: 90%;\n    text-align: center;\n}\n\naside ul {\n    padding: 0;\n}\n\naside ul li {\n    list-style: none;\n}\n\naside ul li::after {\n    display: block;\n    clear: both;\n    content: \'\';\n}\n\naside .collapse ul li::before {\n    border: none;\n}\n\naside .collapse ul li {\n    border-bottom: 1px dotted #CCC;\n    margin-left: 2rem;\n    font-size: 0.9rem;\n}\n\naside ul a {\n    color: #686868;\n    display: inline-block;\n    width: 90%;\n    cursor: pointer;\n}\n\naside ul li.active::before {\n    border-left: solid 1px #8d4999;\n}\n\naside ul li.active>a {\n    color: #8d4999;\n}\n\naside ul li.active>a:hover {\n    color: #D0A600;\n}', NULL, 11, 0),
(22, '泡泡', '.bg-particles {\n    z-index: -1;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.bg-particles li {\n    position: fixed;\n    display: block;\n    list-style: none;\n    width: 30px;\n    height: 30px;\n    background: rgba(255, 255, 255, 0.247);\n    animation: particle-animation 25s linear infinite;\n    bottom: -150px;\n    /*border-radius: 100%;*/\n}\n\n.bg-particles li:nth-child(1) {\n    left: 25%;\n    /*width: 80px;*/\n    /*height: 80px;*/\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 0 40px 69.3px 40px;\n    border-color: transparent transparent rgba(255, 255, 255, 0.247) transparent;\n    background: none;\n    animation-delay: 0s;\n}\n\n.bg-particles li:nth-child(2) {\n    left: 10%;\n    width: 50px;\n    height: 50px;\n    animation-delay: 2s;\n    animation-duration: 12s;\n}\n\n.bg-particles li:nth-child(3) {\n    left: 70%;\n    width: 20px;\n    height: 20px;\n    animation-delay: 4s;\n}\n\n.bg-particles li:nth-child(4) {\n    left: 40%;\n    width: 60px;\n    height: 60px;\n    animation-delay: 0s;\n    animation-duration: 18s;\n}\n\n.bg-particles li:nth-child(5) {\n    left: 65%;\n    width: 70px;\n    height: 70px;\n    animation-delay: 0s;\n}\n\n.bg-particles li:nth-child(6) {\n    left: 75%;\n    width: 110px;\n    height: 110px;\n    background: rgba(255, 255, 255, 0.12);\n    animation-delay: 3s;\n}\n\n.bg-particles li:nth-child(7) {\n    left: 35%;\n    width: 150px;\n    height: 150px;\n    background: rgba(255, 255, 255, 0.15);\n    animation-delay: 7s;\n}\n\n.bg-particles li:nth-child(8) {\n    left: 50%;\n    width: 80px;\n    height: 80px;\n    animation-delay: 15s;\n    animation-duration: 45s;\n}\n\n.bg-particles li:nth-child(9) {\n    left: 20%;\n    width: 15px;\n    height: 15px;\n    animation-delay: 2s;\n    animation-duration: 35s;\n}\n\n.bg-particles li:nth-child(10) {\n    left: 15%;\n    /*width: 150px;*/\n    /*height: 150px;*/\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 0 100px 173.2px 100px;\n    border-color: transparent transparent rgba(255, 255, 255, 0.15) transparent;\n    background: none;\n    animation: particle-animation2 linear infinite;\n    animation-delay: 0s;\n    animation-duration: 20s;\n}\n\n.bg-particles li:nth-child(10)::before {\n    content: \'\';\n    display: block;\n    border: solid 10px rgba(255, 255, 255, 0.15);\n    border-radius: 50%;\n    width: 290px;\n    height: 290px;\n    top: -29px;\n    position: absolute;\n    left: -142px;\n}\n\n@keyframes particle-animation {\n    10% {\n        transform: translateY(0) rotate(0deg);\n        opacity: 1;\n    }\n\n    100% {\n        transform: translateY(-1000px) rotate(720deg);\n        opacity: 0;\n    }\n}\n\n@keyframes particle-animation2 {\n    10% {\n        transform: translateY(0) rotate(90deg);\n        opacity: 1;\n    }\n\n    100% {\n        transform: translateY(-1000px) rotate(90deg);\n        opacity: 0;\n    }\n}\n\n@media (max-width: 464px) {\n    .bg-particles li {\n        /*transform: scale(0.5);*/\n    }\n}', NULL, 12, 1),
(24, 'service', '.p-list-index__dt {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    flex-wrap: nowrap;\n    flex-direction: row;\n    align-content: stretch;\n    padding-top: 30px;\n    padding-left: 15px;\n}\n\n.p-title-num {\n    font-family: \'ClashDisplay-Medium\';\n    font-weight: 500;\n    font-style: normal;\n    font-size: 3rem;\n    line-height: 42px;\n}\n\n.c-line {\n    pointer-events: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-list-index__dd {\n    padding: 20px 0 30px 15px;\n    font-size: 1.2rem;\n    line-height: 28px;\n}\n\n.c-line[data-line-direction=\'top\']::before,\n.c-line[data-line-direction=\'bottom\']::before {\n    left: 0;\n    width: 0;\n    height: 1px;\n}\n\n.c-line[data-line-direction=\'top\'].ns-ent.enter::before,\n.c-line[data-line-direction=\'bottom\'].ns-ent.enter::before {\n    width: 100%;\n}\n\n.ad-process {\n    margin-top: 50px;\n    margin-bottom: 50px;\n}\n\n.ad-process .flex-card-body {\n    background-color: rgba(0, 0, 0, 0.1);\n}\n\n.ad-process .col-xl-3:nth-child(1) {\n    animation-delay: 0.4s;\n}\n\n.ad-process .col-xl-3:nth-child(2) {\n    animation-delay: 0.6s;\n}\n\n.ad-process .col-xl-3:nth-child(3) {\n    animation-delay: 0.8s;\n}\n\n.ad-process .col-xl-3:nth-child(4) {\n    animation-delay: 1s;\n}\n\n.ad-process .col-xl-3:nth-child(5) {\n    animation-delay: 1.2s;\n}\n\n.ad-process .col-xl-3:nth-child(6) {\n    animation-delay: 1.4s;\n}\n\n.ad-process .col-xl-3:nth-child(7) {\n    animation-delay: 1.6s;\n}\n\n.ad-process .col-xl-3:nth-child(8) {\n    animation-delay: 1.8s;\n}\n\n/* 服務項目 */\n.services .services-box .icon-box .content,\n.services .services-box ol {\n    max-width: 250px;\n    max-height: 250px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.services .services-box .container {\n    max-width: 1140px;\n}\n\n.services .services-box ol,\n.services .services-box p {\n    color: #757575;\n    margin-top: 20px;\n    padding-left: 20px;\n    line-height: 180%;\n    max-width: 198px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 30px;\n}\n\n.services .services-box p {\n    padding-left: 0px;\n}\n\n.services .services-box .icon-box .content span {\n    color: #102e4a;\n    font-size: 1.3rem;\n    font-weight: bold;\n    color: var(--kv-grad);\n    animation-name: color-grad;\n    animation-duration: 20s;\n    animation-iteration-count: infinite;\n    width: 120%;\ndisplay: block;\nmargin-left: -10%;\n}\n\n.services .services-box .icon-box .content::before {\n    /*content: \'\';*/\n    /*display: block;*/\n    /*border: 1px #FFFFFF dashed;*/\n    /*width: 100%;*/\n    /*height: 100%;*/\n    /*padding-top: 100%;*/\n    /*position: absolute;*/\n    /*top: 0;*/\n    /*left: 0;*/\n    /*-webkit-animation: whirl 50s infinite linear;*/\n    /*-moz-animation: whirl 50s infinite linear;*/\n    /*-o-animation: whirl 50s infinite linear;*/\n    /*animation: whirl 50s infinite linear;*/\n    /*transition-duration: .3s;*/\n    /*border-color: var(--kv-grad);*/\n    /*animation-name: border-color;*/\n    /*animation-duration: 20s;*/\n    /*animation-iteration-count: infinite;*/\n}\n\n.services .services-box .icon-box .column:hover .content::before {}\n\n.services .services-box .icon-box .content {\n    padding: 40px;\n    text-align: center;\n}\n\n.services .services-box .flex-card {\n    border-radius: 0.25rem;\n    background-color: #FFF;\n}\n\n.services .p-clipImg .photo {\n    max-width: 60%;\n}\n\n@media(max-width:1400px) {\n    .services .p-clipImg .photo {\n        max-width: 75%;\n    }\n}\n\n@media(max-width:992px) {\n    .services .p-clipImg .photo {\n        max-width: 89%;\n    }\n}\n\n@media(max-width:464px) {\n\n    .services .services-box ol,\n    .services .services-box p {\n        margin-top: 0;\n        font-size: 0.9rem;\n    }\n\n    .services .services-box .icon-box .content {\n        padding: 0;\n        max-height: max-content;\n    }\n\n    .services .services-box .icon-box .content img {\n        max-height: 165px;\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        margin-top: 15px;\n    }\n}', NULL, 14, 1);

-- --------------------------------------------------------

--
-- 資料表結構 `Sys_Menu`
--

CREATE TABLE `Sys_Menu` (
  `Serial` int NOT NULL,
  `選單名稱` varchar(50) CHARACTER SET utf8mb3 COLLATE utf8mb3_unicode_ci DEFAULT NULL,
  `所屬選單序號` int NOT NULL,
  `功能路徑` varchar(255) CHARACTER SET utf8mb3 COLLATE utf8mb3_unicode_ci DEFAULT NULL,
  `參數字串` varchar(160) CHARACTER SET utf8mb3 COLLATE utf8mb3_unicode_ci NOT NULL,
  `最大化` tinyint(1) NOT NULL DEFAULT '0',
  `啟用` tinyint(1) NOT NULL,
  `排序` int DEFAULT NULL,
  `功能` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `類別` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `隱藏` tinyint NOT NULL DEFAULT '0'
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- 傾印資料表的資料 `Sys_Menu`
--

INSERT INTO `Sys_Menu` (`Serial`, `選單名稱`, `所屬選單序號`, `功能路徑`, `參數字串`, `最大化`, `啟用`, `排序`, `功能`, `類別`, `隱藏`) VALUES
(1, '基本資料', 0, '', '', 0, 1, 0, 'null', '', 0),
(2, '縣市鄉鎮', 1, 'jobfunc/basic_info/common/citytown/', 'fn_name=citytown', 0, 1, 3, '[\"search\",\"reload\",\"addnew\",\"edit\",\"delete\",\"save\",\"restore\",\"navigate\"]', 'func_mainedit', 0),
(3, '快顯資訊', 1, 'jobfunc/modal_info/', '', 0, 1, NULL, '[\"search\",\"reload\",\"addnew\",\"clone\",\"edit\",\"delete\",\"save\",\"restore\",\"navigate\"]', 'func_mainedit', 0);

-- --------------------------------------------------------

--
-- 資料表結構 `Widgets`
--

CREATE TABLE `Widgets` (
  `Serial` int NOT NULL,
  `WidgetLang` varchar(10) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'zh-TW',
  `WidgetNm` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `WidgetHtml` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- 傾印資料表的資料 `Widgets`
--

INSERT INTO `Widgets` (`Serial`, `WidgetLang`, `WidgetNm`, `WidgetHtml`) VALUES
(1, 'zh-tw', 'top_logo', '<img class=\"nav-log fn-sel fn-imgset\" data-src=\"/files/logo/logo.svg?1647942770\" tpl-str=\"wdg:top_logo\" intrinsicsize=\" x \" width=\"\" height=\"\">'),
(2, 'zh-tw', 'footer_section', '<footer tpl-str=\"wdg:footer_section\"><ul class=\"bg-particles\"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul><section class=\"footer fn-sel fn-bgset\"><div class=\"container\"><div class=\"contact-col\"><a href=\"/\" class=\"fn-sel fn-link\"><div id=\"animation_container\" class=\"fn-keepstyle\" style=\"background-color:transparent;width:240px;height:95px\"><canvas id=\"canvas\" class=\"fn-keepstyle\" style=\"position:absolute;display:block;background-color:transparent;\" width=\"240\" height=\"95\"></canvas><div id=\"dom_overlay_container\" class=\"fn-keepstyle\" style=\"pointer-events:none;overflow:hidden;width:240px;height:95px;position:absolute;left:0;top:0;display:block;\"></div></div></a><ul class=\"row justify-content-center footer-text list-unstyled\"><li class=\"col-auto fn-sel fn-clone fn-order row mx-0 fs-tn-2\"><i class=\"contact-icon fn-sel fn-icon fa fa-map-o\"></i><a class=\"col fn-sel fn-link fn-edit p-0\" target=\"_blank\" href=\"https://goo.gl/maps/jkER86L1d9fa5fJw5\">802台灣高雄市苓雅區中華四路2號13樓</a></li><li class=\"col-auto fn-sel fn-clone fn-order row mx-0 fs-tn-2\"><i class=\"contact-icon fn-sel fn-icon fa fa-envelope-o\"></i><a class=\"col fn-sel fn-link fn-edit p-0 email\" href=\"mailto:service@cheetahtech.com.tw\">service@cheetahtech.com.tw</a></li></ul></div><div id=\"undefined_32\" class=\"fn-clone fn-ckedit fn-edit col-12 text-uppercase copyright fs-tn-1\"><p style=\"text-align:center;\">Copyright © 奇達資訊科技有限公司 All Rights Reserved.</p></div></div></section></footer>'),
(5, 'zh-tw', 'top_sect', '<div tpl-str=\"wdg:top_sect\" class=\"p-0 top-block block fn-sel fn-bgset\" style=\"background-color:#FFF;\"><div class=\"container clearfix\">{{part:php/top_area}}</div></div>');

--
-- 資料表索引 `Comm_Cities`
--
ALTER TABLE `Comm_Cities`
  ADD PRIMARY KEY (`縣市編號`),
  ADD UNIQUE KEY `Add1#PX` (`縣市編號`);

--
-- 資料表索引 `Comm_Towns`
--
ALTER TABLE `Comm_Towns`
  ADD PRIMARY KEY (`郵遞區號`),
  ADD UNIQUE KEY `郵遞區號` (`郵遞區號`),
  ADD KEY `縣市編號` (`縣市編號`);

--
-- 資料表索引 `Frames`
--
ALTER TABLE `Frames`
  ADD PRIMARY KEY (`Serial`);

--
-- 資料表索引 `Modal_Info`
--
ALTER TABLE `Modal_Info`
  ADD PRIMARY KEY (`序號`);

--
-- 資料表索引 `Pages`
--
ALTER TABLE `Pages`
  ADD PRIMARY KEY (`PageSer`),
  ADD KEY `PageSer` (`PageSer`);

--
-- 資料表索引 `Scripts`
--
ALTER TABLE `Scripts`
  ADD PRIMARY KEY (`Serial`);

--
-- 資料表索引 `Sites`
--
ALTER TABLE `Sites`
  ADD PRIMARY KEY (`SiteSer`);

--
-- 資料表索引 `Styles`
--
ALTER TABLE `Styles`
  ADD PRIMARY KEY (`Serial`);

--
-- 資料表索引 `Sys_Menu`
--
ALTER TABLE `Sys_Menu`
  ADD PRIMARY KEY (`Serial`);

--
-- 資料表索引 `Widgets`
--
ALTER TABLE `Widgets`
  ADD PRIMARY KEY (`Serial`);

--
-- 使用資料表自動遞增(AUTO_INCREMENT) `Comm_Cities`
--
ALTER TABLE `Comm_Cities`
  MODIFY `縣市編號` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=27;

--
-- 使用資料表自動遞增(AUTO_INCREMENT) `Frames`
--
ALTER TABLE `Frames`
  MODIFY `Serial` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=33;

--
-- 使用資料表自動遞增(AUTO_INCREMENT) `Modal_Info`
--
ALTER TABLE `Modal_Info`
  MODIFY `序號` int NOT NULL AUTO_INCREMENT;

--
-- 使用資料表自動遞增(AUTO_INCREMENT) `Pages`
--
ALTER TABLE `Pages`
  MODIFY `PageSer` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=46;

--
-- 使用資料表自動遞增(AUTO_INCREMENT) `Scripts`
--
ALTER TABLE `Scripts`
  MODIFY `Serial` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=29;

--
-- 使用資料表自動遞增(AUTO_INCREMENT) `Sites`
--
ALTER TABLE `Sites`
  MODIFY `SiteSer` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;

--
-- 使用資料表自動遞增(AUTO_INCREMENT) `Styles`
--
ALTER TABLE `Styles`
  MODIFY `Serial` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=26;

--
-- 使用資料表自動遞增(AUTO_INCREMENT) `Sys_Menu`
--
ALTER TABLE `Sys_Menu`
  MODIFY `Serial` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=4;

--
-- 使用資料表自動遞增(AUTO_INCREMENT) `Widgets`
--
ALTER TABLE `Widgets`
  MODIFY `Serial` int NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=7;
COMMIT;

