OOo補給站 - 快速登入

<!DOCTYPE html> <html lang="zh-TW"> <head>    <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="robots" content="index,follow"> <meta name="keywords" content="openoffice.org , educoo , OOo4Kids , openoffice , ooo , libreoffice ,libre,NDC,ODF"> <meta name="description" content="OpenOffice.org 正體中文社群這是一個分享 ODF 應用的網站，內容收錄了 Writer 文書處理、Calc 試算表運算、Impress 簡報應用及辦公實務應用的範列與教學資源。"> <meta name="rating" content="general"> <meta name="author" content="XOOPS"> <meta name="copyright" content="Copyright © 2001-2005"> <meta name="generator" content="XOOPS"> <meta property="og:title" content="OOo補給站 - 快速登入"> <meta property="og:type" content="website"> <meta property="og:image" content="https://ooo.tn.edu.tw/uploads/tad_themes/school2022/logo/logo_12_4_qKp.png"> <meta property="og:site_name" content="OOo補給站">  <title>OOo補給站 - 快速登入</title>  <link rel="alternate" type="application/rss+xml" title="RSS" href="https://ooo.tn.edu.tw/backend.php">  <link href="https://ooo.tn.edu.tw/favicon.ico" rel="SHORTCUT ICON">  <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="https://ooo.tn.edu.tw/xoops.css">  <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="https://ooo.tn.edu.tw/themes/school2022/css/xoops.css"> <link href="https://ooo.tn.edu.tw/modules/tadtools/bootstrap5/css/bootstrap.css" rel="stylesheet" media="all">   <link href="https://ooo.tn.edu.tw/modules/tadtools/smartmenus/css/sm-core-css.css" media="all" rel="stylesheet">   <link rel="stylesheet" type="text/css" media="all" href="https://ooo.tn.edu.tw/themes/school2022/css/style.css">  <script src="https://ooo.tn.edu.tw/browse.php?Frameworks/jquery/jquery.js" type="text/javascript"></script> <script src="https://ooo.tn.edu.tw/browse.php?Frameworks/jquery/plugins/jquery.ui.js" type="text/javascript"></script> <script src="https://ooo.tn.edu.tw/modules/tadtools/jquery/jquery.ui.touch-punch.min.js" type="text/javascript"></script> <script src="https://ooo.tn.edu.tw/include/xoops.js" type="text/javascript"></script> <script src="https://ooo.tn.edu.tw/themes/school2022/language/tchinese_utf8/script.js" type="text/javascript"></script> <script src="https://ooo.tn.edu.tw/modules/tadtools/jquery/jquery-migrate-3.5.2.js" type="text/javascript"></script> <script src="https://ooo.tn.edu.tw/modules/tadtools/colorbox/jquery.colorbox.js" type="text/javascript"></script> <link rel="stylesheet" href="https://ooo.tn.edu.tw/modules/tadtools/jquery/themes/base/jquery.ui.all.css" type="text/css" /> <link rel="stylesheet" href="https://ooo.tn.edu.tw/language/tchinese_utf8/style.css" type="text/css" /> <link rel="stylesheet" href="https://ooo.tn.edu.tw/modules/tadtools/css/vertical_menu.css" type="text/css" /> <link rel="stylesheet" href="https://ooo.tn.edu.tw/modules/tad_book3/css/module.css" type="text/css" /> <link rel="stylesheet" href="https://ooo.tn.edu.tw/media/font-awesome/css/font-awesome.min.css" type="text/css" /> <link rel="stylesheet" href="https://ooo.tn.edu.tw/modules/tadtools/colorbox/colorbox.css" type="text/css" /> <link rel="stylesheet" href="https://ooo.tn.edu.tw/modules/tadtools/css/xoops.css" type="text/css" /> <link rel="stylesheet" href="https://ooo.tn.edu.tw/modules/tadtools/css/fontawesome6/css/all.min.css" type="text/css" />    <style type="text/css"> body { color: #202020; background-color: #ffffff; background-image: url('https://ooo.tn.edu.tw/uploads/tad_themes/school2022/bg/bg_12_15_5Ba.jpg'); background-position: left top; background-repeat: repeat-x; background-attachment: scroll; background-size: auto; font-size: 1rem; } a { color:#005ca8; } a:hover { color:#a40019; } #nav-container, #nav-wrapper { /* position: relative; */ z-index: 11; background: #54b4eb; } #xoops_theme_nav { background-color: tranparent; } /* theme_css_blocks.tpl */ .leftBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .leftBlock a.block_config, .leftBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .leftBlock{ position: relative; background: #f5f5f5; overflow: hidden; margin: 15px 0px 15px; border-radius: 4px; } .leftBlock .blockTitle{ border-bottom: 2px solid #7cb6b7; padding: 8px 15px; text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c; } .leftBlock .blockContent{ padding: 15px; } .rightBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .rightBlock a.block_config, .rightBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .rightBlock{ position: relative; background: #f5f5f5; overflow: hidden; margin: 15px 0px 15px; border-radius: 4px; } .rightBlock .blockTitle{ border-bottom: 2px solid #7cb6b7; padding: 8px 15px; text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c; } .rightBlock .blockContent{ padding: 15px; } .centerBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .centerBlock a.block_config, .centerBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .centerBlock{ position: relative; background: #f5f5f5; overflow: hidden; margin: 15px 0px 15px; border-radius: 4px; } .centerBlock .blockTitle{ border-bottom: 2px solid #7cb6b7; padding: 8px 15px; text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c; } .centerBlock .blockContent{ padding: 15px; } .centerLeftBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .centerLeftBlock a.block_config, .centerLeftBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .centerLeftBlock{ position: relative; background: #f5f5f5; overflow: hidden; margin: 15px 0px 15px; border-radius: 4px; } .centerLeftBlock .blockTitle{ border-bottom: 2px solid #7cb6b7; padding: 8px 15px; text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c; } .centerLeftBlock .blockContent{ padding: 15px; } .centerRightBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .centerRightBlock a.block_config, .centerRightBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .centerRightBlock{ position: relative; background: #f5f5f5; overflow: hidden; margin: 15px 0px 15px; border-radius: 4px; } .centerRightBlock .blockTitle{ border-bottom: 2px solid #7cb6b7; padding: 8px 15px; text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c; } .centerRightBlock .blockContent{ padding: 15px; } .centerBottomBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .centerBottomBlock a.block_config, .centerBottomBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .centerBottomBlock{ position: relative; background: #f5f5f5; overflow: hidden; margin: 15px 0px 15px; border-radius: 4px; } .centerBottomBlock .blockTitle{ border-bottom: 2px solid #7cb6b7; padding: 8px 15px; text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c; } .centerBottomBlock .blockContent{ padding: 15px; } .centerBottomLeftBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .centerBottomLeftBlock a.block_config, .centerBottomLeftBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .centerBottomLeftBlock{ position: relative; background: #f5f5f5; overflow: hidden; margin: 15px 0px 15px; border-radius: 4px; } .centerBottomLeftBlock .blockTitle{ border-bottom: 2px solid #7cb6b7; padding: 8px 15px; text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c; } .centerBottomLeftBlock .blockContent{ padding: 15px; } .centerBottomRightBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .centerBottomRightBlock a.block_config, .centerBottomRightBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .centerBottomRightBlock{ position: relative; background: #f5f5f5; overflow: hidden; margin: 15px 0px 15px; border-radius: 4px; } .centerBottomRightBlock .blockTitle{ border-bottom: 2px solid #7cb6b7; padding: 8px 15px; text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c; } .centerBottomRightBlock .blockContent{ padding: 15px; } .footerCenterBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .footerCenterBlock a.block_config, .footerCenterBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .footerLeftBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .footerLeftBlock a.block_config, .footerLeftBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } .footerRightBlock .blockTitle{ font-size: 1.1rem; color: #ffffff; background-color: #98e0e2; text-indent: 9px; } .footerRightBlock a.block_config, .footerRightBlock a.tad_block_config{ float: right; position: relative; z-index: 1; } /* theme_css_navbar.tpl */ .sm-mint { border-top: 2px solid #ecfdff; border-bottom: 2px solid #ecfdff; background: transparent; } .sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active { padding: 15px 12px; /* make room for the toggle button (sub indicator) */ padding-right: 58px; color: #ffffff; font-family: ; font-size: 1rem; font-weight: normal; line-height: 17px; text-decoration: none; } .sm-mint a.current { font-weight: bold; } .sm-mint a.disabled { color: #cccccc; } .sm-mint a .sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 4px; width: 34px; height: 34px; overflow: hidden; font: bold 0.875rem/2.125rem monospace !important; text-align: center; text-shadow: none; background: #006681; color:#ffff00; border-radius: 4px; } .sm-mint a .sub-arrow::before { content: '+'; } .sm-mint a.highlighted .sub-arrow::before { content: '-'; } .sm-mint li { border-top: 1px solid #3b3b3b22; } .sm-mint > li:first-child { border-top: 0; } .sm-mint ul { background: #ecfdff88; } .sm-mint ul a, .sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active { color: #3b3b3b; font-size: 1rem; border-left: 8px solid transparent; } .sm-mint ul ul a, .sm-mint ul ul a:hover, .sm-mint ul ul a:focus, .sm-mint ul ul a:active { color: #3b3b3b; border-left: 8px solid transparent; } .sm-mint ul ul ul a, .sm-mint ul ul ul a:hover, .sm-mint ul ul ul a:focus, .sm-mint ul ul ul a:active { color: #3b3b3b; border-left: 8px solid transparent; } .sm-mint ul ul ul ul a, .sm-mint ul ul ul ul a:hover, .sm-mint ul ul ul ul a:focus, .sm-mint ul ul ul ul a:active { color: #3b3b3b; border-left: 8px solid transparent; } .sm-mint ul ul ul ul ul a, .sm-mint ul ul ul ul ul a:hover, .sm-mint ul ul ul ul ul a:focus, .sm-mint ul ul ul ul ul a:active { color: #3b3b3b; border-left: 8px solid transparent; } @media (min-width: 768px) { /* Switch to desktop layout ----------------------------------------------- These transform the menu tree from collapsible to desktop (navbar + dropdowns) -----------------------------------------------*/ /* start... (it's not recommended editing these rules) */ .sm-mint ul { position: absolute; width: 12em; z-index: 250; } .sm-mint li { float: left; } .sm-mint.sm-rtl li { float: right; } .sm-mint ul li, .sm-mint.sm-rtl ul li, .sm-mint.sm-vertical li { float: none; } .sm-mint a { white-space: nowrap; } .sm-mint ul a, .sm-mint.sm-vertical a { white-space: normal; } .sm-mint .sm-nowrap > li > a, .sm-mint .sm-nowrap > li > :not(ul) a { white-space: nowrap; } /* ...end */ .sm-mint { border-top: 0; background: transparent; } .sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted { padding: 15px 12px; color: #ffffff; border-radius: 4px 4px 0 0; border-radius: 0; } .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active { background: #006681; color: #ffff00; } .sm-mint a.highlighted { background: #ecfdff; color: #3b3b3b; box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25); } .sm-mint a.disabled { background: transparent; color: #cccccc; box-shadow: none; } .sm-mint a.has-submenu { padding-right: 34px; } .sm-mint a .sub-arrow { top: 50%; margin-top: -3px; right: 20px; width: 0; height: 0; border-width: 6px 4.02px 0 4.02px; border-style: solid dashed dashed dashed; border-color: #ffffff transparent transparent transparent; background: transparent; border-radius: 0; } .sm-mint a:hover .sub-arrow, .sm-mint a:focus .sub-arrow, .sm-mint a:active .sub-arrow { border-color: #ffff00 transparent transparent transparent; } .sm-mint a.highlighted .sub-arrow { border-color: #ffffff transparent transparent transparent; } .sm-mint a.disabled .sub-arrow { border-color: #ffffff transparent transparent transparent; } .sm-mint a .sub-arrow::before { display: none; } .sm-mint li { border-top: 0; } .sm-mint ul { border: 0; padding: 8px 0; background: #ecfdff; border-radius: 0 4px 4px 4px; box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25); } .sm-mint ul ul { border-radius: 4px; } .sm-mint ul a, .sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active, .sm-mint ul a.highlighted { padding: 12px 20px; border-radius: 0; border-bottom: 1px solid #00000011; } .sm-mint ul li:last-child a{ border-bottom: none; padding: 12px 20px 6px; } .sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active, .sm-mint ul a.highlighted { background: #006681; color: #ffff00; box-shadow: none; } .sm-mint ul a.disabled { background: transparent; color: #b3b3b3; } .sm-mint ul a.has-submenu { padding-right: 20px; } .sm-mint ul a .sub-arrow { right: 10px; margin-top: -4.02px; border-width: 4.02px 0 4.02px 6px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #ffffff; } .sm-mint ul a:hover .sub-arrow, .sm-mint ul a:focus .sub-arrow, .sm-mint ul a:active .sub-arrow, .sm-mint ul a.highlighted .sub-arrow { border-color: transparent transparent transparent #ffff00; } .sm-mint ul a.disabled .sub-arrow { border-color: transparent transparent transparent #ffffff; } .sm-mint .scroll-up, .sm-mint .scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: #ecfdff; height: 20px; } .sm-mint .scroll-up-arrow, .sm-mint .scroll-down-arrow { position: absolute; top: 6px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 0 6px 8px 6px; border-style: dashed dashed solid dashed; border-color: transparent transparent #006681 transparent; } .sm-mint .scroll-down-arrow { border-width: 8px 6px 0 6px; border-style: solid dashed dashed dashed; border-color: #006681 transparent transparent transparent; } .sm-mint.sm-rtl a.has-submenu { padding-right: 20px; padding-left: 34px; } .sm-mint.sm-rtl a .sub-arrow { right: auto; left: 20px; } .sm-mint.sm-rtl.sm-vertical { border-right: 0; border-left: 2px solid #006681; } .sm-mint.sm-rtl.sm-vertical a { border-radius: 0 4px 4px 0; } .sm-mint.sm-rtl.sm-vertical a.has-submenu { padding: 10px 20px; } .sm-mint.sm-rtl.sm-vertical a .sub-arrow { right: auto; left: 10px; border-width: 4.02px 6px 4.02px 0; border-style: dashed solid dashed dashed; border-color: transparent #006681 transparent transparent; } .sm-mint.sm-rtl.sm-vertical a:hover .sub-arrow, .sm-mint.sm-rtl.sm-vertical a:focus .sub-arrow, .sm-mint.sm-rtl.sm-vertical a:active .sub-arrow, .sm-mint.sm-rtl.sm-vertical a.highlighted .sub-arrow { border-color: transparent #ffff00 transparent transparent; } .sm-mint.sm-rtl.sm-vertical a.disabled .sub-arrow { border-color: transparent #006681 transparent transparent; } .sm-mint.sm-rtl ul { border-radius: 4px 0 4px 4px; } .sm-mint.sm-rtl ul a { border-radius: 0 !important; } .sm-mint.sm-rtl ul a.has-submenu { padding: 10px 20px !important; } .sm-mint.sm-rtl ul a .sub-arrow { right: auto; left: 10px; border-width: 4.02px 6px 4.02px 0; border-style: dashed solid dashed dashed; border-color: transparent #006681 transparent transparent; } .sm-mint.sm-rtl ul a:hover .sub-arrow, .sm-mint.sm-rtl ul a:focus .sub-arrow, .sm-mint.sm-rtl ul a:active .sub-arrow, .sm-mint.sm-rtl ul a.highlighted .sub-arrow { border-color: transparent #ffff00 transparent transparent; } .sm-mint.sm-rtl ul a.disabled .sub-arrow { border-color: transparent #006681 transparent transparent; } .sm-mint.sm-vertical { border-bottom: 0; border-right: 2px solid #006681; } .sm-mint.sm-vertical a { padding: 10px 20px; border-radius: 4px 0 0 4px; } .sm-mint.sm-vertical a:hover, .sm-mint.sm-vertical a:focus, .sm-mint.sm-vertical a:active, .sm-mint.sm-vertical a.highlighted { background: #006681; color: #ffff00; box-shadow: none; } .sm-mint.sm-vertical a.disabled { background: transparent; color: #cccccc; } .sm-mint.sm-vertical a .sub-arrow { right: 10px; margin-top: -4.02px; border-width: 4.02px 0 4.02px 6px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #006681; } .sm-mint.sm-vertical a:hover .sub-arrow, .sm-mint.sm-vertical a:focus .sub-arrow, .sm-mint.sm-vertical a:active .sub-arrow, .sm-mint.sm-vertical a.highlighted .sub-arrow { border-color: transparent transparent transparent #ffffff; } .sm-mint.sm-vertical a.disabled .sub-arrow { border-color: transparent transparent transparent #006681; } .sm-mint.sm-vertical ul { border-radius: 4px !important; } .sm-mint.sm-vertical ul a { padding: 10px 20px; } } /*# sourceMappingURL=sm-mint.css.map */ #main-nav { border: none; position: relative; min-height: 3rem; } /* Complete navbar .sm-mint */ .nav-brand { float: left; margin: 0; } .nav-brand a { display: block; padding: 11px 11px 11px 20px; color: #ffffff; font-size: 1rem; font-weight: normal; text-decoration: none; } #main-menu { clear: both; border-bottom: 0; } @media (min-width: 768px) { #main-menu { clear: none; } } /* Mobile menu toggle button */ .main-menu-btn { float: right; margin: 5px 10px; position: relative; display: inline-block; width: 29px; height: 29px; text-indent: 29px; white-space: nowrap; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* hamburger icon */ .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after { position: absolute; top: 50%; left: 2px; height: 2px; width: 24px; background: #ffffff; -webkit-transition: all 0.25s; transition: all 0.25s; } .main-menu-btn-icon:before { content: ''; top: -7px; left: 0; } .main-menu-btn-icon:after { content: ''; top: 7px; left: 0; } /* x icon */ #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon { height: 0; background: transparent; } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* hide menu state checkbox (keep it visible to screen readers) */ #main-menu-state { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* hide the menu in mobile view */ #main-menu-state:not(:checked) ~ #main-menu { display: none; } #main-menu-state:checked ~ #main-menu { display: block; } @media (min-width: 768px) { /* hide the button in desktop view */ .main-menu-btn { position: absolute; top: -99999px; } /* always show the menu in desktop view */ #main-menu-state:not(:checked) ~ #main-menu { display: block; } } </style>  <style type="text/css"> #xoops_theme_left_zone{ background-color:transparent; padding: 0px 14px; } #xoops_theme_center_zone{ background-color:transparent; padding: 0px 14px; } #xoops_theme_right_zone { background-color:transparent; padding: 0px 14px; } #page-wrapper, #top-wrapper,#top-display, #logo-wrapper,#logo-display, #nav-wrapper,#nav-display, #slide-wrapper,#slide-display, #base-wrapper,#base-display, #footer-wrapper,#footer-display, #bottom-wrapper,#bottom-display { max-width: 100%; } #page-wrapper{ position: relative; padding: 0px; margin: auto; background: #ffffff ; margin-top: 30px; margin-bottom: 60px; padding: 10px;} #page-display{ margin: 0px auto; } #page-display>div{ padding: 0px; margin: 0px; } @media (min-width: 768px) { #page-wrapper{ } } @media (max-width: 768px) { #page-wrapper, #page-display{ max-width: 100%; } #page-wrapper{ padding: 0px; margin: 0px; } } #top-wrapper{ position: relative; padding: 0px; margin: auto; z-index: 11; background: #80d3d6 ; margin-top: 0px; margin-bottom: 0px; font-size: 0.8rem;} #top-display{ max-width:80%; margin: 0px auto; padding: 6px 0px; background-color: #80d3d6; } #top-display>div{ padding: 0px; margin: 0px; } #top-wrapper, #top-display, #top-display img { border-radius: 0px; } @media (min-width: 768px) { #top-wrapper{ } } @media (max-width: 768px) { #top-wrapper, #top-display{ max-width: 100%; } #page-wrapper{ padding: 0px; margin: 0px; } } #logo-wrapper{ position: relative; padding: 0px; margin: auto; max-width:80%; background: transparent ; margin-top: 0px; margin-bottom: 0px; } #logo-display{ margin: 0px auto; padding: 10px; background-color: transparent; } #logo-display>div{ padding: 0px; margin: 0px; } @media (min-width: 768px) { #logo-wrapper{ } } @media (max-width: 768px) { #logo-wrapper, #logo-display{ max-width: 100%; } #page-wrapper{ padding: 0px; margin: 0px; } } #logo-wrapper{ } #nav-wrapper{ position: relative; padding: 0px; margin: auto; background: transparent ; margin-top: 0px; margin-bottom: 0px; } #nav-display{ max-width:80%; margin: 0px auto; padding: 0px; } #nav-display>div{ padding: 0px; margin: 0px; } #nav-wrapper, #nav-display, #nav-display img { border-radius: 0px; } @media (min-width: 768px) { #nav-wrapper{ } } @media (max-width: 768px) { #nav-wrapper, #nav-display{ max-width: 100%; } #page-wrapper{ padding: 0px; margin: 0px; } } #nav-display { background: #54b4eb ; } #nav-wrapper{ background: transparent ; } #main-menu li { color:#3b3b3b; } #slide-wrapper{ position: relative; padding: 0px; margin: auto; max-width:80%; background: transparent ; margin-top: 0px; margin-bottom: 0px; } #slide-display{ margin: 0px auto; padding: 0px; background-color: transparent; } #slide-display>div{ padding: 0px; margin: 0px; } #slide-wrapper, #slide-display, #slide-display img { border-radius: 10px; } @media (min-width: 768px) { #slide-wrapper{ } } @media (max-width: 768px) { #slide-wrapper, #slide-display{ max-width: 100%; } #page-wrapper{ padding: 0px; margin: 0px; } } #middle-wrapper{ position: relative; padding: 0px; margin: auto; background: transparent ; margin-top: 0px; margin-bottom: 0px; } #middle-display{ max-width:80%; margin: 0px auto; padding: 10px; background-color: transparent; } #middle-display>div{ padding: 0px; margin: 0px; } #middle-wrapper, #middle-display, #middle-display img { border-radius: 0px; } @media (min-width: 768px) { #middle-wrapper{ } } @media (max-width: 768px) { #middle-wrapper, #middle-display{ max-width: 100%; } #page-wrapper{ padding: 0px; margin: 0px; } } #content-wrapper{ position: relative; padding: 0px; margin: auto; max-width:80%; background: #ffffff ; margin-top: 0px; margin-bottom: 0px; } #content-display{ margin: 0px auto; padding: 0px; color: #202020;} #content-display>div{ padding: 0px; margin: 0px; } #content-wrapper, #content-display, #content-display img { border-radius: 0px; } @media (min-width: 768px) { #content-wrapper{ } } @media (max-width: 768px) { #content-wrapper, #content-display{ max-width: 100%; } #page-wrapper{ padding: 0px; margin: 0px; } } #footer-wrapper{ position: relative; padding: 0px; margin: auto; background: #f6f6f6 ; margin-top: 0px; margin-bottom: 0px; } #footer-display{ max-width:80%; margin: 0px auto; padding: 60px 30px; background-color: #f6f6f6; min-height: 200px; color: #555555;} #footer-display>div{ padding: 0px; margin: 0px; } #footer-wrapper, #footer-display, #footer-display img { border-radius: 0px; } @media (min-width: 768px) { #footer-wrapper{ } } @media (max-width: 768px) { #footer-wrapper, #footer-display{ max-width: 100%; } #page-wrapper{ padding: 0px; margin: 0px; } } #footer-display a, #footer-display a:hover, #footer-display a:active , #footer-display a:visited { color:#555555; } #bottom-wrapper{ position: relative; padding: 0px; margin: auto; background: #585858 ; margin-top: 0px; margin-bottom: 0px; } #bottom-display{ max-width:80%; margin: 0px auto; padding: 10px; background-color: #585858; min-height: 40px; color: #ffffff;} #bottom-display>div{ padding: 0px; margin: 0px; } #bottom-wrapper, #bottom-display, #bottom-display img { border-radius: 0px; } @media (min-width: 768px) { #bottom-wrapper{ } } @media (max-width: 768px) { #bottom-wrapper, #bottom-display{ max-width: 100%; } #page-wrapper{ padding: 0px; margin: 0px; } } #bottom-display a, #bottom-display a:hover, #bottom-display a:active , #bottom-display a:visited { color:#ffffff; } @media (min-width: 768px) { #page-wrapper{ max-width: 80%; } } </style>   <script src="https://ooo.tn.edu.tw/modules/tadtools/bootstrap5/js/bootstrap.bundle.js"></script>  <script type="text/javascript" src="https://ooo.tn.edu.tw/modules/tadtools/smartmenus/jquery.smartmenus.js"></script> <script type="text/javascript"> // SmartMenus init $(function() { $('#main-menu').smartmenus({ bottomToTopSubMenus: false }); }); // SmartMenus mobile menu toggle button $(function() { var $mainMenuState = $('#main-menu-state'); if ($mainMenuState.length) { // animate mobile menu $mainMenuState.change(function(e) { var $menu = $('#main-menu'); if (this.checked) { $menu.hide().slideDown(250, function() { $menu.css('display', ''); }); } else { $menu.show().slideUp(250, function() { $menu.css('display', ''); }); } }); // hide mobile menu beforeunload $(window).bind('beforeunload unload', function() { if ($mainMenuState[0].checked) { $mainMenuState[0].click(); } }); } }); </script> </head> <body >  <div id="logo-wrapper"> <div id="logo-display" class="container-fluid "> <div class="row"> <div class="col-xl-3 text-start"> <a href="https://ooo.tn.edu.tw/index.php" style="padding: 0px;"><img id="website_logo" src="https://ooo.tn.edu.tw/uploads/tad_themes/school2022/logo/logo_12_4_qKp.png" style="max-width: 100%;position: relative; z-index:10;" alt="OOo補給站" title="OOo補給站" class="img-fluid"></a> </div> <div class="col-xl-9 text-end"> <div class="d-inline-block"><span class="ci"> <i class="fa fa-phone"></i> (06)2130669#33 </span> <span class="ci"> <i class="fa fa-fax"></i> (06)-2130668 </span> <span class="ci"> <i class="fa fa-envelope"></i> service@tn.edu.tw </span> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" type="text/css"> <style> .ci { font-size: 0.8rem; font-family: "open sans", arial, sans-serif; font-weight: 300; margin: 10px 1rem; } .ci .fa { color: #6091ba; margin-right: 8px; font-size: 1.1rem; position: relative; top: 1px; } </style></div> <div class="d-inline-block"> <div id="google_translate_element" class="form-control form-control-sm" style="position: relative; top: -4px; padding: 0px;"> </div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'zh-TW', includedLanguages: 'en,fr,ja,ko,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true, autoDisplay: false}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script></div> <div class="d-inline-block"> <form action="https://ooo.tn.edu.tw/user.php" method="post" role="form"> <div class="input-group input-group-sm"> <span class="input-group-text">帳號</span> <input type="text" name="uname" id="uname" placeholder="請輸入帳號" class="form-control"> <span class="input-group-text">密碼</span> <input type="password" name="pass" id="pass" placeholder="請輸入密碼" class="form-control"> <input type="hidden" name="xoops_redirect" value="/modules/tad_login/"> <input type="hidden" name="rememberme" value="On"> <input type="hidden" name="op" value="login"> <input type="hidden" name="xoops_login" value="1"> <button type="submit" class="btn btn-secondary">登入</button> </div> </form> </div> </div> </div> </div> </div> <div class="d-flex flex-column min-vh-100"> <div class="flex-grow-1"> <div id="content-wrapper"> <div id="content-display"> <div class="container-fluid">  <div class="row g-0" id="xoops_theme_content_zone"> <div class="col-xl-9" id="xoops_theme_center_zone" style=""> <a accesskey="C" href="#xoops_theme_center_zone_key" title="中間區域（包含中間區塊及主內容）" id="xoops_theme_center_zone_key" style="color: transparent; font-size: 0.625rem; position: absolute;">:::</a> <div id="xoops_theme_center" style=""> <div class="row"> <div class="col-md-6"></div> <div class="col-md-6"></div> </div> <div id="xoops_contents"> <nav class='toolbar_bootstrap_nav'> <ul> <li class='current' title='快速登入'><a href='https://ooo.tn.edu.tw/modules/tad_login/index.php' ><i class='fa fa-sign-in'></i> 快速登入</a></li> </ul> </nav> <a href="https://accounts.google.com/o/oauth2/auth?response_type=code&redirect_uri=https%3A%2F%2Fooo.tn.edu.tw%2Fmodules%2Ftad_login%2Findex.php&client_id=564165825860-gkchhg2ohu2f0hmpoidlefd7v7ftcuke.apps.googleusercontent.com&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&access_type=offline&approval_prompt=auto" class="btn btn-info" style="position: relative; width:140px; height:180px; margin:4px 2px;"> <img src="https://ooo.tn.edu.tw/modules/tad_login/images/google_l.png" alt="Google OpenID 登入 login icon"> <div class="text-center" style="width:120px; height:50px; position: absolute; bottom: 0; left: 2; white-space: normal; text-align: center; font-size: 1em;">Google OpenID 登入</div> </a> <a href="https://access.line.me/oauth2/v2.1/authorize?response_type=code&client_id=1655256336&state=69ab2cc30923c5b60a7bd64b5f9b4e03e8a6cd60&scope=openid%20profile%20email&redirect_uri=https://ooo.tn.edu.tw/modules/tad_login/line_callback.php" class="btn btn-info" style="position: relative; width:140px; height:180px; margin:4px 2px;"> <img src="https://ooo.tn.edu.tw/modules/tad_login/images/line_l.png" alt="Line OpenID 登入 login icon"> <div class="text-center" style="width:120px; height:50px; position: absolute; bottom: 0; left: 2; white-space: normal; text-align: center; font-size: 1em;">Line OpenID 登入</div> </a> <a href="https://ooo.tn.edu.tw/modules/tad_login/index.php?login&op=tn" class="btn btn-info" style="position: relative; width:140px; height:180px; margin:4px 2px;"> <img src="https://ooo.tn.edu.tw/modules/tad_login/images/tn_l.png" alt="臺南市 OpenID 登入 login icon"> <div class="text-center" style="width:120px; height:50px; position: absolute; bottom: 0; left: 2; white-space: normal; text-align: center; font-size: 1em;">臺南市 OpenID 登入</div> </a> <a href="https://ooo.tn.edu.tw/modules/tad_login/index.php?login&op=hlc" class="btn btn-info" style="position: relative; width:140px; height:180px; margin:4px 2px;"> <img src="https://ooo.tn.edu.tw/modules/tad_login/images/hlc_l.png" alt="花蓮縣 OpenID 登入 login icon"> <div class="text-center" style="width:120px; height:50px; position: absolute; bottom: 0; left: 2; white-space: normal; text-align: center; font-size: 1em;">花蓮縣 OpenID 登入</div> </a> </div> <div class="row"> <div class="col-md-6"></div> <div class="col-md-6"></div> </div> </div> </div> <div class="col-xl-3" id="xoops_theme_right_zone"> <a accesskey="R" href="#xoops_theme_right_zone_key" title="右邊區域（視佈景版型不同可能包含左右兩側之區塊）" id="xoops_theme_right_zone_key" style="color: transparent; font-size: 0.625rem; position: absolute;">:::</a> <div id="xoops_theme_right" style=""> <div class="leftBlock"> <h3 class="blockTitle"> 快速登入 </h3> <div class="blockContent"> <a href="https://accounts.google.com/o/oauth2/auth?response_type=code&redirect_uri=https%3A%2F%2Fooo.tn.edu.tw%2Fmodules%2Ftad_login%2Findex.php&client_id=564165825860-gkchhg2ohu2f0hmpoidlefd7v7ftcuke.apps.googleusercontent.com&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&access_type=offline&approval_prompt=auto" style="width: 58px; height: 48px; margin: 4px 2px; vertical-align: middle;" class="btn btn-info "><img src="https://ooo.tn.edu.tw/modules/tad_login/images/google.png" alt="Google OpenID 登入 login icon" title="Google OpenID 登入" style="width: 32px; height: 32px; marign:0px;"> </a> <a href="https://access.line.me/oauth2/v2.1/authorize?response_type=code&client_id=1655256336&state=69ab2cc30923c5b60a7bd64b5f9b4e03e8a6cd60&scope=openid%20profile%20email&redirect_uri=https://ooo.tn.edu.tw/modules/tad_login/line_callback.php" style="width: 58px; height: 48px; margin: 4px 2px; vertical-align: middle;" class="btn btn-info "><img src="https://ooo.tn.edu.tw/modules/tad_login/images/line.png" alt="Line OpenID 登入 login icon" title="Line OpenID 登入" style="width: 32px; height: 32px; marign:0px;"> </a> <a href="https://ooo.tn.edu.tw/modules/tad_login/index.php?login&op=tn" style="width: 58px; height: 48px; margin: 4px 2px; vertical-align: middle;" class="btn btn-info "><img src="https://ooo.tn.edu.tw/modules/tad_login/images/tn.png" alt="臺南市 OpenID 登入 login icon" title="臺南市 OpenID 登入" style="width: 32px; height: 32px; marign:0px;"> </a> <a href="https://ooo.tn.edu.tw/modules/tad_login/index.php?login&op=hlc" style="width: 58px; height: 48px; margin: 4px 2px; vertical-align: middle;" class="btn btn-info "><img src="https://ooo.tn.edu.tw/modules/tad_login/images/hlc.png" alt="花蓮縣 OpenID 登入 login icon" title="花蓮縣 OpenID 登入" style="width: 32px; height: 32px; marign:0px;"> </a> </div> </div> <div class="leftBlock"> <h3 class="blockTitle"> 線上書籍列表 </h3> <div class="blockContent"> <ul class="vertical_menu"> <li> <a href="https://ooo.tn.edu.tw/modules/tad_book3/index.php?op=list_docs&tbsn=24">ODF 辦公應用主題教學</a> (5082) </li> </ul> </div> </div> <div class="rightBlock"> <h3 class="blockTitle"> 誰在線上 </h3> <div class="blockContent"> <strong>9</strong>人線上 (<strong>1</strong>人在瀏覽<strong>快速登入</strong>) <br><br> 會員: 0 <br> 訪客: 9 <br><br> <a href="javascript:openWithSelfMain('https://ooo.tn.edu.tw/misc.php?action=showpopups&type=online','Online',420,350);" title="更多…"> 更多… </a> </div> </div> </div> </div> </div> </div> </div> </div>  </div> <footer> <div id="footer-wrapper"> <div id="footer-display"> <div> 主機提供：臺南市教育局教育網路中心　網站維護：吳弘凱、蔡凱如、胡凱元<br> QA 提問服務信箱：ossacc@gmail.com (主旨請註明：【請問】_關於 XX 問題) <div style="display:none;"> <a href="https://seehdfilm.us" rel="dofollow">film izle</a> <a href="https://seehdfilm.us" rel="dofollow">HD Film İzle</a> <a href="https://seehdfilm.us" rel="dofollow">seehdfilm</a> <a href="https://seehdfilm.us/turkce-dublaj-filmler" rel="dofollow">Türkçe Dublaj Film izle</a> <a href="https://seehdfilm.us/yil/2023" rel="dofollow">2023 filmleri izle</a> <a href="https://seehdfilm.us/yil/2023" rel="dofollow">2023 film izle</a> <a href="https://seehdfilm.us/sinefilm/john-wick-chapter-4-izle.html" rel="dofollow">John Wick 4 izle</a> <a href="https://seehdfilm.us/sinefilm/fight-club-izle.html" rel="dofollow">Fight Club izle</a> <a href="https://seehdfilm.us/sinefilm/ates-kralliklari-izle.html" rel="dofollow">Ateş Krallıkları izle</a> <a href="https://seehdfilm.us/sinefilm/ates-kralliklari-izle.html" rel="dofollow">Kingdoms Of Fire izle</a> <a href="https://seehdfilm.us/sinefilm/cakallarla-dans-6-izle.html" rel="dofollow">Çakallarla Dans 6 izle</a> <a href="https://seehdfilm.us/sinefilm/sicak-kafa-izle.html" rel="dofollow">Sıcak Kafa izle</a> <a href="https://seehdfilm.us/sinefilm/recep-ivedik-7-izle.html" rel="dofollow">Recep İvedik 7 izle</a> <a href="https://seehdfilm.us/sinefilm/wednesday-izle.html" rel="dofollow">Wednesday izle</a> <a href="https://seehdfilm.us/sinefilm/wednesday-izle.html" rel="dofollow">Wednesday Türkçe Dublaj İzle</a> <a href="https://seehdfilm.us/sinefilm/elif-ana-izle.html" rel="dofollow">Elif Ana izle</a> <a href="https://seehdfilm.us/sinefilm/jurassic-world-hakimiyet-izle.html" rel="dofollow">Jurassic World: Hâkimiyet izle</a> <a href="https://seehdfilm.us/sinefilm/seytanin-dusmani-izle.html" rel="dofollow">Şeytanın Düşmanı izle</a> <a href="https://seehdfilm.us/sinefilm/laal-singh-chaddha-izle.html" rel="dofollow">Laal Singh Chaddha izle</a> <a href="https://seehdfilm.us/sinefilm/category/belgesel" rel="dofollow">Belgesel izle</a> <a href="https://seehdfilm.us/sinefilm/category/korku-filmleri-izle" rel="dofollow">Korku Filmleri izle</a> <a href="https://seehdfilm.us/sinefilm/category/netflix-filmleri" rel="dofollow">Netflix Filmleri izle</a> <a href="https://seehdfilm.us/korku-filmi-onerileri-html" rel="dofollow">Korku Filmi Önerileri</a> <a href="https://seehdfilm.us/yerli-korku-filmi-onerileri" rel="dofollow">Yerli Korku filmi Önerileri</a> <a href="https://seehdfilm.us/2023-film-onerileri" rel="dofollow">2023 Film Önerileri</a> <a href="https://seehdfilm.us/netflix-film-onerileri" rel="dofollow">Netflix film Önerileri</a> <a href="https://seehdfilm.us/sinefilm/shazam-tanrilarin-ofkesi-izle.html" rel="dofollow">Shazam! Tanrıların Öfkesi izle</a> </div> </div> </div> </div> <div id="bottom-wrapper"> <div id="bottom-display"> <div style="" class="row"> <div class="col-xl-4 text-xl-start"> </div> <div class="col-xl-4 text-xl-center"> </div> <div class="col-xl-4 text-xl-end"> </div> </div> </div> </div> </footer> </div>  <script type="text/javascript" src="https://ooo.tn.edu.tw/modules/tadtools/jquery.sticky/jquery.sticky.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("select[name='xoops_theme_select']").addClass("form-control"); $("input[name='query']").addClass("form-control"); $("input[name='uname']").addClass("form-control"); $("input[name='pass']").addClass("form-control"); $('iframe:not([title])').attr('title','iframe content'); if($( window ).width() > 768){ $("#top-wrapper").sticky({topSpacing:0 , zIndex: 11, getWidthFrom:'#top-wrapper'}); }else{ $("#top-wrapper").unstick(); } }); $(window).resize(function() { if($(window).width() > 768){ // 避免在手機狀態下無法上下選擇選項 $("#top-wrapper").sticky({topSpacing:0 , zIndex: 11, getWidthFrom:'#top-wrapper'}); }else{ $("#top-wrapper").unstick(); } }); </script> <link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC|Noto+Serif+TC&display=swap" rel="stylesheet" media="all"> </body> </html>

CINXE.COM

OOo補給站 - 快速登入