diff --git a/resources/assets/vue/components/companies/elements/NewServiceAnnouncementComponent.vue b/resources/assets/vue/components/companies/elements/NewServiceAnnouncementComponent.vue
index 0b59c459..8e8d01c5 100644
--- a/resources/assets/vue/components/companies/elements/NewServiceAnnouncementComponent.vue
+++ b/resources/assets/vue/components/companies/elements/NewServiceAnnouncementComponent.vue
@@ -38,7 +38,7 @@
                             </div>
                             <div class="row">
                                 <div class="col text-center">
-                                    <div class="btn btn-lg block btn m-b-5 no-border text-white" :class="[{'bg-primary': acknowledge}, {'bg-primary-lighter': !acknowledge}]" :style="{ cursor: acknowledge ? 'pointer' : 'no-drop' }" @click="activateServiceC2C">Activate Service</div>
+                                    <div class="btn btn-lg block btn m-b-5 no-border text-white" :class="[{'bg-primary': acknowledge}, {'bg-primary-lighter': !acknowledge}]" :style="{ cursor: acknowledge ? 'pointer' : 'no-drop' }" @click="activateService">Activate Service</div>
                                     <!--<p class="text-danger fs-12 bold pointer">Didn't meet the requirements?</p>-->
                                 </div>
                             </div>
@@ -70,7 +70,7 @@
                 </div>
             </div>
             <!-- C2C consent -->
-            <div class="row m-l-0 m-r-0 m-b-15 animate__animated animate__tada animate__repeat-2 animate__delay-3s" v-if="!data.segments.some(item => item.id === 13 || item.id === 16)">
+            <div class="row m-l-0 m-r-0 m-b-15 animate__animated animate__tada animate__repeat-2 animate__delay-3s" v-if="!data.segments.some(item => item.id === 28)">
                 <div class="col bg-white padding-15">
                     <!-- <div class="row">
                         <div class="col-4">
@@ -94,41 +94,21 @@
                                     </ul>
                                 </div>
                             </div>
-                            <div class="row">
-                                <div class="col">
-                                    <div class="row">
-                                        <div class="col">
-                                            <div class="checkbox check-primary m-t-0">
-                                                <input type="checkbox" v-model="acknowledge_c2c" id="acknowledge_c2c">
-                                                <label for="acknowledge_c2c" style="white-space: pre-wrap;">I hereby acknowledge that I have read the requirements and my 1688 account is eligible for this service.</label>
-                                            </div>
-                                        </div>
-                                    </div>
-
-                                </div>
-                            </div>
                             <div class="row">
                                 <div class="col text-center">
                                     <!-- <div class="btn btn-lg block btn m-b-5 no-border text-white" :class="[{'bg-primary': acknowledge_c2c}, {'bg-primary-lighter': !acknowledge_c2c}]" :style="{ cursor: acknowledge_c2c ? 'pointer' : 'no-drop' }" @click="activateServiceC2C">Activate Service</div> -->
-                                    <div class="btn btn-lg block btn m-b-5 no-border text-white requestModal" :class="[{'bg-primary': acknowledge_c2c}, {'bg-primary-lighter': !acknowledge_c2c}]" :style="{ cursor: acknowledge_c2c ? 'pointer' : 'no-drop' }" data-type="deleteMappingTransaction">Activate Service</div>
+                                    <div class="btn btn-lg block btn m-b-5 no-border text-white requestModal pointer bg-primary" data-type="deleteMappingTransaction">Activate Service</div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-            <modal-component class="animate__animated animate__fast animate__fadeIn" type="deleteMappingTransaction">
+            <modal-component class="animate__animated animate__fast animate__fadeIn" type="deleteMappingTransaction" styleType="fill-in" size="large">
                 <c2c-confirmation-form-component
-                    contentText="To activate the service, please take note of the following important details:
-                    <ol>
-                        <li class='text-left'>The minimum transfer amount for each transaction is <strong>CNY 10,000</strong>.</li>
-                        <li class='text-left'>The purchase order must be filled in before making payments.</li>
-                        <li class='text-left'>The processing time for each transaction is <strong>3-7 working days</strong>.</li>
-                    </ol>"
-                    modalType="confirm"
                     class="text-center"
-                    apiMethod="post"
-                    :section="section"
+                    section="activateService"
+                    :data="data"
                 >
                 </c2c-confirmation-form-component>
             </modal-component>
