diff --git a/README.md b/README.md
index 7a0a2b3..f9fb3d7 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,24 @@
 # 普達國際 CMS 
 
+## 系統架構
+### 目錄結構
+.
+├── app                           後端webman程式
+├── admin                         後台前端
+│   ├── helpers.php               
+│   └── bootstrap.php             
+├── web                           前台前端
+└── data                          系統資枓
+
+### 前端
+#### 前台
++ Nuxt
+
+前台考慮將來會有SEO的需求,還有使用技術的一致性.使用Nuxt3建構工具架設.
+
+### 後台
++ Vue + Vite
++ element ui
+
+### 後端
++ webman
\ No newline at end of file
diff --git a/admin/src/pages/Contact/map/Index.vue b/admin/src/pages/Contact/map/Index.vue
index 4301559..01e71e6 100644
--- a/admin/src/pages/Contact/map/Index.vue
+++ b/admin/src/pages/Contact/map/Index.vue
@@ -196,7 +196,7 @@ const handleCloseFormDraw = (val) => {
       ref="drawerRef" 
       v-model="showFormDraw" 
       :destroy-on-close="true" 
-      title="首頁輪撥" 
+      title="公司據點" 
       direction="rtl" 
       size="50%">
       <asc-form :editid="editid" @close="handleCloseFormDraw"/>
diff --git a/admin/src/pages/News/activity/Index.vue b/admin/src/pages/News/activity/Index.vue
index a020e88..ca9dd6f 100644
--- a/admin/src/pages/News/activity/Index.vue
+++ b/admin/src/pages/News/activity/Index.vue
@@ -208,7 +208,7 @@ const handleCloseFormDraw = (val) => {
   </div>
 
   <div>
-    <el-drawer ref="drawerRef" v-model="showFormDraw" :destroy-on-close="true" title="新增管理員" direction="rtl" size="70%">
+    <el-drawer ref="drawerRef" v-model="showFormDraw" :destroy-on-close="true" title="公司活動" direction="rtl" size="70%">
       <asc-form :editid="editid" @close="handleCloseFormDraw"/>
     </el-drawer>
   </div>
diff --git a/web/composables/useMyFetch.js b/web/composables/useMyFetch.js
index 382c290..1866aec 100644
--- a/web/composables/useMyFetch.js
+++ b/web/composables/useMyFetch.js
@@ -1,6 +1,7 @@
 export const useMyFetch = (request, method="GET" ,opts={}, headers ={}) => {
     const { locale } = useI18n()
     const config = useRuntimeConfig()
+    console.log('url',config.public.apiBaseUrl)
     const options = {
         baseURL: config.public.apiBaseUrl,
         method: method,
diff --git a/web/pages/products/detail/[id].vue b/web/pages/products/detail/[id].vue
index f9950e5..2eb76af 100644
--- a/web/pages/products/detail/[id].vue
+++ b/web/pages/products/detail/[id].vue
@@ -15,14 +15,14 @@ const prodData = computed(() => prodRes.value.data);
 </script>
 
 <template>
-  <div>
+  <div class="content">
     <div class="block">
       <div class="bName">{{prodData.name}}</div>
       <div class="bDesc mb-3">{{prodData.description}}</div>
-      <div class="imgCnt xl mb-3">
+      <div class="imgCnt mb-3" style="width: 33%">
           <img :src="prodData.imageurl" :alt="prodData.name">
       </div>
-      <div class="bDesc mb-5" v-html="prodData.content">
+      <div class="bDesc mb-5 ck-content" v-html="prodData.content">
       </div>      
       <div class="d-flex justify-content-end">
           <a class="backBtn" href="javascript:;" @click="$router.back()" >back</a>