admin
585 lines
54 KiB
Plaintext
585 lines
54 KiB
Plaintext
From: <Saved by Blink>
|
||
Snapshot-Content-Location: https://docs.google.com/document/u/0/d/1XWr9JrV4BaVyKzFuXzz2geNiib_SJd5iTNaVsfb599A/mobilebasic?hl=th-TH&pli=1
|
||
Subject: =?utf-8?Q?LCBP3-DMS=20Frontend=20Documentation=20(=E0=B8=89=E0=B8=9A=E0?=
|
||
=?utf-8?Q?=B8=B1=E0=B8=9A=E0=B8=AA=E0=B8=A1=E0=B8=9A=E0=B8=B9=E0=B8=A3=E0?=
|
||
=?utf-8?Q?=B8=93=E0=B9=8C)?=
|
||
Date: Thu, 16 Oct 2025 23:11:12 +0700
|
||
MIME-Version: 1.0
|
||
Content-Type: multipart/related;
|
||
type="text/html";
|
||
boundary="----MultipartBoundary--csF0EXC0RJ3vOG6iJZx4sbJHPtjAmchlkrKXyomDzE----"
|
||
|
||
|
||
------MultipartBoundary--csF0EXC0RJ3vOG6iJZx4sbJHPtjAmchlkrKXyomDzE----
|
||
Content-Type: text/html
|
||
Content-ID: <frame-1C41C5125892804C8FB745ED459184D9@mhtml.blink>
|
||
Content-Transfer-Encoding: binary
|
||
Content-Location: https://docs.google.com/document/u/0/d/1XWr9JrV4BaVyKzFuXzz2geNiib_SJd5iTNaVsfb599A/mobilebasic?hl=th-TH&pli=1
|
||
|
||
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link rel="stylesheet" type="text/css" href="cid:css-bd8b2cc7-75cc-46b8-a328-efe9163c4ba6@mhtml.blink" /><link rel="stylesheet" type="text/css" href="cid:css-9de096d4-9a52-4c93-8eaf-1d5aa6aa425a@mhtml.blink" /><link rel="stylesheet" type="text/css" href="cid:css-8579d4bc-81a4-446d-b2aa-5e3d220689ab@mhtml.blink" /><title>LCBP3-DMS Frontend Documentation (ฉบับสมบูรณ์)</title><link rel="shortcut icon" href="https://ssl.gstatic.com/docs/documents/images/kix-favicon-2023q4.ico"><meta property="og:title" content="LCBP3-DMS Frontend Documentation (ฉบับสมบูรณ์)"><meta property="og:type" content="article"><meta property="og:site_name" content="Google Docs"><meta property="og:url" content="https://docs.google.com/document/u/0/d/1XWr9JrV4BaVyKzFuXzz2geNiib_SJd5iTNaVsfb599A/mobilebasic?hl=th-TH&pli=1&usp=embed_facebook"><meta property="og:description" content="LCBP3-DMS: Frontend Documentation (ฉบับสมบูรณ์) เอกสารนี้รวบรวมรายละเอียดทั้งหมดของส่วน Frontend สำหรับระบบ LCBP3 Document Management System ซึ่งพัฒนาด้วย Next.js (App Router), TypeScript, Tailwind CSS, และ shadcn/ui 1. ข้อกำหนดเบื้องต้น (Prerequisites) ก่อนเริ่มการติดตั้งและพัฒนา คุณจะต้องมีเครื..."><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0"><meta name="referrer" content="strict-origin-when-cross-origin"></head><body><div><div class="docs-ml-promotion docs-ml-promotion-off-screen" role="alertdialog" aria-labelledby="docs-ml-promotion-aria-label" aria-hidden="true"><div id="docs-ml-promotion-aria-label" style="display:none;">Alert message displayed.</div><div class="docs-ml-promotion-content"><div class="docs-ml-promotion-header"><span class="docs-ml-promotion-app-icon-container" aria-hidden="true"><div class="docs-ml-icon docs-ml-promotion-app-icon"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 36 36"><path fill="none" d="M0 0h36v36H0z"></path><path fill="#fff" d="M10.9 18.4h14.2V21H10.9zM10.9 22.9h10.5v2.6H10.9z"></path><path fill="#1967d2" d="M21.8 9.8l4.5.8 3.7-.8-8.2-8.3-1.2 3.9z"></path><path fill="#fff" d="M10.9 13.9h14.2v2.6H10.9z"></path><path d="M21.8 9.8V1.5H8.2C7 1.5 6 2.5 6 3.8v28.5c0 1.2 1 2.2 2.2 2.2h19.5c1.2 0 2.2-1 2.2-2.2V9.8h-8.1zM21 25.1h-9.8v-1.9H21v1.9zm3.8-4.5H11.2v-1.9h13.5v1.9zm0-4.5H11.2v-1.9h13.5v1.9z" fill="#4285f4"></path></svg></div></span><span class="docs-ml-promotion-text"><div class="docs-ml-promotion-text-heading">Edit with the Docs app</div><div class="docs-ml-promotion-text-body">Make tweaks, leave comments, and share with others to edit at the same time.</div></span></div><div class="docs-ml-promotion-action-row"><span class="docs-ml-promotion-action-container"><span class="docs-ml-promotion-action-button-wrapper docs-ml-promotion-no-button-wrapper" role="button" tabindex="0"><span class="docs-ml-promotion-action-button docs-ml-promotion-no-button">NO THANKS</span></span></span><span class="docs-ml-promotion-action-container"><span class="docs-ml-promotion-action-button-wrapper docs-ml-promotion-yes-button-wrapper" role="button" tabindex="0"><span class="docs-ml-promotion-action-button docs-ml-promotion-yes-button">USE THE APP</span></span></span></div></div></div></div><div id="docs-ml-header-id" class="docs-ml-header"><span class="docs-ml-header-item docs-ml-header-drive-link"><div id="docs-ml-header-drive-link-aria-label" style="display:none;">Go to Drive</div><a href="https://drive.google.com/u/0?usp=docs_web" aria-labelledby="docs-ml-header-drive-link-aria-label" role="button"><div class="docs-ml-header-icon-container"><div class="docs-ml-icon docs-ml-header-icon docs-ml-arrow-back-dir"><div class="docs-ml-img-container docs-ml-img docs-ml-arrow-back-icon"></div></div></div></a></span><span class="docs-ml-header-item docs-ml-header-document-title"><div class="docs-ml-header-document-title-text">LCBP3-DMS Frontend Documentation (ฉบับสมบูรณ์)</div></span><div id="docs-ml-header-edit-button-aria-label" style="display:none;">Edit</div><span class="docs-ml-header-item docs-ml-header-edit-button" aria-labelledby="docs-ml-header-edit-button-aria-label" role="button" tabindex="0"><div class="docs-ml-header-icon-container"><div class="docs-ml-icon docs-ml-header-icon"><div class="docs-ml-img-container docs-ml-img docs-ml-edit-icon"></div></div></div></span></div><div class="app-container"><div class="doc-container"><div class="doc"><div class="doc-content" style="background-color:#ffffff;max-width:468pt;padding:72pt 72pt 72pt 72pt"><h1 style="padding-top:12pt;margin:0;color:#000000;font-weight:700;padding-left:0;font-size:24pt;padding-bottom:12pt;font-family:"Arial";line-height:1.0;text-align:left;padding-right:0"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:24pt;font-family:"Arial";font-style:normal">LCBP3-DMS: Frontend Documentation (ฉบับสมบูรณ์)</span></h1><p style="padding-top:0pt;margin:0;color:#000000;padding-left:0;font-size:11pt;padding-bottom:11.2pt;font-family:"Arial";line-height:1.0;text-align:left;padding-right:0"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">เอกสารนี้รวบรวมรายละเอียดทั้งหมดของส่วน Frontend สำหรับระบบ LCBP3 Document Management System ซึ่งพัฒนาด้วย Next.js (App Router), TypeScript, Tailwind CSS, และ shadcn/ui</span></p><h2 style="padding-top:0pt;margin:0;color:#000000;font-weight:700;padding-left:0;font-size:18pt;padding-bottom:11.2pt;font-family:"Arial";line-height:1.0;text-align:left;padding-right:0"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:18pt;font-family:"Arial";font-style:normal">1. ข้อกำหนดเบื้องต้น (Prerequisites)</span></h2><p style="padding:0;margin:0;color:#000000;font-size:11pt;font-family:"Arial";line-height:1.0;text-align:left"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">ก่อนเริ่มการติดตั้งและพัฒนา คุณจะต้องมีเครื่องมือต่อไปนี้ติดตั้งบนเครื่องคอมพิวเตอร์ของคุณ:</span></p><ul class="lst-kix_list_1-0 start" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="font-weight:700">Node.js:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> เวอร์ชัน 18.x หรือสูงกว่า</span></li><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="font-weight:700">NPM</span><span> หรือ </span><span style="font-weight:700">Yarn:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> ตัวจัดการ Package (มาพร้อมกับ Node.js)</span></li><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="font-weight:700">Git:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> สำหรับการ Clone โปรเจกต์จาก Gitea</span></li></ul><h2 style="padding-top:11.2pt;margin:0;color:#000000;font-weight:700;padding-left:0;font-size:18pt;padding-bottom:11.2pt;font-family:"Arial";line-height:1.0;text-align:left;padding-right:0"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:18pt;font-family:"Arial";font-style:normal">2. ขั้นตอนการติดตั้งและเริ่มใช้งาน (Installation & Setup)</span></h2><ol class="lst-kix_list_2-0 start" start="1" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">Clone โปรเจกต์:</span></li></ol><ul class="lst-kix_list_3-1 start" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:60pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">คัดลอกโปรเจกต์จาก Gitea repository ของคุณมาไว้ที่เครื่อง</span></li></ul><p style="margin-left:30pt;padding:0;color:#000000;font-size:11pt;font-family:"Arial";line-height:1.0;margin-top:0;margin-bottom:0;text-align:left;margin-right:0"><span><!-- end list --></span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Courier";font-style:normal">git clone [http://git.np-dms.work/your-repo/frontend-np-dms.git](http://git.np-dms.work/your-repo/frontend-np-dms.git)<br>cd frontend-np-dms<br></span></p><ol class="lst-kix_list_2-0" start="2" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">ติดตั้ง Dependencies:</span></li></ol><ul class="lst-kix_list_4-1 start" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:60pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">ใช้ npm เพื่อติดตั้ง Library ทั้งหมดที่โปรเจกต์ต้องการ</span></li></ul><p style="margin-left:30pt;padding:0;color:#000000;font-size:11pt;font-family:"Arial";line-height:1.0;margin-top:0;margin-bottom:0;text-align:left;margin-right:0"><span><!-- end list --></span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Courier";font-style:normal">npm install<br></span></p><ol class="lst-kix_list_2-0" start="3" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">ตั้งค่า Environment File:</span></li></ol><ul class="lst-kix_list_5-1 start" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:60pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">สร้างไฟล์ใหม่ชื่อ .env.local ที่รากของโปรเจกต์</span></li><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:60pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">กำหนด URL ของ Backend API ที่จะให้ Frontend เชื่อมต่อ</span></li></ul><p style="margin-left:30pt;padding:0;color:#000000;font-size:11pt;font-family:"Arial";line-height:1.0;margin-top:0;margin-bottom:0;text-align:left;margin-right:0"><span style="font-weight:700">ไฟล์ .env.local:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Courier";font-style:normal"># URL ของ NestJS Backend (ที่รันผ่าน Docker)<br>NEXT_PUBLIC_API_BASE_URL=http://localhost:3001<br></span></p><ol class="lst-kix_list_2-0" start="4" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">รันแอปพลิเคชัน (Development Mode):</span></li></ol><ul class="lst-kix_list_6-1 start" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:60pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">ใช้คำสั่งนี้เพื่อเริ่ม Frontend server ในโหมดพัฒนา</span></li></ul><p style="margin-left:30pt;padding:0;color:#000000;font-size:11pt;font-family:"Arial";line-height:1.0;margin-top:0;margin-bottom:0;text-align:left;margin-right:0"><span><!-- end list --></span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Courier";font-style:normal">npm run dev<br></span></p><ol class="lst-kix_list_2-0" start="5" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">ตรวจสอบการทำงาน:</span></li></ol><ul class="lst-kix_list_7-1 start" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:60pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">เปิดเว็บเบราว์เซอร์แล้วไปที่ http://localhost:3000</span></li><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:60pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">คุณควรจะเห็นหน้า Landing Page ของระบบ</span></li></ul><h2 style="padding-top:11.2pt;margin:0;color:#000000;font-weight:700;padding-left:0;font-size:18pt;padding-bottom:11.2pt;font-family:"Arial";line-height:1.0;text-align:left;padding-right:0"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:18pt;font-family:"Arial";font-style:normal">3. สถาปัตยกรรมและโครงสร้างโปรเจกต์</span></h2><p style="padding:0;margin:0;color:#000000;font-size:11pt;font-family:"Arial";line-height:1.0;text-align:left"><span>Frontend นี้ใช้ </span><span style="font-weight:700">App Router</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> ของ Next.js ซึ่งเป็นสถาปัตยกรรมสมัยใหม่ที่เน้นการทำ Server-Side Rendering (SSR) และ Server Components เพื่อประสิทธิภาพสูงสุด</span></p><ul class="lst-kix_list_8-0 start" style="padding:0;margin:0"><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="font-weight:700">Framework:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> Next.js 14+ (App Router)</span></li><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="font-weight:700">ภาษา:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> TypeScript</span></li><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="font-weight:700">Styling:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> Tailwind CSS</span></li><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="font-weight:700">Component Library:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> shadcn/ui (ไม่ใช่ Library แต่เป็นชุดของ Reusable Components ที่สามารถปรับแต่งได้)</span></li><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="font-weight:700">State Management:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> React Context API (สำหรับ Global Authentication State)</span></li><li style="padding:0;color:#000000;font-size:11pt;line-height:1.0;margin-right:0;margin-left:30pt;font-family:"Arial";margin-top:0;margin-bottom:0;text-align:left"><span style="font-weight:700">Data Fetching:</span><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal"> ใช้ API Routes ของ Next.js เป็น Proxy เพื่อสื่อสารกับ Backend อย่างปลอดภัย</span></li></ul><p style="padding:0;margin:0;color:#000000;font-size:11pt;font-family:"Arial";line-height:1.0;text-align:left"><span style="color:#000000;font-weight:700;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal">โครงสร้างโฟลเดอร์หลัก:</span></p><p style="padding:0;margin:0;color:#000000;font-size:11pt;font-family:"Arial";line-height:1.0;text-align:left"><span style="color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Courier";font-style:normal">frontend-np-dms/<br>├── app/<br>│ ├── (auth)/ # Group สำหรับหน้าหลัง Login (มี Layout พร้อม Navbar/Sidebar)<br>│ │ ├── admin/<br>│ │ ├── correspondences/<br>│ │ ├── dashboard/<br>│ │ └── layout.tsx<br>│ ├── (public)/ # Group สำหรับหน้าสาธารณะ (มี Layout แบบว่าง)<br>│ │ ├── login/<br>│ │ └── layout.tsx<br>│ ├── api/ # API Routes ที่ทำหน้าที่เป็น Proxy ไปยัง Backend<br>│ ├── globals.css<br>│ └── layout.tsx # Root Layout (ที่ห่อหุ้มด้วย AuthProvider)<br>├── components/ # ที่เก็บ UI Components ที่สร้างด้วย shadcn และ Components ที่สร้างขึ้นเอง<br>│ ├── dashboard/<br>│ ├── layout/<br>│ ├── rfa/<br>│ └── ui/<br>├── contexts/ # ที่เก็บ React Context สำหรับ Global State<br>│ └── AuthContext.tsx<br>├── lib/ # ที่เก็บฟังก์ชันเสริม (เช่น utils.ts จาก shadcn)<br>├── public/ # ที่เก็บไฟล์สาธารณะ เช่น รูปภาพ, favicon<br>├── types/ # (แนะนำ) ที่เก็บ TypeScript type definitions ที่ใช้ร่วมกัน<br>├── middleware.ts # ไฟล์สำคัญสำหรับป้องกัน Route (Route Protection)<br>└── package.json<br></span></p></div></div></div></div></body></html>
|
||
------MultipartBoundary--csF0EXC0RJ3vOG6iJZx4sbJHPtjAmchlkrKXyomDzE----
|
||
Content-Type: text/css
|
||
Content-Transfer-Encoding: binary
|
||
Content-Location: https://themes.googleusercontent.com/fonts/css?kit=kbffV7V9BIH3Ot2AQ2LQRA
|
||
|
||
@charset "utf-8";
|
||
|
||
@font-face { font-family: Courier; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/l/font?kit=i7dKIFtyYSaNG9A_JrmedWxeSFI&skey=415f62b718dd1a36&v=v12") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
||
------MultipartBoundary--csF0EXC0RJ3vOG6iJZx4sbJHPtjAmchlkrKXyomDzE----
|
||
Content-Type: text/css
|
||
Content-Transfer-Encoding: binary
|
||
Content-Location: cid:css-8579d4bc-81a4-446d-b2aa-5e3d220689ab@mhtml.blink
|
||
|
||
@charset "utf-8";
|
||
|
||
@import url("https://themes.googleusercontent.com/fonts/css?kit=kbffV7V9BIH3Ot2AQ2LQRA");
|
||
|
||
ol.lst-kix_list_7-0 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_1-0 { list-style-type: none; }
|
||
|
||
ol.lst-kix_list_3-0 { list-style-type: none; }
|
||
|
||
.lst-kix_list_3-0 > li::before { content: "" counter(lst-ctn-kix_list_3-0) ". "; }
|
||
|
||
ul.lst-kix_list_5-7 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_5-8 { list-style-type: none; }
|
||
|
||
.lst-kix_list_3-1 > li::before { content: "○ "; }
|
||
|
||
.lst-kix_list_3-2 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_5-5 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_5-6 { list-style-type: none; }
|
||
|
||
.lst-kix_list_8-1 > li::before { content: "○ "; }
|
||
|
||
.lst-kix_list_4-0 > li { counter-increment: lst-ctn-kix_list_4-0 1; }
|
||
|
||
.lst-kix_list_8-2 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_5-0 > li { counter-increment: lst-ctn-kix_list_5-0 1; }
|
||
|
||
.lst-kix_list_6-0 > li { counter-increment: lst-ctn-kix_list_6-0 1; }
|
||
|
||
.lst-kix_list_7-0 > li { counter-increment: lst-ctn-kix_list_7-0 1; }
|
||
|
||
ul.lst-kix_list_1-3 { list-style-type: none; }
|
||
|
||
.lst-kix_list_3-5 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_1-4 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_1-1 { list-style-type: none; }
|
||
|
||
.lst-kix_list_3-4 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_1-2 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_5-3 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_1-7 { list-style-type: none; }
|
||
|
||
.lst-kix_list_3-3 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_5-4 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_1-8 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_5-1 { list-style-type: none; }
|
||
|
||
.lst-kix_list_8-0 > li::before { content: "● "; }
|
||
|
||
ul.lst-kix_list_1-5 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_5-2 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_1-6 { list-style-type: none; }
|
||
|
||
.lst-kix_list_8-7 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_3-8 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_8-5 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_8-6 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_2-0 > li { counter-increment: lst-ctn-kix_list_2-0 1; }
|
||
|
||
.lst-kix_list_8-3 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_3-6 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_3-7 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_8-4 > li::before { content: "■ "; }
|
||
|
||
ol.lst-kix_list_5-0.start { counter-reset: lst-ctn-kix_list_5-0 0; }
|
||
|
||
.lst-kix_list_8-8 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_5-0 > li::before { content: "" counter(lst-ctn-kix_list_5-0) ". "; }
|
||
|
||
ol.lst-kix_list_6-0 { list-style-type: none; }
|
||
|
||
ol.lst-kix_list_2-0 { list-style-type: none; }
|
||
|
||
.lst-kix_list_4-8 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_5-3 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_4-7 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_5-2 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_5-1 > li::before { content: "○ "; }
|
||
|
||
ul.lst-kix_list_4-8 { list-style-type: none; }
|
||
|
||
.lst-kix_list_5-7 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_8-4 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_8-5 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_4-6 { list-style-type: none; }
|
||
|
||
.lst-kix_list_5-6 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_5-8 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_8-2 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_4-7 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_8-3 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_8-8 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_8-6 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_8-7 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_4-1 { list-style-type: none; }
|
||
|
||
.lst-kix_list_5-4 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_4-4 { list-style-type: none; }
|
||
|
||
.lst-kix_list_5-5 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_8-0 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_4-5 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_8-1 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_4-2 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_4-3 { list-style-type: none; }
|
||
|
||
.lst-kix_list_6-1 > li::before { content: "○ "; }
|
||
|
||
.lst-kix_list_6-3 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_6-0 > li::before { content: "" counter(lst-ctn-kix_list_6-0) ". "; }
|
||
|
||
.lst-kix_list_6-4 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_3-0 > li { counter-increment: lst-ctn-kix_list_3-0 1; }
|
||
|
||
ol.lst-kix_list_4-0.start { counter-reset: lst-ctn-kix_list_4-0 0; }
|
||
|
||
.lst-kix_list_6-2 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_6-8 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_6-5 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_6-7 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_7-0 > li::before { content: "" counter(lst-ctn-kix_list_7-0) ". "; }
|
||
|
||
.lst-kix_list_6-6 > li::before { content: "■ "; }
|
||
|
||
ol.lst-kix_list_5-0 { list-style-type: none; }
|
||
|
||
.lst-kix_list_2-6 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_2-7 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_7-4 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_7-6 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_2-4 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_2-5 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_2-8 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_7-1 > li::before { content: "○ "; }
|
||
|
||
.lst-kix_list_7-5 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_7-2 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_7-3 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_7-5 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_7-6 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_7-3 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_3-7 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_7-4 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_3-8 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_7-7 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_7-8 { list-style-type: none; }
|
||
|
||
ol.lst-kix_list_3-0.start { counter-reset: lst-ctn-kix_list_3-0 0; }
|
||
|
||
ul.lst-kix_list_3-1 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_3-2 { list-style-type: none; }
|
||
|
||
.lst-kix_list_7-8 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_7-1 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_3-5 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_7-2 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_3-6 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_3-3 { list-style-type: none; }
|
||
|
||
.lst-kix_list_7-7 > li::before { content: "■ "; }
|
||
|
||
ul.lst-kix_list_3-4 { list-style-type: none; }
|
||
|
||
.lst-kix_list_4-0 > li::before { content: "" counter(lst-ctn-kix_list_4-0) ". "; }
|
||
|
||
.lst-kix_list_4-1 > li::before { content: "○ "; }
|
||
|
||
.lst-kix_list_4-4 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_4-3 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_4-5 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_4-2 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_4-6 > li::before { content: "■ "; }
|
||
|
||
ol.lst-kix_list_7-0.start { counter-reset: lst-ctn-kix_list_7-0 0; }
|
||
|
||
ol.lst-kix_list_4-0 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_6-6 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_6-7 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_6-4 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_2-8 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_6-5 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_6-8 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_2-2 { list-style-type: none; }
|
||
|
||
.lst-kix_list_1-0 > li::before { content: "● "; }
|
||
|
||
ul.lst-kix_list_2-3 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_2-1 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_6-2 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_2-6 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_6-3 { list-style-type: none; }
|
||
|
||
.lst-kix_list_1-1 > li::before { content: "○ "; }
|
||
|
||
.lst-kix_list_1-2 > li::before { content: "■ "; }
|
||
|
||
ol.lst-kix_list_2-0.start { counter-reset: lst-ctn-kix_list_2-0 0; }
|
||
|
||
ul.lst-kix_list_2-7 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_2-4 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_6-1 { list-style-type: none; }
|
||
|
||
ul.lst-kix_list_2-5 { list-style-type: none; }
|
||
|
||
.lst-kix_list_1-3 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_1-4 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_1-7 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_1-5 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_1-6 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_2-0 > li::before { content: "" counter(lst-ctn-kix_list_2-0) ". "; }
|
||
|
||
.lst-kix_list_2-1 > li::before { content: "○ "; }
|
||
|
||
ol.lst-kix_list_6-0.start { counter-reset: lst-ctn-kix_list_6-0 0; }
|
||
|
||
.lst-kix_list_1-8 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_2-2 > li::before { content: "■ "; }
|
||
|
||
.lst-kix_list_2-3 > li::before { content: "■ "; }
|
||
------MultipartBoundary--csF0EXC0RJ3vOG6iJZx4sbJHPtjAmchlkrKXyomDzE----
|
||
Content-Type: image/png
|
||
Content-Transfer-Encoding: binary
|
||
Content-Location: https://ssl.gstatic.com/docs/common/mobileweb_sprite1.png
|
||
|
||
�PNG
|
||
|
||
|
||
IHDR $ � � � UIDATh��[[l W�Ιٛ�n��
|
||
8Ik'm\�*V�EBj�51/T�5�P��Z�&чJ� �*c�h� ܀�B����)I+���!���XNH�br�:��w��<�mvv��9Ǔx#��6�=s�����?�|{h2ca;�~���i7�GBT�DT�vIԶ �z����l ��
|
||
h�ﾽ�b~f �ҽ�*[��
|
||
>*>�z˅ۦ�z� ,��� �3?0u���%K/ݚ=�sl, ���XGfѪ�ڎꂒ"����ԷU�
|
||
�L*ݟ����(9 �?/�(��ϥ�db}۽��TAq(��&�c~��@��̸
|
||
(�$ L �D��ҩ�:�?slxt4eHY�' L];��� ��tzM�����c;���#)�� �>b��s�{SS�L.#��T<�@���S�c ��$�T��� ǝ)��9�� 0*e,��Ok�=D�DAi�?�3��b��'_ O�P&�^`�W�X�?�n�f 0�[ט> 2�P_"c���T�d�"�$�`i6' W j�EŒF� V*4�� ��+7I�� ��;�f��,�Rl� xL���w�M�Õ=f13�dt�b� ��z����M� �����}b��-�`" @�2 �)�q.w�JQ�- ޙ�X=�r1/c�aO��ڭxf�ֆ��
|
||
x ���ӏU���b�����������X��'Wo�}�f���P�b3�\ =~�*��kULi_���m���p�Ie���=$�����S5�~�� �����z����S0McH��^�������Z&:9� ��([�
|
||
�k�5��|�ǡ�8���=ˮ�I �$;�=�e?:��HoFy�,� F�XQc C�7 a��N��#�Q3Z�GH:����9�%m@ ���� ���8�U#���'��ږ�K��N�{ū�vF±01��ߜFˮ�������ӳN ,Pc�T^�>z_����<^��K�����Gc��5y��ۉ�g_��I� ��4��9f�1���|�Y�ډ����4FF���,N����GuA)j�UX���d�����:�������8A$lk����C���5� 0�'� �S� [�=��+ �����tb��bٱ�ѓfcPg%����w���-�\c�����)m�*
|
||
����"���<��%i���1 l��B�Dc �1��(���/�3s��b�Ι��4 � C�� �kW!�BU�de�6V������ $���� �9�i������MX\٩ \�AN1Ba ��>���O� \'�;2�LV�(\��v "�]Le��6 \Ėe�|�����v��$`��`�h����ʂ)���g��z�EN �2������W_V��nh����h��p�~
|
||
`��*�,#�rDv �N�jU,b��O -a��-��� S�T?�����+�%��ߘqw2�������Y�ȋ�<�#j�e\�(܃�P���T�bC�1�BD�P 1�<�&� ��x�ܞeU�G�cH���@cd��p�� c#���g�93��#;����^K@Kct$� �����߿��1���� �i0yO��Zh@�����������}�..M.�'|�f|�F��Ō�s
|
||
� ��M� ̂д�f�k�i0[o&0 ����T`�l` ��B'�
|
||
L�Zfb�S����~�8��X�'7"��l��[S��� ��7�Ļ�����;�3��A6 ����킀���x��gW��5�l|k?X��Fk?H <�t��w�{�@�.ڀ`Qg��b�d突M��.( ]#��%@���m�T���Ó� ��D�p�y*��냉C����AA`�����K����ٸ����0A+>��p^[:�n����?��b�,
|
||
L�/c@�ұ�+&3��lޒ�<0�]�)ᜂ�Khd ����VWmI7+�c\,������)����<d[.��6f� N�� ���� �Xc�!�M��� O$���ˀ[`u�a /+{�B�V�)+�K�B�A�JB��<E���n�PJ>��ݮP*?Z/0�pŹ u|Ծ��UB)�]�+��K�Ɣ 8s����?��Z�+r`�כּ�e �M�Զ2�C���y�|MfS&9ѽ�̄�i/�%ڝ�fP�'����
|
||
�սµ�[=ߌ��X��?V�/$ 5�c�,�b1�����H��B��S���ȿ�E����+5@�{
|
||
��4(� �:��]�<��A�v����Rc�X����,T�"��*5?�9P���LF��!�ɀe,�X���x#����f(�i
|
||
�u��u�:d��@No�.6�����yv-u5��B��S��
|
||
7�� �E��˲��z��ų���+l`����tK+lY�$����i��"�{� ̧� �#-00�6 ����~�e 7�y)j�j�� u�:W[ o�Fb-kV� ��`ac%` IEND�B`�
|
||
------MultipartBoundary--csF0EXC0RJ3vOG6iJZx4sbJHPtjAmchlkrKXyomDzE----
|
||
Content-Type: text/css
|
||
Content-Transfer-Encoding: binary
|
||
Content-Location: https://fonts.googleapis.com/css?family=Google+Sans
|
||
|
||
@charset "utf-8";
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl1pynAESo4b4o.woff2") format("woff2"); unicode-range: U+308, U+530-58F, U+2010, U+2024, U+25CC, U+FB13-FB17; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl3pynAESo4b4o.woff2") format("woff2"); unicode-range: U+951-952, U+964-965, U+980-9FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlKpynAESo4b4o.woff2") format("woff2"); unicode-range: U+2C7, U+2D8-2D9, U+2DB, U+307, U+1400-167F, U+18B0-18F5, U+25CC, U+11AB0-11ABF; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlopynAESo4b4o.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlhpynAESo4b4o.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlkpynAESo4b4o.woff2") format("woff2"); unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl0pynAESo4b4o.woff2") format("woff2"); unicode-range: U+30E, U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+1E7E8-1E7EB, U+1E7ED-1E7EE, U+1E7F0-1E7FE; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl6pynAESo4b4o.woff2") format("woff2"); unicode-range: U+589, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+205A, U+2D00-2D2F, U+2E31; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlppynAESo4b4o.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlmpynAESo4b4o.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl-pynAESo4b4o.woff2") format("woff2"); unicode-range: U+951-952, U+964-965, U+A80-AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlGpynAESo4b4o.woff2") format("woff2"); unicode-range: U+951-952, U+964-965, U+A01-A76, U+200C-200D, U+20B9, U+25CC, U+262C, U+A830-A839; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlnpynAESo4b4o.woff2") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlupynAESo4b4o.woff2") format("woff2"); unicode-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlspynAESo4b4o.woff2") format("woff2"); unicode-range: U+E81-EDF, U+200C-200D, U+25CC; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl9pynAESo4b4o.woff2") format("woff2"); unicode-range: U+307, U+323, U+951-952, U+964-965, U+D00-D7F, U+1CDA, U+1CF2, U+200C-200D, U+20B9, U+25CC, U+A830-A832; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl8pynAESo4b4o.woff2") format("woff2"); unicode-range: U+951-952, U+964-965, U+B01-B77, U+1CDA, U+1CF2, U+200C-200D, U+20B9, U+25CC; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl4pynAESo4b4o.woff2") format("woff2"); unicode-range: U+964-965, U+D81-DF4, U+1CF2, U+200C-200D, U+25CC, U+111E1-111F4; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJkLpynAESo4b4o.woff2") format("woff2"); unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlzpynAESo4b4o.woff2") format("woff2"); unicode-range: U+964-965, U+B82-BFA, U+200C-200D, U+20B9, U+25CC; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl5pynAESo4b4o.woff2") format("woff2"); unicode-range: U+951-952, U+964-965, U+C00-C7F, U+1CDA, U+1CF2, U+200C-200D, U+25CC; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlxpynAESo4b4o.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlqpynAESo4b4o.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlrpynAESo4b4o.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
|
||
|
||
@font-face { font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url("https://fonts.gstatic.com/s/googlesans/v65/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJllpynAESo4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
|
||
------MultipartBoundary--csF0EXC0RJ3vOG6iJZx4sbJHPtjAmchlkrKXyomDzE----
|
||
Content-Type: text/css
|
||
Content-Transfer-Encoding: binary
|
||
Content-Location: cid:css-9de096d4-9a52-4c93-8eaf-1d5aa6aa425a@mhtml.blink
|
||
|
||
@charset "utf-8";
|
||
|
||
@import url("https://fonts.googleapis.com/css?family=Google+Sans");
|
||
|
||
.docs-ml-promotion { z-index: 1002; }
|
||
|
||
.docs-ml-header { z-index: 1; }
|
||
|
||
.docs-ml-icon { direction: ltr; display: inline-block; text-align: left; overflow: hidden; position: relative; vertical-align: middle; }
|
||
|
||
.docs-ml-img::before { content: url("https://ssl.gstatic.com/docs/common/mobileweb_sprite1.png"); }
|
||
|
||
.docs-ml-img-container { height: 156px; position: absolute; width: 36px; }
|
||
|
||
.docs-ml-docs-logo-icon { left: 0px; top: -36px; }
|
||
|
||
.docs-ml-sheets-logo-icon { left: 0px; top: 0px; }
|
||
|
||
.docs-ml-slides-logo-icon { left: 0px; top: -96px; }
|
||
|
||
.docs-ml-arrow-back-icon { left: 0px; top: -132px; }
|
||
|
||
.docs-ml-edit-icon { left: 0px; top: -72px; }
|
||
|
||
@media screen and (-webkit-min-device-pixel-ratio: 2) {
|
||
.docs-ml-img { content: url("https://ssl.gstatic.com/docs/common/mobileweb_sprite1.png"); }
|
||
.docs-ml-img-container { height: 156px; position: absolute; width: 36px; }
|
||
.docs-ml-docs-logo-icon { left: 0px; top: -36px; }
|
||
.docs-ml-sheets-logo-icon { left: 0px; top: 0px; }
|
||
.docs-ml-slides-logo-icon { left: 0px; top: -96px; }
|
||
.docs-ml-arrow-back-icon { left: 0px; top: -132px; }
|
||
.docs-ml-edit-icon { left: 0px; top: -72px; }
|
||
}
|
||
|
||
.docs-ml-header { background: rgb(250, 250, 250); border-bottom: 1px solid rgb(203, 203, 203); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; box-sizing: border-box; font-family: "Google Sans", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 4px 0px; position: fixed; left: 0px; top: 0px; width: 100%; }
|
||
|
||
.docs-ml-header-icon { height: 24px; opacity: 0.6; width: 24px; }
|
||
|
||
.docs-ml-header-icon-container { padding: 12px; }
|
||
|
||
.docs-ml-header-item { display: inline-block; vertical-align: middle; }
|
||
|
||
.docs-ml-header-drive-link { padding-left: 4px; }
|
||
|
||
body[dir="rtl"] .docs-ml-arrow-back-dir { transform: scaleX(-1); }
|
||
|
||
.docs-ml-header-document-title { box-sizing: border-box; line-height: 24px; padding: 0px 12px; width: calc(100% - 104px); }
|
||
|
||
.docs-ml-header-document-title-text { font-size: 20px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||
|
||
.docs-ml-header-edit-button { float: right; padding-right: 4px; }
|
||
|
||
.docs-ml-promotion { background: rgb(255, 255, 255); bottom: 0px; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 12px; font-family: Arial, Helvetica, sans-serif; left: 0px; position: fixed; width: 100%; }
|
||
|
||
.docs-ml-promotion-off-screen { transform: translateY(100%); }
|
||
|
||
.docs-ml-promotion-shown { transform: translateY(0px); transition: transform 333ms cubic-bezier(0.4, 0, 0.2, 1); }
|
||
|
||
.docs-ml-promotion-dismissed { transform: translateY(100%); box-shadow: none; }
|
||
|
||
.docs-ml-promotion-no-horizontal-scroll { overflow-x: hidden; }
|
||
|
||
.docs-ml-promotion-header { display: table; padding: 24px 24px 0px; }
|
||
|
||
.docs-ml-promotion-app-icon-container { display: table-cell; }
|
||
|
||
.docs-ml-promotion-app-icon { height: 36px; width: 36px; }
|
||
|
||
@media (min-width: 600px) {
|
||
.docs-ml-promotion-app-icon { transform: scale(1.33); }
|
||
}
|
||
|
||
.docs-ml-promotion-text { display: table-cell; padding-left: 20px; vertical-align: top; }
|
||
|
||
.docs-ml-promotion-text-heading { color: rgba(0, 0, 0, 0.87); font-size: 16px; font-weight: 700; padding-bottom: 7px; }
|
||
|
||
.docs-ml-promotion-text-body { color: rgba(0, 0, 0, 0.87); font-size: 14px; }
|
||
|
||
.docs-ml-promotion-action-row { float: right; margin-top: 6px; padding: 8px 24px; }
|
||
|
||
.docs-ml-promotion-action-row-desktop { margin-top: 6px; }
|
||
|
||
.docs-ml-promotion-action-container { display: inline-block; height: 48px; margin: 6px 4px; vertical-align: middle; }
|
||
|
||
.docs-ml-promotion-action-button { display: inline-block; font-size: 14px; font-weight: 500; padding: 9px 12px; vertical-align: middle; }
|
||
|
||
.docs-ml-promotion-action-button-wrapper:focus { outline-color: rgb(214, 214, 214); }
|
||
|
||
.docs-ml-promotion-action-button.docs-ml-promotion-yes-button { background-color: rgb(66, 133, 244); border-radius: 4px; color: rgb(250, 250, 250); border: 1px solid transparent; }
|
||
|
||
.docs-ml-promotion-action-button.docs-ml-promotion-yes-button:active { background-color: rgb(25, 103, 210); }
|
||
|
||
.docs-ml-promotion-action-button.docs-ml-promotion-no-button { background-color: rgb(250, 250, 250); color: rgb(95, 99, 104); border-radius: 4px; border: 1px solid rgb(218, 220, 224); }
|
||
|
||
.docs-ml-promotion-action-button.docs-ml-promotion-no-button:active { background-color: rgb(245, 245, 245); }
|
||
|
||
.docs-ml-promotion.desktop { text-align: center; }
|
||
|
||
@media (orientation: portrait) {
|
||
.docs-ml-promotion.desktop { padding-top: 56px; padding-bottom: 80px; }
|
||
}
|
||
|
||
@media (orientation: landscape) {
|
||
.docs-ml-promotion.desktop { padding-top: 36px; padding-bottom: 56px; }
|
||
}
|
||
|
||
.docs-ml-promotion-heading-desktop { font-family: "Google Sans"; font-size: 18px; font-weight: 700; color: rgb(32, 33, 36); padding-top: 18px; padding-bottom: 10px; line-height: 1.5; max-width: 360px; margin: 0px auto; }
|
||
|
||
@media (orientation: landscape) {
|
||
.docs-ml-promotion-heading-desktop { padding-top: 0px; max-width: none; }
|
||
}
|
||
|
||
.docs-ml-promotion-text-body-desktop { font-size: 14px; line-height: 1.5; color: rgb(95, 99, 104); padding-bottom: 10px; }
|
||
|
||
.docs-icon.docs-ml-promotion-desktop-icon { height: 40px; width: 40px; transform: scale(2.5); transform-origin: center top; }
|
||
|
||
.docs-icon-ml-promotion-icon-container-desktop { height: 100px; width: 100px; margin-left: auto; margin-right: auto; }
|
||
|
||
@media (orientation: landscape) {
|
||
.docs-icon-ml-promotion-icon-container-desktop { display: inline-block; vertical-align: top; }
|
||
.docs-ml-promotion-description-desktop { display: inline-block; vertical-align: top; text-align: left; padding-left: 39px; max-width: 645px; }
|
||
}
|
||
|
||
@media (orientation: landscape) {
|
||
.docs-ml-promotion-action-row-desktop { margin-left: -8px; }
|
||
}
|
||
|
||
.docs-ml-promotion-action-row-desktop .docs-ml-promotion-action-container { margin: 6px 8px; font-family: "Google Sans"; }
|
||
|
||
.docs-ml-promotion-action-row-desktop .docs-ml-promotion-action-button-wrapper:focus { outline: none; }
|
||
|
||
.docs-ml-promotion-action-button.docs-ml-promotion-yes-button.docs-ml-promotion-app-themed { border-radius: 4px; box-shadow: none; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14px; height: 36px; letter-spacing: 0.25px; line-height: 16px; padding: 9px 24px 11px; background: rgb(26, 115, 232); color: rgb(255, 255, 255); border: 1px solid transparent !important; }
|
||
|
||
.docs-ml-promotion-action-button.docs-ml-promotion-no-button.docs-ml-promotion-app-themed { border-radius: 4px; box-shadow: none; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14px; height: 36px; letter-spacing: 0.25px; line-height: 16px; padding: 9px 24px 11px; background: rgb(255, 255, 255); color: rgb(26, 115, 232); border: 1px solid rgb(218, 220, 224) !important; }
|
||
|
||
.docs-ml-promotion-action-button-wrapper:focus .docs-ml-promotion-action-button.docs-ml-promotion-yes-button.docs-ml-promotion-app-themed { color: rgb(255, 255, 255); background: rgb(80, 148, 237); box-shadow: rgba(66, 133, 244, 0.15) 0px 1px 3px 1px; }
|
||
|
||
.docs-ml-promotion-action-button-wrapper:focus .docs-ml-promotion-action-button.docs-ml-promotion-no-button.docs-ml-promotion-app-themed { border-radius: 4px; box-shadow: none; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14px; height: 36px; letter-spacing: 0.25px; line-height: 16px; padding: 9px 24px 11px; background: rgb(233, 241, 254); border: 1px solid rgb(193, 216, 251) !important; }
|
||
|
||
.docsshared-no-download .docsshared-no-select-when-no-download, .docsshared-no-select { -webkit-user-drag: none; user-select: none; }
|
||
|
||
.docsshared-disable-image-copy canvas, .docsshared-disable-image-copy image, .docsshared-disable-image-copy img { pointer-events: none; }
|
||
------MultipartBoundary--csF0EXC0RJ3vOG6iJZx4sbJHPtjAmchlkrKXyomDzE----
|
||
Content-Type: text/css
|
||
Content-Transfer-Encoding: binary
|
||
Content-Location: cid:css-bd8b2cc7-75cc-46b8-a328-efe9163c4ba6@mhtml.blink
|
||
|
||
@charset "utf-8";
|
||
|
||
html { overflow: auto; }
|
||
|
||
body { margin: 0px; overflow: hidden; overflow-wrap: break-word; }
|
||
|
||
.app-container { height: 100%; margin-top: 57px; overflow: auto; }
|
||
|
||
.doc { padding: 20px 12px 0px; position: relative; }
|
||
|
||
.doc .doc-content { margin: auto; padding: 24px 0px !important; max-width: 770px !important; }
|
||
------MultipartBoundary--csF0EXC0RJ3vOG6iJZx4sbJHPtjAmchlkrKXyomDzE------
|