@@ -208,7 +188,6 @@
         data(){
             return {
                 acknowledge: false,
-                acknowledge_c2c: false,
                 parameters: {
                     segment_id: ''
                 },
@@ -229,17 +208,6 @@
 
                 // location.reload();
             },
-            activateServiceC2C(){
-                this.parameters = {
-                    segment_id: 13
-                };
-                this.part = 1;
-                if(this.acknowledge_c2c){
-                    this.submit(this.route('api.company.segment.assign', this.data.id), 'post', 'activateService', true, false);
-                }
-
-                // location.reload();
-            },
             ServiceWaitingList(){
                 this.acknowledge = true;
                 this.parameters = {
diff --git a/resources/assets/vue/components/general/forms/C2cConfirmationFormComponent.vue b/resources/assets/vue/components/general/forms/C2cConfirmationFormComponent.vue
index 2d093413..0e7ac452 100644
--- a/resources/assets/vue/components/general/forms/C2cConfirmationFormComponent.vue
+++ b/resources/assets/vue/components/general/forms/C2cConfirmationFormComponent.vue
@@ -1,21 +1,33 @@
 <template>
-    <div class="row">
+    <div class="row bg-white padding-25">
         <div class="col">
             <loading-component style="height: 300px; top: 0;" key="1" color="success" v-show="isLoading" ></loading-component>
             <div class="row justify-content-center" v-show="!isLoading">
                 <div class="col">
-                    <div class="row m-b-20">
+                    <div class="row">
                         <div class="col">
-                            <div class="fs-11" v-html="contentText"></div>
+                        <h3>To activate the service, please take note of the following important details:</h3>
+                        <ol class="m-t-15">
+                            <li class='text-left'>The minimum transfer amount for each transaction is <strong>CNY 10,000</strong>.</li>
+                            <li class='text-left'>The purchase order must be filled in before making payments.</li>
+                            <li class='text-left'>The processing time for each transaction is <strong>3-7 working days</strong>.</li>
+                        </ol>
+                        </div>
+                    </div>
+                    <div class="row m-t-10">
+                        <div class="col">
+                            <div class="checkbox check-primary m-t-0">
+                                <input type="checkbox" v-model="acknowledge_c2c" id="acknowledge_c2c">
+                                <label for="acknowledge_c2c" style="white-space: pre-wrap;">I hereby acknowledge that I have read the requirements for this service.</label>
+                            </div>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col p-r-5">
-                            <div class="btn btn-sm btn-default btn-block bg-master-lighter" data-dismiss="modal">Cancel</div>
+                            <div class="btn btn-lg block btn m-b-5 no-border bg-master-lighter" data-dismiss="modal">Cancel</div>
                         </div>
                         <div class="col p-l-5">
-                            <!-- <div class="btn btn-sm btn-block b-rad-none" :class="[{'btn-danger': modalType !== 'confirm'}, {'btn-success': modalType === 'confirm'}]" @click="submit(apiRoute, apiMethod, section, true, true)">{{ buttonText }}</div> -->
-                            <div class="btn btn-sm btn-block b-rad-none" :class="[{'btn-danger': modalType !== 'confirm'}, {'btn-success': modalType === 'confirm'}]">{{ buttonText }}</div>
+                            <div class="btn btn-lg block btn m-b-5 no-border text-white" :class="[{'bg-primary': acknowledge_c2c}, {'bg-primary-lighter': !acknowledge_c2c}]" :style="{ cursor: acknowledge_c2c ? 'pointer' : 'no-drop' }" @click="activateServiceC2C">Activate Service</div>
                         </div>
                     </div>
                 </div>
@@ -27,28 +39,27 @@
     import componentHandler from '../../../general/mixins/componentHandler';
     import ModalFormHandler from '../../../general/mixins/modalFormHandler';
     export default {
-        props: {
-            contentText: {
-                type: String,
-                required: true
-            },
-            modalType: {
-                type: String,
-                default: 'confirm'
-            },
-            buttonText: {
-                type: String,
-                default: 'Confirm'
-            },
-            apiMethod: {
-                type: String,
-                required: true
-            },
+        data(){
+            return {
+                acknowledge_c2c: false,
+                parameters: {
+                    segment_id: ''
+                },
+            }
         },
         methods: {
-            test() {
-                console.log('sjhb');
+            activateServiceC2C(){
+                this.parameters = {
+                    segment_id: 28
+                };
+                if(this.acknowledge_c2c){
+                    this.submit(this.route('api.company.segment.assign', this.data.id), 'post', 'activateService', true, true);
+                }
+                // location.reload();
             },
+            successHandler(){
+                location.reload();
+            }
         },
         mixins: [componentHandler, ModalFormHandler]