<>
#gdpr_wrap {
position: fixed;
bottom: 20px;
left: 0;
width: 100%;
z-index: 9995;
display: flex;
justify-content: center;
pointer-events: none;
}
/* 卡片容器 */
#gdpr_wrap .container {
max-width: 900px;
background: rgba(2552552550.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 16px;
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
padding: 20px 24px;
pointer-events: all;
}
/* 文字 */
#gdpr_wrap p {
color: #333;
font-size: 14px;
line-height: 1.6;
margin: 0;
}
/* 連結 */
#gdpr_wrap a {
color: #0071e3;
text-decoration: none;
}
#gdpr_wrap a:hover {
text-decoration: underline;
}
/* 按鈕共用 */
#gdpr_wrap .btn {
border-radius: 999px;
padding: 8px 18px;
font-size: 13px;
font-weight: 500;
border: none;
transition: all 0.2s ease;
}
/* 同意（主按鈕） */
#gdpr_confirm {
background: #0071e3;
color: #fff;
}
#gdpr_confirm:hover {
background: #005bb5;
}
/* 拒絕（次按鈕） */
#gdpr_decline {
background: #f2f2f2;
color: #333;
}
#gdpr_decline:hover {
background: #e5e5e5;
}
/* 手機優化 */
@media (max-width: 768px) {
#gdpr_wrap {
bottom: 10px;
}
#gdpr_wrap .container {
border-radius: 12px;
padding: 16px;
}
#gdpr_wrap .btn {
width: 100%;
margin-top: 10px;
}
}
<>
.badge-primary-xs {
display: inline-block;
min-width: 10px;
padding: 2px 4px;
font-size: 11px;
font-weight: 700;
color: #fff;
line-height: 0.8;
white-space: nowrap;
text-align: center;
background-color: #2c94d7;
border-radius: 2px;
letter-spacing: 0.4px;
vertical-align: middle !important;
margin-top: -2px;
}
.bt
{
border-top: thin solid #eee;
}
@media (max-width: 991px) {
.navbar {
position: relative;
min-height: 60px;
padding-top:7px;
margin-bottom: 0px;
border: 1px solid transparent;
/*z-index:9999;*/
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 0px !important;
}
}
@media (min-width: 990px) {
.navbar {
position: relative;
min-height: 60px;
padding-top:7px;
margin-bottom: 0px;
border: 1px solid transparent;
z-index:99;
}
.dropdown-menu .type_header h4 a
{
color: #000 !important;
}
.dropdown-menu .type_header h4 a:hover
{
text-decoration: underline !important;
color: #000 !important;
}
}
.navbar-default {
background-color: #000000;
border-color: transparent;
border-radius: 0px;
}
.nav .dropdown-menu
{
border-top:none !important;
}
.nav .dropdown-menu {
border:none;
border-bottom: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,0.1);
box-shadow: 0 2px 2px -1px rgba(0,0,0,0.1);
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-top:-4px;
}
.nav .dropdown-menu ul {
list-: none;
margin: 0;
padding: 0;
}
.nav .dropdown-menu ul li a {
display: block;
padding: 0px 0px;
clear: both;
font-weight: 400;
line-height:1.4;
color: #333;
white-space: break-word;
}
@media(min-width:992px) {
.nav>li {
position: initial;
}
.nav .open > .dropdown-menu {
width: 102%;
width: -webkit-fill-available;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-pack: justify;
flex-wrap: nowrap;
margin: 0px -1px;
}
.nav .dropdown-menu ul {
float: left;
list-: none;
margin: 0;
padding: 0;
flex-grow: 1;
-webkit-flex-grow: 1;
-webkit-box-flex: 1;
max-width:250px;
}
.nav .dropdown-menu ul + ul {
margin-left:60px;
}
.search_btn { background:none; border:none; position:relative; top:5px; right:-4px }
.logoV2
{
padding: 5px 0px 0px 0px;
max-width:140px;
margin-right: 50px;
}
#searchbar#lan
{
float:right;
}
.search_input{
position: relative;
left: 40px;
}
.container>.navbar-collapse {
margin-right: -30px !important;
margin-left: -30px !important;
}
.searchbar {
margin-top: 10px;
}
.lan {
margin-right: -20px;
}
.navbar .bb
{
border-bottom:#1a1a1a thin solid;
padding-bottom:8px;
}
.nav>li>a
{
padding:12px 13px;
}
.searchbar input[type=text]
{
width:130px;
}
#navbar-collapse li a { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
#navbar-collapse li a:hover#navbar-collapse li a:active { color: green}
#navbar-collapse li a:hover:before { width:0 }
#navbar-collapse li a:before {
content:""; display:block;
position:relative;
top:41px; left:0;
bottom:0;
height:4px; width:0;
background:#46a2ff;
-webkit-transition:width .25s;
-moz-transition:width .25s;
-ms-transition:width .25s;
-o-transition:width .25s;
transition:width .25s }
#navbar-collapse li.open > a:before { width:100%; }
.navbar-default .navbar-nav>li>a
{
color:hsla(00%100%.80) !important;
}
.nav .dropdown-menu h4
{
margin:0px 0px 20px 0px;
font-weight:500;
}
.nav .dropdown-menu a h4:hover.dropdown-menu li a:hover
{
text-decoration: underline;
}
.navbar-nav li a { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.navbar-nav li a:hover { color:#ffffff !important; }
.navbar-nav li a:hover:before { width:0 }
.navbar-nav li a:before { content:""; display:block; position:relative; top:38px; left:0; bottom:0; height:3px; width:0; background:#46a2ff; -webkit-transition:width .25s; -moz-transition:width .25s; -ms-transition:width .25s; -o-transition:width .25s; transition:width .25s }
.navbar-nav li.active a:before { width:100% }
.navbar-default .navbar-nav>.open>a.navbar-default .navbar-nav>.open>a:hover.navbar-default .navbar-nav>.open>a:focus {
background-color: transparent !important;
color: #ffffff;
}
.nav .dropdown-menu h4
{
font-weight:400;
font-size:16px;
color:#000;
}
#search_btn
{
margin-top: 3px;
}
}
@media (max-width: 991px) {
/* collapse on sm size*/
.container
{
width: 100% !important;
}
.navbar-collapse {
margin-right: -16px !important;
margin-left: -16px !important;
margin-bottom: -2px;
}
.navbar-header {
float: none;
}
.navbar-left,
.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
margin-top: 15px;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(2552552550.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in {
display: block !important;
}
.nav .dropdown-menu {
position: relative;
width: 100%;
float: left;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
/*===============*/
.navbar-default .navbar-nav>li>a
{
font-weight: 600;
font-size: larger;
color: #4e5453 !important;
}
.navbar-nav .open .dropdown-menu
{
background-color: #162533;
margin-top: 9px;
}
.nav .dropdown-menu h4
{
color: #94b3c5 !important;
}
.nav .dropdown-menu ul li a
{
color: #7c9eb1;
}
.nav .dropdown-menu ul li a:hover
{
color: #ffffff;
}
.navbar-nav>li
{
border-bottom: solid thin #e7e7e7;
padding: 10px;
}
.search_btn { background:none; border:none; position:relative; top:6px; right:45px }
.logoV2
{
padding: 10px 0px 15px 15px;
}
.collapse.in {
overflow-y: hidden;
}
#searchbar
{
padding-top:10px;
}
#lan
{
padding-bottom:20px;
}
.search_input
{
transition:none;
}
.searchbar input[type=text]
{
width:inherit;
transform:none;
}
.navbar-default
{
box-shadow:0 2px 2px -1px rgba(0,0,0,0.1);
}
/*==========變黑================*/
.navbar-collapse
{
background-color: #25252b !important;
}
.navbar-collapse .navbar-nav>li>a {
font-weight: 600;
font-size: larger;
color: hsla(00%100%.87) !important;
}
.navbar-nav>li {
border-bottom: solid thin #2c2c2c;
padding: 10px;
}
.navbar-collapse .navbar-nav>.open>a.navbar-default .navbar-nav>.open>a:hover.navbar-default .navbar-nav>.open>a:focus {
background-color: #25252b !important;
color: hsla(00%100%.87) !important;
}
#navbar-collapse li a:before {
background: none;
}
.navbar-nav .open .dropdown-menu {
background-color: #25252b;
margin-top: 0px;
}
.nav .dropdown-menu h4 {
color: hsla(00%100%.87) !important;
}
.nav .dropdown-menu ul li a {
color: hsla(00%100%.8) !important;
line-height: 2;
}
.navbar {
position: relative;
min-height: 60px;
padding-top: 1px !important;
margin-bottom: 1px !important;
border: 1px solid transparent;
/* z-index: 9999; */
}
.navbar-header
{
background-color: #000000 !important;
/*margin: -2px -17px !important;*/
}
.navbar-nav
{
margin: 7.5px 10px 0px 10px;
}
}
.navbar-default .navbar-collapse.navbar-default .navbar-form
{
border-color:inherit !important;
}
/*===========================*/
}
.rotation{
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
}
.rotation:hover
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
#new_nav
{
width: 100%;
}
.searchbar
{
margin-top: 8px;
}
.lan
{
margin-top: 0px;
}
.dark_mode.dark_mode > div.dark_mode input.dark_mode > div *
{
background-color: #333333 !important;
color: #cccccc !important;
}
div.search
{
background-color: none;
}
.modal .icofont-search-1
{
line-height: inherit;
}
@media (min-width: 1400px)
{
.container {
width: 1400px;
}
}
@media (min-width: 1600px)
{
.container {
/* width: 1400px; */
}
}
.modal-header .close{
transition: transform .25sopacity .25s;
opacity: .7;
cursor: pointer;
font-size: 2em;
font-family: serif;
line-height: 1;
}
.modal-header .close:hover{
opacity: 1;
transform: rotate(90deg);
}
.breadcrumb
{
padding: 8px 0px;
}
<>
@media (min-width: 991px)
{
.dropdown-menu .tab-content .tab-pane ul
{
max-width: none;
width: 100% !important;
}
.dropdown-menu .tab-content .tab-pane ul li
{
max-width: 320px;
}
li.nav-item
{
float: none;
}
a.nav-link
{
padding:10px 40px 10px 20px !important;
}
.nav-item a.nav-link:hover.nav-item.active a
{
color: #444 !important;
background-color: #f0f0f0 !important;
text-decoration: none !important;
}
.tab-pane.active ul li a.tab-pane ul li a
{
text-decoration: none !important;
}
ul.nav-pills
{
max-width: 100% !important;
width: 100% !important;
}
.row-divider > [class*='col-1'] {
border-right: 1px solid #eeeeee;
padding-right: 70px;
}
.row-divider > [class*='col-']:last-child {
border-right: none;
}
/* Make #col_divider match row height */
.row-divider {
display: flex;
flex-wrap: nowrap;
}
.row-divider > [class*='col-'] {
display: flex;
flex-direction: column;
}
#col_divider {
border-right: 1px solid #eeeeee;
padding-right: 0px;
min-height: inherit;
height: auto;
margin-left: -80px;
margin-right: 30px;
}
.col_divider {
border-right: 1px solid #eeeeee;
padding-right: 0px;
min-height: inherit;
height: auto;
padding-right: 50px;
margin-right: 20px;
/* margin-left: 0px;
margin-right: 30px;*/
}
.type_header
{
background-color: #e6ecf6;
padding: 2.5% 2%;
border-radius:4px;
margin: 0px 0px 20px 0px;
}
.type_header h4
{
margin: 0px 0px 8px 0px !important;
font-weight: 500 !important;
font-size: 1.2em !important;
}
.type_header p
{
line-height: 1.1em !important;
font-size: 0.85em;
}
.flex-box {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.tab-pane ul li.h4
{
margin-left: 6px !important;
font-weight: 600 !important;
font-size: 16px;
color: #444 !important;
}
}
@media (max-width: 990px) {
.dropdown-menu .tab-content .tab-pane ul li
{
max-width: none;
width: 100% !important;
float: left;
margin: 2px 0px;
}
.nav-item a.nav-link
{
background-color: transparent !important;
}
.nav-item a::after {
content: none !important;
}
.hiddex-xs
{
display: none;
}
}
<>
/* 語言連結轉化為卡片按鈕 */
.lan_modal a {
display: block; /* 若不支援 flex 則退回 block */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px 16px;
margin-bottom: 8px;
/* 顏色直接寫死以確保相容 */
color: #1e293b !important;
background-color: #ffffff;
border: 1px solid #e2e8f0;
text-decoration: none !important;
font-size: 14px;
font-weight: 500;
border-radius: 8px;
/* 動畫過渡 */
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.lan_modal a:hover {
background-color: #f8fafc; /* 淺灰色背景 */
border-color: #2563eb; /* 企業藍邊框 */
color: #2563eb !important; /* 企業藍文字 */
/* 輕微浮起效果 */
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
/* 陰影效果 */
-webkit-box-shadow: 0 4px 6px -1px rgba(0000.05);
box-shadow: 0 4px 6px -1px rgba(0000.05);
}
#close_a
{
width: 30px; height: 30px; line-height:30px; display: block;
background:url(../images/templates/btn/iframe_close.png) no-repeat;
background-position: -30px 0px;
}
#close_a:hover
{
background:url(../images/templates/btn/iframe_close.png) no-repeat;
background-position: 0px 0px;
}
.backimg
{
width:95%;
padding:10px;
position:absolute;
top:150px;
left:0px;
opacity:0.3;
}
.mt20
{
margin-top:20px;
}
.world_map
{
margin-top:-220px;
padding:20px;
text-align:center;
}
<>
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.modal-body
{
padding: 15px !important
}
#search_Modal .modal-content
{
/* background-color: rgba(255,255,255,0.95);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);*/
}
<>
.header {
position: fixed;
top: 0;
z-index: 1;
width: 100%;
background-color: #f1f1f1;
}
.header h2 {
text-align: center;
}
.progress-container {
width: 100%;
height: 2px;
background: #ccc;
}
.progress-bar {
height: 2px;
background: linear-gradient(90deg#0099ff 0%#00ffff 100%);;
width: 0%;
}
.content {
}
云端储存也常被叫做云端硬碟或网路硬碟，是指资料储存和管理都在云端上进行，结合云端运算（Cloud Computing）、云端储存（Cloud Storage）。透过网际网路连线存取远端伺服器，任何有上网能力的装置可以从任何位置储存、存取和维护资料。
云端储存供应商将使用者的资料和档案储存在网际网路上，使用者可以透过公有或专用网路连线进行存取。
云端储存的用途非常广泛，涵盖了跨设备存取、资料备份、共享协作、远端工作、数据处理等多个方面，为用户提供了便利、安全、高效的资料存储和管理解决方案。
云端储存在安全性上，正确的设定下可以是安全的，云端储存的安全性取决于许多不同因素，包括服务提供商的安全措施、用户自身的操作行为以及数据的敏感程度。
无论是公有云端储存具有或私有云 NAS 都具有自动备份和同步的功能，这意味着用户不需要手动进行备份，系统会自动处理。对于 ASUSTOR NAS 用户来说，可以利用公有云端储存作为额外的扩充备份解决方案，从而增加资料的安全性。同时，云端储存还可以提供弹性的存储空间，用户可以根据需要扩展容量，依容量收费。
各大云存储服务和收费比较
常见的云端储存服务包括 Google Drive、Dropbox、Microsoft OneDrive、AWS、iCloud 等，它们提供不同的功能和储存空间选择，使用者可以根据自己的需求选择适合的服务。
谷歌硬盘投递箱微软 OneDrive云计算私有云 NAS
存储成本存储成本$1.99/100GB/月$9.99/2TB/月$1.99/100GB/月$0.023/GB/月$0.99/50GB/月免费 目标受众广泛使用个人和企业用户广泛使用企业和开发人员个人用户和苹果产品用户广泛使用 免费云存储15GB2GB5GB不适用5GB无限制 协作和共享功能 不受限制
协作和共享功能与 Google Workspace 集成，方便协作
公有云、私有云有什么不同？我应该使用私有云还是公有云?
许多人都会将云端服务比拟为购屋及租屋，「公有云」就像是租屋，由房东提供、维护硬体设备，房客只需支付租金便能享有相对应的租屋空间；「私有云」则像是自行购买房屋，需要初始购买建置费用，所有硬体设备皆需自行维护，但自由度较高，且不需担心租屋到期的问题。
公有云 = 公开网路 + 虚拟空间
由第三方供应商提供给众多企业使用的云端运算服务服务，通常会依据使用量多寡来计价，对于使用量不大的使用者来说，较能够减少成本支出，如Gmail、Google云端硬碟、 Microsoft OneDrive 等，皆是供应商建置并开放企业租用的公有云服务。
私有云 ( NAS ) = 私人网路 + 实体机器
由企业自行建置伺服器所打造的私人云端基础架构，并由自己或内部 IT 人员进行维护，所有资讯可以不与他人共享，也不对外公开，由私密的网路通道存取。较适合政府、金融单位等需要高度隐私及安全性的大型机构。
公有云和私有云都有各自的优点，最适合的解决方案取决于您的具体需求和使用情境。
Hybrid Cloud 混合云 = 公有云 + 私有云
混合云架构成为当下主流的原因
混合云同时兼顾了公有云和私有云的特点和功能。部分资源和应用程式可以在私有云中运行，同时也可以利用公有云作为 NAS 扩充后盾。这种架构使得组织和企业可以根据实际业务需求来灵活部署资源，整合公有云与私有云的优势成为「混合云」，兼顾效能、资料安全、成本与日后扩充性：
1 弹性部属与容易扩充：
混合云模式让企业可以根据实际需求动态调整资源配置，从而保留更好的弹性和扩充性。例如，在需要大量计算资源时，可以暂时扩展到公共云端，而在工作负载减少时则可以缩回本地资源。
2 资料安全：
企业可能有一些敏感资料需要保留在本地，以确保更高的控制和安全性。同时，他们可以将非敏感资料或需要大量计算资源的工作负载放在公共云端，以获取更大的灵活性和效率。
3 成本效益：
公有云在长期资料存储和处理方面可能带来较高的成本。混合云可以让组织和企业根据实际需求灵活配置资源，达到成本与效益的平衡。
4 灾难恢复和异地备份：
可以利用混合云来建立完善的灾难恢复和异地备份方案，同时在不同的环境中备份资料，提高资料的安全性和可靠性。混合云提供了更强大的灾害恢复解决方案。企业可以在本地部署灾害恢复方案，同时利用云端备份来保护资料免受灾害影响。
5 提升效能并缩短延迟时间:
如果应用程式或档案有低延迟的需求，那么混合运算就会在贴近使用者的本地端进行，例如使用区域网路来协作的影音工作室。
| 公有云 |
私有云 NAS |
- 不需要初始投资，以使用量计价: 公有云依照资料使用量计价，不须购买实体机器。
- 易于部署: 注册完成后即可在云端部属虚拟机器。
- IT 开销相对低: 简单使用情境，IT人员可以省略。
- 弹性调整架构，灵活的扩展性: 公有云提供灵活的扩展性，可以随时根据需求增加或减少储存空间和计算资源。
|
- 资料隐私或机密档案较安全: NAS将资料储存在本地，使用者可以只在区域网路存取资料，有助于降低资料外泄的风险。
- 速度和效能: NAS 可以使用本地储存，因此通常在存取速度和效能方面优于公有云，尤其适用于需要快速存取大量资料的应用。
- 存取档案无相关费: 一次性购买NAS设备可能比长期使用公有云服务更划算，尤其对于需要大量储存空间的用户来说。
- 用存取权限或客制化设定较详细: 使用NAS可以让您拥有更多自主控制和管理资料的权限，可以根据需求配置和管理NAS设备。
|
- 隐私或机密档案问题
- 大档案传输速度较慢
- 权限设定缺乏弹性
|
- 需要初始机器建置成本
|
<>
#cart span
{
font-size:30px;
}
@media (max-width: 767px)
{
#cart
{
position: fixed;
right: 20px;
bottom: 80px;
padding: 10px 10px;
cursor: pointer;
z-index: 9999;
background-color:#ff3366;
width:50px;
height:50px;
border-radius:100%;
text-align:center;
}
#cart a
{
color:#FFFFFF;
}
#cart:hover
{
background-color:#ff6699;
}
}
@media (min-width: 768px)
{
#cart
{
position: fixed;
right: 20px;
top: 120px;
padding: 10px 10px;
cursor: pointer;
z-index: 9999;
background-color:#ff3366;
width:50px;
height:50px;
border-radius:100%;
text-align:center;
}
#cart a
{
color:#FFFFFF;
}
#cart:hover
{
background-color:#ff6699;
}
}
/*============*/
html
{
scroll-behavior: smooth;
}
#cart2 span
{
font-size:30px;
}
@media (max-width: 767px)
{
#cart2
{
position: fixed;
right: 20px;
bottom: 140px;
padding: 10px 10px;
cursor: pointer;
z-index: 9999;
background-color:#0a77ff;
width:50px;
height:50px;
border-radius:100%;
text-align:center;
}
#cart2 a
{
color:#FFFFFF;
}
#cart2:hover
{
background-color:#0a88ff;
}
}
@media (min-width: 768px)
{
#cart2
{
position: fixed;
right: 20px;
top: 180px;
padding: 10px 10px;
cursor: pointer;
z-index: 9999;
background-color:#0a77ff;
width:50px;
height:50px;
border-radius:100%;
text-align:center;
}
#cart2 a
{
color:#FFFFFF;
}
#cart2:hover
{
background-color:#0a88ff;
}
}
