@charset "utf-8";
/*
1280 平板 640 手機
1280 含 以下 就用手機模式
1-479 ; 480-639 ; 640-1023 ; 1024-1279 ; 1280-1365 ; 1366-1679 ; 1680-1920
1-479 ; 480-859 ; 860-1023 ; 1024-1679; 1680-1920 目前以這個為定義
@media screen and (min-width: 1px) and (max-width: 1679px) {
}
@media screen and (min-width: 1px) and (max-width: 1279px) {
}
@media screen and (min-width: 1px) and (max-width: 1023px) {
}
@media screen and (min-width: 1px) and (max-width: 859px) {
}
@media screen and (min-width: 1px) and (max-width: 679px) {
}
@media screen and (min-width: 1px) and (max-width: 479px) {
}
min-width 與 max-width
max-width，表示這個數字以下（包含） 的都適用。(<=)
min-width，表示這個數字以上（包含） 的都適用。(>=)
z-index chrome 最高 2147483647 最大的質數 2的31次方 - 1 這個數表示為二進位為1111111111111111111111111111111(即31個1)，是32位元作業系統中最大的符號型整型常數 十個
z-index
overlay 99
ul.xxx li.xxx { display: flex; flex-direction: column; 分段 justify-content: space-between; || justify-content: space-around; align-content: center; }
display: flex; justify-content: center; align-items: center; flex-direction: column; position: fixed; width: 100vw; height: 100vh; transform: translate(0, 0); 完全置中
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
*/
/*-------------------*/
/*--------------------------------------*/
/*----------------------------------------------------------------------------*/
/*============================================================================*/
/*
-webkit-animation: flash 500ms;
-moz-animation: flash 500ms;
-ms-animation: flash 500ms;
-o-animation: flash 500ms;
animation: flash 500ms;
-webkit-animation: flipInX 2000ms; animation: flipInX 2000ms;
Attention seekers
bounce
flash
pulse
rubberBand
shakeX
shakeY
headShake
swing
tada
wobble
jello
heartBeat
Back entrances
backInDown
backInLeft
backInRight
backInUp
Back exits
backOutDown
backOutLeft
backOutRight
backOutUp
Bouncing entrances
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
Bouncing exits
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
Fading entrances
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeInTopLeft
fadeInTopRight
fadeInBottomLeft
fadeInBottomRight
Fading exits
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
fadeOutTopLeft
fadeOutTopRight
fadeOutBottomRight
fadeOutBottomLeft
Flippers
flip
flipInX
flipInY
flipOutX
flipOutY
Lightspeed
lightSpeedInRight
lightSpeedInLeft
lightSpeedOutRight
lightSpeedOutLeft
Rotating entrances
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
Rotating exits
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
Specials
hinge
jackInTheBox
rollIn
rollOut
Zooming entrances
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
Zooming exits
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
Sliding entrances
slideInDown
slideInLeft
slideInRight
slideInUp
Sliding exits
slideOutDown
slideOutLeft
slideOutRight
slideOutUp
Example
Class Name Delay Time
delay-2s 2s
delay-3s 3s
delay-4s 4s
delay-5s 5s
Example
Class Name Speed Time
slow 2s
slower 3s
fast 800ms
faster 500ms
object-fit: none; 圖片以原尺寸置中
object-fit: contain; 圖片以原尺寸縮放至外框大小，保留完整的圖片且兩側留白
object-fit: cover; 圖片以原尺寸縮放至外框大小，會切掉多餘的部分
object-fit: fill; 將圖片強制填滿置外框大小，圖片比例會變形
object-fit: scale-down; 如果圖片的原始尺寸比外框小就會呈現 object-fit:none 如果比外框大就會呈現 object-fit:contain
background-image: url(background.jpg);
background-repeat: no-repeat;
background-attachment: fixed; background-attachment: inherit;
background-position: center;
background-size: cover;
-webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;
-webkit-transform: rotate(45deg); transform: rotate(90deg);
-webkit-animation: bounce 500ms; animation: bounce 500ms;
-webkit-animation: 1s .1s normal ease infinite heartBeat; animation: 1s .1s normal ease infinite heartBeat;
forwards 1次
-webkit-animation: 1s .5s normal ease forwards bounceInUp; animation: 1s .5s normal ease forwards bounceInUp;
content: "\f017"; padding: 0 10px 0 0; font-family: 'Font Awesome 6 Pro'; font-style: normal; font-size: 18px;
-webkit-transform: scale(1.01); transform: scale(1.01);
-webkit-transform: -webkit-translate(10px, -180px); transform: translate(10px, -180px);
transform: translateX(6px); transform: translateY(6px); transform: translate(10px, -180px);
-webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);
-webkit-transition: left .3s ease; transition: left .3s ease; -webkit-transition: left .3s linear; transition: left .3s linear;
-webkit-transition: left .3s ease, width .3s ease; transition: left .3s ease, width .3s ease; linear ease ease-in-out ease-out ease-in
-webkit-transition: height 3000ms 1500ms ease; transition: height 3000ms 1500ms ease;
...
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
background: transparent url(../../../graphics/bg/collection/png/001.png) no-repeat top left fixed;
background-image: url('w3css.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left center;
background-image: url('xxx'); background-repeat: no-repeat; background-position: left center;
border-style: solid;
border-width: 6px 12px 0 12px;
border-left-color: ; border-top-color: ; border-right-color: ; border-bottom-color: ;
border-color: rgba(255, 193, 7, .85) transparent transparent transparent;
border-style: solid;
border-top-width: px ; border-bottom-width: px ;
border-left-width: px ; border-right-width: px ;
border-top-color: ; border-bottom-color: ;
border-left-color: ; border-right-color: ;
:nth-child(odd) 單 奇
:nth-child(even) 雙 偶
*/
/* text-shadow: -1px -1px rgba(120, 200, 35, .65), -1px 1px rgba(120, 200, 35, .65), 1px -1px rgba(120, 200, 35, .65), 1px 1px rgba(120, 200, 35, .65), 1px 1px rgba(120, 200, 35, .65); /*綠*/
/* text-shadow: -1px -1px rgba(46, 125, 50, .65), -1px 1px rgba(46, 125, 50, .65), 1px -1px rgba(46, 125, 50, .65), 1px 1px rgba(46, 125, 50, .65), 1px 1px rgba(46, 125, 50, .65); /*深綠*/
/* text-shadow: -1px -1px rgba(255, 235, 59, .35), -1px 1px rgba(255, 235, 59, .35), 1px -1px rgba(255, 235, 59, .35), 1px 1px rgba(255, 235, 59, .35), 1px 1px rgba(255, 235, 59, .35); /*金*/
/* text-shadow: -1px -1px rgba(255, 87, 34, .65), -1px 1px rgba(255, 87, 34, .65), 1px -1px rgba(255, 87, 34, .65), 1px 1px rgba(255, 87, 34, .65), 1px 1px rgba(255, 87, 34, .65); /*橘*/
/* text-shadow: -1px -1px rgba(150, 140, 80, .65), -1px 1px rgba(150, 140, 80, .65), 1px -1px rgba(150, 140, 80, .65), 1px 1px rgba(150, 140, 80, .65), 1px 1px rgba(150, 140, 80, .65); /*土黃*/
/* text-shadow: -1px -1px rgba(50, 75, 240, .65), -1px 1px rgba(50, 75, 240, .65), 1px -1px rgba(50, 75, 240, .65), 1px 1px rgba(50, 75, 240, .65), 1px 1px rgba(50, 75, 240, .65); /*大藍*/
/* text-shadow: -1px -1px rgba(1, 140, 190, .65), -1px 1px rgba(1, 140, 190, .65), 1px -1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65); /*藍*/
/* text-shadow: -1px -1px rgba(171, 71, 188, .35), -1px 1px rgba(171, 71, 188, .35), 1px -1px rgba(171, 71, 188, .35), 1px 1px rgba(171, 71, 188, .35), 1px 1px rgba(171, 71, 188, .35); /*紫*/
/* text-shadow: -1px -1px rgba(81, 45, 168, .35), -1px 1px rgba(81, 45, 168, .35), 1px -1px rgba(81, 45, 168, .35), 1px 1px rgba(81, 45, 168, .35), 1px 1px rgba(81, 45, 168, .35); /*大紫*/
/* text-shadow: -1px -1px rgba(250, 125, 150, .35), -1px 1px rgba(250, 125, 150, .35), 1px -1px rgba(250, 125, 150, .35), 1px 1px rgba(250, 125, 150, .35), 1px 1px rgba(250, 125, 150, .35); /*粉*/
/*
.tc01 { font-family: 'cwTeXKai', serif; } /*楷體 *
.tc02 { font-family: 'cwTeXYen', sans-serif; } /*圓體*
.tc03 { font-family: 'cwTeXMing', serif; } /*明體 *
.tc04 { font-family: 'cwTeXHei', sans-serif; } /*黑體*
.tc05 { font-family: 'cwTeXFangSong', serif; } /*仿宋體*
.tc06 { font-family: 'Noto Sans TC', sans-serif; } /*思源體*
*/
/*============================================================================*/
/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
/*============================================================================*/
/* HTML5 display-role reset for older browsers */
* { margin: 0; padding: 0; outline: none; text-decoration: none; -webkit-font-smoothing: antialiased; box-sizing: border-box; }
/*----------------------------------------------------------------------------*/
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style-type: none; list-style: none; list-style-image: none; list-style-position: outside; margin: 0; padding: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body > div > a { transition: all 300ms ease; }
:hover { }
form ,fieldset { margin: 0; max-width: 100%; border: 0; }
img { border: 0px; outline: none; box-shadow: none; }
section, label,
section > label { position: relative; padding: 0; }
h1,h2,h3,h4,h5,h6,strong,b,u,big,small,em { font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; }
button { outline: none; border: none; cursor: pointer; background: transparent; background-color: transparent; }
object, embed, video { max-width: 100%; border: 0 none; }
mark { color: transparent; background: transparent; background-color: transparent; }
hr { border-width: 0; }
/*----------------------------------------------------------------------------*/
a, a:visited, a:hover, a:focus { outline: none; border: none; text-decoration: none; }
a { color: #454545; color: rgba(69, 69, 69, .8); } a:link { color: #454545; color: rgba(69, 69, 69, .8); } a:visited { color: #454545; color: rgba(69, 69, 69, .75); }
a:hover { color: #454545; color: rgba(69, 69, 69, .85); } a:active { color: #454545; color: rgba(69, 69, 69, 1); } a:focus { color: #454545; color: rgba(69, 69, 69, 1); }
/*----------------------------------------------------------------------------*/
.clears { clear: both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*----------------------------------------------------------------------------*/
.cur-pointer { cursor: pointer; } .cur-move { cursor: move; } .cur-moven { cursor: n-resize; } .cur-bad { cursor: not-allowed; } .cur-auto { cursor: auto; } .cur-help { cursor: help; }
.cur-grab { cursor: grab; } .cur-def { cursor: default; }
/*----------------------------------------------------------------------------*/
.ban-ctrla { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.ban-click {
pointer-events: none;
star:expression(document.body.onselectstart = document.body.oncontextmenu = function(){return false;});
}
/*============================================================================*/
/*Scrollbar*/
::-webkit-scrollbar { background-color: transparent; width: 3px; height: 5px; }
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { display: none; }
::-webkit-scrollbar-track-piece { background-color: transparent; -webkit-border-radius: 50%; }
::-webkit-scrollbar-thumb {
-webkit-border-radius: 6px;
background: #A0E6FA;background: -moz-linear-gradient(left, #A0E6FA 0%, #0AAADC 100%);background: -webkit-linear-gradient(left, #A0E6FA 0%,#0AAADC 100%);background: linear-gradient(to right, #A0E6FA 0%,#0AAADC 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0E6FA', endColorstr='#0AAADC',GradientType=1 );
}
@media (max-width: 640px) {
::-webkit-scrollbar { background-color: transparent; width: 3px; height: 5px; }
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { display: none; }
::-webkit-scrollbar-track-piece { background-color: transparent; -webkit-border-radius: 50%; }
::-webkit-scrollbar-thumb {
-webkit-border-radius: 6px;
background: #A0E6FA;background: -moz-linear-gradient(left, #A0E6FA 0%, #0AAADC 100%);background: -webkit-linear-gradient(left, #A0E6FA 0%,#0AAADC 100%);background: linear-gradient(to right, #A0E6FA 0%,#0AAADC 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0E6FA', endColorstr='#0AAADC',GradientType=1 );
}
}
/*============================================================================*/
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder { font-family: 'cwTeXHei', sans-serif; color: #81d4fa; }
::-webkit-input-placeholder { font-family: 'cwTeXHei', sans-serif; color: #2a2a2a; transition: opacity 250ms ease-in-out; }
:focus::-webkit-input-placeholder { opacity: .5; }
:-ms-input-placeholder { font-family: 'cwTeXHei', sans-serif; color: #2a2a2a; transition: opacity 250ms ease-in-out; }
:focus:-ms-input-placeholder { opacity: .5; }
::-moz-placeholder { font-family: 'cwTeXHei', sans-serif; color: #2a2a2a; opacity: 1; transition: opacity 250ms ease-in-out; }
:focus::-moz-placeholder { opacity: .5; }
:-moz-placeholder { font-family: 'cwTeXHei', sans-serif; color: #2a2a2a; opacity: 1; transition: opacity 250ms ease-in-out; }
:focus:-moz-placeholder { opacity: .5; }
input::placeholder { font-family: 'cwTeXHei', sans-serif; color: #2a2a2a; }
/*============================================================================*/
input:-webkit-autofill {
color: #ffffff !important;
text-shadow: none !important;
-webkit-box-shadow: 0 0 0px 100px rgba(255, 255, 255, 1) inset !important;
background: transparent !important; background-color: transparent !important;
}
/*============================================================================*/
/*common*/
html { position: relative; margin: 0px; border: 0px; /*overflow-x: hidden; overflow-y: auto /*!important*;*/ background: transparent; background-color: transparent; }
body {
/*禁止全選*
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
/*禁止點選*
pointer-events: none;
/*禁止右鍵*
star:expression(document.body.onselectstart = document.body.oncontextmenu = function(){return false;});
*/
margin: 0 auto; padding: 0; width: 100vw; min-width: 320px; max-width: 1920px; height: 100%; line-height: 1;
font-size: 12px;
background: transparent; background-color: transparent;
overflow-x: hidden !important; overflow-y: auto;
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*.page-container, section { -webkit-animation: fadeIn 3000ms; animation: fadeIn 3000ms; } 會閃兩下*/
.page-container { -webkit-animation: fadeIn 3000ms; animation: fadeIn 3000ms; }
/*----------------------------------------------------------------------------*/
.page-container { /*margin: 0 auto; padding: 0; width: 100vw; height: 100vh; min-width: 320px; max-width: 1920px; overflow-x: hidden; overflow-y: hidden;*/ }
.page-container .page-wrapper { }
.page-container .page-wrapper .page-start { }
.page-container .page-wrapper .page-start .main { }
/*============================================================================*/
/*緩衝*/
/*============================================================================*/
.has-fade { -webkit-animation: fadeIn 2500ms; animation: fadeIn 2500ms; }
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
/*============================================================================*/
/*page loader*/
/*============================================================================*/
.page-preloader-start { margin: 0 auto; padding: 0; width: 100%; min-width: 320px; max-width: 1920px; height: 100vh; }
.page-preloader { z-index: 2147483647; position: fixed; width: 100vw; height: 100vh; }
/*============================================================================*/
/*overlay*/
/*============================================================================*/
/*透明*/
.page-overlay-mask { z-index: 999999999; position: fixed; top: 0; left: 0; width: 100vw; /*max-width: 1920px;*/ height: 100vh; background: transparent; background-color: transparent;
-webkit-transition: background 500ms linear, background-color 500ms linear; transition: background 500ms linear, background-color 500ms linear;
}
.page-overlay-mask.opened { display: block !important; }
.page-overlay-mask.closed { display: none; }
/*黑*/
.page-overlay-mask-black { z-index: 9999999999; position: fixed; top: 0; left: 0; width: 100vw; /*max-width: 1920px;*/ height: 100vh; background: rgba(0, 0, 0, .85); background-color: rgba(0, 0, 0, .85);
-webkit-transition: background 500ms linear, background-color 500ms linear; transition: background 500ms linear, background-color 500ms linear;
}
.page-overlay-mask-black.opened { display: block !important; }
.page-overlay-mask-black.closed { display: none; }
/*============================================================================*/
/*common*/
/*============================================================================*/
._bgCover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
._bgCover_it {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
/*----------------------------------------------------------------------------*/
._dyNone { display: none; } ._dyFlex { display: flex; } ._dyInFlex { display: inline-flex; } ._dyBlock { display: block; } ._dyInBlock { display: inline-block; }
._dyNone_it { display: none !important; }
._dyBlock_it { display: block !important; }
._dyInBlock_it { display: inline-block !important; }
._dyInFlex_it { display: inline-flex !important; }
/*----------------------------------------------------------------------------*/
._pnAbsolute { position: absolute; } ._pnRelative { position: relative; } ._pnFixed { position: fixed; } ._pnInherit { position: inherit; }
/*----------------------------------------------------------------------------*/
._ftNone { float: none; } ._ftNone_it { float: none !important; }
._ftLeft { float: left; } ._ftLeft_it { float: left !important; }
._ftRight { float: right; } ._ftRight_it { float: right !important; }
/*----------------------------------------------------------------------------*/
._zm100 { zoom: 1; } ._zm90 { zoom: 0.9; } ._zm80 { zoom: 0.8; } ._zm70 { zoom: 0.7; } ._zm60 { zoom: 0.6; } ._zm50 { zoom: 0.5; } ._zm40 { zoom: 0.4; } ._zm30 { zoom: 0.3; } ._zm20 { zoom: 0.2; } ._zm10 { zoom: 0.1; }
._zm110 { zoom: 1.1; } ._zm120 { zoom: 1.2; } ._zm130 { zoom: 1.3; } ._zm140 { zoom: 1.4; } ._zm150 { zoom: 1.5; } ._zm160 { zoom: 1.6; } ._zm170 { zoom: 1.7; }._zm180 { zoom: 1.8; } ._zm190 { zoom: 1.9; }
._zm200 { zoom: 2; } ._zm300 { zoom: 3; } ._zm400 { zoom: 4; } ._zm500 { zoom: 5; }
/*----------------------------------------------------------------------------*/
._vyHi { visibility: hidden; } ._vyVi { visibility: visible; }
/*----------------------------------------------------------------------------*/
._wsNowrap { white-space: nowrap; } ._wsNowrap_it { white-space: nowrap !important; }
/*----------------------------------------------------------------------------*/
/* col */
._whAuto { width: auto !important; }
._wh009 { width: 9%; }
._wh010 { width: 10%; }
._wh01428 { width: 14.285714%; }
._wh015 { width: 15%; }
._wh01666 { width: 16.666666%; }
._wh015 { width: 15%; }
._wh019 { width: 19%; }
._wh020 { width: 20%; }
._wh024 { width: 24%; }
._wh025 { width: 25%; }
._wh030 { width: 30%; }
._wh032 { width: 32%; }
._wh0329 { width: 32.9%; }
._wh03333 { width: 33.333333%; }
._wh050 { width: 50%; }
._wh060 { width: 60%; } ._wh065 { width: 65%; }
._wh070 { width: 70%; }
._wh080 { width: 80%; }
._wh090 { width: 90%; }
._wh045 { width: 45%; }
._wh049 { width: 49%; }
._wh04949 { width: 49.49%; }
/*-------------------*/
._wh100 { width: 100%; } ._wh099 { width: 99%; } ._wh098 { width: 98%; } ._wh096 { width: 96%; } ._wh094 { width: 94%; } ._wh092 { width: 92%; } ._wh090 { width: 90%; }
@media screen and (min-width: 1px) and (max-width: 1023px) {
._wh050.rwd { width: 100%; }
}
/*----------------------------------------------------------------------------*/
._minHt10 { min-height: 10px; } ._minHt20 { min-height: 20px; } ._minHt25 { min-height: 25px; } ._minHt30 { min-height: 30px; } ._minHt35 { min-height: 35px; }
._minHt40 { min-height: 40px; } ._minHt45 { min-height: 45px; } ._minHt50 { min-height: 50px; } ._minHt100 { min-height: 100px; } ._minHt120 { min-height: 120px; }
._minHt150 { min-height: 150px; } ._minHt200 { min-height: 200px; } ._minHt250 { min-height: 250px; } ._minHt300 { min-height: 300px; } ._minHt350 { min-height: 350px; }
._mh50pe { min-height: 50%; } ._mh100pe { min-height: 100%; }
._mh33vh { min-height: 33vh; } ._mh50vh { min-height: 50vh; } ._mh100vh { min-height: 100vh; }
/*----------------------------------------------------------------------------*/
._oy01 { opacity: .1; filter: alpha(opacity=10); } ._oy015 { opacity: .15; filter: alpha(opacity=15); }
._oy02 { opacity: .2; filter: alpha(opacity=20); }
._oy03 { opacity: .3; filter: alpha(opacity=30); } ._oy035 { opacity: .35; filter: alpha(opacity=35); }
._oy04 { opacity: .4; filter: alpha(opacity=40); }
._oy05 { opacity: .5; filter: alpha(opacity=50); }
._oy06 { opacity: .6; filter: alpha(opacity=60); } ._oy065 { opacity: .65; filter: alpha(opacity=65); }
._oy07 { opacity: .7; filter: alpha(opacity=70); }
._oy08 { opacity: .8; filter: alpha(opacity=80); } ._oy085 { opacity: .85; filter: alpha(opacity=85); }
._oy09 { opacity: .9; filter: alpha(opacity=90); }
._oy0 { opacity: 0; filter: alpha(opacity=0); } ._oy1 { opacity: 1; filter: alpha(opacity=10); }
/*----------------------------------------------------------------------------*/
._padding5 { padding: 5px; } ._padding8 { padding: 8px; } ._padding10 { padding: 10px; } ._padding12 { padding: 12px; } ._padding15 { padding: 15px; } ._padding20 { padding: 20px; }
._padding25 { padding: 25px; }._padding30 { padding: 30px; } ._padding35 { padding: 35px; } ._padding40 { padding: 40px; } ._padding45 { padding: 45px; } ._padding50 { padding: 50px; }
/*-------------------*/
._paddinglt5 { padding-left: 5px; } ._paddinglt8 { padding-left: 8px; } ._paddinglt10 { padding-left: 10px; }
._paddinglt15 { padding-left: 15px; } ._paddinglt20 { padding-left: 20px; } ._paddinglt25 { padding-left: 25px; }
._paddinglt30 { padding-left: 30px; } ._paddinglt35 { padding-left: 35px; } ._paddinglt40 { padding-left: 40px; }
/*-------------------*/
._paddingrt5 { padding-right: 5px; } ._paddingrt8 { padding-right: 8px; } ._paddingrt10 { padding-right: 10px; }
._paddingrt15 { padding-right: 15px; } ._paddingrt20 { padding-right: 20px; } ._paddingrt25 { padding-right: 25px; }
._paddingrt30 { padding-right: 30px; } ._paddingrt35 { padding-right: 35px; } ._paddingrt40 { padding-right: 40px; }
/*-------------------*/
._paddingtp5 { padding-top: 5px; } ._paddingtp8 { padding-top: 8px; } ._paddingtp10 { padding-top: 10px; }
._paddingtp15 { padding-top: 15px; } ._paddingtp20 { padding-top: 20px; } ._paddingtp25 { padding-top: 25px; }
._paddingtp30 { padding-top: 30px; } ._paddingtp35 { padding-top: 35px; } ._paddingtp40 { padding-top: 40px; }
/*-------------------*/
._paddingbm5 { padding-bottom: 5px; } ._paddingbm8 { padding-bottom: 8px; } ._paddingbm10 { padding-bottom: 10px; }
._paddingbm15 { padding-bottom: 15px; } ._paddingbm20 { padding-bottom: 20px; } ._paddingbm25 { padding-bottom: 25px; }
._paddingbm30 { padding-bottom: 30px; } ._paddingbm35 { padding-bottom: 35px; } ._paddingbm40 { padding-bottom: 40px; }
/*----------------------------------------------------------------------------*/
._margin5 { margin: 5px; } ._margin8 { margin: 8px; } ._margin10 { margin: 10px; } ._margin15 { margin: 15px; } ._margin20 { margin: 20px; } ._margin25 { margin: 25px; }
._margin30 { margin: 30px; } ._margin35 { margin: 35px; } ._margin40 { margin: 40px; } ._margin45 { margin: 45px; } ._margin50 { margin: 50px; }
/*-------------------*/
._marginlt5 { margin-left: 5px; } ._marginlt10 { margin-left: 10px; } ._marginlt15 { margin-left: 15px; }
._marginlt20 { margin-left: 20px; } ._marginlt25 { margin-left: 25px; }
._marginlt30 { margin-left: 30px; } ._marginlt35 { margin-left: 35px; } ._marginlt40 { margin-left: 40px; }
/*-------------------*/
._marginrt5 { margin-right: 5px; } ._marginrt10 { margin-right: 10px; } ._marginrt15 { margin-right: 15px; }
._marginrt20 { margin-right: 20px; } ._marginrt25 { margin-right: 25px; }
._marginrt30 { margin-right: 30px; } ._marginrt35 { margin-right: 35px; } ._marginrt40 { margin-right: 40px; }
/*-------------------*/
._margintp5 { margin-top: 5px; } ._margintp10 { margin-top: 10px; } ._margintp15 { margin-top: 15px; }
._margintp20 { margin-top: 20px; } ._margintp25 { margin-top: 25px; }
._margintp30 { margin-top: 30px; } ._margintp35 { margin-top: 35px; } ._margintp40 { margin-top: 40px; }
/*-------------------*/
._marginbm5 { margin-bottom: 5px; } ._marginbm10 { margin-bottom: 10px; } ._marginbm15 { margin-bottom: 15px; }
._marginbm20 { margin-bottom: 20px; } ._marginbm25 { margin-bottom: 25px; }
._marginbm30 { margin-bottom: 30px; } ._marginbm35 { margin-bottom: 35px; } ._marginbm40 { margin-bottom: 40px; }
/*----------------------------------------------------------------------------*/
._lh10 { line-height: 10px; } ._lh14 { line-height: 14px; } ._lh16 { line-height: 16px; } ._lh18 { line-height: 18px; }
._lh20 { line-height: 20px; } ._lh24 { line-height: 24px; } ._lh26 { line-height: 26px; } ._lh28 { line-height: 28px; }
._lh30 { line-height: 30px; } ._lh32 { line-height: 32px; } ._lh34 { line-height: 34px; } ._lh36 { line-height: 36px; } ._lh38 { line-height: 38px; }
._lh40 { line-height: 40px; } ._lh42 { line-height: 42px; } ._lh45 { line-height: 45px; } ._lh50 { line-height: 50px; } ._lh60 { line-height: 60px; }
/*----------------------------------------------------------------------------*/
._borderrs3 { border-radius: 3px; } ._borderrs5 { border-radius: 5px; } ._borderrs8 { border-radius: 8px; } ._borderrs10 { border-radius: 10px; } ._borderrs12 { border-radius: 12px; }
._borderrs14 { border-radius: 14px; } ._borderrs16 { border-radius: 16px; } ._borderrs18 { border-radius: 18px; } ._borderrs20 { border-radius: 20px; } ._borderrs20 { border-radius: 24px; }
._borderrs100 { border-radius: 100%; }
/*----------------------------------------------------------------------------*/
._taCenter { text-align: center; } ._taLeft { text-align: left; } ._taRight { text-align: right; }
/*----------------------------------------------------------------------------*/
._vaTop { vertical-align: top; } ._vaMiddle { vertical-align: middle; } .vaBottom { vertical-align: bottom; }
/*----------------------------------------------------------------------------*/
._fs10 { font-size: 10px; } ._fs12 { font-size: 12px; } ._fs13 { font-size: 13px; } ._fs14 { font-size: 14px; } ._fs15 { font-size: 15px; } ._fs16 { font-size: 16px; } ._fs17 { font-size: 17px; } ._fs18 { font-size: 18px; }
._fs19 { font-size: 19px; } ._fs20 { font-size: 20px; } ._fs21 { font-size: 21px; } ._fs22 { font-size: 22px; } ._fs23 { font-size: 23px; } ._fs24 { font-size: 24px; } ._fs25 { font-size: 25px; } ._fs26 { font-size: 26px; }
._fs27 { font-size: 27px; } ._fs28 { font-size: 28px; } ._fs29 { font-size: 29px; } ._fs30 { font-size: 30px; } ._fs32 { font-size: 32px; } ._fs34 { font-size: 34px; } ._fs36 { font-size: 36px; } ._fs38 { font-size: 38px; }
._fs40 { font-size: 40px; } ._fs42 { font-size: 42px; } ._fs44 { font-size: 44px; } ._fs46 { font-size: 46px; } ._fs48 { font-size: 48px; } ._fs50 { font-size: 50px; }
._fs60 { font-size: 60px; } ._fs70 { font-size: 70px; } ._fs80 { font-size: 80px; } ._fs90 { font-size: 90px; } ._fs100 { font-size: 100px; }
/*----------------------------------------------------------------------------*/
._fw5 { font-weight: 500; } ._fw6 { font-weight: 600; } ._fw7 { font-weight: 700; } ._fw8 { font-weight: 800; } ._fw9 { font-weight: 900; }
/*----------------------------------------------------------------------------*/
._ls1 { letter-spacing: 1px; } ._ls3 { letter-spacing: 3px; } ._ls5 { letter-spacing: 5px; } ._ls8 { letter-spacing: 8px; } ._ls10 { letter-spacing: 10px; } ._ls12 { letter-spacing: 12px; } ._ls15 { letter-spacing: 15px; }
._ls18 { letter-spacing: 18px; } ._ls20 { letter-spacing: 20px; } ._ls24 { letter-spacing: 24px; } ._ls26 { letter-spacing: 26px; } ._ls28 { letter-spacing: 28px; } ._ls30 { letter-spacing: 30px; }
/*----------------------------------------------------------------------------*/
/*上線 下線 中線*/
._tdOverline { text-decoration: overline; } ._tdUnderline { text-decoration: underline; } ._tdLeTh { text-decoration: line-through; }
/*----------------------------------------------------------------------------*/
/*需要 縮短字串 ... */
._ellipsis1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
._ellipsis2, ._ellipsis3, ._ellipsis4, ._ellipsis5, ._ellipsis6, ._ellipsis7, ._ellipsis8, ._ellipsis9, ._ellipsis10, ._ellipsis11, ._ellipsis12,
._ellipsis13, ._ellipsis14, ._ellipsis15, ._ellipsis16, ._ellipsis17, ._ellipsis18, ._ellipsis19, ._ellipsis20, ._ellipsis21, ._ellipsis22, ._ellipsis23,
._ellipsis24, ._ellipsis25, ._ellipsis26, ._ellipsis27, ._ellipsis28, ._ellipsis29, ._ellipsis30 {
overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-box-orient: vertical;
}
._ellipsis2 { -webkit-line-clamp: 2; } ._ellipsis3 { -webkit-line-clamp: 3; } ._ellipsis4 { -webkit-line-clamp: 4; }
._ellipsis5 { -webkit-line-clamp: 5; } ._ellipsis6 { -webkit-line-clamp: 6; } ._ellipsis7 { -webkit-line-clamp: 7; }
._ellipsis8 { -webkit-line-clamp: 8; } ._ellipsis9 { -webkit-line-clamp: 9; } ._ellipsis10 { -webkit-line-clamp: 10; }
._ellipsis11 { -webkit-line-clamp: 11; } ._ellipsis12 { -webkit-line-clamp: 12; } ._ellipsis13 { -webkit-line-clamp: 13; }
._ellipsis14 { -webkit-line-clamp: 14; } ._ellipsis15 { -webkit-line-clamp: 15; } ._ellipsis16 { -webkit-line-clamp: 16; }
._ellipsis17 { -webkit-line-clamp: 17; } ._ellipsis18 { -webkit-line-clamp: 18; } ._ellipsis19 { -webkit-line-clamp: 19; }
._ellipsis20 { -webkit-line-clamp: 20; } ._ellipsis21 { -webkit-line-clamp: 21; } ._ellipsis22 { -webkit-line-clamp: 22; }
._ellipsis23 { -webkit-line-clamp: 23; } ._ellipsis24 { -webkit-line-clamp: 24; } ._ellipsis25 { -webkit-line-clamp: 25; }
._ellipsis26 { -webkit-line-clamp: 26; } ._ellipsis27 { -webkit-line-clamp: 27; } ._ellipsis28 { -webkit-line-clamp: 28; }
._ellipsis29 { -webkit-line-clamp: 29; } ._ellipsis30 { -webkit-line-clamp: 30; }
/*----------------------------------------------------------------------------*/
/*對齊文字*/
._tjJustify {
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph; /*IE9*/
-moz-text-align-last: justify; /*Firefox*/
-webkit-text-align-last: justify; /*Chrome*/
}
/*----------------------------------------------------------------------------*/
._tsNone { text-shadow: none !important; }
._tsWhite35 { text-shadow: -1px -1px rgba(255, 255, 255, .35), -1px 1px rgba(255, 255, 255, .35), 1px -1px rgba(255, 255, 255, .35), 1px 1px rgba(255, 255, 255, .35), 1px 1px rgba(255, 255, 255, .35); }
._tsWhite65 { text-shadow: -1px -1px rgba(255, 255, 255, .65), -1px 1px rgba(255, 255, 255, .65), 1px -1px rgba(255, 255, 255, .65), 1px 1px rgba(255, 255, 255, .65), 1px 1px rgba(255, 255, 255, .65); }
._tsWhite85 { text-shadow: -1px -1px rgba(255, 255, 255, .85), -1px 1px rgba(255, 255, 255, .85), 1px -1px rgba(255, 255, 255, .85), 1px 1px rgba(255, 255, 255, .85), 1px 1px rgba(255, 255, 255, .85); }
._tsWhite100 { text-shadow: -1px -1px rgba(255, 255, 255, 1), -1px 1px rgba(255, 255, 255, 1), 1px -1px rgba(255, 255, 255, 1), 1px 1px rgba(255, 255, 255, 1), 1px 1px rgba(255, 255, 255, 1); }
._tsRed35 { text-shadow: -1px -1px rgba(255, 0, 0, .35), -1px 1px rgba(255, 0, 0, .35), 1px -1px rgba(255, 0, 0, .35), 1px 1px rgba(255, 0, 0, .35), 1px 1px rgba(255, 0, 0, .35); }
._tsRed65 { text-shadow: -1px -1px rgba(255, 0, 0, .65), -1px 1px rgba(255, 0, 0, .65), 1px -1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65); }
._tsRed65_it { text-shadow: -1px -1px rgba(255, 0, 0, .65), -1px 1px rgba(255, 0, 0, .65), 1px -1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65) !important; }
._tsBlack15 { text-shadow: -1px -1px rgba(0, 0, 0, .15), -1px 1px rgba(0, 0, 0, .15), 1px -1px rgba(0, 0, 0, .15), 1px 1px rgba(0, 0, 0, .15), 1px 1px rgba(0, 0, 0, .15); }
._tsBlack35 { text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35); }
._tsBlack65 { text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65); }
._tsGreen35 { text-shadow: -1px -1px rgba(120, 200, 35, .35), -1px 1px rgba(120, 200, 35, .35), 1px -1px rgba(120, 200, 35, .35), 1px 1px rgba(120, 200, 35, .35), 1px 1px rgba(120, 200, 35, .35); }
._tsGreen65 { text-shadow: -1px -1px rgba(120, 200, 35, .65), -1px 1px rgba(120, 200, 35, .65), 1px -1px rgba(120, 200, 35, .65), 1px 1px rgba(120, 200, 35, .65), 1px 1px rgba(120, 200, 35, .65); }
/* 比較沒這麼亮 */
._tsDeepGreen35 { text-shadow: -1px -1px rgba(100, 130, 25, .35), -1px 1px rgba(100, 130, 25, .35), 1px -1px rgba(100, 130, 25, .35), 1px 1px rgba(100, 130, 25, .35), 1px 1px rgba(100, 130, 25, .35); }
._tsDeepGreen65 { text-shadow: -1px -1px rgba(100, 130, 25, .65), -1px 1px rgba(100, 130, 25, .65), 1px -1px rgba(100, 130, 25, .65), 1px 1px rgba(100, 130, 25, .65), 1px 1px rgba(100, 130, 25, .65); }
._tsDeepblue15 { text-shadow: -1px -1px rgba(50, 150, 200, .15), -1px 1px rgba(50, 150, 200, .15), 1px -1px rgba(50, 150, 200, .15), 1px 1px rgba(50, 150, 200, .15), 1px 1px rgba(50, 150, 200, .15); }
._tsDeepblue35 { text-shadow: -1px -1px rgba(50, 150, 200, .35), -1px 1px rgba(50, 150, 200, .35), 1px -1px rgba(50, 150, 200, .35), 1px 1px rgba(50, 150, 200, .35), 1px 1px rgba(50, 150, 200, .35); }
._tsDeepblue65 { text-shadow: -1px -1px rgba(50, 150, 200, .65), -1px 1px rgba(50, 150, 200, .65), 1px -1px rgba(50, 150, 200, .65), 1px 1px rgba(50, 150, 200, .65), 1px 1px rgba(50, 150, 200, .65); }
._tsBlue35 { text-shadow: -1px -1px rgba(1, 140, 190, .35), -1px 1px rgba(1, 140, 190, .35), 1px -1px rgba(1, 140, 190, .35), 1px 1px rgba(1, 140, 190, .35), 1px 1px rgba(1, 140, 190, .35); }
._tsBlue65 { text-shadow: -1px -1px rgba(1, 140, 190, .65), -1px 1px rgba(1, 140, 190, .65), 1px -1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65); }
._tsOrange35 { text-shadow: -1px -1px rgba(255, 87, 34, .35), -1px 1px rgba(255, 87, 34, .35), 1px -1px rgba(255, 87, 34, .35), 1px 1px rgba(255, 87, 34, .35), 1px 1px rgba(255, 87, 34, .35); }
._tsOrange65 { text-shadow: -1px -1px rgba(255, 87, 34, .65), -1px 1px rgba(255, 87, 34, .65), 1px -1px rgba(255, 87, 34, .65), 1px 1px rgba(255, 87, 34, .65), 1px 1px rgba(255, 87, 34, .65); }
._tsPurple35 { text-shadow: -1px -1px rgba(171, 71, 188, .35), -1px 1px rgba(171, 71, 188, .35), 1px -1px rgba(171, 71, 188, .35), 1px 1px rgba(171, 71, 188, .35), 1px 1px rgba(171, 71, 188, .35); }
._tsPurple65 { text-shadow: -1px -1px rgba(171, 71, 188, .65), -1px 1px rgba(171, 71, 188, .65), 1px -1px rgba(171, 71, 188, .65), 1px 1px rgba(171, 71, 188, .65), 1px 1px rgba(171, 71, 188, .65); }
/*亮黃色 警告*/
._tsYellow35 { }
._tsYellow65 { }
/*黃褐色 土黃色*/
._tsKhaki35 { text-shadow: -1px -1px rgba(150, 140, 80, .35), -1px 1px rgba(150, 140, 80, .35), 1px -1px rgba(150, 140, 80, .35), 1px 1px rgba(150, 140, 80, .35), 1px 1px rgba(150, 140, 80, .35); }
._tsKhaki65 { text-shadow: -1px -1px rgba(150, 140, 80, .65), -1px 1px rgba(150, 140, 80, .65), 1px -1px rgba(150, 140, 80, .65), 1px 1px rgba(150, 140, 80, .65), 1px 1px rgba(150, 140, 80, .65); }
/*金色*/
._tsGold35 { text-shadow: -1px -1px rgba(230, 200, 20, .35), -1px 1px rgba(230, 200, 20, .35), 1px -1px rgba(230, 200, 20, .35), 1px 1px rgba(230, 200, 20, .35), 1px 1px rgba(230, 200, 20, .35); }
._tsGold65 { text-shadow: -1px -1px rgba(230, 200, 20, .65), -1px 1px rgba(230, 200, 20, .65), 1px -1px rgba(230, 200, 20, .65), 1px 1px rgba(230, 200, 20, .65), 1px 1px rgba(230, 200, 20, .65); }
/*----------------------------------------------------------------------------*/
/*社群 & 通訊*/
._socialFbColor100 { color: rgba(66, 103, 178, 1); } ._socialFbColor85 { color: rgba(66, 103, 178, .85); } ._socialFbColor65 { color: rgba(66, 103, 178, .65); } ._socialFbColor35 { color: rgba(66, 103, 178, .35); }
._socialTwitterColor100 { color: rgba(66, 171, 225, 1); } ._socialTwitterColor85 { color: rgba(66, 171, 225, .85); } ._socialTwitterColor65 { color: rgba(66, 171, 225, .65); } ._socialTwitterColor35 { color: rgba(66, 171, 225, .35); }
._socialLineColor100 { color: rgba(0, 185, 0, 1); } ._socialLineColor85 { color: rgba(0, 185, 0, .85); } ._socialLineColor65 { color: rgba(0, 185, 0, .65); } ._socialLineColor35 { color: rgba(0, 185, 0, .35); }
/*----------------------------------------------------------------------------*/
._hexWhite { color: #ffffff; } ._hexBlack { color: #000000; } ._hexRed { color: #ff0000; }
/*上面的金色*/
._hexGold { color: rgba(230, 200, 20, 1); }
._hexRed50 { color: #ffebee; } ._hexRed100 { color: #ffcdd2; } ._hexRed200 { color: #ef9a9a; } ._hexRed300 { color: #e57373; } ._hexRed400 { color: #ef5350; } ._hexRed500 { color: #f44336; }
._hexRed600 { color: #e53935; } ._hexRed700 { color: #d32f2f; } ._hexRed800 { color: #c62828; } ._hexRed900 { color: #b71c1c; }
._hexRedA100 { color: #ff8a80; } ._hexRedA200 { color: #ff5252; } ._hexRedA400 { color: #ff1744; } ._hexRedA700 { color: #d50000; }
._hexPink50 { color: #fce4ec; } ._hexPink100 { color: #f8bbd0; } ._hexPink200 { color: #f48fb1; } ._hexPink300 { color: #f06292; } ._hexPink400 { color: #ec407a; } ._hexPink500 { color: #e91e63; }
._hexPink600 { color: #d81b60; } ._hexPink700 { color: #c2185b; } ._hexPink800 { color: #ad1457; } ._hexPink900 { color: #880e4f; }
._hexPinkA100 { color: #ff80ab; } ._hexPinkA200 { color: #ff4081; } ._hexPinkA400 { color: #f50057; } ._hexPinkA700 { color: #c51162; }
._hexPrimepink50 { color: #fff5fa; } ._hexPrimepink100 { color: #ffe1f0; } ._hexPrimepink200 { color: #ffc8e6; } ._hexPrimepink300 { color: #ffb9dc; } ._hexPrimepink400 { color: #ffa5d2; } ._hexPrimepink500 { color: #ff96c8; }
._hexPrimepink600 { color: #ff82be; } ._hexPrimepink700 { color: #ff6eb4; } ._hexPrimepink800 { color: #ff5faa; } ._hexPrimepink900 { color: #ff419b; }
._hexPrimepinkA100 { color: #ff2d91; } ._hexPrimepinkA200 { color: #ff0078; } ._hexPrimepinkA400 { color: #dcd069; } ._hexPrimepinkA700 { color: #aa0050; } ._hexPrimepinkA800 { color: #870041; }
._hexPurple50 { color: #f3e5f5; } ._hexPurple100 { color: #e1bee7; } ._hexPurple200 { color: #ce93d8; } ._hexPurple300 { color: #ba68c8; } ._hexPurple400 { color: #ab47bc; } ._hexPurple500 { color: #9c27b0; }
._hexPurple600 { color: #8e24aa; } ._hexPurple700 { color: #7b1fa2; } ._hexPurple800 { color: #6a1b9a; } ._hexPurple900 { color: #4a148c; }
._hexPurpleA100 { color: #ea80fc; } ._hexPurpleA200 { color: #e040fb; } ._hexPurpleA400 { color: #d500f9; } ._hexPurpleA700 { color: #aa00ff; }
._hexDeeppurple50 { color: #ede7f6; } ._hexDeeppurple100 { color: #d1c4e9; } ._hexDeeppurple200 { color: #b39ddb; } ._hexDeeppurple300 { color: #9575cd; } ._hexDeeppurple400 { color: #7e57c2; } ._hexDeeppurple500 { color: #673ab7; }
._hexDeeppurple600 { color: #5e35b1; } ._hexDeeppurple700 { color: #512da8; } ._hexDeeppurple800 { color: #4527a0; } ._hexDeeppurple900 { color: #311b92; }
._hexDeeppurpleA100 { color: #b388ff; } ._hexDeeppurpleA200 { color: #7c4dff; } ._hexDeeppurpleA400 { color: #651fff; } ._hexDeeppurpleA700 { color: #6200ea; }
._hexIndigo50 { color: #e8eaf6; } ._hexIndigo100 { color: #c5cae9; } ._hexIndigo200 { color: #9fa8da; } ._hexIndigo300 { color: #7986cb; } ._hexIndigo400 { color: #5c6bc0; } ._hexIndigo500 { color: #3f51b5; }
._hexIndigo600 { color: #3949ab; } ._hexIndigo700 { color: #303f9f; } ._hexIndigo800 { color: #283593; } ._hexIndigo900 { color: #1a237e; }
._hexIndigoA100 { color: #8c9eff; } ._hexIndigoA200 { color: #536dfe; } ._hexIndigoA400 { color: #3d5afe; } ._hexIndigoA700 { color: #304ffe; }
._hexBlue50 { color: #e3f2fd; } ._hexBlue100 { color: #bbdefb; } ._hexBlue200 { color: #90caf9; } ._hexBlue300 { color: #64b5f6; } ._hexBlue400 { color: #42a5f5; } ._hexBlue500 { color: #2196f3; }
._hexBlue600 { color: #1e88e5; } ._hexBlue700 { color: #1976d2; } ._hexBlue800 { color: #1565c0; } ._hexBlue900 { color: #0d47a1; }
._hexBlueA100 { color: #82b1ff; } ._hexBlueA200 { color: #448aff; } ._hexBlueA400 { color: #2979ff; } ._hexBlueA700 { color: #2962ff; }
._hexLightblue50 { color: #e1f5fe; } ._hexLightblue100 { color: #b3e5fc; } ._hexLightblue200 { color: #81d4fa; } ._hexLightblue300 { color: #4fc3f7; } ._hexLightblue400 { color: #29b6f6; } ._hexLightblue500 { color: #03a9f4; }
._hexLightblue600 { color: #039be5; } ._hexLightblue700 { color: #0288d1; } ._hexLightblue800 { color: #0277bd; } ._hexLightblue900 { color: #01579b; }
._hexLightblueA100 { color: #80d8ff; } ._hexLightblueA200 { color: #40c4ff; } ._hexLightblueA400 { color: #00b0ff; } ._hexLightblueA700 { color: #0091ea; }
._hexOceanblue50 { color: #F0FAFF; } ._hexOceanblue100 { color: #E1F5FA; } ._hexOceanblue200 { color: #C8F0FA; } ._hexOceanblue300 { color: #A0DCF0; } ._hexOceanblue400 { color: #91DCF0; } ._hexOceanblue500 { color: #82D2EB; }
._hexOceanblue600 { color: #64C8E6; } ._hexOceanblue700 { color: #46BEE1; } ._hexOceanblue800 { color: #32B9E1; } ._hexOceanblue900 { color: #1EAAD2; }
._hexOceanblueA100 { color: #1E9BBE; } ._hexOceanblueA200 { color: #1987A5; } ._hexOceanblueA400 { color: #147891; } ._hexOceanblueA700 { color: #0F5F78; } ._hexOceanblueA800 { color: #0A4655; }
._hexCyan50 { color: #e0f7fa; } ._hexCyan100 { color: #b2ebf2; } ._hexCyan200 { color: #80deea; } ._hexCyan300 { color: #4dd0e1; } ._hexCyan400 { color: #26c6da; } ._hexCyan500 { color: #00bcd4; }
._hexCyan600 { color: #00acc1; } ._hexCyan700 { color: #0097a7; } ._hexCyan800 { color: #00838f; } ._hexCyan900 { color: #006064; }
._hexCyanA100 { color: #84ffff; } ._hexCyanA200 { color: #18ffff; } ._hexCyanA400 { color: #00e5ff; } ._hexCyanA700 { color: #00b8d4; }
._hexTeal50 { color: #e0f2f1; } ._hexTeal100 { color: #b2dfdb; } ._hexTeal200 { color: #80cbc4; } ._hexTeal300 { color: #4db6ac; } ._hexTeal400 { color: #26a69a; } ._hexTeal500 { color: #009688; }
._hexTeal600 { color: #00897b; } ._hexTeal700 { color: #00796b; } ._hexTeal800 { color: #00695c; } ._hexTeal900 { color: #004d40; }
._hexTealA100 { color: #a7ffeb; } ._hexTealA200 { color: #64ffda; } ._hexTealA400 { color: #1de9b6; } ._hexTealA700 { color: #00bfa5; }
._hexGreen50 { color: #e8f5e9; } ._hexGreen100 { color: #c8e6c9; } ._hexGreen200 { color: #a5d6a7; } ._hexGreen300 { color: #81c784; } ._hexGreen400 { color: #66bb6a; } ._hexGreen500 { color: #4caf50; }
._hexGreen600 { color: #43a047; } ._hexGreen700 { color: #388e3c; } ._hexGreen800 { color: #2e7d32; } ._hexGreen900 { color: #1b5e20; }
._hexGreenA100 { color: #b9f6ca; } ._hexGreenA200 { color: #69f0ae; } ._hexGreenA400 { color: #00e676; } ._hexGreenA700 { color: #00c853; }
._hexLightgreen50 { color: #f1f8e9; } ._hexLightgreen100 { color: #dcedc8; } ._hexLightgreen200 { color: #c5e1a5; } ._hexLightgreen300 { color: #aed581; } ._hexLightgreen400 { color: #9ccc65; } ._hexLightgreen500 { color: #8bc34a; }
._hexLightgreen600 { color: #7cb342; } ._hexLightgreen700 { color: #689f38; } ._hexLightgreen800 { color: #558b2f; } ._hexLightgreen900 { color: #33691e; } ._hexLightgreenA100 { color: #ccff90; }
._hexLightgreenA200 { color: #b2ff59; } ._hexLightgreenA400 { color: #76ff03; } ._hexLightgreenA700 { color: #64dd17; }
._hexLime50 { color: #f9fbe7; } ._hexLime100 { color: #f0f4c3; } ._hexLime200 { color: #e6ee9c; } ._hexLime300 { color: #dce775; } ._hexLime400 { color: #d4e157; } ._hexLime500 { color: #cddc39; }
._hexLime600 { color: #c0ca33; } ._hexLime700 { color: #afb42b; } ._hexLime800 { color: #9e9d24; } ._hexLime900 { color: #827717; }
._hexLimeA100 { color: #f4ff81; } ._hexLimeA200 { color: #eeff41; } ._hexLimeA400 { color: #c6ff00; } ._hexLimeA700 { color: #aeea00; }
._hexYellow50 { color: #fffde7; } ._hexYellow100 { color: #fff9c4; } ._hexYellow200 { color: #fff59d; } ._hexYellow300 { color: #fff176; } ._hexYellow400 { color: #ffee58; } ._hexYellow500 { color: #ffeb3b; }
._hexYellow600 { color: #fdd835; } ._hexYellow700 { color: #fbc02d; } ._hexYellow800 { color: #f9a825; } ._hexYellow900 { color: #f57f17; }
._hexYellowA100 { color: #ffff8d; } ._hexYellowA200 { color: #ffff00; } ._hexYellowA400 { color: #ffea00; } ._hexYellowA700 { color: #ffd600; }
._hexAmber50 { color: #fff8e1; } ._hexAmber100 { color: #ffecb3; } ._hexAmber200 { color: #ffe082; } ._hexAmber300 { color: #ffd54f; } ._hexAmber400 { color: #ffca28; } ._hexAmber500 { color: #ffc107; }
._hexAmber600 { color: #ffb300; } ._hexAmber700 { color: #ffa000; } ._hexAmber800 { color: #ff8f00; } ._hexAmber900 { color: #ff6f00; }
._hexAmberA100 { color: #ffe57f; } ._hexAmberA200 { color: #ffd740; } ._hexAmberA400 { color: #ffc400; } ._hexAmberA700 { color: #ffab00; }
._hexOrange50 { color: #fff3e0; } ._hexOrange100 { color: #ffe0b2; } ._hexOrange200 { color: #ffcc80; } ._hexOrange300 { color: #ffb74d; } ._hexOrange400 { color: #ffa726; } ._hexOrange500 { color: #ff9800; }
._hexOrange600 { color: #fb8c00; } ._hexOrange700 { color: #f57c00; } ._hexOrange800 { color: #ef6c00; } ._hexOrange900 { color: #e65100; }
._hexOrangeA100 { color: #ffd180; } ._hexOrangeA200 { color: #ffab40; } ._hexOrangeA400 { color: #ff9100; } ._hexOrangeA700 { color: #ff6d00; }
._hexDeeporange50 { color: #fbe9e7; } ._hexDeeporange100 { color: #ffccbc; } ._hexDeeporange200 { color: #ffab91; } ._hexDeeporange300 { color: #ff8a65; } ._hexDeeporange400 { color: #ff7043; } ._hexDeeporange500 { color: #ff5722; }
._hexDeeporange600 { color: #f4511e; } ._hexDeeporange700 { color: #e64a19; } ._hexDeeporange800 { color: #d84315; } ._hexDeeporange900 { color: #bf360c; }
._hexDeeporangeA100 { color: #ff9e80; } ._hexDeeporangeA200 { color: #ff6e40; } ._hexDeeporangeA400 { color: #ff3d00; } ._hexDeeporangeA700 { color: #dd2c00; }
._hexBrown50 { color: #efebe9; } ._hexBrown100 { color: #d7ccc8; } ._hexBrown200 { color: #bcaaa4; } ._hexBrown300 { color: #a1887f; } ._hexBrown400 { color: #8d6e63; } ._hexBrown500 { color: #795548; }
._hexBrown600 { color: #6d4c41; } ._hexBrown700 { color: #5d4037; } ._hexBrown800 { color: #4e342e; } ._hexBrown900 { color: #3e2723; }
._hexGrey50 { color: #fafafa; } ._hexGrey100 { color: #f5f5f5; } ._hexGrey200 { color: #eeeeee; } ._hexGrey300 { color: #e0e0e0; } ._hexGrey400 { color: #bdbdbd; } ._hexGrey500 { color: #9e9e9e; }
._hexGrey600 { color: #757575; } ._hexGrey700 { color: #616161; } ._hexGrey800 { color: #424242; } ._hexGrey900 { color: #212121; }
._hexBluegrey50 { color: #eceff1; } ._hexBluegrey100 { color: #cfd8dc; } ._hexBluegrey200 { color: #b0bec5; } ._hexBluegrey300 { color: #90a4ae; } ._hexBluegrey400 { color: #78909c; } ._hexBluegrey500 { color: #607d8b; }
._hexBluegrey600 { color: #546e7a; } ._hexBluegrey700 { color: #455a64; } ._hexBluegrey800 { color: #37474f; } ._hexBluegrey900 { color: #263238; }
._rgbaWhiteC005 { color: rgba(255, 255, 255, .05); } ._rgbaWhiteC010 { color: rgba(255, 255, 255, .1); } .white-015 { color: rgba(255, 255, 255, .15); }
._rgbaWhiteC020 { color: rgba(255, 255, 255, .2); } ._rgbaWhiteC025 { color: rgba(255, 255, 255, .25); }
._rgbaWhiteC030 { color: rgba(255, 255, 255, .3); } ._rgbaWhiteC035 { color: rgba(255, 255, 255, .35); }
._rgbaWhiteC040 { color: rgba(255, 255, 255, .4); } ._rgbaWhiteC045 { color: rgba(255, 255, 255, .45); }
._rgbaWhiteC050 { color: rgba(255, 255, 255, .5); } ._rgbaWhiteC055 { color: rgba(255, 255, 255, .55); }
._rgbaWhiteC060 { color: rgba(255, 255, 255, .6); } ._rgbaWhiteC065 { color: rgba(255, 255, 255, .65); }
._rgbaWhiteC070 { color: rgba(255, 255, 255, .7); } ._rgbaWhiteC075 { color: rgba(255, 255, 255, .75); }
._rgbaWhiteC080 { color: rgba(255, 255, 255, .8); } ._rgbaWhiteC085 { color: rgba(255, 255, 255, .85); }
._rgbaWhiteC090 { color: rgba(255, 255, 255, .9); } ._rgbaWhiteC095 { color: rgba(255, 255, 255, .95); }
._rgbaBlackC005 { color: rgba(0, 0, 0, .05); } ._rgbaBlackC010 { color: rgba(0, 0, 0, .1); } ._rgbaBlackC015 { color: rgba(0, 0, 0, .15); }
._rgbaBlackC020 { color: rgba(0, 0, 0, .2); } ._rgbaBlackC025 { color: rgba(0, 0, 0, .25); }
._rgbaBlackC030 { color: rgba(0, 0, 0, .3); } ._rgbaBlackC035 { color: rgba(0, 0, 0, .35); }
._rgbaBlackC040 { color: rgba(0, 0, 0, .4); } ._rgbaBlackC045 { color: rgba(0, 0, 0, .45); }
._rgbaBlackC050 { color: rgba(0, 0, 0, .5); } ._rgbaBlackC055 { color: rgba(0, 0, 0, .55); }
._rgbaBlackC060 { color: rgba(0, 0, 0, .6); } ._rgbaBlackC065 { color: rgba(0, 0, 0, .65); }
._rgbaBlackC070 { color: rgba(0, 0, 0, .7); } ._rgbaBlackC075 { color: rgba(0, 0, 0, .75); }
._rgbaBlackC080 { color: rgba(0, 0, 0, .8); } ._rgbaBlackC085 { color: rgba(0, 0, 0, .85); }
._rgbaBlackC090 { color: rgba(0, 0, 0, .9); } ._rgbaBlackC095 { color: rgba(0, 0, 0, .95); }
/*----------------------------------------------------------------------------*/
._rgbaWhite { background-color: rgba(255, 255, 255, 1); }
._rgbaWhite09 { background-color: rgba(255, 255, 255, .9); } ._rgbaWhite095 { background-color: rgba(255, 255, 255, .95); }
._rgbaWhite08 { background-color: rgba(255, 255, 255, .8); } ._rgbaWhite085 { background-color: rgba(255, 255, 255, .85); }
._rgbaWhite06 { background-color: rgba(255, 255, 255, .6); } ._rgbaWhite065 { background-color: rgba(255, 255, 255, .65); }
._rgbaWhite05 { background-color: rgba(255, 255, 255, .5); }
._rgbaWhite03 { background-color: rgba(255, 255, 255, .3); } ._rgbaWhite035 { background-color: rgba(255, 255, 255, .35); }
._rgbaWhite01 { background-color: rgba(255, 255, 255, .1); }
._rgbaBlack { background-color: rgba(0, 0, 0, 1); }
._rgbaBlack09 { background-color: rgba(0, 0, 0, .9); } ._rgbaBlack095 { background-color: rgba(0, 0, 0, .95); }
._rgbaBlack08 { background-color: rgba(0, 0, 0, .8); } ._rgbaBlack085 { background-color: rgba(0, 0, 0, .85); }
._rgbaBlack06 { background-color: rgba(0, 0, 0, .6); } ._rgbaBlack065 { background-color: rgba(0, 0, 0, .65); }
._rgbaBlack05 { background-color: rgba(0, 0, 0, .5); }
._rgbaBlack03 { background-color: rgba(0, 0, 0, .3); } ._rgbaBlack035 { background-color: rgba(0, 0, 0, .35); }
._rgbaBlack01 { background-color: rgba(0, 0, 0, .1); }
/*紅 red*/ /*粉 pink*/ /*自定義 青春粉 primepink*/ /*紫 purple*/ /*深紫 deeppurple*/ /*靛青 indigo*/ /*藍 blue*/ /*自定義 海洋藍 Oceanblue*/ /*淺藍 lightblue*/ /*青色 cyan*/
/*藍綠色 teal*/ /*綠 green*/ /*淺綠 lightgreen*/ /*檸檬綠 lime*/ /*黃色 yellow*/ /*琥珀色 amber*/ /*橙色 orange*/ /*深橙 deeporange*/ /*棕色 brown*/ /*灰色 grey*/ /*灰藍 bluegrey*/
/*紅*/
._rgbaRed50a85 { background-color: rgba(255, 235, 238, .85); } ._rgbaRed100a85 { background-color: rgba(255, 205, 210, .85); } ._rgbaRed200a85 { background-color: rgba(239, 154, 154, .85); } ._rgbaRed300a85 { background-color: rgba(229, 115, 115, .85); }
._rgbaRed400a85 { background-color: rgba(239, 83, 80, .85); } ._rgbaRed500a85 { background-color: rgba(244, 67, 54, .85); } ._rgbaRed600a85 { background-color: rgba(229, 57, 53, .85); } ._rgbaRed700a85 { background-color: rgba(211, 47, 47, .85); }
._rgbaRed800a85 { background-color: rgba(198, 40, 40, .85); } ._rgbaRed900a85 { background-color: rgba(183, 28, 28, .85); } ._rgbaRedA100a85 { background-color: rgba(255, 138, 128, .85); } ._rgbaRedA200a85 { background-color: rgba(255, 82, 82, .85); }
._rgbaRedA400a85 { background-color: rgba(255, 23, 68, .85); } ._rgbaRedA700a85 { background-color: rgba(213, 0, 0, .85); }
/*粉*/
._rgbaPink50a85 { background-color: rgba(252, 228, 236, .85); } ._rgbaPink100a85 { background-color: rgba(248, 187, 208, .85); } ._rgbaPink200a85 { background-color: rgba(244, 143, 177, .85); } ._rgbaPink300a85 { background-color: rgba(240, 98, 146, .85); }
._rgbaPink400a85 { background-color: rgba(236, 64, 122, .85); } ._rgbaPink500a85 { background-color: rgba(233, 30, 99, .85); } ._rgbaPink600a85 { background-color: rgba(216, 27, 96, .85); } ._rgbaPink700a85 { background-color: rgba(194, 24, 91, .85); }
._rgbaPink800a85 { background-color: rgba(173, 20, 87, .85); } ._rgbaPink900a85 { background-color: rgba(136, 14, 79, .85); } ._rgbaPinkA100a85 { background-color: rgba(255, 128, 171, .85); } ._rgbaPinkA200a85 { background-color: rgba(255, 64, 129, .85); }
._rgbaPinkA400a85 { background-color: rgba(245, 0, 87, .85); } ._rgbaPinkA700a85 { background-color: rgba(197, 17, 98, .85); }
/*青春粉*/
._rgbaPrimepink50a85 { background-color: rgba(255, 245, 250, .85); } ._rgbaPrimepink100a85 { background-color: rgba(255, 225, 240, .85); } ._rgbaPrimepink200a85 { background-color: rgba(255, 200, 230, .85); } ._rgbaPrimepink300a85 { background-color: rgba(255, 185, 220, .85); }
._rgbaPrimepink400a85 { background-color: rgba(255, 165, 210, .85); } ._rgbaPrimepink500a85 { background-color: rgba(255, 150, 200, .85); } ._rgbaPrimepink600a85 { background-color: rgba(255, 130, 190, .85); } ._rgbaPrimepink700a85 { background-color: rgba(255, 110, 180, .85); }
._rgbaPrimepink800a85 { background-color: rgba(255, 95, 170, .85); } ._rgbaPrimepink900a85 { background-color: rgba(255, 65, 155, .85); } ._rgbaPrimepinkA100a85 { background-color: rgba(255, 45, 145, .85); } ._rgbaPrimepinkA200a85 { background-color: rgba(255, 0, 120, .85); }
._rgbaPrimepinkA400a85 { background-color: rgba(220, 0, 105, .85); } ._rgbaPrimepinkA700a85 { background-color: rgba(170, 0, 80, .85); } ._rgbaPrimepinkA800a85 { background-color: rgba(135, 0, 65, .85); }
/*紫*/
._rgbaPurple50a85 { background-color: rgba(243, 229, 245, .85); } ._rgbaPurple100a85 { background-color: rgba(225, 190, 231, .85); } ._rgbaPurple200a85 { background-color: rgba(206, 147, 216, .85); } ._rgbaPurple300a85 { background-color: rgba(186, 104, 200, .85); }
._rgbaPurple400a85 { background-color: rgba(171, 71, 188, .85); } ._rgbaPurple500a85 { background-color: rgba(156, 39, 176, .85); } ._rgbaPurple600a85 { background-color: rgba(142, 36, 170, .85); } ._rgbaPurple700a85 { background-color: rgba(123, 31, 162, .85); }
._rgbaPurple800a85 { background-color: rgba(106, 27, 154, .85); } ._rgbaPurple900a85 { background-color: rgba(74, 20, 140, .85); } ._rgbaPurpleA100a85 { background-color: rgba(234, 128, 252, .85); } ._rgbaPurpleA200a85 { background-color: rgba(224, 64, 251, .85); }
._rgbaPurpleA400a85 { background-color: rgba(213, 0, 249, .85); } ._rgbaPurpleA700a85 { background-color: rgba(170, 0, 255, .85); }
/*深紫*/
._rgbaDeeppurple50a85 { background-color: rgba(237, 231, 246, .85); } ._rgbaDeeppurple100a85 { background-color: rgba(209, 196, 233, .85); } ._rgbaDeeppurple200a85 { background-color: rgba(179, 157, 219, .85); } ._rgbaDeeppurple300a85 { background-color: rgba(149, 117, 205, .85); }
._rgbaDeeppurple400a85 { background-color: rgba(126, 87, 194, .85); } ._rgbaDeeppurple500a85 { background-color: rgba(103, 58, 183, .85); } ._rgbaDeeppurple600a85 { background-color: rgba(94, 53, 177, .85); } ._rgbaDeeppurple700a85 { background-color: rgba(81, 45, 168, .85); }
._rgbaDeeppurple800a85 { background-color: rgba(69, 39, 160, .85); } ._rgbaDeeppurple900a85 { background-color: rgba(49, 27, 146, .85); } ._rgbaDeeppurpleA100a85 { background-color: rgba(179, 136, 255, .85); } ._rgbaDeeppurpleA200a85 { background-color: rgba(124, 77, 255, .85); }
._rgbaDeeppurpleA400a85 { background-color: rgba(101, 31, 255, .85); } ._rgbaDeeppurpleA700a85 { background-color: rgba(98, 0, 234, .85); }
/*靛青*/
._rgbaIndigo50a85 { background-color: rgba(232, 234, 246, .85); } ._rgbaIndigo100a85 { background-color: rgba(197, 202, 233, .85); } ._rgbaIndigo200a85 { background-color: rgba(159, 168, 218, .85); } ._rgbaIndigo300a85 { background-color: rgba(121, 134, 203, .85); }
._rgbaIndigo400a85 { background-color: rgba(92, 107, 192, .85); } ._rgbaIndigo500a85 { background-color: rgba(63, 81, 181, .85); } ._rgbaIndigo600a85 { background-color: rgba(57, 73, 171, .85); } ._rgbaIndigo700a85 { background-color: rgba(48, 63, 159, .85); }
._rgbaIndigo800a85 { background-color: rgba(40, 53, 147, .85); } ._rgbaIndigo900a85 { background-color: rgba(26, 35, 126, .85); } ._rgbaIndigoA100a85 { background-color: rgba(140, 158, 255, .85); } ._rgbaIndigoA200a85 { background-color: rgba(83, 109, 254, .85); }
._rgbaIndigoA400a85 { background-color: rgba(61, 90, 254, .85); } ._rgbaIndigoA700a85 { background-color: rgba(48, 79, 254, .85); }
/*藍*/
._rgbaBlue50a85 { background-color: rgba(227, 242, 253, .85); } ._rgbaBlue100a85 { background-color: rgba(187, 222, 251, .85); } ._rgbaBlue200a85 { background-color: rgba(144, 202, 249, .85); } ._rgbaBlue300a85 { background-color: rgba(100, 181, 246, .85); }
._rgbaBlue400a85 { background-color: rgba(66, 165, 245, .85); } ._rgbaBlue500a85 { background-color: rgba(33, 150, 243, .85); } ._rgbaBlue600a85 { background-color: rgba(30, 136, 229, .85); } ._rgbaBlue700a85 { background-color: rgba(25, 118, 210, .85); }
._rgbaBlue800a85 { background-color: rgba(21, 101, 192, .85); } ._rgbaBlue900a85 { background-color: rgba(13, 71, 161, .85); } ._rgbaBlueA100a85 { background-color: rgba(130, 177, 255, .85); } ._rgbaBlueA200a85 { background-color: rgba(68, 138, 255, .85); }
._rgbaBlueA400a85 { background-color: rgba(41, 121, 255, .85); } ._rgbaBlueA700a85 { background-color: rgba(41, 98, 255, .85); }
/*淺藍*/
._rgbaLightblue50a85 { background-color: rgba(225, 245, 254, .85); } ._rgbaLightblue100a85 { background-color: rgba(179, 229, 252, .85); } ._rgbaLightblue200a85 { background-color: rgba(129, 212, 250, .85); } ._rgbaLightblue300a85 { background-color: rgba(79, 195, 247, .85); }
._rgbaLightblue400a85 { background-color: rgba(41, 182, 246, .85); } ._rgbaLightblue500a85 { background-color: rgba(3, 169, 244, .85); } ._rgbaLightblue600a85 { background-color: rgba(3, 155, 229, .85); } ._rgbaLightblue700a85 { background-color: rgba(2, 136, 209, .85); }
._rgbaLightblue800a85 { background-color: rgba(2, 119, 189, .85); } ._rgbaLightblue900a85 { background-color: rgba(1, 87, 155, .85); } ._rgbaLightblueA100a85 { background-color: rgba(128, 216, 255, .85); } ._rgbaLightblueA200a85 { background-color: rgba(64, 196, 255, .85); }
._rgbaLightblueA400a85 { background-color: rgba(0, 176, 255, .85); } ._rgbaLightblueA700a85 { background-color: rgba(0, 145, 234, .85); }
/*海洋藍*/
._rgbaOceanblue50a85 { background-color: rgba(240, 250, 255, .85); } ._rgbaOceanblue100a85 { background-color: rgba(225, 245, 250, .85); } ._rgbaOceanblue200a85 { background-color: rgba(205, 240, 250, .85); } ._rgbaOceanblue300a85 { background-color: rgba(160, 220, 240, .85); }
._rgbaOceanblue400a85 { background-color: rgba(145, 220, 240, .85); } ._rgbaOceanblue500a85 { background-color: rgba(130, 210, 235, .85); } ._rgbaOceanblue600a85 { background-color: rgba(100, 200, 230, .85); } ._rgbaOceanblue700a85 { background-color: rgba(70, 190, 225, .85); }
._rgbaOceanblue800a85 { background-color: rgba(50, 185, 225, .85); } ._rgbaOceanblue900a85 { background-color: rgba(30, 170, 210, .85); }
._rgbaOceanblueA100a85 { background-color: rgba(30, 155, 190, .85); } ._rgbaOceanblueA200a85 { background-color: rgba(25, 135, 165, .85); }._rgbaOceanblueA400a85 { background-color: rgba(20, 120, 145, .85); }
._rgbaOceanblueA700a85 { background-color: rgba(15, 95, 120, .85); } ._rgbaOceanblueA800a85 { background-color: rgba(10, 70, 85, .85); }
/*青色*/
._rgbaCyan50a85 { background-color: rgba(224, 247, 250, .85); } ._rgbaCyan100a85 { background-color: rgba(178, 235, 242, .85); } ._rgbaCyan200a85 { background-color: rgba(128, 222, 234, .85); } ._rgbaCyan300a85 { background-color: rgba(77, 208, 225, .85); }
._rgbaCyan400a85 { background-color: rgba(38, 198, 218, .85); } ._rgbaCyan500a85 { background-color: rgba(0, 188, 212, .85); } ._rgbaCyan600a85 { background-color: rgba(0, 172, 193, .85); } ._rgbaCyan700a85 { background-color: rgba(0, 151, 167, .85); }
._rgbaCyan800a85 { background-color: rgba(0, 131, 143, .85); } ._rgbaCyan900a85 { background-color: rgba(0, 96, 100, .85); } ._rgbaCyanA100a85 { background-color: rgba(132, 255, 255, .85); } ._rgbaCyanA200a85 { background-color: rgba(24, 255, 255, .85); }
._rgbaCyanA400a85 { background-color: rgba(0, 229, 255, .85); } ._rgbaCyanA700a85 { background-color: rgba(0, 184, 212, .85); }
/*藍綠色*/
._rgbaTeal50a85 { background-color: rgba(224, 242, 241, .85); } ._rgbaTeal100a85 { background-color: rgba(178, 223, 219, .85); } ._rgbaTeal200a85 { background-color: rgba(128, 203, 196, .85); } ._rgbaTeal300a85 { background-color: rgba(77, 182, 172, .85); }
._rgbaTeal400a85 { background-color: rgba(38, 166, 154, .85); } ._rgbaTeal500a85 { background-color: rgba(0, 150, 136, .85); } ._rgbaTeal600a85 { background-color: rgba(0, 137, 123, .85); } ._rgbaTeal700a85 { background-color: rgba(0, 121, 107, .85); }
._rgbaTeal800a85 { background-color: rgba(0, 105, 92, .85); } ._rgbaTeal900a85 { background-color: rgba(0, 77, 64, .85); } ._rgbaTealA100a85 { background-color: rgba(167, 255, 235, .85); } ._rgbaTealA200a85 { background-color: rgba(100, 255, 218, .85); }
._rgbaTealA400a85 { background-color: rgba(29, 233, 182, .85); } ._rgbaTealA700a85 { background-color: rgba(0, 191, 165, .85); }
/*綠*/
._rgbaGreen50a85 { background-color: rgba(232, 245, 233, .85); } ._rgbaGreen100a85 { background-color: rgba(200, 230, 201, .85); } ._rgbaGreen200a85 { background-color: rgba(165, 214, 167, .85); } ._rgbaGreen300a85 { background-color: rgba(129, 199, 132, .85); }
._rgbaGreen400a85 { background-color: rgba(102, 187, 106, .85); } ._rgbaGreen500a85 { background-color: rgba(76, 175, 80, .85); } ._rgbaGreen600a85 { background-color: rgba(67, 160, 71, .85); } ._rgbaGreen700a85 { background-color: rgba(56, 142, 60, .85); }
._rgbaGreen800a85 { background-color: rgba(46, 125, 50, .85); } ._rgbaGreen900a85 { background-color: rgba(27, 94, 32, .85); } ._rgbaGreenA100a85 { background-color: rgba(185, 246, 202, .85); } ._rgbaGreenA200a85 { background-color: rgba(105, 240, 174, .85); }
._rgbaGreenA400a85 { background-color: rgba(0, 230, 118, .85); } ._rgbaGreenA700a85 { background-color: rgba(0, 200, 83, .85); }
/*淺綠*/
._rgbaLightgreen50a85 { background-color: rgba(241, 248, 233, .85); } ._rgbaLightgreen100a85 { background-color: rgba(220, 237, 200, .85); } ._rgbaLightgreen200a85 { background-color: rgba(197, 225, 165, .85); } ._rgbaLightgreen300a85 { background-color: rgba(174, 213, 129, .85); }
._rgbaLightgreen400a85 { background-color: rgba(156, 204, 101, .85); } ._rgbaLightgreen500a85 { background-color: rgba(139, 195, 74, .85); } ._rgbaLightgreen600a85 { background-color: rgba(124, 179, 66, .85); } ._rgbaLightgreen700a85 { background-color: rgba(104, 159, 56, .85); }
._rgbaLightgreen800a85 { background-color: rgba(85, 139, 47, .85); } ._rgbaLightgreen900a85 { background-color: rgba(51, 105, 30, .85); } ._rgbaLightgreenA100a85 { background-color: rgba(204, 255, 144, .85); }._rgbaLightgreenA200a85 { background-color: rgba(178, 255, 89, .85); }
._rgbaLightgreenA400a85 { background-color: rgba(118, 255, 3, .85); } ._rgbaLightgreenA700a85 { background-color: rgba(100, 221, 23, .85); }
/*檸檬綠*/
._rgbaLime50a85 { background-color: rgba(249, 251, 231, .85); } ._rgbaLime100a85 { background-color: rgba(240, 244, 195, .85); } ._rgbaLime200a85 { background-color: rgba(230, 238, 156, .85); } ._rgbaLime300a85 { background-color: rgba(220, 231, 117, .85); }
._rgbaLime400a85 { background-color: rgba(212, 225, 87, .85); } ._rgbaLime500a85 { background-color: rgba(205, 220, 57, .85); } ._rgbaLime600a85 { background-color: rgba(192, 202, 51, .85); } ._rgbaLime700a85 { background-color: rgba(175, 180, 43, .85); }
._rgbaLime800a85 { background-color: rgba(158, 157, 36, .85); } ._rgbaLime900a85 { background-color: rgba(130, 119, 23, .85); } ._rgbaLimeA100a85 { background-color: rgba(244, 255, 129, .85); } ._rgbaLimeA200a85 { background-color: rgba(238, 255, 65, .85); }
._rgbaLimeA400a85 { background-color: rgba(198, 255, 0, .85); } ._rgbaLimeA700a85 { background-color: rgba(174, 234, 0, .85); }
/*黃色*/
._rgbaYellow50a85 { background-color: rgba(255, 253, 231, .85); } ._rgbaYellow100a85 { background-color: rgba(255, 249, 196, .85); } ._rgbaYellow200a85 { background-color: rgba(255, 245, 157, .85); } ._rgbaYellow300a85 { background-color: rgba(255, 241, 118, .85); }
._rgbaYellow400a85 { background-color: rgba(255, 238, 88, .85); } ._rgbaYellow500a85 { background-color: rgba(255, 235, 59, .85); } ._rgbaYellow600a85 { background-color: rgba(253, 216, 53, .85); } ._rgbaYellow700a85 { background-color: rgba(251, 192, 45, .85); }
._rgbaYellow800a85 { background-color: rgba(249, 168, 37, .85); } ._rgbaYellow900a85 { background-color: rgba(245, 127, 23, .85); } ._rgbaYellowA100a85 { background-color: rgba(255, 255, 141, .85); } ._rgbaYellowA200a85 { background-color: rgba(255, 255, 0, .85); }
._rgbaYellowA400a85 { background-color: rgba(255, 234, 0, .85); } ._rgbaYellowA700a85 { background-color: rgba(255, 214, 0, .85); }
/*琥珀色*/
._rgbaAmber50a85 { background-color: rgba(255, 248, 225, .85); } ._rgbaAmber100a85 { background-color: rgba(255, 236, 179, .85); } ._rgbaAmber200a85 { background-color: rgba(255, 224, 130, .85); } ._rgbaAmber300a85 { background-color: rgba(255, 213, 79, .85); }
._rgbaAmber400a85 { background-color: rgba(255, 202, 40, .85); } ._rgbaAmber500a85 { background-color: rgba(255, 193, 7, .85); } ._rgbaAmber600a85 { background-color: rgba(255, 179, 0, .85); } ._rgbaAmber700a85 { background-color: rgba(255, 160, 0, .85); }
._rgbaAmber800a85 { background-color: rgba(255, 143, 0, .85); } ._rgbaAmber900a85 { background-color: rgba(255, 111, 0, .85); } ._rgbaAmberA100a85 { background-color: rgba(255, 229, 127, .85); } ._rgbaAmberA200a85 { background-color: rgba(255, 215, 64, .85); }
._rgbaAmberA400a85 { background-color: rgba(255, 196, 0, .85); } ._rgbaAmberA700a85 { background-color: rgba(255, 171, 0, .85); }
/*橙色*/
._rgbaOrange50a85 { background-color: rgba(255, 243, 224, .85); } ._rgbaOrange100a85 { background-color: rgba(255, 224, 178, .85); } ._rgbaOrange200a85 { background-color: rgba(255, 204, 128, .85); } ._rgbaOrange300a85 { background-color: rgba(255, 183, 77, .85); }
._rgbaOrange400a85 { background-color: rgba(255, 167, 38, .85); } ._rgbaOrange500a85 { background-color: rgba(255, 152, 0, .85); } ._rgbaOrange600a85 { background-color: rgba(251, 140, 0, .85); } ._rgbaOrange700a85 { background-color: rgba(245, 124, 0, .85); }
._rgbaOrange800a85 { background-color: rgba(239, 108, 0, .85); } ._rgbaOrange900a85 { background-color: rgba(230, 81, 0, .85); } ._rgbaOrangeA100a85 { background-color: rgba(255, 209, 128, .85); } ._rgbaOrangeA200a85 { background-color: rgba(255, 171, 64, .85); }
._rgbaOrangeA400a85 { background-color: rgba(255, 145, 0, .85); } ._rgbaOrangeA700a85 { background-color: rgba(255, 109, 0, .85); }
/*深橙*/
._rgbaDeeporange50a85 { background-color: rgba(251, 233, 231, .85); } ._rgbaDeeporange100a85 { background-color: rgba(255, 204, 188, .85); } ._rgbaDeeporange200a85 { background-color: rgba(255, 171, 145, .85); } ._rgbaDeeporange300a85 { background-color: rgba(255, 138, 101, .85); }
._rgbaDeeporange400a85 { background-color: rgba(255, 112, 67, .85); } ._rgbaDeeporange500a85 { background-color: rgba(255, 87, 34, .85); } ._rgbaDeeporange600a85 { background-color: rgba(244, 81, 30, .85); } ._rgbaDeeporange700a85 { background-color: rgba(230, 74, 25, .85); }
._rgbaDeeporange800a85 { background-color: rgba(216, 67, 21, .85); } ._rgbaDeeporange900a85 { background-color: rgba(191, 54, 12, .85); } ._rgbaDeeporangeA100a85 { background-color: rgba(255, 158, 128, .85); } ._rgbaDeeporangeA200a85 { background-color: rgba(255, 110, 64, .85); }
._rgbaDeeporangeA400a85 { background-color: rgba(255, 61, 0, .85); } ._rgbaDeeporangeA700a85 { background-color: rgba(221, 44, 0, .85); }
/*棕色*/
._rgbaBrown50a85 { background-color: rgba(239, 235, 233, .85); } ._rgbaBrown100a85 { background-color: rgba(215, 204, 200, .85); } ._rgbaBrown200a85 { background-color: rgba(188, 170, 164, .85); } ._rgbaBrown300a85 { background-color: rgba(161, 136, 127, .85); }
._rgbaBrown400a85 { background-color: rgba(141, 110, 99, .85); } ._rgbaBrown500a85 { background-color: rgba(121, 85, 72, .85); } ._rgbaBrown600a85 { background-color: rgba(109, 76, 65, .85); } ._rgbaBrown700a85 { background-color: rgba(93, 64, 55, .85); }
._rgbaBrown800a85 { background-color: rgba(78, 52, 46, .85); } ._rgbaBrown900a85 { background-color: rgba(62, 39, 35, .85); }
/*灰色*/
._rgbaGrey50a85 { background-color: rgba(250, 250, 250, .85); } ._rgbaGrey100a85 { background-color: rgba(245, 245, 245, .85); } ._rgbaGrey200a85 { background-color: rgba(238, 238, 238, .85); } ._rgbaGrey300a85 { background-color: rgba(224, 224, 224, .85); }
._rgbaGrey400a85 { background-color: rgba(189, 189, 189, .85); } ._rgbaGrey500a85 { background-color: rgba(158, 158, 158, .85); } ._rgbaGrey600a85 { background-color: rgba(117, 117, 117, .85); } ._rgbaGrey700a85 { background-color: rgba(97, 97, 97, .85); }
._rgbaGrey800a85 { background-color: rgba(66, 66, 66, .85); } ._rgbaGrey900a85 { background-color: rgba(33, 33, 33, .85); }
/*灰藍*/
._rgbaBluegrey50a85 { background-color: rgba(236, 239, 241, .85); } ._rgbaBluegrey100a85 { background-color: rgba(207, 216, 220, .85); } ._rgbaBluegrey200a85 { background-color: rgba(176, 190, 197, .85); } ._rgbaBluegrey300a85 { background-color: rgba(144, 164, 174, .85); }
._rgbaBluegrey400a85 { background-color: rgba(120, 144, 156, .85); } ._rgbaBluegrey500a85 { background-color: rgba(96, 125, 139, .85); } ._rgbaBluegrey600a85 { background-color: rgba(84, 110, 122, .85); }
._rgbaBluegrey700a85 { background-color: rgba(69, 90, 100, .85); } ._rgbaBluegrey800a85 { background-color: rgba(55, 71, 79, .85); } ._rgbaBluegrey900a85 { background-color: rgba(38, 50, 56, .85); }
/*----------------------------------------------------------------------------*/
/*紅*/
._rgbaRed50a65 { background-color: rgba(255, 235, 238, .65); } ._rgbaRed100a65 { background-color: rgba(255, 205, 210, .65); } ._rgbaRed200a65 { background-color: rgba(239, 154, 154, .65); } ._rgbaRed300a65 { background-color: rgba(229, 115, 115, .65); }
._rgbaRed400a65 { background-color: rgba(239, 83, 80, .65); } ._rgbaRed500a65 { background-color: rgba(244, 67, 54, .65); } ._rgbaRed600a65 { background-color: rgba(229, 57, 53, .65); } ._rgbaRed700a65 { background-color: rgba(211, 47, 47, .65); }
._rgbaRed800a65 { background-color: rgba(198, 40, 40, .65); } ._rgbaRed900a65 { background-color: rgba(183, 28, 28, .65); } ._rgbaRedA100a65 { background-color: rgba(255, 138, 128, .65); } ._rgbaRedA200a65 { background-color: rgba(255, 82, 82, .65); }
._rgbaRedA400a65 { background-color: rgba(255, 23, 68, .65); } ._rgbaRedA700a65 { background-color: rgba(213, 0, 0, .65); }
/*粉*/
._rgbaPink50a65 { background-color: rgba(252, 228, 236, .65); } ._rgbaPink100a65 { background-color: rgba(248, 187, 208, .65); } ._rgbaPink200a65 { background-color: rgba(244, 143, 177, .65); } ._rgbaPink300a65 { background-color: rgba(240, 98, 146, .65); }
._rgbaPink400a65 { background-color: rgba(236, 64, 122, .65); } ._rgbaPink500a65 { background-color: rgba(233, 30, 99, .65); } ._rgbaPink600a65 { background-color: rgba(216, 27, 96, .65); } ._rgbaPink700a65 { background-color: rgba(194, 24, 91, .65); }
._rgbaPink800a65 { background-color: rgba(173, 20, 87, .65); } ._rgbaPink900a65 { background-color: rgba(136, 14, 79, .65); } ._rgbaPinkA100a65 { background-color: rgba(255, 128, 171, .65); } ._rgbaPinkA200a65 { background-color: rgba(255, 64, 129, .65); }
._rgbaPinkA400a65 { background-color: rgba(245, 0, 87, .65); } ._rgbaPinkA700a65 { background-color: rgba(197, 17, 98, .65); }
/*青春粉*/
._rgbaPrimepink50a65 { background-color: rgba(255, 245, 250, .65); } ._rgbaPrimepink100a65 { background-color: rgba(255, 225, 240, .65); } ._rgbaPrimepink200a65 { background-color: rgba(255, 200, 230, .65); } ._rgbaPrimepink300a65 { background-color: rgba(255, 185, 220, .65); }
._rgbaPrimepink400a65 { background-color: rgba(255, 165, 210, .65); } ._rgbaPrimepink500a65 { background-color: rgba(255, 150, 200, .65); } ._rgbaPrimepink600a65 { background-color: rgba(255, 130, 190, .65); } ._rgbaPrimepink700a65 { background-color: rgba(255, 110, 180, .65); }
._rgbaPrimepink800a65 { background-color: rgba(255, 95, 170, .65); } ._rgbaPrimepink900a65 { background-color: rgba(255, 65, 155, .65); } ._rgbaPrimepinkA100a65 { background-color: rgba(255, 45, 145, .65); } ._rgbaPrimepinkA200a65 { background-color: rgba(255, 0, 120, .65); }
._rgbaPrimepinkA400a65 { background-color: rgba(220, 0, 105, .65); } ._rgbaPrimepinkA700a65 { background-color: rgba(170, 0, 80, .65); } ._rgbaPrimepinkA800a65 { background-color: rgba(135, 0, 65, .65); }
/*紫*/
._rgbaPurple50a65 { background-color: rgba(243, 229, 245, .65); } ._rgbaPurple100a65 { background-color: rgba(225, 190, 231, .65); } ._rgbaPurple200a65 { background-color: rgba(206, 147, 216, .65); } ._rgbaPurple300a65 { background-color: rgba(186, 104, 200, .65); }
._rgbaPurple400a65 { background-color: rgba(171, 71, 188, .65); } ._rgbaPurple500a65 { background-color: rgba(156, 39, 176, .65); } ._rgbaPurple600a65 { background-color: rgba(142, 36, 170, .65); } ._rgbaPurple700a65 { background-color: rgba(123, 31, 162, .65); }
._rgbaPurple800a65 { background-color: rgba(106, 27, 154, .65); } ._rgbaPurple900a65 { background-color: rgba(74, 20, 140, .65); } ._rgbaPurpleA100a65 { background-color: rgba(234, 128, 252, .65); } ._rgbaPurpleA200a65 { background-color: rgba(224, 64, 251, .65); }
._rgbaPurpleA400a65 { background-color: rgba(213, 0, 249, .65); } ._rgbaPurpleA700a65 { background-color: rgba(170, 0, 255, .65); }
/*深紫*/
._rgbaDeeppurple50a65 { background-color: rgba(237, 231, 246, .65); } ._rgbaDeeppurple100a65 { background-color: rgba(209, 196, 233, .65); } ._rgbaDeeppurple200a65 { background-color: rgba(179, 157, 219, .65); } ._rgbaDeeppurple300a65 { background-color: rgba(149, 117, 205, .65); }
._rgbaDeeppurple400a65 { background-color: rgba(126, 87, 194, .65); } ._rgbaDeeppurple500a65 { background-color: rgba(103, 58, 183, .65); } ._rgbaDeeppurple600a65 { background-color: rgba(94, 53, 177, .65); } ._rgbaDeeppurple700a65 { background-color: rgba(81, 45, 168, .65); }
._rgbaDeeppurple800a65 { background-color: rgba(69, 39, 160, .65); } ._rgbaDeeppurple900a65 { background-color: rgba(49, 27, 146, .65); } ._rgbaDeeppurpleA100a65 { background-color: rgba(179, 136, 255, .65); } ._rgbaDeeppurpleA200a65 { background-color: rgba(124, 77, 255, .65); }
._rgbaDeeppurpleA400a65 { background-color: rgba(101, 31, 255, .65); } ._rgbaDeeppurpleA700a65 { background-color: rgba(98, 0, 234, .65); }
/*靛青*/
._rgbaIndigo50a65 { background-color: rgba(232, 234, 246, .65); } ._rgbaIndigo100a65 { background-color: rgba(197, 202, 233, .65); } ._rgbaIndigo200a65 { background-color: rgba(159, 168, 218, .65); } ._rgbaIndigo300a65 { background-color: rgba(121, 134, 203, .65); }
._rgbaIndigo400a65 { background-color: rgba(92, 107, 192, .65); } ._rgbaIndigo500a65 { background-color: rgba(63, 81, 181, .65); } ._rgbaIndigo600a65 { background-color: rgba(57, 73, 171, .65); } ._rgbaIndigo700a65 { background-color: rgba(48, 63, 159, .65); }
._rgbaIndigo800a65 { background-color: rgba(40, 53, 147, .65); } ._rgbaIndigo900a65 { background-color: rgba(26, 35, 126, .65); } ._rgbaIndigoA100a65 { background-color: rgba(140, 158, 255, .65); } ._rgbaIndigoA200a65 { background-color: rgba(83, 109, 254, .65); }
._rgbaIndigoA400a65 { background-color: rgba(61, 90, 254, .65); } ._rgbaIndigoA700a65 { background-color: rgba(48, 79, 254, .65); }
/*藍*/
._rgbaBlue50a65 { background-color: rgba(227, 242, 253, .65); } ._rgbaBlue100a65 { background-color: rgba(187, 222, 251, .65); } ._rgbaBlue200a65 { background-color: rgba(144, 202, 249, .65); } ._rgbaBlue300a65 { background-color: rgba(100, 181, 246, .65); }
._rgbaBlue400a65 { background-color: rgba(66, 165, 245, .65); } ._rgbaBlue500a65 { background-color: rgba(33, 150, 243, .65); } ._rgbaBlue600a65 { background-color: rgba(30, 136, 229, .65); } ._rgbaBlue700a65 { background-color: rgba(25, 118, 210, .65); }
._rgbaBlue800a65 { background-color: rgba(21, 101, 192, .65); } ._rgbaBlue900a65 { background-color: rgba(13, 71, 161, .65); } ._rgbaBlueA100a65 { background-color: rgba(130, 177, 255, .65); } ._rgbaBlueA200a65 { background-color: rgba(68, 138, 255, .65); }
._rgbaBlueA400a65 { background-color: rgba(41, 121, 255, .65); } ._rgbaBlueA700a65 { background-color: rgba(41, 98, 255, .65); }
/*淺藍*/
._rgbaLightblue50a65 { background-color: rgba(225, 245, 254, .65); } ._rgbaLightblue100a65 { background-color: rgba(179, 229, 252, .65); } ._rgbaLightblue200a65 { background-color: rgba(129, 212, 250, .65); } ._rgbaLightblue300a65 { background-color: rgba(79, 195, 247, .65); }
._rgbaLightblue400a65 { background-color: rgba(41, 182, 246, .65); } ._rgbaLightblue500a65 { background-color: rgba(3, 169, 244, .65); } ._rgbaLightblue600a65 { background-color: rgba(3, 155, 229, .65); } ._rgbaLightblue700a65 { background-color: rgba(2, 136, 209, .65); }
._rgbaLightblue800a65 { background-color: rgba(2, 119, 189, .65); } ._rgbaLightblue900a65 { background-color: rgba(1, 87, 155, .65); } ._rgbaLightblueA100a65 { background-color: rgba(128, 216, 255, .65); } ._rgbaLightblueA200a65 { background-color: rgba(64, 196, 255, .65); }
._rgbaLightblueA400a65 { background-color: rgba(0, 176, 255, .65); } ._rgbaLightblueA700a65 { background-color: rgba(0, 145, 234, .65); }
/*海洋藍*/
._rgbaOceanblue50a65 { background-color: rgba(240, 250, 255, .65); } ._rgbaOceanblue100a65 { background-color: rgba(225, 245, 250, .65); } ._rgbaOceanblue200a65 { background-color: rgba(205, 240, 250, .65); } ._rgbaOceanblue300a65 { background-color: rgba(160, 220, 240, .65); }
._rgbaOceanblue400a65 { background-color: rgba(145, 220, 240, .65); } ._rgbaOceanblue500a65 { background-color: rgba(130, 210, 235, .65); } ._rgbaOceanblue600a65 { background-color: rgba(100, 200, 230, .65); } ._rgbaOceanblue700a65 { background-color: rgba(70, 190, 225, .65); }
._rgbaOceanblue800a65 { background-color: rgba(50, 185, 225, .65); } ._rgbaOceanblue900a65 { background-color: rgba(30, 170, 210, .65); }
._rgbaOceanblueA100a65 { background-color: rgba(30, 155, 190, .65); } ._rgbaOceanblueA200a65 { background-color: rgba(25, 135, 165, .65); }._rgbaOceanblueA400a65 { background-color: rgba(20, 120, 145, .65); }
._rgbaOceanblueA700a65 { background-color: rgba(15, 95, 120, .65); } ._rgbaOceanblueA800a65 { background-color: rgba(10, 70, 85, .65); }
/*青色*/
._rgbaCyan50a65 { background-color: rgba(224, 247, 250, .65); } ._rgbaCyan100a65 { background-color: rgba(178, 235, 242, .65); } ._rgbaCyan200a65 { background-color: rgba(128, 222, 234, .65); } ._rgbaCyan300a65 { background-color: rgba(77, 208, 225, .65); }
._rgbaCyan400a65 { background-color: rgba(38, 198, 218, .65); } ._rgbaCyan500a65 { background-color: rgba(0, 188, 212, .65); } ._rgbaCyan600a65 { background-color: rgba(0, 172, 193, .65); } ._rgbaCyan700a65 { background-color: rgba(0, 151, 167, .65); }
._rgbaCyan800a65 { background-color: rgba(0, 131, 143, .65); } ._rgbaCyan900a65 { background-color: rgba(0, 96, 100, .65); } ._rgbaCyanA100a65 { background-color: rgba(132, 255, 255, .65); } ._rgbaCyanA200a65 { background-color: rgba(24, 255, 255, .65); }
._rgbaCyanA400a65 { background-color: rgba(0, 229, 255, .65); } ._rgbaCyanA700a65 { background-color: rgba(0, 184, 212, .65); }
/*藍綠色*/
._rgbaTeal50a65 { background-color: rgba(224, 242, 241, .65); } ._rgbaTeal100a65 { background-color: rgba(178, 223, 219, .65); } ._rgbaTeal200a65 { background-color: rgba(128, 203, 196, .65); } ._rgbaTeal300a65 { background-color: rgba(77, 182, 172, .65); }
._rgbaTeal400a65 { background-color: rgba(38, 166, 154, .65); } ._rgbaTeal500a65 { background-color: rgba(0, 150, 136, .65); } ._rgbaTeal600a65 { background-color: rgba(0, 137, 123, .65); } ._rgbaTeal700a65 { background-color: rgba(0, 121, 107, .65); }
._rgbaTeal800a65 { background-color: rgba(0, 105, 92, .65); } ._rgbaTeal900a65 { background-color: rgba(0, 77, 64, .65); } ._rgbaTealA100a65 { background-color: rgba(167, 255, 235, .65); } ._rgbaTealA200a65 { background-color: rgba(100, 255, 218, .65); }
._rgbaTealA400a65 { background-color: rgba(29, 233, 182, .65); } ._rgbaTealA700a65 { background-color: rgba(0, 191, 165, .65); }
/*綠*/
._rgbaGreen50a65 { background-color: rgba(232, 245, 233, .65); } ._rgbaGreen100a65 { background-color: rgba(200, 230, 201, .65); } ._rgbaGreen200a65 { background-color: rgba(165, 214, 167, .65); } ._rgbaGreen300a65 { background-color: rgba(129, 199, 132, .65); }
._rgbaGreen400a65 { background-color: rgba(102, 187, 106, .65); } ._rgbaGreen500a65 { background-color: rgba(76, 175, 80, .65); } ._rgbaGreen600a65 { background-color: rgba(67, 160, 71, .65); } ._rgbaGreen700a65 { background-color: rgba(56, 142, 60, .65); }
._rgbaGreen800a65 { background-color: rgba(46, 125, 50, .65); } ._rgbaGreen900a65 { background-color: rgba(27, 94, 32, .65); } ._rgbaGreenA100a65 { background-color: rgba(185, 246, 202, .65); } ._rgbaGreenA200a65 { background-color: rgba(105, 240, 174, .65); }
._rgbaGreenA400a65 { background-color: rgba(0, 230, 118, .65); } ._rgbaGreenA700a65 { background-color: rgba(0, 200, 83, .65); }
/*淺綠*/
._rgbaLightgreen50a65 { background-color: rgba(241, 248, 233, .65); } ._rgbaLightgreen100a65 { background-color: rgba(220, 237, 200, .65); } ._rgbaLightgreen200a65 { background-color: rgba(197, 225, 165, .65); } ._rgbaLightgreen300a65 { background-color: rgba(174, 213, 129, .65); }
._rgbaLightgreen400a65 { background-color: rgba(156, 204, 101, .65); } ._rgbaLightgreen500a65 { background-color: rgba(139, 195, 74, .65); } ._rgbaLightgreen600a65 { background-color: rgba(124, 179, 66, .65); } ._rgbaLightgreen700a65 { background-color: rgba(104, 159, 56, .65); }
._rgbaLightgreen800a65 { background-color: rgba(85, 139, 47, .65); } ._rgbaLightgreen900a65 { background-color: rgba(51, 105, 30, .65); } ._rgbaLightgreenA100a65 { background-color: rgba(204, 255, 144, .65); }._rgbaLightgreenA200a65 { background-color: rgba(178, 255, 89, .65); }
._rgbaLightgreenA400a65 { background-color: rgba(118, 255, 3, .65); } ._rgbaLightgreenA700a65 { background-color: rgba(100, 221, 23, .65); }
/*檸檬綠*/
._rgbaLime50a65 { background-color: rgba(249, 251, 231, .65); } ._rgbaLime100a65 { background-color: rgba(240, 244, 195, .65); } ._rgbaLime200a65 { background-color: rgba(230, 238, 156, .65); } ._rgbaLime300a65 { background-color: rgba(220, 231, 117, .65); }
._rgbaLime400a65 { background-color: rgba(212, 225, 87, .65); } ._rgbaLime500a65 { background-color: rgba(205, 220, 57, .65); } ._rgbaLime600a65 { background-color: rgba(192, 202, 51, .65); } ._rgbaLime700a65 { background-color: rgba(175, 180, 43, .65); }
._rgbaLime800a65 { background-color: rgba(158, 157, 36, .65); } ._rgbaLime900a65 { background-color: rgba(130, 119, 23, .65); } ._rgbaLimeA100a65 { background-color: rgba(244, 255, 129, .65); } ._rgbaLimeA200a65 { background-color: rgba(238, 255, 65, .65); }
._rgbaLimeA400a65 { background-color: rgba(198, 255, 0, .65); } ._rgbaLimeA700a65 { background-color: rgba(174, 234, 0, .65); }
/*黃色*/
._rgbaYellow50a65 { background-color: rgba(255, 253, 231, .65); } ._rgbaYellow100a65 { background-color: rgba(255, 249, 196, .65); } ._rgbaYellow200a65 { background-color: rgba(255, 245, 157, .65); } ._rgbaYellow300a65 { background-color: rgba(255, 241, 118, .65); }
._rgbaYellow400a65 { background-color: rgba(255, 238, 88, .65); } ._rgbaYellow500a65 { background-color: rgba(255, 235, 59, .65); } ._rgbaYellow600a65 { background-color: rgba(253, 216, 53, .65); } ._rgbaYellow700a65 { background-color: rgba(251, 192, 45, .65); }
._rgbaYellow800a65 { background-color: rgba(249, 168, 37, .65); } ._rgbaYellow900a65 { background-color: rgba(245, 127, 23, .65); } ._rgbaYellowA100a65 { background-color: rgba(255, 255, 141, .65); } ._rgbaYellowA200a65 { background-color: rgba(255, 255, 0, .65); }
._rgbaYellowA400a65 { background-color: rgba(255, 234, 0, .65); } ._rgbaYellowA700a65 { background-color: rgba(255, 214, 0, .65); }
/*琥珀色*/
._rgbaAmber50a65 { background-color: rgba(255, 248, 225, .65); } ._rgbaAmber100a65 { background-color: rgba(255, 236, 179, .65); } ._rgbaAmber200a65 { background-color: rgba(255, 224, 130, .65); } ._rgbaAmber300a65 { background-color: rgba(255, 213, 79, .65); }
._rgbaAmber400a65 { background-color: rgba(255, 202, 40, .65); } ._rgbaAmber500a65 { background-color: rgba(255, 193, 7, .65); } ._rgbaAmber600a65 { background-color: rgba(255, 179, 0, .65); } ._rgbaAmber700a65 { background-color: rgba(255, 160, 0, .65); }
._rgbaAmber800a65 { background-color: rgba(255, 143, 0, .65); } ._rgbaAmber900a65 { background-color: rgba(255, 111, 0, .65); } ._rgbaAmberA100a65 { background-color: rgba(255, 229, 127, .65); } ._rgbaAmberA200a65 { background-color: rgba(255, 215, 64, .65); }
._rgbaAmberA400a65 { background-color: rgba(255, 196, 0, .65); } ._rgbaAmberA700a65 { background-color: rgba(255, 171, 0, .65); }
/*橙色*/
._rgbaOrange50a65 { background-color: rgba(255, 243, 224, .65); } ._rgbaOrange100a65 { background-color: rgba(255, 224, 178, .65); } ._rgbaOrange200a65 { background-color: rgba(255, 204, 128, .65); } ._rgbaOrange300a65 { background-color: rgba(255, 183, 77, .65); }
._rgbaOrange400a65 { background-color: rgba(255, 167, 38, .65); } ._rgbaOrange500a65 { background-color: rgba(255, 152, 0, .65); } ._rgbaOrange600a65 { background-color: rgba(251, 140, 0, .65); } ._rgbaOrange700a65 { background-color: rgba(245, 124, 0, .65); }
._rgbaOrange800a65 { background-color: rgba(239, 108, 0, .65); } ._rgbaOrange900a65 { background-color: rgba(230, 81, 0, .65); } ._rgbaOrangeA100a65 { background-color: rgba(255, 209, 128, .65); } ._rgbaOrangeA200a65 { background-color: rgba(255, 171, 64, .65); }
._rgbaOrangeA400a65 { background-color: rgba(255, 145, 0, .65); } ._rgbaOrangeA700a65 { background-color: rgba(255, 109, 0, .65); }
/*深橙*/
._rgbaDeeporange50a65 { background-color: rgba(251, 233, 231, .65); } ._rgbaDeeporange100a65 { background-color: rgba(255, 204, 188, .65); } ._rgbaDeeporange200a65 { background-color: rgba(255, 171, 145, .65); } ._rgbaDeeporange300a65 { background-color: rgba(255, 138, 101, .65); }
._rgbaDeeporange400a65 { background-color: rgba(255, 112, 67, .65); } ._rgbaDeeporange500a65 { background-color: rgba(255, 87, 34, .65); } ._rgbaDeeporange600a65 { background-color: rgba(244, 81, 30, .65); } ._rgbaDeeporange700a65 { background-color: rgba(230, 74, 25, .65); }
._rgbaDeeporange800a65 { background-color: rgba(216, 67, 21, .65); } ._rgbaDeeporange900a65 { background-color: rgba(191, 54, 12, .65); } ._rgbaDeeporangeA100a65 { background-color: rgba(255, 158, 128, .65); } ._rgbaDeeporangeA200a65 { background-color: rgba(255, 110, 64, .65); }
._rgbaDeeporangeA400a65 { background-color: rgba(255, 61, 0, .65); } ._rgbaDeeporangeA700a65 { background-color: rgba(221, 44, 0, .65); }
/*棕色*/
._rgbaBrown50a65 { background-color: rgba(239, 235, 233, .65); } ._rgbaBrown100a65 { background-color: rgba(215, 204, 200, .65); } ._rgbaBrown200a65 { background-color: rgba(188, 170, 164, .65); } ._rgbaBrown300a65 { background-color: rgba(161, 136, 127, .65); }
._rgbaBrown400a65 { background-color: rgba(141, 110, 99, .65); } ._rgbaBrown500a65 { background-color: rgba(121, 85, 72, .65); } ._rgbaBrown600a65 { background-color: rgba(109, 76, 65, .65); } ._rgbaBrown700a65 { background-color: rgba(93, 64, 55, .65); }
._rgbaBrown800a65 { background-color: rgba(78, 52, 46, .65); } ._rgbaBrown900a65 { background-color: rgba(62, 39, 35, .65); }
/*灰色*/
._rgbaGrey50a65 { background-color: rgba(250, 250, 250, .65); } ._rgbaGrey100a65 { background-color: rgba(245, 245, 245, .65); } ._rgbaGrey200a65 { background-color: rgba(238, 238, 238, .65); } ._rgbaGrey300a65 { background-color: rgba(224, 224, 224, .65); }
._rgbaGrey400a65 { background-color: rgba(189, 189, 189, .65); } ._rgbaGrey500a65 { background-color: rgba(158, 158, 158, .65); } ._rgbaGrey600a65 { background-color: rgba(117, 117, 117, .65); } ._rgbaGrey700a65 { background-color: rgba(97, 97, 97, .65); }
._rgbaGrey800a65 { background-color: rgba(66, 66, 66, .65); } ._rgbaGrey900a65 { background-color: rgba(33, 33, 33, .65); }
/*灰藍*/
._rgbaBluegrey50a65 { background-color: rgba(236, 239, 241, .65); } ._rgbaBluegrey100a65 { background-color: rgba(207, 216, 220, .65); } ._rgbaBluegrey200a65 { background-color: rgba(176, 190, 197, .65); } ._rgbaBluegrey300a65 { background-color: rgba(144, 164, 174, .65); }
._rgbaBluegrey400a65 { background-color: rgba(120, 144, 156, .65); } ._rgbaBluegrey500a65 { background-color: rgba(96, 125, 139, .65); } ._rgbaBluegrey600a65 { background-color: rgba(84, 110, 122, .65); }
._rgbaBluegrey700a65 { background-color: rgba(69, 90, 100, .65); } ._rgbaBluegrey800a65 { background-color: rgba(55, 71, 79, .65); } ._rgbaBluegrey900a65 { background-color: rgba(38, 50, 56, .65); }
/*----------------------------------------------------------------------------*/
/*紅*/
._rgbaRed50a35 { background-color: rgba(255, 235, 238, .35); } ._rgbaRed100a35 { background-color: rgba(255, 205, 210, .35); } ._rgbaRed200a35 { background-color: rgba(239, 154, 154, .35); } ._rgbaRed300a35 { background-color: rgba(229, 115, 115, .35); }
._rgbaRed400a35 { background-color: rgba(239, 83, 80, .35); } ._rgbaRed500a35 { background-color: rgba(244, 67, 54, .35); } ._rgbaRed600a35 { background-color: rgba(229, 57, 53, .35); } ._rgbaRed700a35 { background-color: rgba(211, 47, 47, .35); }
._rgbaRed800a35 { background-color: rgba(198, 40, 40, .35); } ._rgbaRed900a35 { background-color: rgba(183, 28, 28, .35); } ._rgbaRedA100a35 { background-color: rgba(255, 138, 128, .35); } ._rgbaRedA200a35 { background-color: rgba(255, 82, 82, .35); }
._rgbaRedA400a35 { background-color: rgba(255, 23, 68, .35); } ._rgbaRedA700a35 { background-color: rgba(213, 0, 0, .35); }
/*粉*/
._rgbaPink50a35 { background-color: rgba(252, 228, 236, .35); } ._rgbaPink100a35 { background-color: rgba(248, 187, 208, .35); } ._rgbaPink200a35 { background-color: rgba(244, 143, 177, .35); } ._rgbaPink300a35 { background-color: rgba(240, 98, 146, .35); }
._rgbaPink400a35 { background-color: rgba(236, 64, 122, .35); } ._rgbaPink500a35 { background-color: rgba(233, 30, 99, .35); } ._rgbaPink600a35 { background-color: rgba(216, 27, 96, .35); } ._rgbaPink700a35 { background-color: rgba(194, 24, 91, .35); }
._rgbaPink800a35 { background-color: rgba(173, 20, 87, .35); } ._rgbaPink900a35 { background-color: rgba(136, 14, 79, .35); } ._rgbaPinkA100a35 { background-color: rgba(255, 128, 171, .35); } ._rgbaPinkA200a35 { background-color: rgba(255, 64, 129, .35); }
._rgbaPinkA400a35 { background-color: rgba(245, 0, 87, .35); } ._rgbaPinkA700a35 { background-color: rgba(197, 17, 98, .35); }
/*青春粉*/
._rgbaPrimepink50a35 { background-color: rgba(255, 245, 250, .35); } ._rgbaPrimepink100a35 { background-color: rgba(255, 225, 240, .35); } ._rgbaPrimepink200a35 { background-color: rgba(255, 200, 230, .35); } ._rgbaPrimepink300a35 { background-color: rgba(255, 185, 220, .35); }
._rgbaPrimepink400a35 { background-color: rgba(255, 165, 210, .35); } ._rgbaPrimepink500a35 { background-color: rgba(255, 150, 200, .35); } ._rgbaPrimepink600a35 { background-color: rgba(255, 130, 190, .35); } ._rgbaPrimepink700a35 { background-color: rgba(255, 110, 180, .35); }
._rgbaPrimepink800a35 { background-color: rgba(255, 95, 170, .35); } ._rgbaPrimepink900a35 { background-color: rgba(255, 65, 155, .35); } ._rgbaPrimepinkA100a35 { background-color: rgba(255, 45, 145, .35); } ._rgbaPrimepinkA200a35 { background-color: rgba(255, 0, 120, .35); }
._rgbaPrimepinkA400a35 { background-color: rgba(220, 0, 105, .35); } ._rgbaPrimepinkA700a35 { background-color: rgba(170, 0, 80, .35); } ._rgbaPrimepinkA800a35 { background-color: rgba(135, 0, 65, .35); }
/*紫*/
._rgbaPurple50a35 { background-color: rgba(243, 229, 245, .35); } ._rgbaPurple100a35 { background-color: rgba(225, 190, 231, .35); } ._rgbaPurple200a35 { background-color: rgba(206, 147, 216, .35); } ._rgbaPurple300a35 { background-color: rgba(186, 104, 200, .35); }
._rgbaPurple400a35 { background-color: rgba(171, 71, 188, .35); } ._rgbaPurple500a35 { background-color: rgba(156, 39, 176, .35); } ._rgbaPurple600a35 { background-color: rgba(142, 36, 170, .35); } ._rgbaPurple700a35 { background-color: rgba(123, 31, 162, .35); }
._rgbaPurple800a35 { background-color: rgba(106, 27, 154, .35); } ._rgbaPurple900a35 { background-color: rgba(74, 20, 140, .35); } ._rgbaPurpleA100a35 { background-color: rgba(234, 128, 252, .35); } ._rgbaPurpleA200a35 { background-color: rgba(224, 64, 251, .35); }
._rgbaPurpleA400a35 { background-color: rgba(213, 0, 249, .35); } ._rgbaPurpleA700a35 { background-color: rgba(170, 0, 255, .35); }
/*深紫*/
._rgbaDeeppurple50a35 { background-color: rgba(237, 231, 246, .35); } ._rgbaDeeppurple100a35 { background-color: rgba(209, 196, 233, .35); } ._rgbaDeeppurple200a35 { background-color: rgba(179, 157, 219, .35); } ._rgbaDeeppurple300a35 { background-color: rgba(149, 117, 205, .35); }
._rgbaDeeppurple400a35 { background-color: rgba(126, 87, 194, .35); } ._rgbaDeeppurple500a35 { background-color: rgba(103, 58, 183, .35); } ._rgbaDeeppurple600a35 { background-color: rgba(94, 53, 177, .35); } ._rgbaDeeppurple700a35 { background-color: rgba(81, 45, 168, .35); }
._rgbaDeeppurple800a35 { background-color: rgba(69, 39, 160, .35); } ._rgbaDeeppurple900a35 { background-color: rgba(49, 27, 146, .35); } ._rgbaDeeppurpleA100a35 { background-color: rgba(179, 136, 255, .35); } ._rgbaDeeppurpleA200a35 { background-color: rgba(124, 77, 255, .35); }
._rgbaDeeppurpleA400a35 { background-color: rgba(101, 31, 255, .35); } ._rgbaDeeppurpleA700a35 { background-color: rgba(98, 0, 234, .35); }
/*靛青*/
._rgbaIndigo50a35 { background-color: rgba(232, 234, 246, .35); } ._rgbaIndigo100a35 { background-color: rgba(197, 202, 233, .35); } ._rgbaIndigo200a35 { background-color: rgba(159, 168, 218, .35); } ._rgbaIndigo300a35 { background-color: rgba(121, 134, 203, .35); }
._rgbaIndigo400a35 { background-color: rgba(92, 107, 192, .35); } ._rgbaIndigo500a35 { background-color: rgba(63, 81, 181, .35); } ._rgbaIndigo600a35 { background-color: rgba(57, 73, 171, .35); } ._rgbaIndigo700a35 { background-color: rgba(48, 63, 159, .35); }
._rgbaIndigo800a35 { background-color: rgba(40, 53, 147, .35); } ._rgbaIndigo900a35 { background-color: rgba(26, 35, 126, .35); } ._rgbaIndigoA100a35 { background-color: rgba(140, 158, 255, .35); } ._rgbaIndigoA200a35 { background-color: rgba(83, 109, 254, .35); }
._rgbaIndigoA400a35 { background-color: rgba(61, 90, 254, .35); } ._rgbaIndigoA700a35 { background-color: rgba(48, 79, 254, .35); }
/*藍*/
._rgbaBlue50a35 { background-color: rgba(227, 242, 253, .35); } ._rgbaBlue100a35 { background-color: rgba(187, 222, 251, .35); } ._rgbaBlue200a35 { background-color: rgba(144, 202, 249, .35); } ._rgbaBlue300a35 { background-color: rgba(100, 181, 246, .35); }
._rgbaBlue400a35 { background-color: rgba(66, 165, 245, .35); } ._rgbaBlue500a35 { background-color: rgba(33, 150, 243, .35); } ._rgbaBlue600a35 { background-color: rgba(30, 136, 229, .35); } ._rgbaBlue700a35 { background-color: rgba(25, 118, 210, .35); }
._rgbaBlue800a35 { background-color: rgba(21, 101, 192, .35); } ._rgbaBlue900a35 { background-color: rgba(13, 71, 161, .35); } ._rgbaBlueA100a35 { background-color: rgba(130, 177, 255, .35); } ._rgbaBlueA200a35 { background-color: rgba(68, 138, 255, .35); }
._rgbaBlueA400a35 { background-color: rgba(41, 121, 255, .35); } ._rgbaBlueA700a35 { background-color: rgba(41, 98, 255, .35); }
/*淺藍*/
._rgbaLightblue50a35 { background-color: rgba(225, 245, 254, .35); } ._rgbaLightblue100a35 { background-color: rgba(179, 229, 252, .35); } ._rgbaLightblue200a35 { background-color: rgba(129, 212, 250, .35); } ._rgbaLightblue300a35 { background-color: rgba(79, 195, 247, .35); }
._rgbaLightblue400a35 { background-color: rgba(41, 182, 246, .35); } ._rgbaLightblue500a35 { background-color: rgba(3, 169, 244, .35); } ._rgbaLightblue600a35 { background-color: rgba(3, 155, 229, .35); } ._rgbaLightblue700a35 { background-color: rgba(2, 136, 209, .35); }
._rgbaLightblue800a35 { background-color: rgba(2, 119, 189, .35); } ._rgbaLightblue900a35 { background-color: rgba(1, 87, 155, .35); } ._rgbaLightblueA100a35 { background-color: rgba(128, 216, 255, .35); } ._rgbaLightblueA200a35 { background-color: rgba(64, 196, 255, .35); }
._rgbaLightblueA400a35 { background-color: rgba(0, 176, 255, .35); } ._rgbaLightblueA700a35 { background-color: rgba(0, 145, 234, .35); }
/*海洋藍*/
._rgbaOceanblue50a35 { background-color: rgba(240, 250, 255, .35); } ._rgbaOceanblue100a35 { background-color: rgba(225, 245, 250, .35); } ._rgbaOceanblue200a35 { background-color: rgba(205, 240, 250, .35); } ._rgbaOceanblue300a35 { background-color: rgba(160, 220, 240, .35); }
._rgbaOceanblue400a35 { background-color: rgba(145, 220, 240, .35); } ._rgbaOceanblue500a35 { background-color: rgba(130, 210, 235, .35); } ._rgbaOceanblue600a35 { background-color: rgba(100, 200, 230, .35); } ._rgbaOceanblue700a35 { background-color: rgba(70, 190, 225, .35); }
._rgbaOceanblue800a35 { background-color: rgba(50, 185, 225, .35); } ._rgbaOceanblue900a35 { background-color: rgba(30, 170, 210, .35); }
._rgbaOceanblueA100a35 { background-color: rgba(30, 155, 190, .35); } ._rgbaOceanblueA200a35 { background-color: rgba(25, 135, 165, .35); }._rgbaOceanblueA400a35 { background-color: rgba(20, 120, 145, .35); }
._rgbaOceanblueA700a35 { background-color: rgba(15, 95, 120, .35); } ._rgbaOceanblueA800a35 { background-color: rgba(10, 70, 85, .35); }
/*青色*/
._rgbaCyan50a35 { background-color: rgba(224, 247, 250, .35); } ._rgbaCyan100a35 { background-color: rgba(178, 235, 242, .35); } ._rgbaCyan200a35 { background-color: rgba(128, 222, 234, .35); } ._rgbaCyan300a35 { background-color: rgba(77, 208, 225, .35); }
._rgbaCyan400a35 { background-color: rgba(38, 198, 218, .35); } ._rgbaCyan500a35 { background-color: rgba(0, 188, 212, .35); } ._rgbaCyan600a35 { background-color: rgba(0, 172, 193, .35); } ._rgbaCyan700a35 { background-color: rgba(0, 151, 167, .35); }
._rgbaCyan800a35 { background-color: rgba(0, 131, 143, .35); } ._rgbaCyan900a35 { background-color: rgba(0, 96, 100, .35); } ._rgbaCyanA100a35 { background-color: rgba(132, 255, 255, .35); } ._rgbaCyanA200a35 { background-color: rgba(24, 255, 255, .35); }
._rgbaCyanA400a35 { background-color: rgba(0, 229, 255, .35); } ._rgbaCyanA700a35 { background-color: rgba(0, 184, 212, .35); }
/*藍綠色*/
._rgbaTeal50a35 { background-color: rgba(224, 242, 241, .35); } ._rgbaTeal100a35 { background-color: rgba(178, 223, 219, .35); } ._rgbaTeal200a35 { background-color: rgba(128, 203, 196, .35); } ._rgbaTeal300a35 { background-color: rgba(77, 182, 172, .35); }
._rgbaTeal400a35 { background-color: rgba(38, 166, 154, .35); } ._rgbaTeal500a35 { background-color: rgba(0, 150, 136, .35); } ._rgbaTeal600a35 { background-color: rgba(0, 137, 123, .35); } ._rgbaTeal700a35 { background-color: rgba(0, 121, 107, .35); }
._rgbaTeal800a35 { background-color: rgba(0, 105, 92, .35); } ._rgbaTeal900a35 { background-color: rgba(0, 77, 64, .35); } ._rgbaTealA100a35 { background-color: rgba(167, 255, 235, .35); } ._rgbaTealA200a35 { background-color: rgba(100, 255, 218, .35); }
._rgbaTealA400a35 { background-color: rgba(29, 233, 182, .35); } ._rgbaTealA700a35 { background-color: rgba(0, 191, 165, .35); }
/*綠*/
._rgbaGreen50a35 { background-color: rgba(232, 245, 233, .35); } ._rgbaGreen100a35 { background-color: rgba(200, 230, 201, .35); } ._rgbaGreen200a35 { background-color: rgba(165, 214, 167, .35); } ._rgbaGreen300a35 { background-color: rgba(129, 199, 132, .35); }
._rgbaGreen400a35 { background-color: rgba(102, 187, 106, .35); } ._rgbaGreen500a35 { background-color: rgba(76, 175, 80, .35); } ._rgbaGreen600a35 { background-color: rgba(67, 160, 71, .35); } ._rgbaGreen700a35 { background-color: rgba(56, 142, 60, .35); }
._rgbaGreen800a35 { background-color: rgba(46, 125, 50, .35); } ._rgbaGreen900a35 { background-color: rgba(27, 94, 32, .35); } ._rgbaGreenA100a35 { background-color: rgba(185, 246, 202, .35); } ._rgbaGreenA200a35 { background-color: rgba(105, 240, 174, .35); }
._rgbaGreenA400a35 { background-color: rgba(0, 230, 118, .35); } ._rgbaGreenA700a35 { background-color: rgba(0, 200, 83, .35); }
/*淺綠*/
._rgbaLightgreen50a35 { background-color: rgba(241, 248, 233, .35); } ._rgbaLightgreen100a35 { background-color: rgba(220, 237, 200, .35); } ._rgbaLightgreen200a35 { background-color: rgba(197, 225, 165, .35); } ._rgbaLightgreen300a35 { background-color: rgba(174, 213, 129, .35); }
._rgbaLightgreen400a35 { background-color: rgba(156, 204, 101, .35); } ._rgbaLightgreen500a35 { background-color: rgba(139, 195, 74, .35); } ._rgbaLightgreen600a35 { background-color: rgba(124, 179, 66, .35); } ._rgbaLightgreen700a35 { background-color: rgba(104, 159, 56, .35); }
._rgbaLightgreen800a35 { background-color: rgba(85, 139, 47, .35); } ._rgbaLightgreen900a35 { background-color: rgba(51, 105, 30, .35); } ._rgbaLightgreenA100a35 { background-color: rgba(204, 255, 144, .35); }._rgbaLightgreenA200a35 { background-color: rgba(178, 255, 89, .35); }
._rgbaLightgreenA400a35 { background-color: rgba(118, 255, 3, .35); } ._rgbaLightgreenA700a35 { background-color: rgba(100, 221, 23, .35); }
/*檸檬綠*/
._rgbaLime50a35 { background-color: rgba(249, 251, 231, .35); } ._rgbaLime100a35 { background-color: rgba(240, 244, 195, .35); } ._rgbaLime200a35 { background-color: rgba(230, 238, 156, .35); } ._rgbaLime300a35 { background-color: rgba(220, 231, 117, .35); }
._rgbaLime400a35 { background-color: rgba(212, 225, 87, .35); } ._rgbaLime500a35 { background-color: rgba(205, 220, 57, .35); } ._rgbaLime600a35 { background-color: rgba(192, 202, 51, .35); } ._rgbaLime700a35 { background-color: rgba(175, 180, 43, .35); }
._rgbaLime800a35 { background-color: rgba(158, 157, 36, .35); } ._rgbaLime900a35 { background-color: rgba(130, 119, 23, .35); } ._rgbaLimeA100a35 { background-color: rgba(244, 255, 129, .35); } ._rgbaLimeA200a35 { background-color: rgba(238, 255, 65, .35); }
._rgbaLimeA400a35 { background-color: rgba(198, 255, 0, .35); } ._rgbaLimeA700a35 { background-color: rgba(174, 234, 0, .35); }
/*黃色*/
._rgbaYellow50a35 { background-color: rgba(255, 253, 231, .35); } ._rgbaYellow100a35 { background-color: rgba(255, 249, 196, .35); } ._rgbaYellow200a35 { background-color: rgba(255, 245, 157, .35); } ._rgbaYellow300a35 { background-color: rgba(255, 241, 118, .35); }
._rgbaYellow400a35 { background-color: rgba(255, 238, 88, .35); } ._rgbaYellow500a35 { background-color: rgba(255, 235, 59, .35); } ._rgbaYellow600a35 { background-color: rgba(253, 216, 53, .35); } ._rgbaYellow700a35 { background-color: rgba(251, 192, 45, .35); }
._rgbaYellow800a35 { background-color: rgba(249, 168, 37, .35); } ._rgbaYellow900a35 { background-color: rgba(245, 127, 23, .35); } ._rgbaYellowA100a35 { background-color: rgba(255, 255, 141, .35); } ._rgbaYellowA200a35 { background-color: rgba(255, 255, 0, .35); }
._rgbaYellowA400a35 { background-color: rgba(255, 234, 0, .35); } ._rgbaYellowA700a35 { background-color: rgba(255, 214, 0, .35); }
/*琥珀色*/
._rgbaAmber50a35 { background-color: rgba(255, 248, 225, .35); } ._rgbaAmber100a35 { background-color: rgba(255, 236, 179, .35); } ._rgbaAmber200a35 { background-color: rgba(255, 224, 130, .35); } ._rgbaAmber300a35 { background-color: rgba(255, 213, 79, .35); }
._rgbaAmber400a35 { background-color: rgba(255, 202, 40, .35); } ._rgbaAmber500a35 { background-color: rgba(255, 193, 7, .35); } ._rgbaAmber600a35 { background-color: rgba(255, 179, 0, .35); } ._rgbaAmber700a35 { background-color: rgba(255, 160, 0, .35); }
._rgbaAmber800a35 { background-color: rgba(255, 143, 0, .35); } ._rgbaAmber900a35 { background-color: rgba(255, 111, 0, .35); } ._rgbaAmberA100a35 { background-color: rgba(255, 229, 127, .35); } ._rgbaAmberA200a35 { background-color: rgba(255, 215, 64, .35); }
._rgbaAmberA400a35 { background-color: rgba(255, 196, 0, .35); } ._rgbaAmberA700a35 { background-color: rgba(255, 171, 0, .35); }
/*橙色*/
._rgbaOrange50a35 { background-color: rgba(255, 243, 224, .35); } ._rgbaOrange100a35 { background-color: rgba(255, 224, 178, .35); } ._rgbaOrange200a35 { background-color: rgba(255, 204, 128, .35); } ._rgbaOrange300a35 { background-color: rgba(255, 183, 77, .35); }
._rgbaOrange400a35 { background-color: rgba(255, 167, 38, .35); } ._rgbaOrange500a35 { background-color: rgba(255, 152, 0, .35); } ._rgbaOrange600a35 { background-color: rgba(251, 140, 0, .35); } ._rgbaOrange700a35 { background-color: rgba(245, 124, 0, .35); }
._rgbaOrange800a35 { background-color: rgba(239, 108, 0, .35); } ._rgbaOrange900a35 { background-color: rgba(230, 81, 0, .35); } ._rgbaOrangeA100a35 { background-color: rgba(255, 209, 128, .35); } ._rgbaOrangeA200a35 { background-color: rgba(255, 171, 64, .35); }
._rgbaOrangeA400a35 { background-color: rgba(255, 145, 0, .35); } ._rgbaOrangeA700a35 { background-color: rgba(255, 109, 0, .35); }
/*深橙*/
._rgbaDeeporange50a35 { background-color: rgba(251, 233, 231, .35); } ._rgbaDeeporange100a35 { background-color: rgba(255, 204, 188, .35); } ._rgbaDeeporange200a35 { background-color: rgba(255, 171, 145, .35); } ._rgbaDeeporange300a35 { background-color: rgba(255, 138, 101, .35); }
._rgbaDeeporange400a35 { background-color: rgba(255, 112, 67, .35); } ._rgbaDeeporange500a35 { background-color: rgba(255, 87, 34, .35); } ._rgbaDeeporange600a35 { background-color: rgba(244, 81, 30, .35); } ._rgbaDeeporange700a35 { background-color: rgba(230, 74, 25, .35); }
._rgbaDeeporange800a35 { background-color: rgba(216, 67, 21, .35); } ._rgbaDeeporange900a35 { background-color: rgba(191, 54, 12, .35); } ._rgbaDeeporangeA100a35 { background-color: rgba(255, 158, 128, .35); } ._rgbaDeeporangeA200a35 { background-color: rgba(255, 110, 64, .35); }
._rgbaDeeporangeA400a35 { background-color: rgba(255, 61, 0, .35); } ._rgbaDeeporangeA700a35 { background-color: rgba(221, 44, 0, .35); }
/*棕色*/
._rgbaBrown50a35 { background-color: rgba(239, 235, 233, .35); } ._rgbaBrown100a35 { background-color: rgba(215, 204, 200, .35); } ._rgbaBrown200a35 { background-color: rgba(188, 170, 164, .35); } ._rgbaBrown300a35 { background-color: rgba(161, 136, 127, .35); }
._rgbaBrown400a35 { background-color: rgba(141, 110, 99, .35); } ._rgbaBrown500a35 { background-color: rgba(121, 85, 72, .35); } ._rgbaBrown600a35 { background-color: rgba(109, 76, 65, .35); } ._rgbaBrown700a35 { background-color: rgba(93, 64, 55, .35); }
._rgbaBrown800a35 { background-color: rgba(78, 52, 46, .35); } ._rgbaBrown900a35 { background-color: rgba(62, 39, 35, .35); }
/*灰色*/
._rgbaGrey50a35 { background-color: rgba(250, 250, 250, .35); } ._rgbaGrey100a35 { background-color: rgba(245, 245, 245, .35); } ._rgbaGrey200a35 { background-color: rgba(238, 238, 238, .35); } ._rgbaGrey300a35 { background-color: rgba(224, 224, 224, .35); }
._rgbaGrey400a35 { background-color: rgba(189, 189, 189, .35); } ._rgbaGrey500a35 { background-color: rgba(158, 158, 158, .35); } ._rgbaGrey600a35 { background-color: rgba(117, 117, 117, .35); } ._rgbaGrey700a35 { background-color: rgba(97, 97, 97, .35); }
._rgbaGrey800a35 { background-color: rgba(66, 66, 66, .35); } ._rgbaGrey900a35 { background-color: rgba(33, 33, 33, .35); }
/*灰藍*/
._rgbaBluegrey50a35 { background-color: rgba(236, 239, 241, .35); } ._rgbaBluegrey100a35 { background-color: rgba(207, 216, 220, .35); } ._rgbaBluegrey200a35 { background-color: rgba(176, 190, 197, .35); } ._rgbaBluegrey300a35 { background-color: rgba(144, 164, 174, .35); }
._rgbaBluegrey400a35 { background-color: rgba(120, 144, 156, .35); } ._rgbaBluegrey500a35 { background-color: rgba(96, 125, 139, .35); } ._rgbaBluegrey600a35 { background-color: rgba(84, 110, 122, .35); }
._rgbaBluegrey700a35 { background-color: rgba(69, 90, 100, .35); } ._rgbaBluegrey800a35 { background-color: rgba(55, 71, 79, .35); } ._rgbaBluegrey900a35 { background-color: rgba(38, 50, 56, .35); }
/*============================================================================*/
/* 線 */
._lineSolid { border-bottom-style: solid; }
._lineDashed { border-bottom-style: dashed; }
._lineDotted { border-bottom-style: dotted; }
._lineW1px { border-width: 1px; } ._lineW2px { border-width: 2px; } ._lineW3px { border-width: 3px; } ._lineW4px { border-width: 4px; } ._lineW5px { border-width: 5px; }
._lineColorWhite085 { color: rgba(255, 255, 255, .85); } ._lineColorWhite065 { color: rgba(255, 255, 255, .65); } ._lineColorWhite035 { color: rgba(255, 255, 255, .35); } ._lineColorWhite015 { color: rgba(255, 255, 255, .15); }
._lineColorBlue085 { color: rgba(1, 140, 190, .85); } ._lineColorBlue065 { color: rgba(1, 140, 190, .65); } ._lineColorBlue035 { color: rgba(1, 140, 190, .35); } ._lineColorBlue015 { color: rgba(1, 140, 190, .15); }
._lineColorGreen085 { color: rgba(120, 200, 35, .85); } ._lineColorGreen065 { color: rgba(120, 200, 35, .65); } ._lineColorGreen035 { color: rgba(120, 200, 35, .35); } ._lineColorGreen015 { color: rgba(120, 200, 35, .15); }
._lineColorPurple085 { color: rgba(171, 71, 188, .85); } ._lineColorPurple065 { color: rgba(171, 71, 188, .65); } ._lineColorPurple035 { color: rgba(171, 71, 188, .35); } ._lineColorPurple015 { color: rgba(171, 71, 188, .15); }
._lineColorGold085 { color: rgba(230, 200, 20, .85); } ._lineColorGold065 { color: rgba(230, 200, 20, .65); } ._lineColorGold035 { color: rgba(230, 200, 20, .35); } ._lineColorGold015 { color: rgba(230, 200, 20, .15); }
/*============================================================================*/
/* tooltip */
/* class="_cssTipTop" data-css-tip="xxx" */
/*============================================================================*/
[data-css-tip], ._cssTip { position: relative; cursor: pointer; }
[data-css-tip]:before, [data-css-tip]:after, ._cssTip:before, ._cssTip:after {
position: absolute; visibility: hidden; opacity: 0;
-webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
pointer-events: none;
}
[data-css-tip]:hover:before, [data-css-tip]:hover:after, [data-css-tip]:focus:before, [data-css-tip]:focus:after,
._cssTip:hover:before, ._cssTip:hover:after, ._cssTip:focus:before, ._cssTip:focus:after {
visibility: visible; opacity: 1;
}
[data-css-tip]:before, ._cssTip:before {
content: "";
z-index: 1000001;
border: 6px solid transparent;
background: transparent;
}
[data-css-tip]:after, ._cssTip:after {
content: attr(data-css-tip); /*line-height: 16px;*/
z-index: 1000000; padding: 8px; white-space: nowrap;
border-radius: 5px;
color: rgba(255, 255, 255, .95); font-size: 13px;
text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
background-color: rgba(0, 0, 0, 1);
}
/*-------------------*/
/*top*/
[data-css-tip]:before, [data-css-tip]:after,
._cssTip:before, ._cssTip:after, ._cssTipTop:before, ._cssTipTop:after { bottom: 100%; left: 50%; }
[data-css-tip]:before, ._cssTip:before, ._cssTipTop:before { margin: 0 0 -12px -6px; border-top-color: rgba(0, 0, 0, 1); }
[data-css-tip]:after, ._cssTip:after, ._cssTipTop:after { margin-left: -80px; }
[data-css-tip]:hover:before, [data-css-tip]:hover:after,
[data-css-tip]:focus:before, [data-css-tip]:focus:after,
._cssTip:hover:before, ._cssTip:hover:after,
._cssTip:focus:before, ._cssTip:focus:after,
._cssTipTop:hover:before, ._cssTipTop:hover:after,
._cssTipTop:focus:before, ._cssTipTop:focus:after { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
/*-------------------*/
/* Left */
._cssTipLeft:before, ._cssTipLeft:after { right: 100%; bottom: 50%; left: auto; }
._cssTipLeft:before { margin: 0 -12px 0 0; border-top-color: transparent; border-left-color: rgba(0, 0, 0, 1); }
._cssTipLeft:hover:before, ._cssTipLeft:hover:after, ._cssTipLeft:focus:before, ._cssTipLeft:focus:after { -webkit-transform: translateX(-15px); transform: translateX(-15px); }
/*-------------------*/
/* Bottom */
._cssTipBottom:before, ._cssTipBottom:after { top: 100%; bottom: auto; left: 50%; }
._cssTipBottom:before { margin: -12px 0 0 -6px; border-top-color: transparent; border-bottom-color: rgba(0, 0, 0, 1); }
._cssTipBottom:hover:before, ._cssTipBottom:hover:after, ._cssTipBottom:focus:before, ._cssTipBottom:focus:after { -webkit-transform: translateY(15px); transform: translateY(15px); }
/*-------------------*/
/* Right */
._cssTipRight:before, ._cssTipRight:after { bottom: 50%; left: 100%; }
._cssTipRight:before { margin: 0 0 0 -12px; border-top-color: transparent; border-right-color: rgba(0, 0, 0, 1); }
._cssTipRight:hover:before, ._cssTipRight:hover:after,
._cssTipRight:focus:before, ._cssTipRight:focus:after { -webkit-transform: translateX(15px); transform: translateX(15px); }
._cssTipLeft:before, ._cssTipRight:before { top: 3px; }
._cssTipLeft:after, ._cssTipRight:after { margin-left: -2px; margin-bottom: -15px; }
/*============================================================================*/
/*
top, top-left, top-right, bottom, bottom-left, bottom-right, left and right
data-cstip-position="top" role="csstips" aria-label="xxxxxx"
*/
/*============================================================================*/
[aria-label][role~="csstips"] { position: relative; }
[aria-label][role~="csstips"]::before,
[aria-label][role~="csstips"]::after {
box-sizing: border-box;
pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform;
position: absolute; z-index: 1000000;
opacity: 0;
transition: all var(--cstip-transition-duration, .18s) var(--cstip-transition-easing, ease-in-out) var(--cstip-transition-delay, 0s);
transform-origin: top;
transform: translate3d(0, 0, 0);
}
[aria-label][role~="csstips"]::before { content: ""; background-size: 100% auto !important; }
[aria-label][role~="csstips"]::after {
box-sizing: content-box;
content: attr(aria-label);
padding: 8px 12px; line-height: 18px; white-space: nowrap;
border-radius: 4px;
color: rgba(255, 255, 255, .95);
text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
font-size: var(--cstip-font-size, 13px);
font-weight: var(--cstip-font-weight, normal);
text-transform: var(--cstip-text-transform, none);
background: rgba(0, 0, 0, .85);
}
[aria-label][role~="csstips"]:hover::before,
[aria-label][role~="csstips"]:hover::after,
[aria-label][role~="csstips"]:focus::before,
[aria-label][role~="csstips"]:focus::after { opacity: 1; pointer-events: auto; }
/* Position Modifiers */
[role~="csstips"][data-cstip-position|="top"]::before {
margin-bottom: 2px; width: 18px; height: 6px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}
[role~="csstips"][data-cstip-position|="top"]::after { margin-bottom: 6px; }
[role~="csstips"][data-cstip-position|="top"]::before { left: 50%; bottom: 100%; transform: translate3d(-50%, 0, 0); }
[role~="csstips"][data-cstip-position|="top"]:hover::before { transform: translate3d(-50%, -5px, 0); }
[role~="csstips"][data-cstip-position|="top"]::after { left: 50%; bottom: 100%; transform: translate3d(-50%, 0, 0); }
[role~="csstips"][data-cstip-position="top"]:hover::after { transform: translate3d(-50%, -5px, 0); }
/* Top Left */
[role~="csstips"][data-cstip-position="top-left"]::after { bottom: 100%; transform: translate3d(calc(-100% + 16px), 0, 0); }
[role~="csstips"][data-cstip-position="top-left"]:hover::after { transform: translate3d(calc(-100% + 16px), -5px, 0); }
/* Top Right */
[role~="csstips"][data-cstip-position="top-right"]::after { bottom: 100%; transform: translate3d(calc(0% + -16px), 0, 0); }
[role~="csstips"][data-cstip-position="top-right"]:hover::after { transform: translate3d(calc(0% + -16px), -5px, 0); }
/* Bottom */
[role~="csstips"][data-cstip-position|="bottom"]::before {
margin-top: 2px; margin-bottom: 0; width: 18px; height: 6px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}
[role~="csstips"][data-cstip-position|="bottom"]::after { margin-top: 6px; }
[role~="csstips"][data-cstip-position|="bottom"]::before { top: 100%; left: 50%; bottom: auto; transform: translate3d(-50%, -10px, 0); }
[role~="csstips"][data-cstip-position|="bottom"]:hover::before { transform: translate3d(-50%, 0, 0); }
[role~="csstips"][data-cstip-position|="bottom"]::after { top: 100%; left: 50%; transform: translate3d(-50%, -10px, 0); }
[role~="csstips"][data-cstip-position="bottom"]:hover::after { transform: translate3d(-50%, 0, 0); }
/* Bottom Left */
[role~="csstips"][data-cstip-position="bottom-left"]::after { top: 100%; transform: translate3d(calc(-100% + 16px), -10px, 0); }
[role~="csstips"][data-cstip-position="bottom-left"]:hover::after { transform: translate3d(calc(-100% + 16px), 0, 0); }
/* Bottom Right */
[role~="csstips"][data-cstip-position="bottom-right"]::after { top: 100%; transform: translate3d(calc(0% + -16px), -10px, 0); }
[role~="csstips"][data-cstip-position="bottom-right"]:hover::after { transform: translate3d(calc(0% + -16px), 0, 0); }
/* Left */
[role~="csstips"][data-cstip-position="left"]::before,
[role~="csstips"][data-cstip-position="left"]::after { top: 50%; right: 100%; left: auto; bottom: auto; transform: translate3d(10px, -50%, 0); }
[role~="csstips"][data-cstip-position="left"]::before {
margin-right: 2px; margin-bottom: 0; width: 6px; height: 18px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}
[role~="csstips"][data-cstip-position="left"]::after { margin-right: 6px; }
[role~="csstips"][data-cstip-position="left"]:hover::before,
[role~="csstips"][data-cstip-position="left"]:hover::after { transform: translate3d(0, -50%, 0); }
/* Right */
[role~="csstips"][data-cstip-position="right"]::before,
[role~="csstips"][data-cstip-position="right"]::after {
top: 50%; left: 100%; bottom: auto;
transform: translate3d(-10px, -50%, 0);
}
[role~="csstips"][data-cstip-position="right"]::before {
margin-left: 2px; margin-bottom: 0; width: 6px; height: 18px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}
[role~="csstips"][data-cstip-position="right"]::after { margin-left: 6px; }
[role~="csstips"][data-cstip-position="right"]:hover::before,
[role~="csstips"][data-cstip-position="right"]:hover::after { transform: translate3d(0, -50%, 0); }
/* None */
[role~="csstips"][data-cstip-position="none"]::before,
[role~="csstips"][data-cstip-position="none"]::after,
[role~="csstips"][data-cstip-position="none"]::before,
[role~="csstips"][data-cstip-position="none"]::after,
[role~="csstips"][data-cstip-position="none"]:hover::before,
[role~="csstips"][data-cstip-position="none"]:hover::after { display: none; }
/* Size */
[role~="csstips"][data-cstip-size="small"]::after { width: 80px; white-space: initial; }
[role~="csstips"][data-cstip-size="medium"]::after { width: 150px; white-space: initial; }
[role~="csstips"][data-cstip-size="large"]::after { width: 260px; white-space: initial; }
/*============================================================================*/
/* transition */
/*============================================================================*/
._ant_tn_linear3 { transition: all 300ms linear; } ._ant_tn_linear3:hover { transition: all 300ms linear; }
._ant_tn_linear5 { transition: all 500ms linear; } ._ant_tn_linear5:hover { transition: all 500ms linear; }
/*-------------------*/
._ant_tn_ease3 { transition: all 300ms ease; } ._ant_tn_ease3:hover { transition: all 300ms ease; }
._ant_tn_ease5 { transition: all 500ms ease; } ._ant_tn_ease5:hover { transition: all 500ms ease; }
/*-------------------*/
._ant_tn_easein3 { transition: all 300ms ease-in; } ._ant_tn_easein3:hover { transition: all 300ms ease-in; }
._ant_tn_easein5 { transition: all 500ms ease-in; } ._ant_tn_easein5:hover { transition: all 500ms ease-in; }
/*-------------------*/
._ant_tn_easeout3 { transition: all 300ms ease-out; } ._ant_tn_easeout3:hover { transition: all 300ms ease-out; }
._ant_tn_easeout5 { transition: all 500ms ease-out; } ._ant_tn_easeout5:hover { transition: all 500ms ease-out; }
/*-------------------*/
._ant_tn_easeinout3 { transition: all 300ms ease-in-out; } ._ant_tn_easeinout3:hover { transition: all 300ms ease-in-out; }
._ant_tn_easeinout5 { transition: all 500ms ease-in-out; } ._ant_tn_easeinout5:hover { transition: all 500ms ease-in-out; }
/*--------------------------------------*/
._ant_tnBd_linear3 { transition: background 300ms linear; } ._ant_tnBd_linear3:hover { transition: background 300ms linear; }
._ant_tnBd_linear5 { transition: background 500ms linear; } ._ant_tnBd_linear5:hover { transition: background 500ms linear; }
/*============================================================================*/
/* 透明度 + 緩衝效果 */
/*============================================================================*/
._ant_tnOpacity000, ._ant_tnOpacity001, ._ant_tnOpacity03, ._ant_tnOpacity035, ._ant_tnOpacity5,
._ant_tnOpacity06, ._ant_tnOpacity065, ._ant_tnOpacity07, ._ant_tnOpacity075,
._ant_tnOpacity08, ._ant_tnOpacity085, ._ant_tnOpacity09, ._ant_tnOpacity095,
._ant_tnOpacity100 {
-webkit-transition: opacity 300ms linear; transition: opacity 300ms linear;
}
._ant_tnOpacity000 { opacity: 0; } ._ant_tnOpacity001 { opacity: .1; } ._ant_tnOpacity03 { opacity: .3; } ._ant_tnOpacity035 { opacity: .35; } ._ant_tnOpacity5 { opacity: .5; }
._ant_tnOpacity06 { opacity: .6; } ._ant_tnOpacity065 { opacity: .65; } ._ant_tnOpacity07 { opacity: .7; } ._ant_tnOpacity075 { opacity: .75; }
._ant_tnOpacity08 { opacity: .8; } ._ant_tnOpacity085 { opacity: .85; } ._ant_tnOpacity09 { opacity: .9; } ._ant_tnOpacity095 { opacity: .95; }
._ant_tnOpacity100 { opacity: 1; }
/*============================================================================*/
/* 模糊 + 緩衝效果 */
/*============================================================================*/
._ant_tnFilter0, ._ant_tnFilter01, ._ant_tnFilter02, ._ant_tnFilter03, ._ant_tnFilter04, ._ant_tnFilter05,
._ant_tnFilter06, ._ant_tnFilter07, ._ant_tnFilter08, ._ant_tnFilter09, ._ant_tnFilter10 {
-webkit-transition: filter 300ms linear; transition: filter 300ms linear;
}
._ant_tnFilter0 { filter: blur(0px); }
._ant_tnFilter01 { filter: blur(1px); } ._ant_tnFilter02 { filter: blur(2px); } ._ant_tnFilter03 { filter: blur(3px); } ._ant_tnFilter04 { filter: blur(4px); } ._ant_tnFilter05 { filter: blur(5px); }
._ant_tnFilter06 { filter: blur(6px);} ._ant_tnFilter07 { filter: blur(7px); } ._ant_tnFilter08 { filter: blur(8px); } ._ant_tnFilter09 { filter: blur(9px); } ._ant_tnFilter10 { filter: blur(10px); }
/*============================================================================*/
/* animation */
/*============================================================================*/
/*
-webkit-animation: 1.5s 速度（作用時間） .5s 間隔 normal ease infinite jellen-eraser-x0-x5; animation: 1.5s 速度 .5s 間隔 normal ease infinite jellen-eraser-x0-x5;
-webkit-animation: 1s .1s normal ease infinite jellen-x-x0-x5; animation: 1s .1s normal ease infinite jellen-x-x0-x5;
-webkit-animation: 1s .1s normal ease forwards jellen-x-x0-x5; animation: 1s .1s normal ease forwards jellen-x-x0-x5;
*/
/*-------------------*/
@-webkit-keyframes jellen-opacity-100-0 {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes jellen-opacity-100-0 {
0% { opacity: 1; }
100% { opacity: 0; }
}
/*-------------------*/
@-webkit-keyframes jellen-opacity-0-100 {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes jellen-opacity-0-100 {
0% { opacity: 0; }
100% { opacity: 1; }
}
/*-------------------*/
/*一直旋轉*/
@-webkit-keyframes jellen-spin-0-360 {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes jellen-spin-0-360 {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/*-------------------*/
@-webkit-keyframes jellen-spin-0-360-rev {
from { transform: rotate(0deg); }
to { transform: rotate(-360deg); }
}
@keyframes jellen-spin-0-360-rev {
from { transform: rotate(0deg); }
to { transform: rotate(-360deg); }
}
/*-------------------*/
@-webkit-keyframes jellen-width-1-100-1 {
0% { width: 0.1%; }
50% { width: 100%; }
100% { width: 0.1%; }
}
@keyframes jellen-width-1-100-1 {
0% { width: 0.1%; }
50% { width: 100%; }
100% { width: 0.1%; }
}
/*-------------------*/
@-webkit-keyframes jellen-moveleft-3px {
0% { transform: translate(0, 0); }
25% { transform: translate(-1.5px, 0); }
50% { transform: translate(-3px, 0); }
75% { transform: translate(-1.5px, 0); }
100% { transform: translate(0, 0); }
}
@keyframes jellen-moveleft-3px {
0% { transform: translate(0, 0); }
25% { transform: translate(-1.5px, 0); }
50% { transform: translate(-3px, 0); }
75% { transform: translate(-1.5px, 0); }
100% { transform: translate(0, 0); }
}
/*-------------------*/
@-webkit-keyframes jellen-moveright-3px {
0% { transform: translate(0, 0); }
25% { transform: translate(1.5px, 0); }
50% { transform: translate(3px, 0); }
75% { transform: translate(1.5px, 0); }
100% { transform: translate(0, 0); }
}
@keyframes jellen-moveright-3px {
0% { transform: translate(0, 0); }
25% { transform: translate(1.5px, 0); }
50% { transform: translate(3px, 0); }
75% { transform: translate(1.5px, 0); }
100% { transform: translate(0, 0); }
}