@charset "utf-8";
@import url('../_sys_plugin_js/fullPage/jquery.fullPage.css');
@import url('../_sys_plugin_css/common.css');
@import url('../_sys_plugin_js/common.css');
@import url('footer.css');
/*----------------------------------------------------------------------------*/
/*============================================================================*/
#ant-bg, #page-indexs { visibility: hidden; }
@media screen and (min-width: 481px) and (max-width: 999999px) {
.rwd-pc-show { display: block !important; }
.rwd-mob-show { display: none !important; }
}
@media screen and (min-width: 1px) and (max-width: 480px) {
.rwd-pc-show { display: none !important; }
.rwd-mob-show { display: block !important; }
}
/*============================================================================*/
/* 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: 0px; padding: 0px; outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
/*----------------------------------------------------------------------------*/
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; 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 0.3s ease; }
:hover {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
form ,fieldset { margin: 0px; max-width: 100%; border: 0px; }
img { border: 0px; outline: none; }
section, label { position: relative; padding: 0; }
section > label { position: relative; }
ol,ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
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; }
li { list-style-type: none; list-style: none; }
/*----------------------------------------------------------------------------*/
a, a:visited, a:hover { outline: none; border: none; text-decoration: none; }
a { color: #fff; color: rgba(255, 255, 255, .8); } a:hover { color: #fff; color: rgba(255, 255, 255, 1); } a:visited { color: #fff; color: rgba(0, 0, 0, .05); }
/*----------------------------------------------------------------------------*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*============================================================================*/
/*Scrollbar*/
::-webkit-scrollbar { background-color: transparent; width: 0px; height: 12px; }
::-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; /* Old browsers */
background: -moz-linear-gradient(left, #A0E6FA 0%, #0AAADC 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #A0E6FA 0%,#0AAADC 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #A0E6FA 0%,#0AAADC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0E6FA', endColorstr='#0AAADC',GradientType=1 ); /* IE6-9 */
}
@media (max-width: 640px) {
::-webkit-scrollbar { background-color: transparent; width: 0px; height: 12px; }
::-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; /* Old browsers */
background: -moz-linear-gradient(left, #A0E6FA 0%, #0AAADC 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #A0E6FA 0%,#0AAADC 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #A0E6FA 0%,#0AAADC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0E6FA', endColorstr='#0AAADC',GradientType=1 ); /* IE6-9 */
}
}
/*============================================================================*/
/*common*/
html { position: relative; height: 100%; margin: 0px; border: 0px; overflow-x: hidden; overflow-y: auto !important; }
body {
/*禁止全選*
-moz-user-select : none;
-webkit-user-select: none;
/*禁止右鍵*
star:expression(document.body.onselectstart = document.body.oncontextmenu = function(){return false;});
*/
margin: 0 auto; padding: 0; width: 100%; min-width: 320px; max-width: 1920px; line-height: 1;
font-size: 12px;.
background: transparent; background-color: transparent;
transition: all 0.3s ease; overflow-x: hidden; overflow-y: auto !important;
}
.common-bg {
z-index: -1; display: block !important; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0;
background: transparent url(../_sub_images/common/mob_tab_bg.jpg) no-repeat center center;
}
/*============================================================================*/
/*common*/
/*============================================================================*/
.pd5 { padding: 5px; } .pd10 { padding: 10px; } .pd12 { padding: 12px; } .pd15 { padding: 15px; } .pd20 { padding: 20px; }
.pd25 { padding: 25px; }.pd30 { padding: 30px; } .pd35 { padding: 35px; } .pd40 { padding: 40px; } .pd45 { padding: 45px; } .pd50 { padding: 50px; }
.pdlt5 { padding-left: 5px; } .pdlt10 { padding-left: 10px; } .pdlt15 { padding-left: 15px; }
.pdlt20 { padding-left: 20px; } .pdlt25 { padding-left: 25px; }
.pdlt30 { padding-left: 30px; } .pdlt35 { padding-left: 35px; } .pdlt40 { padding-left: 40px; }
.pdrt5 { padding-right: 5px; } .pdrt10 { padding-right: 10px; } .pdrt15 { padding-right: 15px; }
.pdrt20 { padding-right: 20px; } .pdrt25 { padding-right: 25px; }
.pdrt30 { padding-right: 30px; } .pdrt35 { padding-right: 35px; } .pdrt40 { padding-right: 40px; }
.pdtp5 { padding-top: 5px; } .pdtp10 { padding-top: 10px; } .pdtp15 { padding-top: 15px; }
.pdtp20 { padding-top: 20px; } .pdtp25 { padding-top: 25px; }
.pdtp30 { padding-top: 30px; } .pdtp35 { padding-top: 35px; } .pdtp40 { padding-top: 40px; }
.pdbm5 { padding-bottom: 5px; } .pdbm10 { padding-bottom: 10px; } .pdbm15 { padding-bottom: 15px; }
.pdbm20 { padding-bottom: 20px; } .pdbm25 { padding-bottom: 25px; }
.pdbm30 { padding-bottom: 30px; } .pdbm35 { padding-bottom: 35px; } .pdbm40 { padding-bottom: 40px; }
/*----------------------------------------------------------------------------*/
.mr5 { margin: 5px; } .mr10 { margin: 10px; } .mr15 { margin: 15px; } .mr20 { margin: 20px; } .mr25 { margin: 25px; } .mr30 { margin: 30px; } .mr35 { margin: 35px; } .mr40 { margin: 40px; } .mr45 { margin: 45px; } .mr50 { margin: 50px; }
.mrlt5 { margin-left: 5px; } .mrlt10 { margin-left: 10px; } .mrlt15 { margin-left: 15px; }
.mrlt20 { margin-left: 20px; } .mrlt25 { margin-left: 25px; }
.mrlt30 { margin-left: 30px; } .mrlt35 { margin-left: 35px; } .mrlt40 { margin-left: 40px; }
.mrrt5 { margin-right: 5px; } .mrrt10 { margin-right: 10px; } .mrrt15 { margin-right: 15px; }
.mrrt20 { margin-right: 20px; } .mrrt25 { margin-right: 25px; }
.mrrt30 { margin-right: 30px; } .mrrt35 { margin-right: 35px; } .mrrt40 { margin-right: 40px; }
.mrtp5 { margin-top: 5px; } .mrtp10 { margin-top: 10px; } .mrtp15 { margin-top: 15px; }
.mrtp20 { margin-top: 20px; } .mrtp25 { margin-top: 25px; }
.mrtp30 { margin-top: 30px; } .mrtp35 { margin-top: 35px; } .mrtp40 { margin-top: 40px; }
.mrbm5 { margin-bottom: 5px; } .mrbm10 { margin-bottom: 10px; } .mrbm15 { margin-bottom: 15px; }
.mrbm20 { margin-bottom: 20px; } .mrbm25 { margin-bottom: 25px; }
.mrbm30 { margin-bottom: 30px; } .mrbm35 { margin-bottom: 35px; } .mrbm40 { margin-bottom: 40px; }
/*----------------------------------------------------------------------------*/
.letne { float: none; }
.letlt { float: left; }
.letrt { float: right; }
/*----------------------------------------------------------------------------*/
.line20 { line-height: 20px; } .line24 { line-height: 24px; } .line26 { line-height: 26px; } .line28 { line-height: 28px; }
.line30 { line-height: 30px; } .line32 { line-height: 32px; } .line34 { line-height: 34px; } .line36 { line-height: 36px; } .line38 { line-height: 38px; }
/*----------------------------------------------------------------------------*/
.bradius5 { border-radius: 5px; } .bradius8 { border-radius: 8px; } .bradius10 { border-radius: 10px; } .bradius12 { border-radius: 12px; }
.bradius14 { border-radius: 14px; } .bradius16 { border-radius: 16px; } .bradius18 { border-radius: 18px; } .bradius20 { border-radius: 20px; }
/*----------------------------------------------------------------------------*/
.tx-ct { text-align: center; } .tx-lt { text-align: left; } .tx-rt { text-align: right; }
.tx-va-top { vertical-align: top; } .tx-va-mid { vertical-align: middle; } .tx-va-bot { vertical-align: bottom; }
/*----------------------------------------------------------------------------*/
.tx-s12 { font-size: 12px; } .tx-s13 { font-size: 13px; } .tx-s14 { font-size: 14px; } .tx-s16 { font-size: 16px; } .tx-s18 { font-size: 18px; }
.tx-s20 { font-size: 20px; } .tx-s22 { font-size: 22px; } .tx-s24 { font-size: 24px; } .tx-s26 { font-size: 26px; } .tx-s28 { font-size: 28px; }
.tx-s30 { font-size: 30px; } .tx-s32 { font-size: 32px; } .tx-s34 { font-size: 34px; } .tx-s36 { font-size: 36px; } .tx-s38 { font-size: 38px; }
.tx-s40 { font-size: 40px; } .tx-s42 { font-size: 42px; } .tx-s44 { font-size: 44px; } .tx-s46 { font-size: 46px; } .tx-s48 { font-size: 48px; }
/*----------------------------------------------------------------------------*/
text.w5 { font-weight: 500; }
text.w6 { font-weight: 600; }
text.w7 { font-weight: 700; }
text.w8 { font-weight: 800; }
text.w9 { font-weight: 900; }
/*----------------------------------------------------------------------------*/
text.ls3 { letter-spacing: 3px; } text.ls5 { letter-spacing: 5px; } text.ls8 { letter-spacing: 8px; } text.ls10 { letter-spacing: 10px; } text.ls12 { letter-spacing: 12px; } text.ls15 { letter-spacing: 15px; }
text.ls18 { letter-spacing: 18px; } text.ls20 { letter-spacing: 20px; } text.ls24 { letter-spacing: 24px; } text.ls26 { letter-spacing: 26px; } text.ls28 { letter-spacing: 28px; } text.ls30 { letter-spacing: 30px; }
/*----------------------------------------------------------------------------*/
.txsh01 {
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
.txsh02 { text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; }
.txsh03 { text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
/*----------------------------------------------------------------------------*/
text.en1 { font-family: 'Chathura', sans-serif; }
text.en2 { font-family: 'Dosis', sans-serif; } /*常用*/
text.en3 { font-family: 'Elsie Swash Caps', cursive; } /*魔法 細*/
text.en4 { font-family: 'Emilys Candy', cursive; } /*魔法 銳*/
text.en5 { font-family: 'Griffy', cursive; } /*魔法 強*/
text.en6 { font-family: 'Italianno', cursive; } /*藝術*/
text.en7 { font-family: 'Lancelot', cursive; } /*中規 藝術*/
text.en8 { font-family: 'Lateef', cursive; } /*一般加粗*/
text.en9 { font-family: 'Lovers Quarrel', cursive; } /*藝術*/
text.en10 { font-family: 'Meie Script', cursive; } /*藝術加粗*/
text.en11 { font-family: 'Milonga', cursive; } /*電影*/
text.en12 { font-family: 'Miss Fajardose', cursive; } /*藝術長*/
text.en13 { font-family: 'Old Standard TT', serif; } /*正規*/
text.en14 { font-family: 'Peddana', serif; } /*正規 縮高*/
text.en15 { font-family: 'Pinyon Script', cursive; } /*藝術 加粗*/
text.en16 { font-family: 'Pompiere', cursive; } /*正規 加長*/
text.en17 { font-family: 'Ruthie', cursive; } /*街頭藝術*/
text.en18 { font-family: 'Sree Krushnadevaraya', serif; } /*正規 加粗*/
text.en19 { font-family: 'Stalemate', cursive; } /*藝術草寫*/
text.en20 { font-family: 'Tangerine', cursive; } /*藝術 一般*/
text.en21 { font-family: 'Tenali Ramakrishna', sans-serif; } /*正規加粗 縮高*/
text.en22 { font-family: 'Tulpen One', cursive; } /*pop 縮寬*/
text.en23 { font-family: 'Josefin Sans', sans-serif; } /*pop 加粗 增寬*/
text.tc1 { font-family: 'cwTeXKai', serif; } /*楷體 */
text.tc2 { font-family: 'cwTeXYen', sans-serif; } /*圓體*/
text.tc3 { font-family: 'cwTeXMing', serif; } /*明體 */
text.tc4 { font-family: 'cwTeXHei', sans-serif; } /*黑體*/
text.tc5 { font-family: 'cwTeXFangSong', serif; } /*仿宋體*/
text.tc6 { font-family: 'Noto Sans TC', sans-serif; } /*思源體*/
/*----------------------------------------------------------------------------*/
.white { color: #fff; }
.red-50 { color: #ffebee; } .red-100 { color: #ffcdd2; } .red-200 { color: #ef9a9a; } .red-300 { color: #e57373; } .red-400 { color: #ef5350; } .red-500 { color: #f44336; } .red-600 { color: #e53935; }
.red-700 { color: #d32f2f; } .red-800 { color: #c62828; } .red-900 { color: #b71c1c; } .red-A100 { color: #ff8a80; } .red-A200 { color: #ff5252; } .red-A400 { color: #ff1744; } .red-A700 { color: #d50000; }
.pink-50 { color: #fce4ec; } .pink-100 { color: #f8bbd0; } .pink-200 { color: #f48fb1; } .pink-300 { color: #f06292; } .pink-400 { color: #ec407a; } .pink-500 { color: #e91e63; } .pink-600 { color: #d81b60; }
.pink-700 { color: #c2185b; } .pink-800 { color: #ad1457; } .pink-900 { color: #880e4f; } .pink-A100 { color: #ff80ab; } .pink-A200 { color: #ff4081; } .pink-A400 { color: #f50057; } .pink-A700 { color: #c51162; }
.purple-50 { color: #f3e5f5; } .purple-100 { color: #e1bee7; } .purple-200 { color: #ce93d8; } .purple-300 { color: #ba68c8; } .purple-400 { color: #ab47bc; } .purple-500 { color: #9c27b0; } .purple-600 { color: #8e24aa; }
.purple-700 { color: #7b1fa2; } .purple-800 { color: #6a1b9a; } .purple-900 { color: #4a148c; } .purple-A100 { color: #ea80fc; } .purple-A200 { color: #e040fb; } .purple-A400 { color: #d500f9; } .purple-A700 { color: #aa00ff; }
.deeppurple-50 { color: #ede7f6; } .deeppurple-100 { color: #d1c4e9; } .deeppurple-200 { color: #b39ddb; } .deeppurple-300 { color: #9575cd; } .deeppurple-400 { color: #7e57c2; } .deeppurple-500 { color: #673ab7; }
.deeppurple-600 { color: #5e35b1; } .deeppurple-700 { color: #512da8; } .deeppurple-800 { color: #4527a0; } .deeppurple-900 { color: #311b92; } .deeppurple-A100 { color: #b388ff; }
.deeppurple-A200 { color: #7c4dff; } .deeppurple-A400 { color: #651fff; } .deeppurple-A700 { color: #6200ea; }
.indigo-50 { color: #e8eaf6; } .indigo-100 { color: #c5cae9; } .indigo-200 { color: #9fa8da; } .indigo-300 { color: #7986cb; } .indigo-400 { color: #5c6bc0; } .indigo-500 { color: #3f51b5; } .indigo-600 { color: #3949ab; }
.indigo-700 { color: #303f9f; } .indigo-800 { color: #283593; } .indigo-900 { color: #1a237e; } .indigo-A100 { color: #8c9eff; } .indigo-A200 { color: #536dfe; } .indigo-A400 { color: #3d5afe; } .indigo-A700 { color: #304ffe; }
.blue-50 {color: #e3f2fd; } .blue-100 {color: #bbdefb; } .blue-200 {color: #90caf9; } .blue-300 {color: #64b5f6; } .blue-400 {color: #42a5f5; } .blue-500 {color: #2196f3; } .blue-600 {color: #1e88e5; }
.blue-700 {color: #1976d2; } .blue-800 {color: #1565c0; } .blue-900 {color: #0d47a1; } .blue-A100 {color: #82b1ff; } .blue-A200 {color: #448aff; } .blue-A400 {color: #2979ff; } .blue-A700 {color: #2962ff; }
.lightblue-50 { color: 50#e1f5fe; } .lightblue-100 { color: #b3e5fc; } .lightblue-200 { color: #81d4fa; } .lightblue-300 { color: #4fc3f7; } .lightblue-400 { color: #29b6f6; } .lightblue-500 { color: #03a9f4; }
.lightblue-600 { color: #039be5; } .lightblue-700 { color: #0288d1; } .lightblue-800 { color: #0277bd; } .lightblue-900 { color: #01579b; } .lightblue-A100 { color: #80d8ff; }
.lightblue-A200 { color: #40c4ff; } .lightblue-A400 { color: #00b0ff; } .lightblue-A700 { color: #0091ea; }
.cyan-50 { color: #e0f7fa; } .cyan-100 { color: #b2ebf2; } .cyan-200 { color: #80deea; } .cyan-300 { color: #4dd0e1; } .cyan-400 { color: #26c6da; } .cyan-500 { color: #00bcd4; } .cyan-600 { color: #00acc1; }
.cyan-700 { color: #0097a7; } .cyan-800 { color: #00838f; } .cyan-900 { color: #006064; } .cyan-A100 { color: #84ffff; } .cyan-A200 { color: #18ffff; } .cyan-A400 { color: #00e5ff; } .cyan-A700 { color: #00b8d4; }
.teal-50 { color: #e0f2f1; } .teal-100 { color: #b2dfdb; } .teal-200 { color: #80cbc4; } .teal-300 { color: #4db6ac; } .teal-400 { color: #26a69a; } .teal-500 { color: #009688; } .teal-600 { color: #00897b; }
.teal-700 { color: #00796b; } .teal-800 { color: #00695c; } .teal-900 { color: #004d40; } .teal-A100 { color: #a7ffeb; } .teal-A200 { color: #64ffda; } .teal-A400 { color: #1de9b6; } .teal-A700 { color: #00bfa5; }
.green-50 { color: #e8f5e9; } .green-100 { color: #c8e6c9; } .green-200 { color: #a5d6a7; } .green-300 { color: #81c784; } .green-400 { color: #66bb6a; } .green-500 { color: #4caf50; } .green-600 { color: #43a047; }
.green-700 { color: #388e3c; } .green-800 { color: #2e7d32; } .green-900 { color: #1b5e20; } .green-A100 { color: #b9f6ca; } .green-A200 { color: #69f0ae; } .green-A400 { color: #00e676; } .green-A700 { color: #00c853; }
.lightgreen-50 { color: #f1f8e9; } .lightgreen-100 { color: #dcedc8; } .lightgreen-200 { color: #c5e1a5; } .lightgreen-300 { color: #aed581; } .lightgreen-400 { color: #9ccc65; } .lightgreen-500 { color: #8bc34a; }
.lightgreen-600 { color: #7cb342; } .lightgreen-700 { color: #689f38; } .lightgreen-800 { color: #558b2f; } .lightgreen-900 { color: #33691e; } .lightgreen-A100 { color: #ccff90; }
.lightgreen-A200 { color: #b2ff59; } .lightgreen-A400 { color: #76ff03; } .lightgreen-A700 { color: #64dd17; }
.lime-50 { color: 50#f9fbe7; } .lime-100 { color: #f0f4c3; } .lime-200 { color: #e6ee9c; } .lime-300 { color: #dce775; } .lime-400 { color: #d4e157; } .lime-500 { color: #cddc39; } .lime-600 { color: #c0ca33; }
.lime-700 { color: #afb42b; } .lime-800 { color: #9e9d24; } .lime-900 { color: #827717; } .lime-A100 { color: #f4ff81; } .lime-A200 { color: #eeff41; } .lime-A400 { color: #c6ff00; } .lime-A700 { color: #aeea00; }
.yellow-50 { color: #fffde7; } .yellow-100 { color: #fff9c4; } .yellow-200 { color: #fff59d; } .yellow-300 { color: #fff176; } .yellow-400 { color: #ffee58; } .yellow-500 { color: #ffeb3b; } .yellow-600 { color: #fdd835; }
.yellow-700 { color: #fbc02d; } .yellow-800 { color: #f9a825; } .yellow-900 { color: #f57f17; } .yellow-A100 { color: #ffff8d; } .yellow-A200 { color: #ffff00; } .yellow-A400 { color: #ffea00; } .yellow-A700 { color: #ffd600; }
.amber-50 { color: #fff8e1; } .amber-100 { color: #ffecb3; } .amber-200 { color: #ffe082; } .amber-300 { color: #ffd54f; } .amber-400 { color: #ffca28; } .amber-500 { color: #ffc107; } .amber-600 { color: #ffb300; }
.amber-700 { color: #ffa000; } .amber-800 { color: #ff8f00; } .amber-900 { color: #ff6f00; } .amber-A100 { color: #ffe57f; } .amber-A200 { color: #ffd740; } .amber-A400 { color: #ffc400; } .amber-A700 { color: #ffab00; }
.orange-50 { color: #fff3e0; } .orange-100 { color: #ffe0b2; } .orange-200 { color: #ffcc80; } .orange-300 { color: #ffb74d; } .orange-400 { color: #ffa726; } .orange-500 { color: #ff9800; } .orange-600 { color: #fb8c00; }
.orange-700 { color: #f57c00; } .orange-800 { color: #ef6c00; } .orange-900 { color: #e65100; } .orange-A100 { color: #ffd180; } .orange-A200 { color: #ffab40; } .orange-A400 { color: #ff9100; } .orange-A700 { color: #ff6d00; }
.deeporange-50 { color: #fbe9e7; } .deeporange-100 { color: #ffccbc; } .deeporange-200 { color: #ffab91; } .deeporange-300 { color: #ff8a65; } .deeporange-400 { color: #ff7043; } .deeporange-500 { color: #ff5722; }
.deeporange-600 { color: #f4511e; } .deeporange-700 { color: #e64a19; } .deeporange-800 { color: #d84315; } .deeporange-900 { color: #bf360c; } .deeporange-A100 { color: #ff9e80; }
.deeporange-A200 { color: #ff6e40; } .deeporange-A400 { color: #ff3d00; } .deeporange-A700 { color: #dd2c00; }
.brown-50 { color: #efebe9; } .brown-100 { color: #d7ccc8; } .brown-200 { color: #bcaaa4; } .brown-300 { color: #a1887f; } .brown-400 { color: #8d6e63; } .brown-500 { color: #795548; } .brown-600 { color: #6d4c41; }
.brown-700 { color: #5d4037; } .brown-800 { color: #4e342e; } .brown-900 { color: #3e2723; }
.grey-50 { color: #fafafa; } .grey-100 { color: #f5f5f5; } .grey-200 { color: #eeeeee; } .grey-300 { color: #e0e0e0; } .grey-400 { color: #bdbdbd; } .grey-500 { color: #9e9e9e; } .grey-600 { color: #757575; }
.grey-700 { color: #616161; } .grey-800 { color: #424242; } .grey-900 { color: #212121; }
.bluegrey-50 { color: #eceff1; } .bluegrey-100 { color: #cfd8dc; } .bluegrey-200 { color: #b0bec5; } .bluegrey-300 { color: #90a4ae; } .bluegrey-400 { color: #78909c; } .bluegrey-500 { color: #607d8b; }
.bluegrey-600 { color: #546e7a; } .bluegrey-700 { color: #455a64; } .bluegrey-800 { color: #37474f; } .bluegrey-900 { color: #263238; }
/*----------------------------------------------------------------------------*/
.whitea8 { background-color: rgba(255, 255, 255, .8); }
.whitea6 { background-color: rgba(255, 255, 255, .6); }
.whitea5 { background-color: rgba(255, 255, 255, .5); }
.whitea3 { background-color: rgba(255, 255, 255, .3); }
.whitea1 { background-color: rgba(255, 255, 255, .1); }
.red-50a8 { background-color: rgba(255, 235, 238, .8); } .red-100a8 { background-color: rgba(255, 205, 210, .8); } .red-200a8 { background-color: rgba(239, 154, 154, .8); } .red-300a8 { background-color: rgba(229, 115, 115, .8); }
.red-400a8 { background-color: rgba(239, 83, 80, .8); } .red-500a8 { background-color: rgba(244, 67, 54, .8); } .red-600a8 { background-color: rgba(229, 57, 53, .8); } .red-700a8 { background-color: rgba(211, 47, 47, .8); }
.red-800a8 { background-color: rgba(198, 40, 40, .8); } .red-900a8 { background-color: rgba(183, 28, 28, .8); } .red-A100a8 { background-color: rgba(255, 138, 128, .8); } .red-A200a8 { background-color: rgba(255, 82, 82, .8); }
.red-A400a8 { background-color: rgba(255, 23, 68, .8); } .red-A700a8 { background-color: rgba(213, 0, 0, .8); }
.pink-50a8 { background-color: rgba(252, 228, 236, .8); } .pink-100a8 { background-color: rgba(248, 187, 208, .8); } .pink-200a8 { background-color: rgba(244, 143, 177, .8); } .pink-300a8 { background-color: rgba(240, 98, 146, .8); }
.pink-400a8 { background-color: rgba(236, 64, 122, .8); } .pink-500a8 { background-color: rgba(233, 30, 99, .8); } .pink-600a8 { background-color: rgba(216, 27, 96, .8); } .pink-700a8 { background-color: rgba(194, 24, 91, .8); }
.pink-800a8 { background-color: rgba(173, 20, 87, .8); } .pink-900a8 background-color: rgba(136, 14, 79, .8); } .pink-A100a8 { background-color: rgba(255, 128, 171, .8); } .pink-A200a8 { background-color: rgba(255, 64, 129, .8); }
.pink-A400a8 { background-color: rgba(245, 0, 87, .8); } .pink-A700a8 { background-color: rgba(197, 17, 98, .8); }
.purple-50a8 { background-color: rgba(243, 229, 245, .8); } .purple-100a8 { background-color: rgba(225, 190, 231, .8); } .purple-200a8 { background-color: rgba(206, 147, 216, .8); } .purple-300a8 { background-color: rgba(186, 104, 200, .8); }
.purple-400a8 { background-color: rgba(171, 71, 188, .8); } .purple-500a8 { background-color: rgba(156, 39, 176, .8); } .purple-600a8 { background-color: rgba(142, 36, 170, .8); } .purple-700a8 { background-color: rgba(123, 31, 162, .8); }
.purple-800a8 { background-color: rgba(106, 27, 154, .8); } .purple-900a8 { background-color: rgba(74, 20, 140, .8); } .purple-A100a8 { background-color: rgba(234, 128, 252, .8); } .purple-A200a8 { background-color: rgba(224, 64, 251, .8); }
.purple-A400a8 { background-color: rgba(213, 0, 249, .8); } .purple-A700a8 { background-color: rgba(170, 0, 255, .8); }
.deeppurple-50a8 { background-color: rgba(237, 231, 246, .8); } .deeppurple-100a8 { background-color: rgba(209, 196, 233, .8); } .deeppurple-200a8 { background-color: rgba(179, 157, 219, .8); } .deeppurple-300a8 { background-color: rgba(149, 117, 205, .8); }
.deeppurple-400a8 { background-color: rgba(126, 87, 194, .8); } .deeppurple-500a8 { background-color: rgba(103, 58, 183, .8); } .deeppurple-600a8 { background-color: rgba(94, 53, 177, .8); } .deeppurple-700a8 { background-color: rgba(81, 45, 168, .8); }
.deeppurple-800a8 { background-color: rgba(69, 39, 160, .8); } .deeppurple-900a8 { background-color: rgba(49, 27, 146, .8); } .deeppurple-A100a8 { background-color: rgba(179, 136, 255, .8); } .deeppurple-A200a8 { background-color: rgba(124, 77, 255, .8); }
.deeppurple-A400a8 { background-color: rgba(101, 31, 255, .8); } .deeppurple-A700a8 { background-color: rgba(98, 0, 234, .8); }
.indigo-50a8 { background-color: rgba(232, 234, 246, .8); } .indigo-100a8 { background-color: rgba(197, 202, 233, .8); } .indigo-200a8 { background-color: rgba(159, 168, 218, .8); } .indigo-300a8 { background-color: rgba(121, 134, 203, .8); }
.indigo-400a8 { background-color: rgba(92, 107, 192, .8); } .indigo-500a8 { background-color: rgba(63, 81, 181, .8); } .indigo-600a8 { background-color: rgba(57, 73, 171, .8); } .indigo-700a8 { background-color: rgba(48, 63, 159, .8); }
.indigo-800a8 { background-color: rgba(40, 53, 147, .8); } .indigo-900a8 { background-color: rgba(26, 35, 126, .8); } .indigo-A100a8 { background-color: rgba(140, 158, 255, .8); } .indigo-A200a8 { background-color: rgba(83, 109, 254, .8); }
.indigo-A400a8 { background-color: rgba(61, 90, 254, .8); } .indigo-A700a8 { background-color: rgba(48, 79, 254, .8); }
.blue-50a8 { background-color: rgba(227, 242, 253, .8); } .blue-100a8 { background-color: rgba(187, 222, 251, .8); } .blue-200a8 { background-color: rgba(144, 202, 249, .8); } .blue-300a8 { background-color: rgba(100, 181, 246, .8); }
.blue-400a8 { background-color: rgba(66, 165, 245, .8); } .blue-500a8 { background-color: rgba(33, 150, 243, .8); } .blue-600a8 { background-color: rgba(30, 136, 229, .8); } .blue-700a8 { background-color: rgba(25, 118, 210, .8); }
.blue-800a8 { background-color: rgba(21, 101, 192, .8); } .blue-900a8 { background-color: rgba(13, 71, 161, .8); } .blue-A100a8 { background-color: rgba(130, 177, 255, .8); } .blue-A200a8 { background-color: rgba(68, 138, 255, .8); }
.blue-A400a8 { background-color: rgba(41, 121, 255, .8); } .blue-A700a8 { background-color: rgba(41, 98, 255, .8); }
.lightblue-50a8 { background-color: rgba(225, 245, 254, .8); } .lightblue-100a8 { background-color: rgba(179, 229, 252, .8); } .lightblue-200a8 { background-color: rgba(129, 212, 250, .8); } .lightblue-300a8 { background-color: rgba(79, 195, 247, .8); }
.lightblue-400a8 { background-color: rgba(41, 182, 246, .8); } .lightblue-500a8 { background-color: rgba(3, 169, 244, .8); } .lightblue-600a8 { background-color: rgba(3, 155, 229, .8); } .lightblue-700a8 { background-color: rgba(2, 136, 209, .8); }
.lightblue-800a8 { background-color: rgba(2, 119, 189, .8); } .lightblue-900a8 { background-color: rgba(1, 87, 155, .8); } .lightblue-A100a8 { background-color: rgba(128, 216, 255, .8); } .lightblue-A200a8 { background-color: rgba(64, 196, 255, .8); }
.lightblue-A400a8 { background-color: rgba(0, 176, 255, .8); } .lightblue-A700a8 { background-color: rgba(0, 145, 234, .8); }
.cyan-50a8 { background-color: rgba(224, 247, 250, .8); } .cyan-100a8 { background-color: rgba(178, 235, 242, .8); } .cyan-200a8 { background-color: rgba(128, 222, 234, .8); } .cyan-300a8 { background-color: rgba(77, 208, 225, .8); }
.cyan-400a8 { background-color: rgba(38, 198, 218, .8); } .cyan-500a8 { background-color: rgba(0, 188, 212, .8); } .cyan-600a8 { background-color: rgba(0, 172, 193, .8); } .cyan-700a8 { background-color: rgba(0, 151, 167, .8); }
.cyan-800a8 { background-color: rgba(0, 131, 143, .8); } .cyan-900a8 { background-color: rgba(0, 96, 100, .8); } .cyan-A100a8 { background-color: rgba(132, 255, 255, .8); } .cyan-A200a8 { background-color: rgba(24, 255, 255, .8); }
.cyan-A400a8 { background-color: rgba(0, 229, 255, .8); } .cyan-A700a8 { background-color: rgba(0, 184, 212, .8); }
.teal-50a8 { background-color: rgba(224, 242, 241, .8); } .teal-100a8 { background-color: rgba(178, 223, 219, .8); } .teal-200a8 { background-color: rgba(128, 203, 196, .8); } .teal-300a8 { background-color: rgba(77, 182, 172, .8); }
.teal-400a8 { background-color: rgba(38, 166, 154, .8); } .teal-500a8 { background-color: rgba(0, 150, 136, .8); } .teal-600a8 { background-color: rgba(0, 137, 123, .8); } .teal-700a8 { background-color: rgba(0, 121, 107, .8); }
.teal-800a8 { background-color: rgba(0, 105, 92, .8); } .teal-900a8 { background-color: rgba(0, 77, 64, .8); } .teal-A100a8 { background-color: rgba(167, 255, 235, .8); } .teal-A200a8 { background-color: rgba(100, 255, 218, .8); }
.teal-A400a8 { background-color: rgba(29, 233, 182, .8); } .teal-A700a8 { background-color: rgba(0, 191, 165, .8); }
.green-50a8 { background-color: rgba(232, 245, 233, .8); } .green-100a8 { background-color: rgba(200, 230, 201, .8); } .green-200a8 { background-color: rgba(165, 214, 167, .8); } .green-300a8 { background-color: rgba(129, 199, 132, .8); }
.green-400a8 { background-color: rgba(102, 187, 106, .8); } .green-500a8 { background-color: rgba(76, 175, 80, .8); } .green-600a8 { background-color: rgba(67, 160, 71, .8); } .green-700a8 { background-color: rgba(56, 142, 60, .8); }
.green-800a8 { background-color: rgba(46, 125, 50, .8); } .green-900a8 { background-color: rgba(27, 94, 32, .8); } .green-A100a8 { background-color: rgba(185, 246, 202, .8); } .green-A200a8 { background-color: rgba(105, 240, 174, .8); }
.green-A400a8 { background-color: rgba(0, 230, 118, .8); } .green-A700a8 { background-color: rgba(0, 200, 83, .8); }
.lightgreen-50a8 { background-color: rgba(241, 248, 233, .8); } .lightgreen-100a8 { background-color: rgba(220, 237, 200, .8); } .lightgreen-200a8 { background-color: rgba(197, 225, 165, .8); } .lightgreen-300a8 { background-color: rgba(174, 213, 129, .8); }
.lightgreen-400a8 { background-color: rgba(156, 204, 101, .8); } .lightgreen-500a8 { background-color: rgba(139, 195, 74, .8); } .lightgreen-600a8 { background-color: rgba(124, 179, 66, .8); } .lightgreen-700a8 { background-color: rgba(104, 159, 56, .8); }
.lightgreen-800a8 { background-color: rgba(85, 139, 47, .8); } .lightgreen-900a8 { background-color: rgba(51, 105, 30, .8); } .lightgreen-A100a8 { background-color: rgba(204, 255, 144, .8); }.lightgreen-A200a8 { background-color: rgba(178, 255, 89, .8); }
.lightgreen-A400a8 { background-color: rgba(118, 255, 3, .8); } .lightgreen-A700a8 { background-color: rgba(100, 221, 23, .8); }
.lime-50a8 { background-color: rgba(249, 251, 231, .8); } .lime-100a8 { background-color: rgba(240, 244, 195, .8); } .lime-200a8 { background-color: rgba(230, 238, 156, .8); } .lime-300a8 { background-color: rgba(220, 231, 117, .8); }
.lime-400a8 { background-color: rgba(212, 225, 87, .8); } .lime-500a8 { background-color: rgba(205, 220, 57, .8); } .lime-600a8 { background-color: rgba(192, 202, 51, .8); } .lime-700a8 { background-color: rgba(175, 180, 43, .8); }
.lime-800a8 { background-color: rgba(158, 157, 36, .8); } .lime-900a8 { background-color: rgba(130, 119, 23, .8); } .lime-A100a8 { background-color: rgba(244, 255, 129, .8); } .lime-A200a8 { background-color: rgba(238, 255, 65, .8); }
.lime-A400a8 { background-color: rgba(198, 255, 0, .8); } .lime-A700a8 { background-color: rgba(174, 234, 0, .8); }
.yellow-50a8 { background-color: rgba(255, 253, 231, .8); } .yellow-100a8 { background-color: rgba(255, 249, 196, .8); } .yellow-200a8 { background-color: rgba(255, 245, 157, .8); } .yellow-300a8 { background-color: rgba(255, 241, 118, .8); }
.yellow-400a8 { background-color: rgba(255, 238, 88, .8); } .yellow-500a8 { background-color: rgba(255, 235, 59, .8); } .yellow-600a8 { background-color: rgba(253, 216, 53, .8); } .yellow-700a8 { background-color: rgba(251, 192, 45, .8); }
.yellow-800a8 { background-color: rgba(249, 168, 37, .8); } .yellow-900a8 { background-color: rgba(245, 127, 23, .8); } .yellow-A100a8 { background-color: rgba(255, 255, 141, .8); } .yellow-A200a8 { background-color: rgba(255, 255, 0, .8); }
.yellow-A400a8 { background-color: rgba(255, 234, 0, .8); } .yellow-A700a8 { background-color: rgba(255, 214, 0, .8); }
.amber-50a8 { background-color: rgba(255, 248, 225, .8); } .amber-100a8 { background-color: rgba(255, 236, 179, .8); } .amber-200a8 { background-color: rgba(255, 224, 130, .8); } .amber-300a8 { background-color: rgba(255, 213, 79, .8); }
.amber-400a8 { background-color: rgba(255, 202, 40, .8); } .amber-500a8 { background-color: rgba(255, 193, 7, .8); } .amber-600a8 { background-color: rgba(255, 179, 0, .8); } .amber-700a8 { background-color: rgba(255, 160, 0, .8); }
.amber-800a8 { background-color: rgba(255, 143, 0, .8); } .amber-900a8 { background-color: rgba(255, 111, 0, .8); } .amber-A100a8 { background-color: rgba(255, 229, 127, .8); } .amber-A200a8 { background-color: rgba(255, 215, 64, .8); }
.amber-A400a8 { background-color: rgba(255, 196, 0, .8); } .amber-A700a8 { background-color: rgba(255, 171, 0, .8); }
.orange-50a8 { background-color: rgba(255, 243, 224, .8); } .orange-100a8 { background-color: rgba(255, 224, 178, .8); } .orange-200a8 { background-color: rgba(255, 204, 128, .8); } .orange-300a8 { background-color: rgba(255, 183, 77, .8); }
.orange-400a8 { background-color: rgba(255, 167, 38, .8); } .orange-500a8 { background-color: rgba(255, 152, 0, .8); } .orange-600a8 { background-color: rgba(251, 140, 0, .8); } .orange-700a8 { background-color: rgba(245, 124, 0, .8); }
.orange-800a8 { background-color: rgba(239, 108, 0, .8); } .orange-900a8 { background-color: rgba(230, 81, 0, .8); } .orange-A100a8 { background-color: rgba(255, 209, 128, .8); } .orange-A200a8 { background-color: rgba(255, 171, 64, .8); }
.orange-A400a8 { background-color: rgba(255, 145, 0, .8); } .orange-A700a8 { background-color: rgba(255, 109, 0, .8); }
.deeporange-50a8 { background-color: rgba(251, 233, 231, .8); } .deeporange-100a8 { background-color: rgba(255, 204, 188, .8); } .deeporange-200a8 { background-color: rgba(255, 171, 145, .8); } .deeporange-300a8 { background-color: rgba(255, 138, 101, .8); }
.deeporange-400a8 { background-color: rgba(255, 112, 67, .8); } .deeporange-500a8 { background-color: rgba(255, 87, 34, .8); } .deeporange-600a8 { background-color: rgba(244, 81, 30, .8); } .deeporange-700a8 { background-color: rgba(230, 74, 25, .8); }
.deeporange-800a8 { background-color: rgba(216, 67, 21, .8); } .deeporange-900a8 { background-color: rgba(191, 54, 12, .8); } .deeporange-A100a8 { background-color: rgba(255, 158, 128, .8); } .deeporange-A200a8 { background-color: rgba(255, 110, 64, .8); }
.deeporange-A400a8 { background-color: rgba(255, 61, 0, .8); } .deeporange-A700a8 { background-color: rgba(221, 44, 0, .8); }
.brown-50a8 { background-color: rgba(239, 235, 233, .8); } .brown-100a8 { background-color: rgba(215, 204, 200, .8); } .brown-200a8 { background-color: rgba(188, 170, 164, .8); } .brown-300a8 { background-color: rgba(161, 136, 127, .8); }
.brown-400a8 { background-color: rgba(141, 110, 99, .8); } .brown-500a8 { background-color: rgba(121, 85, 72, .8); } .brown-600a8 { background-color: rgba(109, 76, 65, .8); } .brown-700a8 { background-color: rgba(93, 64, 55, .8); }
.brown-800a8 { background-color: rgba(78, 52, 46, .8); } .brown-900a8 { background-color: rgba(62, 39, 35, .8); }
.grey-50a8 { background-color: rgba(250, 250, 250, .8); } .grey-100a8 { background-color: rgba(245, 245, 245, .8); } .grey-200a8 { background-color: rgba(238, 238, 238, .8); } .grey-300a8 { background-color: rgba(224, 224, 224, .8); }
.grey-400a8 { background-color: rgba(189, 189, 189, .8); } .grey-500a8 { background-color: rgba(158, 158, 158, .8); } .grey-600a8 { background-color: rgba(117, 117, 117, .8); } .grey-700a8 { background-color: rgba(97, 97, 97, .8); }
.grey-800a8 { background-color: rgba(66, 66, 66, .8); } .grey-900a8 { background-color: rgba(33, 33, 33, .8); }
.bluegrey-50a8 { background-color: rgba(236, 239, 241, .8); } .bluegrey-100a8 { background-color: rgba(207, 216, 220, .8); } .bluegrey-200a8 { background-color: rgba(176, 190, 197, .8); } .bluegrey-300a8 { background-color: rgba(144, 164, 174, .8); }
.bluegrey-400a8 { background-color: rgba(120, 144, 156, .8); } .bluegrey-500a8 { background-color: rgba(96, 125, 139, .8); } .bluegrey-600a8 { background-color: rgba(84, 110, 122, .8); }
.bluegrey-700a8 { background-color: rgba(69, 90, 100, .8); } .bluegrey-800a8 { background-color: rgba(55, 71, 79, .8); } .bluegrey-900a8 { background-color: rgba(38, 50, 56, .8); }
/*
red pink purple deeppurple indigo blue lightblue cyan teal green
lightgreen lime yellow amber orange deeporange brown grey bluegrey-
*/
/*----------------------------------------------------------------------------*/
.red-50a6 { background-color: rgba(255, 235, 238, .6); } .red-100a6 { background-color: rgba(255, 205, 210, .6); } .red-200a6 { background-color: rgba(239, 154, 154, .6); } .red-300a6 { background-color: rgba(229, 115, 115, .6); }
.red-400a6 { background-color: rgba(239, 83, 80, .6); } .red-500a6 { background-color: rgba(244, 67, 54, .6); } .red-600a6 { background-color: rgba(229, 57, 53, .6); } .red-700a6 { background-color: rgba(211, 47, 47, .6); }
.red-800a6 { background-color: rgba(198, 40, 40, .6); } .red-900a6 { background-color: rgba(183, 28, 28, .6); } .red-A100a6 { background-color: rgba(255, 138, 128, .6); } .red-A200a6 { background-color: rgba(255, 82, 82, .6); }
.red-A400a6 { background-color: rgba(255, 23, 68, .6); } .red-A700a6 { background-color: rgba(213, 0, 0, .6); }
.pink-50a6 { background-color: rgba(252, 228, 236, .6); } .pink-100a6 { background-color: rgba(248, 187, 208, .6); } .pink-200a6 { background-color: rgba(244, 143, 177, .6); } .pink-300a6 { background-color: rgba(240, 98, 146, .6); }
.pink-400a6 { background-color: rgba(236, 64, 122, .6); } .pink-500a6 { background-color: rgba(233, 30, 99, .6); } .pink-600a6 { background-color: rgba(216, 27, 96, .6); } .pink-700a6 { background-color: rgba(194, 24, 91, .6); }
.pink-800a6 { background-color: rgba(173, 20, 87, .6); } .pink-900a8 background-color: rgba(136, 14, 79, .6); } .pink-A100a6 { background-color: rgba(255, 128, 171, .6); } .pink-A200a6 { background-color: rgba(255, 64, 129, .6); }
.pink-A400a6 { background-color: rgba(245, 0, 87, .6); } .pink-A700a6 { background-color: rgba(197, 17, 98, .6); }
.purple-50a6 { background-color: rgba(243, 229, 245, .6); } .purple-100a6 { background-color: rgba(225, 190, 231, .6); } .purple-200a6 { background-color: rgba(206, 147, 216, .6); } .purple-300a6 { background-color: rgba(186, 104, 200, .6); }
.purple-400a6 { background-color: rgba(171, 71, 188, .6); } .purple-500a6 { background-color: rgba(156, 39, 176, .6); } .purple-600a6 { background-color: rgba(142, 36, 170, .6); } .purple-700a6 { background-color: rgba(123, 31, 162, .6); }
.purple-800a6 { background-color: rgba(106, 27, 154, .6); } .purple-900a6 { background-color: rgba(74, 20, 140, .6); } .purple-A100a6 { background-color: rgba(234, 128, 252, .6); } .purple-A200a6 { background-color: rgba(224, 64, 251, .6); }
.purple-A400a6 { background-color: rgba(213, 0, 249, .6); } .purple-A700a6 { background-color: rgba(170, 0, 255, .6); }
.deeppurple-50a6 { background-color: rgba(237, 231, 246, .6); } .deeppurple-100a6 { background-color: rgba(209, 196, 233, .6); } .deeppurple-200a6 { background-color: rgba(179, 157, 219, .6); } .deeppurple-300a6 { background-color: rgba(149, 117, 205, .6); }
.deeppurple-400a6 { background-color: rgba(126, 87, 194, .6); } .deeppurple-500a6 { background-color: rgba(103, 58, 183, .6); } .deeppurple-600a6 { background-color: rgba(94, 53, 177, .6); } .deeppurple-700a6 { background-color: rgba(81, 45, 168, .6); }
.deeppurple-800a6 { background-color: rgba(69, 39, 160, .6); } .deeppurple-900a6 { background-color: rgba(49, 27, 146, .6); } .deeppurple-A100a6 { background-color: rgba(179, 136, 255, .6); } .deeppurple-A200a6 { background-color: rgba(124, 77, 255, .6); }
.deeppurple-A400a6 { background-color: rgba(101, 31, 255, .6); } .deeppurple-A700a6 { background-color: rgba(98, 0, 234, .6); }
.indigo-50a6 { background-color: rgba(232, 234, 246, .6); } .indigo-100a6 { background-color: rgba(197, 202, 233, .6); } .indigo-200a6 { background-color: rgba(159, 168, 218, .6); } .indigo-300a6 { background-color: rgba(121, 134, 203, .6); }
.indigo-400a6 { background-color: rgba(92, 107, 192, .6); } .indigo-500a6 { background-color: rgba(63, 81, 181, .6); } .indigo-600a6 { background-color: rgba(57, 73, 171, .6); } .indigo-700a6 { background-color: rgba(48, 63, 159, .6); }
.indigo-800a6 { background-color: rgba(40, 53, 147, .6); } .indigo-900a6 { background-color: rgba(26, 35, 126, .6); } .indigo-A100a6 { background-color: rgba(140, 158, 255, .6); } .indigo-A200a6 { background-color: rgba(83, 109, 254, .6); }
.indigo-A400a6 { background-color: rgba(61, 90, 254, .6); } .indigo-A700a6 { background-color: rgba(48, 79, 254, .6); }
.blue-50a6 { background-color: rgba(227, 242, 253, .6); } .blue-100a6 { background-color: rgba(187, 222, 251, .6); } .blue-200a6 { background-color: rgba(144, 202, 249, .6); } .blue-300a6 { background-color: rgba(100, 181, 246, .6); }
.blue-400a6 { background-color: rgba(66, 165, 245, .6); } .blue-500a6 { background-color: rgba(33, 150, 243, .6); } .blue-600a6 { background-color: rgba(30, 136, 229, .6); } .blue-700a6 { background-color: rgba(25, 118, 210, .6); }
.blue-800a6 { background-color: rgba(21, 101, 192, .6); } .blue-900a6 { background-color: rgba(13, 71, 161, .6); } .blue-A100a6 { background-color: rgba(130, 177, 255, .6); } .blue-A200a6 { background-color: rgba(68, 138, 255, .6); }
.blue-A400a6 { background-color: rgba(41, 121, 255, .6); } .blue-A700a6 { background-color: rgba(41, 98, 255, .6); }
.lightblue-50a6 { background-color: rgba(225, 245, 254, .6); } .lightblue-100a6 { background-color: rgba(179, 229, 252, .6); } .lightblue-200a6 { background-color: rgba(129, 212, 250, .6); } .lightblue-300a6 { background-color: rgba(79, 195, 247, .6); }
.lightblue-400a6 { background-color: rgba(41, 182, 246, .6); } .lightblue-500a6 { background-color: rgba(3, 169, 244, .6); } .lightblue-600a6 { background-color: rgba(3, 155, 229, .6); } .lightblue-700a6 { background-color: rgba(2, 136, 209, .6); }
.lightblue-800a6 { background-color: rgba(2, 119, 189, .6); } .lightblue-900a6 { background-color: rgba(1, 87, 155, .6); } .lightblue-A100a6 { background-color: rgba(128, 216, 255, .6); } .lightblue-A200a6 { background-color: rgba(64, 196, 255, .6); }
.lightblue-A400a6 { background-color: rgba(0, 176, 255, .6); } .lightblue-A700a6 { background-color: rgba(0, 145, 234, .6); }
.cyan-50a6 { background-color: rgba(224, 247, 250, .6); } .cyan-100a6 { background-color: rgba(178, 235, 242, .6); } .cyan-200a6 { background-color: rgba(128, 222, 234, .6); } .cyan-300a6 { background-color: rgba(77, 208, 225, .6); }
.cyan-400a6 { background-color: rgba(38, 198, 218, .6); } .cyan-500a6 { background-color: rgba(0, 188, 212, .6); } .cyan-600a6 { background-color: rgba(0, 172, 193, .6); } .cyan-700a6 { background-color: rgba(0, 151, 167, .6); }
.cyan-800a6 { background-color: rgba(0, 131, 143, .6); } .cyan-900a6 { background-color: rgba(0, 96, 100, .6); } .cyan-A100a6 { background-color: rgba(132, 255, 255, .6); } .cyan-A200a6 { background-color: rgba(24, 255, 255, .6); }
.cyan-A400a6 { background-color: rgba(0, 229, 255, .6); } .cyan-A700a6 { background-color: rgba(0, 184, 212, .6); }
.teal-50a6 { background-color: rgba(224, 242, 241, .6); } .teal-100a6 { background-color: rgba(178, 223, 219, .6); } .teal-200a6 { background-color: rgba(128, 203, 196, .6); } .teal-300a6 { background-color: rgba(77, 182, 172, .6); }
.teal-400a6 { background-color: rgba(38, 166, 154, .6); } .teal-500a6 { background-color: rgba(0, 150, 136, .6); } .teal-600a6 { background-color: rgba(0, 137, 123, .6); } .teal-700a6 { background-color: rgba(0, 121, 107, .6); }
.teal-800a6 { background-color: rgba(0, 105, 92, .6); } .teal-900a6 { background-color: rgba(0, 77, 64, .6); } .teal-A100a6 { background-color: rgba(167, 255, 235, .6); } .teal-A200a6 { background-color: rgba(100, 255, 218, .6); }
.teal-A400a6 { background-color: rgba(29, 233, 182, .6); } .teal-A700a6 { background-color: rgba(0, 191, 165, .6); }
.green-50a6 { background-color: rgba(232, 245, 233, .6); } .green-100a6 { background-color: rgba(200, 230, 201, .6); } .green-200a6 { background-color: rgba(165, 214, 167, .6); } .green-300a6 { background-color: rgba(129, 199, 132, .6); }
.green-400a6 { background-color: rgba(102, 187, 106, .6); } .green-500a6 { background-color: rgba(76, 175, 80, .6); } .green-600a6 { background-color: rgba(67, 160, 71, .6); } .green-700a6 { background-color: rgba(56, 142, 60, .6); }
.green-800a6 { background-color: rgba(46, 125, 50, .6); } .green-900a6 { background-color: rgba(27, 94, 32, .6); } .green-A100a6 { background-color: rgba(185, 246, 202, .6); } .green-A200a6 { background-color: rgba(105, 240, 174, .6); }
.green-A400a6 { background-color: rgba(0, 230, 118, .6); } .green-A700a6 { background-color: rgba(0, 200, 83, .6); }
.lightgreen-50a6 { background-color: rgba(241, 248, 233, .6); } .lightgreen-100a6 { background-color: rgba(220, 237, 200, .6); } .lightgreen-200a6 { background-color: rgba(197, 225, 165, .6); } .lightgreen-300a6 { background-color: rgba(174, 213, 129, .6); }
.lightgreen-400a6 { background-color: rgba(156, 204, 101, .6); } .lightgreen-500a6 { background-color: rgba(139, 195, 74, .6); } .lightgreen-600a6 { background-color: rgba(124, 179, 66, .6); } .lightgreen-700a6 { background-color: rgba(104, 159, 56, .6); }
.lightgreen-800a6 { background-color: rgba(85, 139, 47, .6); } .lightgreen-900a6 { background-color: rgba(51, 105, 30, .6); } .lightgreen-A100a6 { background-color: rgba(204, 255, 144, .6); }.lightgreen-A200a6 { background-color: rgba(178, 255, 89, .6); }
.lightgreen-A400a6 { background-color: rgba(118, 255, 3, .6); } .lightgreen-A700a6 { background-color: rgba(100, 221, 23, .6); }
.lime-50a6 { background-color: rgba(249, 251, 231, .6); } .lime-100a6 { background-color: rgba(240, 244, 195, .6); } .lime-200a6 { background-color: rgba(230, 238, 156, .6); } .lime-300a6 { background-color: rgba(220, 231, 117, .6); }
.lime-400a6 { background-color: rgba(212, 225, 87, .6); } .lime-500a6 { background-color: rgba(205, 220, 57, .6); } .lime-600a6 { background-color: rgba(192, 202, 51, .6); } .lime-700a6 { background-color: rgba(175, 180, 43, .6); }
.lime-800a6 { background-color: rgba(158, 157, 36, .6); } .lime-900a6 { background-color: rgba(130, 119, 23, .6); } .lime-A100a6 { background-color: rgba(244, 255, 129, .6); } .lime-A200a6 { background-color: rgba(238, 255, 65, .6); }
.lime-A400a6 { background-color: rgba(198, 255, 0, .6); } .lime-A700a6 { background-color: rgba(174, 234, 0, .6); }
.yellow-50a6 { background-color: rgba(255, 253, 231, .6); } .yellow-100a6 { background-color: rgba(255, 249, 196, .6); } .yellow-200a6 { background-color: rgba(255, 245, 157, .6); } .yellow-300a6 { background-color: rgba(255, 241, 118, .6); }
.yellow-400a6 { background-color: rgba(255, 238, 88, .6); } .yellow-500a6 { background-color: rgba(255, 235, 59, .6); } .yellow-600a6 { background-color: rgba(253, 216, 53, .6); } .yellow-700a6 { background-color: rgba(251, 192, 45, .6); }
.yellow-800a6 { background-color: rgba(249, 168, 37, .6); } .yellow-900a6 { background-color: rgba(245, 127, 23, .6); } .yellow-A100a6 { background-color: rgba(255, 255, 141, .6); } .yellow-A200a6 { background-color: rgba(255, 255, 0, .6); }
.yellow-A400a6 { background-color: rgba(255, 234, 0, .6); } .yellow-A700a6 { background-color: rgba(255, 214, 0, .6); }
.amber-50a6 { background-color: rgba(255, 248, 225, .6); } .amber-100a6 { background-color: rgba(255, 236, 179, .6); } .amber-200a6 { background-color: rgba(255, 224, 130, .6); } .amber-300a6 { background-color: rgba(255, 213, 79, .6); }
.amber-400a6 { background-color: rgba(255, 202, 40, .6); } .amber-500a6 { background-color: rgba(255, 193, 7, .6); } .amber-600a6 { background-color: rgba(255, 179, 0, .6); } .amber-700a6 { background-color: rgba(255, 160, 0, .6); }
.amber-800a6 { background-color: rgba(255, 143, 0, .6); } .amber-900a6 { background-color: rgba(255, 111, 0, .6); } .amber-A100a6 { background-color: rgba(255, 229, 127, .6); } .amber-A200a6 { background-color: rgba(255, 215, 64, .8); }
.amber-A400a6 { background-color: rgba(255, 196, 0, .6); } .amber-A700a6 { background-color: rgba(255, 171, 0, .6); }
.orange-50a6 { background-color: rgba(255, 243, 224, .6); } .orange-100a6 { background-color: rgba(255, 224, 178, .6); } .orange-200a6 { background-color: rgba(255, 204, 128, .6); } .orange-300a6 { background-color: rgba(255, 183, 77, .6); }
.orange-400a6 { background-color: rgba(255, 167, 38, .6); } .orange-500a6 { background-color: rgba(255, 152, 0, .6); } .orange-600a6 { background-color: rgba(251, 140, 0, .6); } .orange-700a6 { background-color: rgba(245, 124, 0, .6); }
.orange-800a6 { background-color: rgba(239, 108, 0, .6); } .orange-900a6 { background-color: rgba(230, 81, 0, .6); } .orange-A100a6 { background-color: rgba(255, 209, 128, .6); } .orange-A200a6 { background-color: rgba(255, 171, 64, .6); }
.orange-A400a6 { background-color: rgba(255, 145, 0, .6); } .orange-A700a6 { background-color: rgba(255, 109, 0, .6); }
.deeporange-50a6 { background-color: rgba(251, 233, 231, .6); } .deeporange-100a6 { background-color: rgba(255, 204, 188, .6); } .deeporange-200a6 { background-color: rgba(255, 171, 145, .6); } .deeporange-300a6 { background-color: rgba(255, 138, 101, .6); }
.deeporange-400a6 { background-color: rgba(255, 112, 67, .6); } .deeporange-500a6 { background-color: rgba(255, 87, 34, .6); } .deeporange-600a6 { background-color: rgba(244, 81, 30, .6); } .deeporange-700a6 { background-color: rgba(230, 74, 25, .6); }
.deeporange-800a6 { background-color: rgba(216, 67, 21, .6); } .deeporange-900a6 { background-color: rgba(191, 54, 12, .6); } .deeporange-A100a6 { background-color: rgba(255, 158, 128, .6); } .deeporange-A200a6 { background-color: rgba(255, 110, 64, .6); }
.deeporange-A400a6 { background-color: rgba(255, 61, 0, .6); } .deeporange-A700a6 { background-color: rgba(221, 44, 0, .6); }
.brown-50a6 { background-color: rgba(239, 235, 233, .6); } .brown-100a6 { background-color: rgba(215, 204, 200, .6); } .brown-200a6 { background-color: rgba(188, 170, 164, .6); } .brown-300a6 { background-color: rgba(161, 136, 127, .6); }
.brown-400a6 { background-color: rgba(141, 110, 99, .6); } .brown-500a6 { background-color: rgba(121, 85, 72, .6); } .brown-600a6 { background-color: rgba(109, 76, 65, .6); } .brown-700a6 { background-color: rgba(93, 64, 55, .6); }
.brown-800a6 { background-color: rgba(78, 52, 46, .6); } .brown-900a6 { background-color: rgba(62, 39, 35, .6); }
.grey-50a6 { background-color: rgba(250, 250, 250, .6); } .grey-100a6 { background-color: rgba(245, 245, 245, .6); } .grey-200a6 { background-color: rgba(238, 238, 238, .6); } .grey-300a6 { background-color: rgba(224, 224, 224, .6); }
.grey-400a6 { background-color: rgba(189, 189, 189, .6); } .grey-500a6 { background-color: rgba(158, 158, 158, .6); } .grey-600a6 { background-color: rgba(117, 117, 117, .6); } .grey-700a6 { background-color: rgba(97, 97, 97, .6); }
.grey-800a6 { background-color: rgba(66, 66, 66, .6); } .grey-900a6 { background-color: rgba(33, 33, 33, .6); }
.bluegrey-50a6 { background-color: rgba(236, 239, 241, .6); } .bluegrey-100a6 { background-color: rgba(207, 216, 220, .6); } .bluegrey-200a6 { background-color: rgba(176, 190, 197, .6); } .bluegrey-300a6 { background-color: rgba(144, 164, 174, .6); }
.bluegrey-400a6 { background-color: rgba(120, 144, 156, .6); } .bluegrey-500a6 { background-color: rgba(96, 125, 139, .6); } .bluegrey-600a6 { background-color: rgba(84, 110, 122, .6); }
.bluegrey-700a6 { background-color: rgba(69, 90, 100, .6); } .bluegrey-800a6 { background-color: rgba(55, 71, 79, .6); } .bluegrey-900a6 { background-color: rgba(38, 50, 56, .6); }
/*----------------------------------------------------------------------------*/
.red-50a3 { background-color: rgba(255, 235, 238, .3); } .red-100a3 { background-color: rgba(255, 205, 210, .3); } .red-200a3 { background-color: rgba(239, 154, 154, .3); } .red-300a3 { background-color: rgba(229, 115, 115, .3); }
.red-400a3 { background-color: rgba(239, 83, 80, .3); } .red-500a3 { background-color: rgba(244, 67, 54, .3); } .red-600a3 { background-color: rgba(229, 57, 53, .3); } .red-700a3 { background-color: rgba(211, 47, 47, .3); }
.red-800a3 { background-color: rgba(198, 40, 40, .3); } .red-900a3 { background-color: rgba(183, 28, 28, .3); } .red-A100a3 { background-color: rgba(255, 138, 128, .3); } .red-A200a3 { background-color: rgba(255, 82, 82, .3); }
.red-A400a3 { background-color: rgba(255, 23, 68, .3); } .red-A700a3 { background-color: rgba(213, 0, 0, .3); }
.pink-50a3 { background-color: rgba(252, 228, 236, .3); } .pink-100a3 { background-color: rgba(248, 187, 208, .3); } .pink-200a3 { background-color: rgba(244, 143, 177, .3); } .pink-300a3 { background-color: rgba(240, 98, 146, .3); }
.pink-400a3 { background-color: rgba(236, 64, 122, .3); } .pink-500a3 { background-color: rgba(233, 30, 99, .3); } .pink-600a3 { background-color: rgba(216, 27, 96, .3); } .pink-700a3 { background-color: rgba(194, 24, 91, .3); }
.pink-800a3 { background-color: rgba(173, 20, 87, .3); } .pink-900a8 background-color: rgba(136, 14, 79, .3); } .pink-A100a3 { background-color: rgba(255, 128, 171, .3); } .pink-A200a3 { background-color: rgba(255, 64, 129, .3); }
.pink-A400a3 { background-color: rgba(245, 0, 87, .3); } .pink-A700a3 { background-color: rgba(197, 17, 98, .3); }
.purple-50a3 { background-color: rgba(243, 229, 245, .3); } .purple-100a3 { background-color: rgba(225, 190, 231, .3); } .purple-200a3 { background-color: rgba(206, 147, 216, .3); } .purple-300a3 { background-color: rgba(186, 104, 200, .3); }
.purple-400a3 { background-color: rgba(171, 71, 188, .3); } .purple-500a3 { background-color: rgba(156, 39, 176, .3); } .purple-600a3 { background-color: rgba(142, 36, 170, .3); } .purple-700a3 { background-color: rgba(123, 31, 162, .3); }
.purple-800a3 { background-color: rgba(106, 27, 154, .3); } .purple-900a3 { background-color: rgba(74, 20, 140, .3); } .purple-A100a3 { background-color: rgba(234, 128, 252, .3); } .purple-A200a3 { background-color: rgba(224, 64, 251, .3); }
.purple-A400a3 { background-color: rgba(213, 0, 249, .3); } .purple-A700a3 { background-color: rgba(170, 0, 255, .3); }
.deeppurple-50a3 { background-color: rgba(237, 231, 246, .3); } .deeppurple-100a3 { background-color: rgba(209, 196, 233, .3); } .deeppurple-200a3 { background-color: rgba(179, 157, 219, .3); } .deeppurple-300a3 { background-color: rgba(149, 117, 205, .3); }
.deeppurple-400a3 { background-color: rgba(126, 87, 194, .3); } .deeppurple-500a3 { background-color: rgba(103, 58, 183, .3); } .deeppurple-600a3 { background-color: rgba(94, 53, 177, .3); } .deeppurple-700a3 { background-color: rgba(81, 45, 168, .3); }
.deeppurple-800a3 { background-color: rgba(69, 39, 160, .3); } .deeppurple-900a3 { background-color: rgba(49, 27, 146, .3); } .deeppurple-A100a3 { background-color: rgba(179, 136, 255, .3); } .deeppurple-A200a3 { background-color: rgba(124, 77, 255, .3); }
.deeppurple-A400a3 { background-color: rgba(101, 31, 255, .3); } .deeppurple-A700a3 { background-color: rgba(98, 0, 234, .3); }
.indigo-50a3 { background-color: rgba(232, 234, 246, .3); } .indigo-100a3 { background-color: rgba(197, 202, 233, .3); } .indigo-200a3 { background-color: rgba(159, 168, 218, .3); } .indigo-300a3 { background-color: rgba(121, 134, 203, .3); }
.indigo-400a3 { background-color: rgba(92, 107, 192, .3); } .indigo-500a3 { background-color: rgba(63, 81, 181, .3); } .indigo-600a3 { background-color: rgba(57, 73, 171, .3); } .indigo-700a3 { background-color: rgba(48, 63, 159, .3); }
.indigo-800a3 { background-color: rgba(40, 53, 147, .3); } .indigo-900a3 { background-color: rgba(26, 35, 126, .3); } .indigo-A100a3 { background-color: rgba(140, 158, 255, .3); } .indigo-A200a3 { background-color: rgba(83, 109, 254, .3); }
.indigo-A400a3 { background-color: rgba(61, 90, 254, .3); } .indigo-A700a3 { background-color: rgba(48, 79, 254, .3); }
.blue-50a3 { background-color: rgba(227, 242, 253, .3); } .blue-100a3 { background-color: rgba(187, 222, 251, .3); } .blue-200a3 { background-color: rgba(144, 202, 249, .3); } .blue-300a3 { background-color: rgba(100, 181, 246, .3); }
.blue-400a3 { background-color: rgba(66, 165, 245, .3); } .blue-500a3 { background-color: rgba(33, 150, 243, .3); } .blue-600a3 { background-color: rgba(30, 136, 229, .3); } .blue-700a3 { background-color: rgba(25, 118, 210, .3); }
.blue-800a3 { background-color: rgba(21, 101, 192, .3); } .blue-900a3 { background-color: rgba(13, 71, 161, .3); } .blue-A100a3 { background-color: rgba(130, 177, 255, .3); } .blue-A200a3 { background-color: rgba(68, 138, 255, .3); }
.blue-A400a3 { background-color: rgba(41, 121, 255, .3); } .blue-A700a3 { background-color: rgba(41, 98, 255, .3); }
.lightblue-50a3 { background-color: rgba(225, 245, 254, .3); } .lightblue-100a3 { background-color: rgba(179, 229, 252, .3); } .lightblue-200a3 { background-color: rgba(129, 212, 250, .3); } .lightblue-300a3 { background-color: rgba(79, 195, 247, .3); }
.lightblue-400a3 { background-color: rgba(41, 182, 246, .3); } .lightblue-500a3 { background-color: rgba(3, 169, 244, .3); } .lightblue-600a3 { background-color: rgba(3, 155, 229, .3); } .lightblue-700a3 { background-color: rgba(2, 136, 209, .3); }
.lightblue-800a3 { background-color: rgba(2, 119, 189, .3); } .lightblue-900a3 { background-color: rgba(1, 87, 155, .3); } .lightblue-A100a3 { background-color: rgba(128, 216, 255, .3); } .lightblue-A200a3 { background-color: rgba(64, 196, 255, .3); }
.lightblue-A400a3 { background-color: rgba(0, 176, 255, .3); } .lightblue-A700a3 { background-color: rgba(0, 145, 234, .3); }
.cyan-50a3 { background-color: rgba(224, 247, 250, .3); } .cyan-100a3 { background-color: rgba(178, 235, 242, .3); } .cyan-200a3 { background-color: rgba(128, 222, 234, .3); } .cyan-300a3 { background-color: rgba(77, 208, 225, .3); }
.cyan-400a3 { background-color: rgba(38, 198, 218, .3); } .cyan-500a3 { background-color: rgba(0, 188, 212, .3); } .cyan-600a3 { background-color: rgba(0, 172, 193, .3); } .cyan-700a3 { background-color: rgba(0, 151, 167, .3); }
.cyan-800a3 { background-color: rgba(0, 131, 143, .3); } .cyan-900a3 { background-color: rgba(0, 96, 100, .3); } .cyan-A100a3 { background-color: rgba(132, 255, 255, .3); } .cyan-A200a3 { background-color: rgba(24, 255, 255, .3); }
.cyan-A400a3 { background-color: rgba(0, 229, 255, .3); } .cyan-A700a3 { background-color: rgba(0, 184, 212, .3); }
.teal-50a3 { background-color: rgba(224, 242, 241, .3); } .teal-100a3 { background-color: rgba(178, 223, 219, .3); } .teal-200a3 { background-color: rgba(128, 203, 196, .3); } .teal-300a3 { background-color: rgba(77, 182, 172, .3); }
.teal-400a3 { background-color: rgba(38, 166, 154, .3); } .teal-500a3 { background-color: rgba(0, 150, 136, .3); } .teal-600a3 { background-color: rgba(0, 137, 123, .3); } .teal-700a3 { background-color: rgba(0, 121, 107, .3); }
.teal-800a3 { background-color: rgba(0, 105, 92, .3); } .teal-900a3 { background-color: rgba(0, 77, 64, .3); } .teal-A100a3 { background-color: rgba(167, 255, 235, .3); } .teal-A200a3 { background-color: rgba(100, 255, 218, .3); }
.teal-A400a3 { background-color: rgba(29, 233, 182, .3); } .teal-A700a3 { background-color: rgba(0, 191, 165, .3); }
.green-50a3 { background-color: rgba(232, 245, 233, .3); } .green-100a3 { background-color: rgba(200, 230, 201, .3); } .green-200a3 { background-color: rgba(165, 214, 167, .3); } .green-300a3 { background-color: rgba(129, 199, 132, .3); }
.green-400a3 { background-color: rgba(102, 187, 106, .3); } .green-500a3 { background-color: rgba(76, 175, 80, .3); } .green-600a3 { background-color: rgba(67, 160, 71, .3); } .green-700a3 { background-color: rgba(56, 142, 60, .3); }
.green-800a3 { background-color: rgba(46, 125, 50, .3); } .green-900a3 { background-color: rgba(27, 94, 32, .3); } .green-A100a3 { background-color: rgba(185, 246, 202, .3); } .green-A200a3 { background-color: rgba(105, 240, 174, .3); }
.green-A400a3 { background-color: rgba(0, 230, 118, .3); } .green-A700a3 { background-color: rgba(0, 200, 83, .3); }
.lightgreen-50a3 { background-color: rgba(241, 248, 233, .3); } .lightgreen-100a3 { background-color: rgba(220, 237, 200, .3); } .lightgreen-200a3 { background-color: rgba(197, 225, 165, .3); } .lightgreen-300a3 { background-color: rgba(174, 213, 129, .3); }
.lightgreen-400a3 { background-color: rgba(156, 204, 101, .3); } .lightgreen-500a3 { background-color: rgba(139, 195, 74, .3); } .lightgreen-600a3 { background-color: rgba(124, 179, 66, .3); } .lightgreen-700a3 { background-color: rgba(104, 159, 56, .3); }
.lightgreen-800a3 { background-color: rgba(85, 139, 47, .3); } .lightgreen-900a3 { background-color: rgba(51, 105, 30, .3); } .lightgreen-A100a3 { background-color: rgba(204, 255, 144, .3); }.lightgreen-A200a3 { background-color: rgba(178, 255, 89, .3); }
.lightgreen-A400a3 { background-color: rgba(118, 255, 3, .3); } .lightgreen-A700a3 { background-color: rgba(100, 221, 23, .3); }
.lime-50a3 { background-color: rgba(249, 251, 231, .3); } .lime-100a3 { background-color: rgba(240, 244, 195, .3); } .lime-200a3 { background-color: rgba(230, 238, 156, .3); } .lime-300a3 { background-color: rgba(220, 231, 117, .3); }
.lime-400a3 { background-color: rgba(212, 225, 87, .3); } .lime-500a3 { background-color: rgba(205, 220, 57, .3); } .lime-600a3 { background-color: rgba(192, 202, 51, .3); } .lime-700a3 { background-color: rgba(175, 180, 43, .3); }
.lime-800a3 { background-color: rgba(158, 157, 36, .3); } .lime-900a3 { background-color: rgba(130, 119, 23, .3); } .lime-A100a3 { background-color: rgba(244, 255, 129, .3); } .lime-A200a3 { background-color: rgba(238, 255, 65, .3); }
.lime-A400a3 { background-color: rgba(198, 255, 0, .3); } .lime-A700a3 { background-color: rgba(174, 234, 0, .3); }
.yellow-50a3 { background-color: rgba(255, 253, 231, .3); } .yellow-100a3 { background-color: rgba(255, 249, 196, .3); } .yellow-200a3 { background-color: rgba(255, 245, 157, .3); } .yellow-300a3 { background-color: rgba(255, 241, 118, .3); }
.yellow-400a3 { background-color: rgba(255, 238, 88, .3); } .yellow-500a3 { background-color: rgba(255, 235, 59, .3); } .yellow-600a3 { background-color: rgba(253, 216, 53, .3); } .yellow-700a3 { background-color: rgba(251, 192, 45, .3); }
.yellow-800a3 { background-color: rgba(249, 168, 37, .3); } .yellow-900a3 { background-color: rgba(245, 127, 23, .3); } .yellow-A100a3 { background-color: rgba(255, 255, 141, .3); } .yellow-A200a3 { background-color: rgba(255, 255, 0, .3); }
.yellow-A400a3 { background-color: rgba(255, 234, 0, .3); } .yellow-A700a3 { background-color: rgba(255, 214, 0, .3); }
.amber-50a3 { background-color: rgba(255, 248, 225, .3); } .amber-100a3 { background-color: rgba(255, 236, 179, .3); } .amber-200a3 { background-color: rgba(255, 224, 130, .3); } .amber-300a3 { background-color: rgba(255, 213, 79, .3); }
.amber-400a3 { background-color: rgba(255, 202, 40, .3); } .amber-500a3 { background-color: rgba(255, 193, 7, .3); } .amber-600a3 { background-color: rgba(255, 179, 0, .3); } .amber-700a3 { background-color: rgba(255, 160, 0, .3); }
.amber-800a3 { background-color: rgba(255, 143, 0, .3); } .amber-900a3 { background-color: rgba(255, 111, 0, .3); } .amber-A100a3 { background-color: rgba(255, 229, 127, .3); } .amber-A200a3 { background-color: rgba(255, 215, 64, .8); }
.amber-A400a3 { background-color: rgba(255, 196, 0, .3); } .amber-A700a3 { background-color: rgba(255, 171, 0, .3); }
.orange-50a3 { background-color: rgba(255, 243, 224, .3); } .orange-100a3 { background-color: rgba(255, 224, 178, .3); } .orange-200a3 { background-color: rgba(255, 204, 128, .3); } .orange-300a3 { background-color: rgba(255, 183, 77, .3); }
.orange-400a3 { background-color: rgba(255, 167, 38, .3); } .orange-500a3 { background-color: rgba(255, 152, 0, .3); } .orange-600a3 { background-color: rgba(251, 140, 0, .3); } .orange-700a3 { background-color: rgba(245, 124, 0, .3); }
.orange-800a3 { background-color: rgba(239, 108, 0, .3); } .orange-900a3 { background-color: rgba(230, 81, 0, .3); } .orange-A100a3 { background-color: rgba(255, 209, 128, .3); } .orange-A200a3 { background-color: rgba(255, 171, 64, .3); }
.orange-A400a3 { background-color: rgba(255, 145, 0, .3); } .orange-A700a3 { background-color: rgba(255, 109, 0, .3); }
.deeporange-50a3 { background-color: rgba(251, 233, 231, .3); } .deeporange-100a3 { background-color: rgba(255, 204, 188, .3); } .deeporange-200a3 { background-color: rgba(255, 171, 145, .3); } .deeporange-300a3 { background-color: rgba(255, 138, 101, .3); }
.deeporange-400a3 { background-color: rgba(255, 112, 67, .3); } .deeporange-500a3 { background-color: rgba(255, 87, 34, .3); } .deeporange-600a3 { background-color: rgba(244, 81, 30, .3); } .deeporange-700a3 { background-color: rgba(230, 74, 25, .3); }
.deeporange-800a3 { background-color: rgba(216, 67, 21, .3); } .deeporange-900a3 { background-color: rgba(191, 54, 12, .3); } .deeporange-A100a3 { background-color: rgba(255, 158, 128, .3); } .deeporange-A200a3 { background-color: rgba(255, 110, 64, .3); }
.deeporange-A400a3 { background-color: rgba(255, 61, 0, .3); } .deeporange-A700a3 { background-color: rgba(221, 44, 0, .3); }
.brown-50a3 { background-color: rgba(239, 235, 233, .3); } .brown-100a3 { background-color: rgba(215, 204, 200, .3); } .brown-200a3 { background-color: rgba(188, 170, 164, .3); } .brown-300a3 { background-color: rgba(161, 136, 127, .3); }
.brown-400a3 { background-color: rgba(141, 110, 99, .3); } .brown-500a3 { background-color: rgba(121, 85, 72, .3); } .brown-600a3 { background-color: rgba(109, 76, 65, .3); } .brown-700a3 { background-color: rgba(93, 64, 55, .3); }
.brown-800a3 { background-color: rgba(78, 52, 46, .3); } .brown-900a3 { background-color: rgba(62, 39, 35, .3); }
.grey-50a3 { background-color: rgba(250, 250, 250, .3); } .grey-100a3 { background-color: rgba(245, 245, 245, .3); } .grey-200a3 { background-color: rgba(238, 238, 238, .3); } .grey-300a3 { background-color: rgba(224, 224, 224, .3); }
.grey-400a3 { background-color: rgba(189, 189, 189, .3); } .grey-500a3 { background-color: rgba(158, 158, 158, .3); } .grey-600a3 { background-color: rgba(117, 117, 117, .3); } .grey-700a3 { background-color: rgba(97, 97, 97, .3); }
.grey-800a3 { background-color: rgba(66, 66, 66, .3); } .grey-900a3 { background-color: rgba(33, 33, 33, .3); }
.bluegrey-50a3 { background-color: rgba(236, 239, 241, .3); } .bluegrey-100a3 { background-color: rgba(207, 216, 220, .3); } .bluegrey-200a3 { background-color: rgba(176, 190, 197, .3); } .bluegrey-300a3 { background-color: rgba(144, 164, 174, .3); }
.bluegrey-400a3 { background-color: rgba(120, 144, 156, .3); } .bluegrey-500a3 { background-color: rgba(96, 125, 139, .3); } .bluegrey-600a3 { background-color: rgba(84, 110, 122, .3); }
.bluegrey-700a3 { background-color: rgba(69, 90, 100, .3); } .bluegrey-800a3 { background-color: rgba(55, 71, 79, .3); } .bluegrey-900a3 { background-color: rgba(38, 50, 56, .3); }
/*----------------------------------------------------------------------------*/
/*line*/
.section-inline01 { display: inline-block; width: 100%; height: 1px; min-height: 1px; line-height: 1px; background-color: rgba(0, 0, 0, .3); animation: .3s linear 0s normal none infinite jellen-chbcolor01; }
.section-inline02 { display: inline-block; width: 100%; height: 1px; min-height: 1px; line-height: 1px; background-color: rgba(0, 0, 0, .3); animation: .3s linear 0s normal none infinite jellen-chbcolor02; }
/*----------------------------------------------------------------------------*/
/*line ant*/
.section-inline-99 { display: inline-block; margin: 0 auto; width: 100%; height: 1px; line-height: 1px; position: relative; text-shadow: 0px 0px 12px rgba(30, 200, 245, .5); background: #1EC8F5; background-color: rgba(30, 200, 245, .5); overflow: hidden; }
.section-inline-uplayer {
display: inline-block; width: 100px; height: 100%; vertical-align: top;
border-radius: 0;
background-color: transparent;
opacity: 0;
-webkit-animation: 2s ease infinite anim-chcw;
animation: 2s ease infinite anim-chcw;
-webkit-transform: scale(1);
transform: scale(1);
}
.section-inline-uplayer:nth-child(1) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
.section-inline-uplayer:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.section-inline-uplayer:nth-child(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.section-inline-uplayer:nth-child(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.section-inline-uplayer:nth-child(5) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }
.section-inline-uplayer:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.section-inline-uplayer:nth-child(7) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.section-inline-uplayer:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.section-inline-uplayer:nth-child(9) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
.section-inline-uplayer:nth-child(10) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.section-inline-uplayer:nth-child(11) { -webkit-animation-delay: 0.55s; animation-delay: 0.55s; }
.section-inline-uplayer:nth-child(12) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.section-inline-uplayer:nth-child(13) { -webkit-animation-delay: 0.65s; animation-delay: 0.65s; }
.section-inline-uplayer:nth-child(14) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.section-inline-uplayer:nth-child(15) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.section-inline-uplayer:nth-child(16) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.section-inline-uplayer:nth-child(17) { -webkit-animation-delay: 0.85s; animation-delay: 0.85s; }
.section-inline-uplayer:nth-child(18) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.section-inline-uplayer:nth-child(19) { -webkit-animation-delay: 0.95s; animation-delay: 0.95s; }
.section-inline-uplayer:nth-child(20) { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
@-webkit-keyframes anim-chcw {
0% { -webkit-transform: scale(1); transform: scale(1); }
50% { background-color: rgba(0, 0, 0, .1); opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes anim-chcw {
0% { -webkit-transform: scale(1); transform: scale(1); }
50% { background-color: rgba(0, 0, 0, .1); opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
100% { -webkit-transform: scale(1); transform: scale(1); }
}
/*color neon*/
.section-inline-neon { position: relative; width: 100%; overflow-x: hidden !important; }
.slinear-neon { width: 300%; height: 1px;
background-image: -webkit-gradient(linear, left top, right top, color-stop( 0.0, rgb(255, 0, 0) ), color-stop( 0.168, rgb(146, 213, 0) ), color-stop( 0.336, rgb(0, 213, 197) ),
color-stop( 0.502, rgb(213, 0, 196) ), color-stop( 0.669, rgb(255, 0, 0) ), color-stop( 0.834, rgb(146, 213, 0) ), color-stop( 1.0, rgb(0, 213, 197) ));
background-image: -webkit-linear-gradient(left, rgb(255, 0, 0), rgb(146, 213, 0) 16.8%, rgb(0, 213, 197) 33.6%, rgb(213, 0, 196) 50.2%, rgb(255, 0, 0) 66.9%, rgb(146, 213, 0) 83.4%, rgb(0, 213, 197) );
background-image: -moz-linear-gradient(left, rgb(255, 0, 0), rgb(146, 213, 0) 16.8%, rgb(0, 213, 197) 33.6%, rgb(213, 0, 196) 50.2%, rgb(255, 0, 0) 66.9%, rgb(146, 213, 0) 83.4%, rgb(0, 213, 197) );
background-image: -ms-linear-gradient(left, rgb(255, 0, 0), rgb(146, 213, 0) 16.8%, rgb(0, 213, 197) 33.6%, rgb(213, 0, 196) 50.2%, rgb(255, 0, 0) 66.9%, rgb(146, 213, 0) 83.4%, rgb(0, 213, 197) );
background-image: -o-linear-gradient(left, rgb(255, 0, 0), rgb(146, 213, 0) 16.8%, rgb(0, 213, 197) 33.6%, rgb(213, 0, 196) 50.2%, rgb(255, 0, 0) 66.9%, rgb(146, 213, 0) 83.4%, rgb(0, 213, 197) );
background-image: linear-gradient(left, rgb(255, 0, 0), rgb(146, 213, 0) 16.8%, rgb(0, 213, 197) 33.6%, rgb(213, 0, 196) 50.2%, rgb(255, 0, 0) 66.9%, rgb(146, 213, 0) 83.4%, rgb(0, 213, 197) );
-webkit-animation: moving_line_jquery 4s linear infinite reverse;
animation: moving_line_jquery 4s linear infinite reverse;
}
@-webkit-keyframes moving_line_jquery { to { margin-left: -210%; } from { margin-left: -10%; } }
@keyframes moving_line_jquery { to { margin-left: -210%; } from { margin-left: -10%; } }
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*============================================================================*/
/*fullpage*/
/*============================================================================*/
/*left & right nav dot*/
#fp-nav {
right: 15px !important; z-index: 9980; /*.cbp-popup-lightbox => 9990*/
border-radius: 15px;
background: rgba(255, 255, 255, .3); background-color: rgba(255, 255, 255, .3);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#fp-nav ul li { margin: 25px 10px; }
#fp-nav ul li a span {
width: 10px; height: 10px; margin: -6px 0px 0px -5px !important;
background: rgba(156,230,255,1);
background: -moz-linear-gradient(-45deg, rgba(156,230,255,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(156,230,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(156,230,255,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(156,230,255,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(156,230,255,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(156,230,255,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ce6ff', endColorstr='#ffffff', GradientType=1 );
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#fp-nav ul li a:hover span {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(12%, rgba(148,230,255,1)), color-stop(100%, rgba(0,187,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00bbff', GradientType=1 );
box-shadow: rgba(0, 0, 0, .05) 0 0 2px 2px, rgba(255, 255, 255, .6) 0 0 12px 0;
}
/*normal*/
#fp-nav ul li a.active span {
width: 15px; height: 15px; margin: -10px 0px 0px -7px !important;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(12%, rgba(148,230,255,1)), color-stop(100%, rgba(0,187,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(148,230,255,1) 12%, rgba(0,187,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00bbff', GradientType=1 );
box-shadow: rgba(255, 255, 255, 1) 0 0 2px 2px, #03a9f4 0 0 12px 0;
}
.fp-slidesNav {
border-radius: 15px;
background: #FF5252;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.fp-slidesNav ul li { margin: 5px 20px; }
.fp-slidesNav ul li a span { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.fp-slidesNav ul li a:hover span { background: #777; }
.fp-slidesNav ul li a.active span {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
background: #fff;
}
.fp-tableCell {
display: inline-block;
vertical-align: none;
/*
padding-left: 15px !important;
padding-right: 15px !important;
*/
}
@media screen and (min-width: 1px) and (max-width: 480px) {
#fp-nav { top: 60%; zoom: 50%; }
}
.fp-section,
.fp-slide,
.fp-tableCell{
height: auto !important;
}
/*============================================================================*/
/*============================================================================*/
/*============================================================================*/
/*============================================================================*/
/*btn ele*/
/*----------------------------------------------------------------------------*/
/*bg ele 01*/
/**/
[data-btn-bg01] {
display: inline-block; position: relative;
text-align: left; text-decoration: none; text-transform: uppercase;
overflow: hidden;
}
[data-btn-bg01]:before, [data-btn-bg01]:after {
content: attr(data-btn-bg01);
z-index: -1; position: absolute; top: 0; padding-bottom: inherit; padding-top: inherit; height: 50px; white-space: nowrap;
border-radius: 0;
background-color: rgba(0, 0, 0, .15);
overflow: hidden;
}
[data-btn-bg01]:before { left: 0; width: 0; text-indent: 18px; }
[data-btn-bg01]:after {
left: 100%;
padding-left: inherit; padding-right: inherit;
text-indent: calc(-100% - 36px);
transition: 0.2s ease-in-out;
}
[data-btn-bg01]:hover:before { width: 100%; transition: width 0.2s ease-in-out; }
[data-btn-bg01]:hover:after { left: 0; text-indent: 0; transition: 0s 0.2s ease-in-out; }
/*bg ele 02*/
/**/
/**/
a.msbtn-btnele-bg02:before, span.msbtn-btnele-bg02:before {
content: '';
position: absolute; width: 800px; height: 600px;
background: rgba(0, 0, 0, .15);
-webkit-transform: translate(-1000px, -400px) rotate(130deg);
transform: translate(-1000px, -400px) rotate(130deg);
transition: all 700ms ease;
}
/*
a.msbtn-btnele-bg02:after, span.msbtn-btnele-bg02:after { }
a.msbtn-btnele-bg02:hover:after, span.msbtn-btnele-bg02:hover:after { }
*/
a.msbtn-btnele-bg02:hover:before, span.msbtn-btnele-bg02:hover:before {
-webkit-transform: translate(-200px, -400px) rotate(130deg);
transform: translate(-200px, -400px) rotate(130deg);
}
/*bg ele 03*/
/**/
/**/
a.msbtn-btnele-bg03:before, span.msbtn-btnele-bg03:before {
content: '';
display: inline-block; position: absolute; width: 400px; height: 400px;
background: rgba(0, 0, 0, .15);
-webkit-transform: translate(-1920px, -190px) rotate(45deg);
transform: translate(-1920px, -190px) rotate(45deg);
transition: all 700ms ease;
overflow: hidden;
}
a.msbtn-btnele-bg03:hover:before, span.msbtn-btnele-bg03:hover:before {
-webkit-transform: translate(48%, -190px) rotate(45deg);
transform: translate(48%, -190px) rotate(45deg);
transition: all 700ms ease;
}
/*----------------------------------------------------------------------------*/
/*text 上下 捲一次*/
/*456*/
a span.msbtn-btnele-txtscroll-vx1 {
display: inline-block; position: relative; min-width: 60px;
transition: transform 500ms;
-webkit-transition: -webkit-transform 500ms;
-moz-transition: transform 500ms;
}
a span.msbtn-btnele-txtscroll-vx1:after {
content: attr(data-btntxtscrollvx1);
position: absolute; top: -50px; left:0;
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
a:hover span.msbtn-btnele-txtscroll-vx1, a:focus span.msbtn-btnele-txtscroll-vx1 {
transform: translateY(50px);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
}
/*----------------------------------------------------------------------------*/
/*text 上下 捲兩次*/
/*456*/
a span.msbtn-btnele-txtscroll-vx2 {
display: inline-block; position: relative; min-width: 60px;
transition: transform 600ms;
-webkit-transition: -webkit-transform 600ms;
}
a span.msbtn-btnele-txtscroll-vx2:before {
content: attr(data-btntxtscrollvx2);
position: absolute; top: -90px; left:0;
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
a span.msbtn-btnele-txtscroll-vx2:after {
content: attr(data-btntxtscrollvx2);
position: absolute; top: -60px; left:0;
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
a:hover span.msbtn-btnele-txtscroll-vx2, a:focus span.msbtn-btnele-txtscroll-vx2 {
transform: translateY(90px);
-webkit-transform: translateY(90px);
-moz-transform: translateY(90px);
}
/*----------------------------------------------------------------------------*/
/*text 左右*/
/*456*/
/*----------------------------------------------------------------------------*/
/*simple + 線框 原元素不要設框線用底圖*/
/* */
span.msbtn-btnele-line01 { display: block; }
a.msbtn-btnele-border01::before, a.msbtn-btnele-border01::after {
content: "";
position: absolute; width: 0; height: 1px; background-color: rgba(0, 0, 0, .15);
transition: all 0.2s linear;
}
span.msbtn-btnele-line01::before, span.msbtn-btnele-line01::after {
content: "";
position: absolute; width: 1px; height: 0; background-color: rgba(0, 0, 0, .15);
transition: all 0.2s linear;
}
a.msbtn-btnele-border01:hover::before, a.msbtn-btnele-border01:hover::after { width: 100%; }
a.msbtn-btnele-border01:hover span.msbtn-btnele-line01::before, a.msbtn-btnele-border01:hover span.msbtn-btnele-line01::after { height: 100%; }
/* button 1 */
a.msbtn-btnele-border01.btn-1::before, a.msbtn-btnele-border01.btn-1::after { transition-delay: 0.2s; }
a.msbtn-btnele-border01.btn-1 span.msbtn-btnele-line01::before,
a.msbtn-btnele-border01.btn-1 span.msbtn-btnele-line01::after { transition-delay: 0s; }
a.msbtn-btnele-border01.btn-1::before { right: 0; top: 0; }
a.msbtn-btnele-border01.btn-1::after { left: 0; bottom: 0; }
a.msbtn-btnele-border01.btn-1 span.msbtn-btnele-line01::before { left: 0; top: 0; }
a.msbtn-btnele-border01.btn-1 span.msbtn-btnele-line01::after { right: 0; bottom: 0; }
a.msbtn-btnele-border01.btn-1:hover::before,
a.msbtn-btnele-border01.btn-1:hover::after { transition-delay: 0s; }
a.msbtn-btnele-border01.btn-1:hover span.msbtn-btnele-line01::before,
a.msbtn-btnele-border01.btn-1:hover span.msbtn-btnele-line01::after { transition-delay: 0.2s; }
/* button 2 */
a.msbtn-btnele-border01.btn-2::before,
a.msbtn-btnele-border01.btn-2::after { transition-delay: 0s; }
a.msbtn-btnele-border01.btn-2 span.msbtn-btnele-line01::before,
a.msbtn-btnele-border01.btn-2 span.msbtn-btnele-line01::after { transition-delay: 0.2s; }
a.msbtn-btnele-border01.btn-2::before { right: 0; top: 0; }
a.msbtn-btnele-border01.btn-2::after { left: 0; bottom: 0; }
a.msbtn-btnele-border01.btn-2 span.msbtn-btnele-line01::before { left: 0; top: 0; }
a.msbtn-btnele-border01.btn-2 span.msbtn-btnele-line01::after { right: 0; bottom: 0; }
a.msbtn-btnele-border01.btn-2:hover::before,
a.msbtn-btnele-border01.btn-2:hover::after { transition-delay: 0.2s; }
a.msbtn-btnele-border01.btn-2:hover span.msbtn-btnele-line01::before,
a.msbtn-btnele-border01.btn-2:hover span.msbtn-btnele-line01::after { transition-delay: 0s; }
/* button 3 */
a.msbtn-btnele-border01.btn-3::after { left: 0; bottom: 0; transition-delay: 0.6s; }
a.msbtn-btnele-border01.btn-3 span.msbtn-btnele-line01::after { transition-delay: 0.4s; right: 0; bottom: 0 }
a.msbtn-btnele-border01.btn-3::before { right: 0; top: 0; transition-delay: 0.2s; }
a.msbtn-btnele-border01.btn-3 span.msbtn-btnele-line01::before { transition-delay: 0s; left: 0; top: 0; }
a.msbtn-btnele-border01.btn-3:hover::after { transition-delay: 0s; }
a.msbtn-btnele-border01.btn-3:hover span.msbtn-btnele-line01::after { transition-delay: 0.2s; }
a.msbtn-btnele-border01.btn-3:hover::before { transition-delay: 0.4s; }
a.msbtn-btnele-border01.btn-3:hover span.msbtn-btnele-line01::before { transition-delay: 0.6s; }
/* button 4 */
a.msbtn-btnele-border01.btn-4::after { right:0; bottom: 0; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-4 span.msbtn-btnele-line01::after { right:0; bottom: 0; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-4::before { left: 0; top: 0; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-4 span.msbtn-btnele-line01::before { left: 0; top: 0; transition-duration: 0.4s; }
/* button 5 */
a.msbtn-btnele-border01.btn-5::after { left:0; bottom: 0; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-5 span.msbtn-btnele-line01::after { right:0; top: 0; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-5::before { right: 0; top: 0; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-5 span.msbtn-btnele-line01::before { left: 0; bottom: 0; transition-duration: 0.4s; }
/* button 6 */
a.msbtn-btnele-border01.btn-6::before { left: 50%; top: 0; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-6::after { left: 50%; bottom: 0; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-6 span.msbtn-btnele-line01::before { left: 0; top: 50%; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-6 span.msbtn-btnele-line01::after { right: 0; top: 50%; transition-duration: 0.4s; }
a.msbtn-btnele-border01.btn-6:hover::before,
a.msbtn-btnele-border01.btn-6:hover::after { left: 0; }
a.msbtn-btnele-border01.btn-6:hover span.msbtn-btnele-line01::before,
a.msbtn-btnele-border01.btn-6:hover span.msbtn-btnele-line01::after { top: 0; }
/*----------------------------------------------------------------------------*/
/*============================================================================*/
/* house */
/*============================================================================*/
.icon-house-red { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/red.gif) no-repeat center center; }
.icon-house-pink { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/pink.gif) no-repeat center center; }
.icon-house-purple { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/purple.gif) no-repeat center center; }
.icon-house-deeppurple { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/deeppurple.gif) no-repeat center center; }
.icon-house-indigo { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/indigo.gif) no-repeat center center; }
.icon-house-blue { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/blue.gif) no-repeat center center; }
.icon-house-lightblue { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/lightblue.gif) no-repeat center center; }
.icon-house-cyan { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/cyan.gif) no-repeat center center; }
.icon-house-teal { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/teal.gif) no-repeat center center; }
.icon-house-green { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/green.gif) no-repeat center center; }
.icon-house-lightgreen { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/lightgreen.gif) no-repeat center center; }
.icon-house-lime { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/lime.gif) no-repeat center center; }
.icon-house-yellow { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/yellow.gif) no-repeat center center; }
.icon-house-amber { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/amber.gif) no-repeat center center; }
.icon-house-orange { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/orange.gif) no-repeat center center; }
.icon-house-deeporange { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/deeporange.gif) no-repeat center center; }
.icon-house-brown { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/brown.gif) no-repeat center center; }
.icon-house-grey { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/grey.gif) no-repeat center center; }
.icon-house-bluegrey { display: inline-block; width: 20px; height: 18px; background: transparent url(../_sub_images/house/bluegrey.gif) no-repeat center center; }
/*============================================================================*/
/* 獎牌 評分 */
/*============================================================================*/
.put-endue-fobj { z-index: 2; display: inline-block; position: absolute; cursor: default; }
.put-endue-fobj.v1 { top: 3px; right: 5px; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/v1.png) no-repeat center center; } /*黑色 best choice 最好的選擇*/
.put-endue-fobj.v2 { top: 3px; right: 5px; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/v2.png) no-repeat center center; } /*黑色 quality guaranteed 品質保證*/
.put-endue-fobj.v3 { top: 0; right: 0; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/v3.png) no-repeat center center; } /*站長推薦*/
.put-endue-fobj.v4 { top: 0; right: 0; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/v4.png) no-repeat center center; } /*推薦*/
.put-endue-fobj.v5 { top: 0; right: 0; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/v5.png) no-repeat center center; } /*優*/
.put-endue-fobj.sp01 { top: 0; left: 10px; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/sp01.png) no-repeat center center; } /*週年慶*/
.put-endue-fobj.sp02 { top: 0; left: 10px; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/sp02.png) no-repeat center center; } /*春節特價*/
.put-endue-fobj.sp03 { top: 0; left: 10px; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/sp03.png) no-repeat center center; }
.put-endue-fobj.sp04 { top: 0; left: 10px; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/sp04.png) no-repeat center center; }
.put-endue-fobj.spfb { top: 0; left: 10px; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/spfb.png) no-repeat center center; } /*fb*/
.put-endue-fobj.spline { top: 0; left: 10px; width: 80px; height: 80px; background: transparent url(../_sub_images/put-endue-fobj/spline.png) no-repeat center center; } /*line*/
@media screen and (min-width: 1px) and (max-width: 480px) {
.put-endue-fobj { zoom: 60%; }
.put-endue-fobj.v1 { top: 5px; right: 0; }
.put-endue-fobj.v2 { top: 5px; right: 0; }
.put-endue-fobj.v3 { top: 0; right: 0; }
.put-endue-fobj.v4 { top: 5px; right: 0; }
.put-endue-fobj.v5 { top: 5px; right: 0; }
.put-endue-fobj.sp01 { top: 5px; left: 15px; }
.put-endue-fobj.sp02 { top: 5px; left: 15px; }
.put-endue-fobj.sp03 { top: 5px; left: 15px; }
.put-endue-fobj.sp04 { top: 5px; left: 15px; }
.put-endue-fobj.spfb { top: 8px; left: 15px; }
.put-endue-fobj.spline { top: 8px; left: 15px; }
}
/*精選用*
.cbp-item:hover > .cbp-item-wrapper > .put-endue-fobj {
-webkit-animation: bounceInLeft 1s;
-moz-animation: bounceInLeft 1s;
-ms-animation: bounceInLeft 1s;
-o-animation: bounceInLeft 1s;
animation: bounceInLeft 1s;
}
*/