/* ** 原始創作: 中華民國 / 台灣 / 高雄市 / 王裕文 / Tiger老師 ** ** Tiger老師是全世界第一個自動架站引擎的發明者 ** ** Line ID : hi6vhivv ** ** 電子信箱: hi6vhivv@gmail.com / hi6vhivv@yahoo.com.tw ** ** Tiger老師 / 網業發展研究工作室: https://Tiger.vvv.tw ** ** 服務項目: 專門研發【自動化 / 超速級】架站引擎丶開站平台；從 Web 1.0 開始己經有二十幾年的經歷。 ** ** 專業供應:每年至少都會推出一種全新觀念的架站引擎提供給同業採用,歡迎聯絡。 ** ** Tiger老師 / 網業發展研究工作室 https://tiger.vvv.tw ** ** 五元網站｜五省錢超值建站平台: https://www.005.tw ** ** ** 版權所有，本版本日期: 2025-04-11 ** ** ** Tiger老師可能是自1999年起第一個專業「賣平台」的個人 ** ** 甲傳勝址: Tiger老師為了解決HTTPS安全鎖網址的問題所研究出來的技術= 馬上讓每個網站都具備自己網站的 HTTPS安全鎖網址。 */ /*------------------------------------ 底色 及 字色 色系表 ------------------------------------*/ .scrollbar-color::-webkit-scrollbar-thumb {background: #607d8b!important;} /* red 1.底色*/ .bg-red {background-color: #f44336 !important;} .bg-red-L1 {background-color: #ef5350 !important;} .bg-red-L2 {background-color: #e57373 !important;} .bg-red-L3 {background-color: #ef9a9a !important;} .bg-red-L4 {background-color: #ffcdd2 !important;} .bg-red-D1 {background-color: #e53935 !important;} .bg-red-D2 {background-color: #d32f2f !important;} .bg-red-D3 {background-color: #c62828 !important;} .bg-red-D4 {background-color: #b71c1c !important;} .bg-red-A1 {background-color: #ff8a80 !important;} .bg-red-A2 {background-color: #ff5252 !important;} .bg-red-A3 {background-color: #ff1744 !important;} .bg-red-A4 {background-color: #d50000 !important;} .scrollbar-red::-webkit-scrollbar-thumb {background: #ffcdd2!important;} /* 捲軸顏色 */ /* red 2.字色*/ .text-red {color: #f44336 !important;} .text-red-L1 {color: #ef5350 !important;} .text-red-L2 {color: #e57373 !important;} .text-red-L3 {color: #ef9a9a !important;} .text-red-L4 {color: #ffcdd2 !important;} .text-red-D1 {color: #e53935 !important;} .text-red-D2 {color: #d32f2f !important;} .text-red-D3 {color: #c62828 !important;} .text-red-D4 {color: #b71c1c !important;} .text-red-A1 {color: #ff8a80 !important;} .text-red-A2 {color: #ff5252 !important;} .text-red-A3 {color: #ff1744 !important;} .text-red-A4 {color: #d50000 !important;} /* red 3.底色漸層-白色*/ .bgT-red-w {background-image: linear-gradient(to top , #ffffff -15%, #f44336 80%); !important;} .bgB-red-w {background-image: linear-gradient(to bottom , #ffffff -15%, #f44336 80%); !important;} .bgR-red-w {background-image: linear-gradient(to right , #ffffff -15%, #f44336 80%); !important;} .bgL-red-w {background-image: linear-gradient(to left , #ffffff -15%, #f44336 80%); !important;} .bgTR-red-w {background-image: linear-gradient(to top right , #ffffff -15%, #f44336 80%); !important;} .bgTL-red-w {background-image: linear-gradient(to top left , #ffffff -15%, #f44336 80%); !important;} .bgBR-red-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #f44336 80%); !important;} .bgBL-red-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #f44336 80%); !important;} .bgT-red-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #e53935 80%); !important;} .bgB-red-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #e53935 80%); !important;} .bgR-red-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #e53935 80%); !important;} .bgL-red-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #e53935 80%); !important;} .bgTR-red-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #e53935 80%); !important;} .bgTL-red-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #e53935 80%); !important;} .bgBR-red-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #e53935 80%); !important;} .bgBL-red-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #e53935 80%); !important;} .bgT-red-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #d32f2f 80%); !important;} .bgB-red-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #d32f2f 80%); !important;} .bgR-red-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #d32f2f 80%); !important;} .bgL-red-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #d32f2f 80%); !important;} .bgTR-red-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #d32f2f 80%); !important;} .bgTL-red-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #d32f2f 80%); !important;} .bgBR-red-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #d32f2f 80%); !important;} .bgBL-red-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #d32f2f 80%); !important;} .bgT-red-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #c62828 80%); !important;} .bgB-red-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #c62828 80%); !important;} .bgR-red-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #c62828 80%); !important;} .bgL-red-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #c62828 80%); !important;} .bgTR-red-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #c62828 80%); !important;} .bgTL-red-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #c62828 80%); !important;} .bgBR-red-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #c62828 80%); !important;} .bgBL-red-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #c62828 80%); !important;} .bgT-red-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #b71c1c 80%); !important;} .bgB-red-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #b71c1c 80%); !important;} .bgR-red-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #b71c1c 80%); !important;} .bgL-red-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #b71c1c 80%); !important;} .bgTR-red-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #b71c1c 80%); !important;} .bgTL-red-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #b71c1c 80%); !important;} .bgBR-red-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #b71c1c 80%); !important;} .bgBL-red-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #b71c1c 80%); !important;} /* red 4.底色漸層-同色*/ .bgT-red {background-image: linear-gradient(to top , #ef9a9a -20%, #f44336 80%); !important;} .bgB-red {background-image: linear-gradient(to bottom , #ef9a9a -20%, #f44336 80%); !important;} .bgR-red {background-image: linear-gradient(to right , #ef9a9a -20%, #f44336 80%); !important;} .bgL-red {background-image: linear-gradient(to left , #ef9a9a -20%, #f44336 80%); !important;} .bgTR-red {background-image: linear-gradient(to top right , #ef9a9a -20%, #f44336 80%); !important;} .bgTL-red {background-image: linear-gradient(to top left , #ef9a9a -20%, #f44336 80%); !important;} .bgBR-red {background-image: linear-gradient(to bottom right , #ef9a9a -20%, #f44336 80%); !important;} .bgBL-red {background-image: linear-gradient(to bottom left , #ef9a9a -20%, #f44336 80%); !important;} .bgT-red-D1 {background-image: linear-gradient(to top , #ef9a9a -20%, #e53935 80%); !important;} .bgB-red-D1 {background-image: linear-gradient(to bottom , #ef9a9a -20%, #e53935 80%); !important;} .bgR-red-D1 {background-image: linear-gradient(to right , #ef9a9a -20%, #e53935 80%); !important;} .bgL-red-D1 {background-image: linear-gradient(to left , #ef9a9a -20%, #e53935 80%); !important;} .bgTR-red-D1 {background-image: linear-gradient(to top right , #ef9a9a -20%, #e53935 80%); !important;} .bgTL-red-D1 {background-image: linear-gradient(to top left , #ef9a9a -20%, #e53935 80%); !important;} .bgBR-red-D1 {background-image: linear-gradient(to bottom right , #ef9a9a -20%, #e53935 80%); !important;} .bgBL-red-D1 {background-image: linear-gradient(to bottom left , #ef9a9a -20%, #e53935 80%); !important;} .bgT-red-D2 {background-image: linear-gradient(to top , #ef9a9a -20%, #d32f2f 80%); !important;} .bgB-red-D2 {background-image: linear-gradient(to bottom , #ef9a9a -20%, #d32f2f 80%); !important;} .bgR-red-D2 {background-image: linear-gradient(to right , #ef9a9a -20%, #d32f2f 80%); !important;} .bgL-red-D2 {background-image: linear-gradient(to left , #ef9a9a -20%, #d32f2f 80%); !important;} .bgTR-red-D2 {background-image: linear-gradient(to top right , #ef9a9a -20%, #d32f2f 80%); !important;} .bgTL-red-D2 {background-image: linear-gradient(to top left , #ef9a9a -20%, #d32f2f 80%); !important;} .bgBR-red-D2 {background-image: linear-gradient(to bottom right , #ef9a9a -20%, #d32f2f 80%); !important;} .bgBL-red-D2 {background-image: linear-gradient(to bottom left , #ef9a9a -20%, #d32f2f 80%); !important;} .bgT-red-D3 {background-image: linear-gradient(to top , #ef9a9a -20%, #c62828 80%); !important;} .bgB-red-D3 {background-image: linear-gradient(to bottom , #ef9a9a -20%, #c62828 80%); !important;} .bgR-red-D3 {background-image: linear-gradient(to right , #ef9a9a -20%, #c62828 80%); !important;} .bgL-red-D3 {background-image: linear-gradient(to left , #ef9a9a -20%, #c62828 80%); !important;} .bgTR-red-D3 {background-image: linear-gradient(to top right , #ef9a9a -20%, #c62828 80%); !important;} .bgTL-red-D3 {background-image: linear-gradient(to top left , #ef9a9a -20%, #c62828 80%); !important;} .bgBR-red-D3 {background-image: linear-gradient(to bottom right , #ef9a9a -20%, #c62828 80%); !important;} .bgBL-red-D3 {background-image: linear-gradient(to bottom left , #ef9a9a -20%, #c62828 80%); !important;} .bgT-red-D4 {background-image: linear-gradient(to top , #ef9a9a -20%, #b71c1c 80%); !important;} .bgB-red-D4 {background-image: linear-gradient(to bottom , #ef9a9a -20%, #b71c1c 80%); !important;} .bgR-red-D4 {background-image: linear-gradient(to right , #ef9a9a -20%, #b71c1c 80%); !important;} .bgL-red-D4 {background-image: linear-gradient(to left , #ef9a9a -20%, #b71c1c 80%); !important;} .bgTR-red-D4 {background-image: linear-gradient(to top right , #ef9a9a -20%, #b71c1c 80%); !important;} .bgTL-red-D4 {background-image: linear-gradient(to top left , #ef9a9a -20%, #b71c1c 80%); !important;} .bgBR-red-D4 {background-image: linear-gradient(to bottom right , #ef9a9a -20%, #b71c1c 80%); !important;} .bgBL-red-D4 {background-image: linear-gradient(to bottom left , #ef9a9a -20%, #b71c1c 80%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* pink 1.底色*/ .bg-pink {background-color: #e91e63 !important;} .bg-pink-L1 {background-color: #ec407a !important;} .bg-pink-L2 {background-color: #f06292 !important;} .bg-pink-L3 {background-color: #f48fb1 !important;} .bg-pink-L4 {background-color: #f8bbd0 !important;} .bg-pink-D1 {background-color: #d81b60 !important;} .bg-pink-D2 {background-color: #c2185b !important;} .bg-pink-D3 {background-color: #ad1457 !important;} .bg-pink-D4 {background-color: #880e4f !important;} .bg-pink-A1 {background-color: #ff80ab !important;} .bg-pink-A2 {background-color: #ff4081 !important;} .bg-pink-A3 {background-color: #f50057 !important;} .bg-pink-A4 {background-color: #c51162 !important;} .scrollbar-pink::-webkit-scrollbar-thumb {background: #f8bbd0!important;} /* 捲軸顏色 */ /* pink 2.字色*/ .text-pink {color: #e91e63 !important;} .text-pink-L1 {color: #ec407a !important;} .text-pink-L2 {color: #f06292 !important;} .text-pink-L3 {color: #f48fb1 !important;} .text-pink-L4 {color: #f8bbd0 !important;} .text-pink-D1 {color: #d81b60 !important;} .text-pink-D2 {color: #c2185b !important;} .text-pink-D3 {color: #ad1457 !important;} .text-pink-D4 {color: #880e4f !important;} .text-pink-A1 {color: #ff80ab !important;} .text-pink-A2 {color: #ff4081 !important;} .text-pink-A3 {color: #f50057 !important;} .text-pink-A4 {color: #c51162 !important;} /* pink 3.底色漸層-白色*/ .bgT-pink-w {background-image: linear-gradient(to top , #ffffff -15%, #e91e63 80%); !important;} .bgB-pink-w {background-image: linear-gradient(to bottom , #ffffff -15%, #e91e63 80%); !important;} .bgR-pink-w {background-image: linear-gradient(to right , #ffffff -15%, #e91e63 80%); !important;} .bgL-pink-w {background-image: linear-gradient(to left , #ffffff -15%, #e91e63 80%); !important;} .bgTR-pink-w {background-image: linear-gradient(to top right , #ffffff -15%, #e91e63 80%); !important;} .bgTL-pink-w {background-image: linear-gradient(to top left , #ffffff -15%, #e91e63 80%); !important;} .bgBR-pink-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #e91e63 80%); !important;} .bgBL-pink-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #e91e63 80%); !important;} .bgT-pink-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #d81b60 80%); !important;} .bgB-pink-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #d81b60 80%); !important;} .bgR-pink-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #d81b60 80%); !important;} .bgL-pink-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #d81b60 80%); !important;} .bgTR-pink-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #d81b60 80%); !important;} .bgTL-pink-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #d81b60 80%); !important;} .bgBR-pink-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #d81b60 80%); !important;} .bgBL-pink-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #d81b60 80%); !important;} .bgT-pink-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #c2185b 80%); !important;} .bgB-pink-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #c2185b 80%); !important;} .bgR-pink-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #c2185b 80%); !important;} .bgL-pink-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #c2185b 80%); !important;} .bgTR-pink-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #c2185b 80%); !important;} .bgTL-pink-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #c2185b 80%); !important;} .bgBR-pink-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #c2185b 80%); !important;} .bgBL-pink-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #c2185b 80%); !important;} .bgT-pink-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #ad1457 80%); !important;} .bgB-pink-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #ad1457 80%); !important;} .bgR-pink-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #ad1457 80%); !important;} .bgL-pink-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #ad1457 80%); !important;} .bgTR-pink-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #ad1457 80%); !important;} .bgTL-pink-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #ad1457 80%); !important;} .bgBR-pink-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #ad1457 80%); !important;} .bgBL-pink-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #ad1457 80%); !important;} .bgT-pink-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #880e4f 80%); !important;} .bgB-pink-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #880e4f 80%); !important;} .bgR-pink-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #880e4f 80%); !important;} .bgL-pink-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #880e4f 80%); !important;} .bgTR-pink-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #880e4f 80%); !important;} .bgTL-pink-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #880e4f 80%); !important;} .bgBR-pink-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #880e4f 80%); !important;} .bgBL-pink-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #880e4f 80%); !important;} /* pink 4.底色漸層-同色*/ .bgT-pink {background-image: linear-gradient(to top , #f48fb1 -20%, #e91e63 80%); !important;} .bgB-pink {background-image: linear-gradient(to bottom , #f48fb1 -20%, #e91e63 80%); !important;} .bgR-pink {background-image: linear-gradient(to right , #f48fb1 -20%, #e91e63 80%); !important;} .bgL-pink {background-image: linear-gradient(to left , #f48fb1 -20%, #e91e63 80%); !important;} .bgTR-pink {background-image: linear-gradient(to top right , #f48fb1 -20%, #e91e63 80%); !important;} .bgTL-pink {background-image: linear-gradient(to top left , #f48fb1 -20%, #e91e63 80%); !important;} .bgBR-pink {background-image: linear-gradient(to bottom right , #f48fb1 -20%, #e91e63 80%); !important;} .bgBL-pink {background-image: linear-gradient(to bottom left , #f48fb1 -20%, #e91e63 80%); !important;} .bgT-pink-D1 {background-image: linear-gradient(to top , #f48fb1 -20%, #d81b60 80%); !important;} .bgB-pink-D1 {background-image: linear-gradient(to bottom , #f48fb1 -20%, #d81b60 80%); !important;} .bgR-pink-D1 {background-image: linear-gradient(to right , #f48fb1 -20%, #d81b60 80%); !important;} .bgL-pink-D1 {background-image: linear-gradient(to left , #f48fb1 -20%, #d81b60 80%); !important;} .bgTR-pink-D1 {background-image: linear-gradient(to top right , #f48fb1 -20%, #d81b60 80%); !important;} .bgTL-pink-D1 {background-image: linear-gradient(to top left , #f48fb1 -20%, #d81b60 80%); !important;} .bgBR-pink-D1 {background-image: linear-gradient(to bottom right , #f48fb1 -20%, #d81b60 80%); !important;} .bgBL-pink-D1 {background-image: linear-gradient(to bottom left , #f48fb1 -20%, #d81b60 80%); !important;} .bgT-pink-D2 {background-image: linear-gradient(to top , #f48fb1 -20%, #c2185b 80%); !important;} .bgB-pink-D2 {background-image: linear-gradient(to bottom , #f48fb1 -20%, #c2185b 80%); !important;} .bgR-pink-D2 {background-image: linear-gradient(to right , #f48fb1 -20%, #c2185b 80%); !important;} .bgL-pink-D2 {background-image: linear-gradient(to left , #f48fb1 -20%, #c2185b 80%); !important;} .bgTR-pink-D2 {background-image: linear-gradient(to top right , #f48fb1 -20%, #c2185b 80%); !important;} .bgTL-pink-D2 {background-image: linear-gradient(to top left , #f48fb1 -20%, #c2185b 80%); !important;} .bgBR-pink-D2 {background-image: linear-gradient(to bottom right , #f48fb1 -20%, #c2185b 80%); !important;} .bgBL-pink-D2 {background-image: linear-gradient(to bottom left , #f48fb1 -20%, #c2185b 80%); !important;} .bgT-pink-D3 {background-image: linear-gradient(to top , #f48fb1 -20%, #ad1457 80%); !important;} .bgB-pink-D3 {background-image: linear-gradient(to bottom , #f48fb1 -20%, #ad1457 80%); !important;} .bgR-pink-D3 {background-image: linear-gradient(to right , #f48fb1 -20%, #ad1457 80%); !important;} .bgL-pink-D3 {background-image: linear-gradient(to left , #f48fb1 -20%, #ad1457 80%); !important;} .bgTR-pink-D3 {background-image: linear-gradient(to top right , #f48fb1 -20%, #ad1457 80%); !important;} .bgTL-pink-D3 {background-image: linear-gradient(to top left , #f48fb1 -20%, #ad1457 80%); !important;} .bgBR-pink-D3 {background-image: linear-gradient(to bottom right , #f48fb1 -20%, #ad1457 80%); !important;} .bgBL-pink-D3 {background-image: linear-gradient(to bottom left , #f48fb1 -20%, #ad1457 80%); !important;} .bgT-pink-D4 {background-image: linear-gradient(to top , #f48fb1 -20%, #880e4f 80%); !important;} .bgB-pink-D4 {background-image: linear-gradient(to bottom , #f48fb1 -20%, #880e4f 80%); !important;} .bgR-pink-D4 {background-image: linear-gradient(to right , #f48fb1 -20%, #880e4f 80%); !important;} .bgL-pink-D4 {background-image: linear-gradient(to left , #f48fb1 -20%, #880e4f 80%); !important;} .bgTR-pink-D4 {background-image: linear-gradient(to top right , #f48fb1 -20%, #880e4f 80%); !important;} .bgTL-pink-D4 {background-image: linear-gradient(to top left , #f48fb1 -20%, #880e4f 80%); !important;} .bgBR-pink-D4 {background-image: linear-gradient(to bottom right , #f48fb1 -20%, #880e4f 80%); !important;} .bgBL-pink-D4 {background-image: linear-gradient(to bottom left , #f48fb1 -20%, #880e4f 80%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* purple 1.底色*/ .bg-purple {background-color: #9c27b0 !important;} .bg-purple-L1 {background-color: #ab47bc !important;} .bg-purple-L2 {background-color: #ba68c8 !important;} .bg-purple-L3 {background-color: #ce93d8 !important;} .bg-purple-L4 {background-color: #e1bee7 !important;} .bg-purple-D1 {background-color: #8e24aa !important;} .bg-purple-D2 {background-color: #7b1fa2 !important;} .bg-purple-D3 {background-color: #6a1b9a !important;} .bg-purple-D4 {background-color: #4a148c !important;} .bg-purple-A1 {background-color: #ea80fc !important;} .bg-purple-A2 {background-color: #e040fb !important;} .bg-purple-A3 {background-color: #d500f9 !important;} .bg-purple-A4 {background-color: #aa00ff !important;} .scrollbar-purple::-webkit-scrollbar-thumb {background: #e1bee7!important;} /* 捲軸顏色 */ /* purple 2.字色*/ .text-purple {color: #9c27b0 !important;} .text-purple-L1 {color: #ab47bc !important;} .text-purple-L2 {color: #ba68c8 !important;} .text-purple-L3 {color: #ce93d8 !important;} .text-purple-L4 {color: #e1bee7 !important;} .text-purple-D1 {color: #8e24aa !important;} .text-purple-D2 {color: #7b1fa2 !important;} .text-purple-D3 {color: #6a1b9a !important;} .text-purple-D4 {color: #4a148c !important;} .text-purple-A1 {color: #ea80fc !important;} .text-purple-A2 {color: #e040fb !important;} .text-purple-A3 {color: #d500f9 !important;} .text-purple-A4 {color: #aa00ff !important;} /* purple 3.底色漸層-白色*/ .bgT-purple-w {background-image: linear-gradient(to top , #ffffff -15%, #9c27b0 80%); !important;} .bgB-purple-w {background-image: linear-gradient(to bottom , #ffffff -15%, #9c27b0 80%); !important;} .bgR-purple-w {background-image: linear-gradient(to right , #ffffff -15%, #9c27b0 80%); !important;} .bgL-purple-w {background-image: linear-gradient(to left , #ffffff -15%, #9c27b0 80%); !important;} .bgTR-purple-w {background-image: linear-gradient(to top right , #ffffff -15%, #9c27b0 80%); !important;} .bgTL-purple-w {background-image: linear-gradient(to top left , #ffffff -15%, #9c27b0 80%); !important;} .bgBR-purple-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #9c27b0 80%); !important;} .bgBL-purple-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #9c27b0 80%); !important;} .bgT-purple-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #8e24aa 80%); !important;} .bgB-purple-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #8e24aa 80%); !important;} .bgR-purple-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #8e24aa 80%); !important;} .bgL-purple-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #8e24aa 80%); !important;} .bgTR-purple-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #8e24aa 80%); !important;} .bgTL-purple-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #8e24aa 80%); !important;} .bgBR-purple-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #8e24aa 80%); !important;} .bgBL-purple-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #8e24aa 80%); !important;} .bgT-purple-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #7b1fa2 80%); !important;} .bgB-purple-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #7b1fa2 80%); !important;} .bgR-purple-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #7b1fa2 80%); !important;} .bgL-purple-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #7b1fa2 80%); !important;} .bgTR-purple-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #7b1fa2 80%); !important;} .bgTL-purple-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #7b1fa2 80%); !important;} .bgBR-purple-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #7b1fa2 80%); !important;} .bgBL-purple-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #7b1fa2 80%); !important;} .bgT-purple-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #6a1b9a 80%); !important;} .bgB-purple-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #6a1b9a 80%); !important;} .bgR-purple-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #6a1b9a 80%); !important;} .bgL-purple-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #6a1b9a 80%); !important;} .bgTR-purple-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #6a1b9a 80%); !important;} .bgTL-purple-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #6a1b9a 80%); !important;} .bgBR-purple-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #6a1b9a 80%); !important;} .bgBL-purple-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #6a1b9a 80%); !important;} .bgT-purple-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #4a148c 80%); !important;} .bgB-purple-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #4a148c 80%); !important;} .bgR-purple-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #4a148c 80%); !important;} .bgL-purple-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #4a148c 80%); !important;} .bgTR-purple-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #4a148c 80%); !important;} .bgTL-purple-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #4a148c 80%); !important;} .bgBR-purple-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #4a148c 80%); !important;} .bgBL-purple-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #4a148c 80%); !important;} /* purple 4.底色漸層-同色*/ .bgT-purple {background-image: linear-gradient(to top , #ce93d8 -20%, #9c27b0 80%); !important;} .bgB-purple {background-image: linear-gradient(to bottom , #ce93d8 -20%, #9c27b0 80%); !important;} .bgR-purple {background-image: linear-gradient(to right , #ce93d8 -20%, #9c27b0 80%); !important;} .bgL-purple {background-image: linear-gradient(to left , #ce93d8 -20%, #9c27b0 80%); !important;} .bgTR-purple {background-image: linear-gradient(to top right , #ce93d8 -20%, #9c27b0 80%); !important;} .bgTL-purple {background-image: linear-gradient(to top left , #ce93d8 -20%, #9c27b0 80%); !important;} .bgBR-purple {background-image: linear-gradient(to bottom right , #ce93d8 -20%, #9c27b0 80%); !important;} .bgBL-purple {background-image: linear-gradient(to bottom left , #ce93d8 -20%, #9c27b0 80%); !important;} .bgT-purple-D1 {background-image: linear-gradient(to top , #ce93d8 -20%, #8e24aa 80%); !important;} .bgB-purple-D1 {background-image: linear-gradient(to bottom , #ce93d8 -20%, #8e24aa 80%); !important;} .bgR-purple-D1 {background-image: linear-gradient(to right , #ce93d8 -20%, #8e24aa 80%); !important;} .bgL-purple-D1 {background-image: linear-gradient(to left , #ce93d8 -20%, #8e24aa 80%); !important;} .bgTR-purple-D1 {background-image: linear-gradient(to top right , #ce93d8 -20%, #8e24aa 80%); !important;} .bgTL-purple-D1 {background-image: linear-gradient(to top left , #ce93d8 -20%, #8e24aa 80%); !important;} .bgBR-purple-D1 {background-image: linear-gradient(to bottom right , #ce93d8 -20%, #8e24aa 80%); !important;} .bgBL-purple-D1 {background-image: linear-gradient(to bottom left , #ce93d8 -20%, #8e24aa 80%); !important;} .bgT-purple-D2 {background-image: linear-gradient(to top , #ce93d8 -20%, #7b1fa2 80%); !important;} .bgB-purple-D2 {background-image: linear-gradient(to bottom , #ce93d8 -20%, #7b1fa2 80%); !important;} .bgR-purple-D2 {background-image: linear-gradient(to right , #ce93d8 -20%, #7b1fa2 80%); !important;} .bgL-purple-D2 {background-image: linear-gradient(to left , #ce93d8 -20%, #7b1fa2 80%); !important;} .bgTR-purple-D2 {background-image: linear-gradient(to top right , #ce93d8 -20%, #7b1fa2 80%); !important;} .bgTL-purple-D2 {background-image: linear-gradient(to top left , #ce93d8 -20%, #7b1fa2 80%); !important;} .bgBR-purple-D2 {background-image: linear-gradient(to bottom right , #ce93d8 -20%, #7b1fa2 80%); !important;} .bgBL-purple-D2 {background-image: linear-gradient(to bottom left , #ce93d8 -20%, #7b1fa2 80%); !important;} .bgT-purple-D3 {background-image: linear-gradient(to top , #ce93d8 -20%, #6a1b9a 80%); !important;} .bgB-purple-D3 {background-image: linear-gradient(to bottom , #ce93d8 -20%, #6a1b9a 80%); !important;} .bgR-purple-D3 {background-image: linear-gradient(to right , #ce93d8 -20%, #6a1b9a 80%); !important;} .bgL-purple-D3 {background-image: linear-gradient(to left , #ce93d8 -20%, #6a1b9a 80%); !important;} .bgTR-purple-D3 {background-image: linear-gradient(to top right , #ce93d8 -20%, #6a1b9a 80%); !important;} .bgTL-purple-D3 {background-image: linear-gradient(to top left , #ce93d8 -20%, #6a1b9a 80%); !important;} .bgBR-purple-D3 {background-image: linear-gradient(to bottom right , #ce93d8 -20%, #6a1b9a 80%); !important;} .bgBL-purple-D3 {background-image: linear-gradient(to bottom left , #ce93d8 -20%, #6a1b9a 80%); !important;} .bgT-purple-D4 {background-image: linear-gradient(to top , #ce93d8 -20%, #4a148c 80%); !important;} .bgB-purple-D4 {background-image: linear-gradient(to bottom , #ce93d8 -20%, #4a148c 80%); !important;} .bgR-purple-D4 {background-image: linear-gradient(to right , #ce93d8 -20%, #4a148c 80%); !important;} .bgL-purple-D4 {background-image: linear-gradient(to left , #ce93d8 -20%, #4a148c 80%); !important;} .bgTR-purple-D4 {background-image: linear-gradient(to top right , #ce93d8 -20%, #4a148c 80%); !important;} .bgTL-purple-D4 {background-image: linear-gradient(to top left , #ce93d8 -20%, #4a148c 80%); !important;} .bgBR-purple-D4 {background-image: linear-gradient(to bottom right , #ce93d8 -20%, #4a148c 80%); !important;} .bgBL-purple-D4 {background-image: linear-gradient(to bottom left , #ce93d8 -20%, #4a148c 80%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* deep 1.底色*/ .bg-deep {background-color: #673ab7 !important;} .bg-deep-L1 {background-color: #7e57c2 !important;} .bg-deep-L2 {background-color: #9575cd !important;} .bg-deep-L3 {background-color: #b39ddb !important;} .bg-deep-L4 {background-color: #d1c4e9 !important;} .bg-deep-D1 {background-color: #5e35b1 !important;} .bg-deep-D2 {background-color: #512da8 !important;} .bg-deep-D3 {background-color: #4527a0 !important;} .bg-deep-D4 {background-color: #311b92 !important;} .bg-deep-A1 {background-color: #b388ff !important;} .bg-deep-A2 {background-color: #7c4dff !important;} .bg-deep-A3 {background-color: #651fff !important;} .bg-deep-A4 {background-color: #6200ea !important;} .scrollbar-deep::-webkit-scrollbar-thumb {background: #d1c4e9!important;} /* 捲軸顏色 */ /* deep 2.字色*/ .text-deep {color: #673ab7 !important;} .text-deep-L1 {color: #7e57c2 !important;} .text-deep-L2 {color: #9575cd !important;} .text-deep-L3 {color: #b39ddb !important;} .text-deep-L4 {color: #d1c4e9 !important;} .text-deep-D1 {color: #5e35b1 !important;} .text-deep-D2 {color: #512da8 !important;} .text-deep-D3 {color: #4527a0 !important;} .text-deep-D4 {color: #311b92 !important;} .text-deep-A1 {color: #b388ff !important;} .text-deep-A2 {color: #7c4dff !important;} .text-deep-A3 {color: #651fff !important;} .text-deep-A4 {color: #6200ea !important;} /* deep 3.底色漸層-白色*/ .bgT-deep-w {background-image: linear-gradient(to top , #ffffff -15%, #673ab7 80%); !important;} .bgB-deep-w {background-image: linear-gradient(to bottom , #ffffff -15%, #673ab7 80%); !important;} .bgR-deep-w {background-image: linear-gradient(to right , #ffffff -15%, #673ab7 80%); !important;} .bgL-deep-w {background-image: linear-gradient(to left , #ffffff -15%, #673ab7 80%); !important;} .bgTR-deep-w {background-image: linear-gradient(to top right , #ffffff -15%, #673ab7 80%); !important;} .bgTL-deep-w {background-image: linear-gradient(to top left , #ffffff -15%, #673ab7 80%); !important;} .bgBR-deep-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #673ab7 80%); !important;} .bgBL-deep-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #673ab7 80%); !important;} .bgT-deep-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #5e35b1 80%); !important;} .bgB-deep-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #5e35b1 80%); !important;} .bgR-deep-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #5e35b1 80%); !important;} .bgL-deep-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #5e35b1 80%); !important;} .bgTR-deep-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #5e35b1 80%); !important;} .bgTL-deep-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #5e35b1 80%); !important;} .bgBR-deep-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #5e35b1 80%); !important;} .bgBL-deep-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #5e35b1 80%); !important;} .bgT-deep-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #512da8 80%); !important;} .bgB-deep-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #512da8 80%); !important;} .bgR-deep-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #512da8 80%); !important;} .bgL-deep-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #512da8 80%); !important;} .bgTR-deep-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #512da8 80%); !important;} .bgTL-deep-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #512da8 80%); !important;} .bgBR-deep-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #512da8 80%); !important;} .bgBL-deep-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #512da8 80%); !important;} .bgT-deep-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #4527a0 80%); !important;} .bgB-deep-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #4527a0 80%); !important;} .bgR-deep-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #4527a0 80%); !important;} .bgL-deep-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #4527a0 80%); !important;} .bgTR-deep-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #4527a0 80%); !important;} .bgTL-deep-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #4527a0 80%); !important;} .bgBR-deep-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #4527a0 80%); !important;} .bgBL-deep-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #4527a0 80%); !important;} .bgT-deep-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #311b92 80%); !important;} .bgB-deep-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #311b92 80%); !important;} .bgR-deep-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #311b92 80%); !important;} .bgL-deep-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #311b92 80%); !important;} .bgTR-deep-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #311b92 80%); !important;} .bgTL-deep-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #311b92 80%); !important;} .bgBR-deep-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #311b92 80%); !important;} .bgBL-deep-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #311b92 80%); !important;} /* deep 4.底色漸層-同色*/ .bgT-deep {background-image: linear-gradient(to top , #b39ddb -20%, #673ab7 80%); !important;} .bgB-deep {background-image: linear-gradient(to bottom , #b39ddb -20%, #673ab7 80%); !important;} .bgR-deep {background-image: linear-gradient(to right , #b39ddb -20%, #673ab7 80%); !important;} .bgL-deep {background-image: linear-gradient(to left , #b39ddb -20%, #673ab7 80%); !important;} .bgTR-deep {background-image: linear-gradient(to top right , #b39ddb -20%, #673ab7 80%); !important;} .bgTL-deep {background-image: linear-gradient(to top left , #b39ddb -20%, #673ab7 80%); !important;} .bgBR-deep {background-image: linear-gradient(to bottom right , #b39ddb -20%, #673ab7 80%); !important;} .bgBL-deep {background-image: linear-gradient(to bottom left , #b39ddb -20%, #673ab7 80%); !important;} .bgT-deep-D1 {background-image: linear-gradient(to top , #b39ddb -20%, #5e35b1 80%); !important;} .bgB-deep-D1 {background-image: linear-gradient(to bottom , #b39ddb -20%, #5e35b1 80%); !important;} .bgR-deep-D1 {background-image: linear-gradient(to right , #b39ddb -20%, #5e35b1 80%); !important;} .bgL-deep-D1 {background-image: linear-gradient(to left , #b39ddb -20%, #5e35b1 80%); !important;} .bgTR-deep-D1 {background-image: linear-gradient(to top right , #b39ddb -20%, #5e35b1 80%); !important;} .bgTL-deep-D1 {background-image: linear-gradient(to top left , #b39ddb -20%, #5e35b1 80%); !important;} .bgBR-deep-D1 {background-image: linear-gradient(to bottom right , #b39ddb -20%, #5e35b1 80%); !important;} .bgBL-deep-D1 {background-image: linear-gradient(to bottom left , #b39ddb -20%, #5e35b1 80%); !important;} .bgT-deep-D2 {background-image: linear-gradient(to top , #b39ddb -20%, #512da8 80%); !important;} .bgB-deep-D2 {background-image: linear-gradient(to bottom , #b39ddb -20%, #512da8 80%); !important;} .bgR-deep-D2 {background-image: linear-gradient(to right , #b39ddb -20%, #512da8 80%); !important;} .bgL-deep-D2 {background-image: linear-gradient(to left , #b39ddb -20%, #512da8 80%); !important;} .bgTR-deep-D2 {background-image: linear-gradient(to top right , #b39ddb -20%, #512da8 80%); !important;} .bgTL-deep-D2 {background-image: linear-gradient(to top left , #b39ddb -20%, #512da8 80%); !important;} .bgBR-deep-D2 {background-image: linear-gradient(to bottom right , #b39ddb -20%, #512da8 80%); !important;} .bgBL-deep-D2 {background-image: linear-gradient(to bottom left , #b39ddb -20%, #512da8 80%); !important;} .bgT-deep-D3 {background-image: linear-gradient(to top , #b39ddb -20%, #4527a0 80%); !important;} .bgB-deep-D3 {background-image: linear-gradient(to bottom , #b39ddb -20%, #4527a0 80%); !important;} .bgR-deep-D3 {background-image: linear-gradient(to right , #b39ddb -20%, #4527a0 80%); !important;} .bgL-deep-D3 {background-image: linear-gradient(to left , #b39ddb -20%, #4527a0 80%); !important;} .bgTR-deep-D3 {background-image: linear-gradient(to top right , #b39ddb -20%, #4527a0 80%); !important;} .bgTL-deep-D3 {background-image: linear-gradient(to top left , #b39ddb -20%, #4527a0 80%); !important;} .bgBR-deep-D3 {background-image: linear-gradient(to bottom right , #b39ddb -20%, #4527a0 80%); !important;} .bgBL-deep-D3 {background-image: linear-gradient(to bottom left , #b39ddb -20%, #4527a0 80%); !important;} .bgT-deep-D4 {background-image: linear-gradient(to top , #b39ddb -20%, #311b92 80%); !important;} .bgB-deep-D4 {background-image: linear-gradient(to bottom , #b39ddb -20%, #311b92 80%); !important;} .bgR-deep-D4 {background-image: linear-gradient(to right , #b39ddb -20%, #311b92 80%); !important;} .bgL-deep-D4 {background-image: linear-gradient(to left , #b39ddb -20%, #311b92 80%); !important;} .bgTR-deep-D4 {background-image: linear-gradient(to top right , #b39ddb -20%, #311b92 80%); !important;} .bgTL-deep-D4 {background-image: linear-gradient(to top left , #b39ddb -20%, #311b92 80%); !important;} .bgBR-deep-D4 {background-image: linear-gradient(to bottom right , #b39ddb -20%, #311b92 80%); !important;} .bgBL-deep-D4 {background-image: linear-gradient(to bottom left , #b39ddb -20%, #311b92 80%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* indigo 1.底色*/ .bg-indigo {background-color: #3f51b5 !important;} .bg-indigo-L1 {background-color: #5c6bc0 !important;} .bg-indigo-L2 {background-color: #7986cb !important;} .bg-indigo-L3 {background-color: #9fa8da !important;} .bg-indigo-L4 {background-color: #c5cae9 !important;} .bg-indigo-D1 {background-color: #3949ab !important;} .bg-indigo-D2 {background-color: #303f9f !important;} .bg-indigo-D3 {background-color: #283593 !important;} .bg-indigo-D4 {background-color: #1a237e !important;} .bg-indigo-A1 {background-color: #8c9eff !important;} .bg-indigo-A2 {background-color: #536dfe !important;} .bg-indigo-A3 {background-color: #3d5afe !important;} .bg-indigo-A4 {background-color: #304ffe !important;} .scrollbar-indigo::-webkit-scrollbar-thumb {background: #c5cae9!important;} /* 捲軸顏色 */ /* indigo 2.字色*/ .text-indigo {color: #3f51b5 !important;} .text-indigo-L1 {color: #5c6bc0 !important;} .text-indigo-L2 {color: #7986cb !important;} .text-indigo-L3 {color: #9fa8da !important;} .text-indigo-L4 {color: #c5cae9 !important;} .text-indigo-D1 {color: #3949ab !important;} .text-indigo-D2 {color: #303f9f !important;} .text-indigo-D3 {color: #283593 !important;} .text-indigo-D4 {color: #1a237e !important;} .text-indigo-A1 {color: #8c9eff !important;} .text-indigo-A2 {color: #536dfe !important;} .text-indigo-A3 {color: #3d5afe !important;} .text-indigo-A4 {color: #304ffe !important;} /* indigo 3.底色漸層-白色*/ .bgT-indigo-w {background-image: linear-gradient(to top , #ffffff -15%, #3f51b5 80%); !important;} .bgB-indigo-w {background-image: linear-gradient(to bottom , #ffffff -15%, #3f51b5 80%); !important;} .bgR-indigo-w {background-image: linear-gradient(to right , #ffffff -15%, #3f51b5 80%); !important;} .bgL-indigo-w {background-image: linear-gradient(to left , #ffffff -15%, #3f51b5 80%); !important;} .bgTR-indigo-w {background-image: linear-gradient(to top right , #ffffff -15%, #3f51b5 80%); !important;} .bgTL-indigo-w {background-image: linear-gradient(to top left , #ffffff -15%, #3f51b5 80%); !important;} .bgBR-indigo-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #3f51b5 80%); !important;} .bgBL-indigo-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #3f51b5 80%); !important;} .bgT-indigo-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #3949ab 80%); !important;} .bgB-indigo-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #3949ab 80%); !important;} .bgR-indigo-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #3949ab 80%); !important;} .bgL-indigo-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #3949ab 80%); !important;} .bgTR-indigo-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #3949ab 80%); !important;} .bgTL-indigo-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #3949ab 80%); !important;} .bgBR-indigo-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #3949ab 80%); !important;} .bgBL-indigo-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #3949ab 80%); !important;} .bgT-indigo-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #303f9f 80%); !important;} .bgB-indigo-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #303f9f 80%); !important;} .bgR-indigo-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #303f9f 80%); !important;} .bgL-indigo-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #303f9f 80%); !important;} .bgTR-indigo-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #303f9f 80%); !important;} .bgTL-indigo-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #303f9f 80%); !important;} .bgBR-indigo-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #303f9f 80%); !important;} .bgBL-indigo-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #303f9f 80%); !important;} .bgT-indigo-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #283593 80%); !important;} .bgB-indigo-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #283593 80%); !important;} .bgR-indigo-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #283593 80%); !important;} .bgL-indigo-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #283593 80%); !important;} .bgTR-indigo-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #283593 80%); !important;} .bgTL-indigo-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #283593 80%); !important;} .bgBR-indigo-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #283593 80%); !important;} .bgBL-indigo-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #283593 80%); !important;} .bgT-indigo-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #1a237e 80%); !important;} .bgB-indigo-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #1a237e 80%); !important;} .bgR-indigo-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #1a237e 80%); !important;} .bgL-indigo-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #1a237e 80%); !important;} .bgTR-indigo-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #1a237e 80%); !important;} .bgTL-indigo-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #1a237e 80%); !important;} .bgBR-indigo-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #1a237e 80%); !important;} .bgBL-indigo-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #1a237e 80%); !important;} /* indigo 4.底色漸層-同色*/ .bgT-indigo {background-image: linear-gradient(to top , #9fa8da -20%, #3f51b5 80%); !important;} .bgB-indigo {background-image: linear-gradient(to bottom , #9fa8da -20%, #3f51b5 80%); !important;} .bgR-indigo {background-image: linear-gradient(to right , #9fa8da -20%, #3f51b5 80%); !important;} .bgL-indigo {background-image: linear-gradient(to left , #9fa8da -20%, #3f51b5 80%); !important;} .bgTR-indigo {background-image: linear-gradient(to top right , #9fa8da -20%, #3f51b5 80%); !important;} .bgTL-indigo {background-image: linear-gradient(to top left , #9fa8da -20%, #3f51b5 80%); !important;} .bgBR-indigo {background-image: linear-gradient(to bottom right , #9fa8da -20%, #3f51b5 80%); !important;} .bgBL-indigo {background-image: linear-gradient(to bottom left , #9fa8da -20%, #3f51b5 80%); !important;} .bgT-indigo-D1 {background-image: linear-gradient(to top , #9fa8da -20%, #3949ab 80%); !important;} .bgB-indigo-D1 {background-image: linear-gradient(to bottom , #9fa8da -20%, #3949ab 80%); !important;} .bgR-indigo-D1 {background-image: linear-gradient(to right , #9fa8da -20%, #3949ab 80%); !important;} .bgL-indigo-D1 {background-image: linear-gradient(to left , #9fa8da -20%, #3949ab 80%); !important;} .bgTR-indigo-D1 {background-image: linear-gradient(to top right , #9fa8da -20%, #3949ab 80%); !important;} .bgTL-indigo-D1 {background-image: linear-gradient(to top left , #9fa8da -20%, #3949ab 80%); !important;} .bgBR-indigo-D1 {background-image: linear-gradient(to bottom right , #9fa8da -20%, #3949ab 80%); !important;} .bgBL-indigo-D1 {background-image: linear-gradient(to bottom left , #9fa8da -20%, #3949ab 80%); !important;} .bgT-indigo-D2 {background-image: linear-gradient(to top , #9fa8da -20%, #303f9f 80%); !important;} .bgB-indigo-D2 {background-image: linear-gradient(to bottom , #9fa8da -20%, #303f9f 80%); !important;} .bgR-indigo-D2 {background-image: linear-gradient(to right , #9fa8da -20%, #303f9f 80%); !important;} .bgL-indigo-D2 {background-image: linear-gradient(to left , #9fa8da -20%, #303f9f 80%); !important;} .bgTR-indigo-D2 {background-image: linear-gradient(to top right , #9fa8da -20%, #303f9f 80%); !important;} .bgTL-indigo-D2 {background-image: linear-gradient(to top left , #9fa8da -20%, #303f9f 80%); !important;} .bgBR-indigo-D2 {background-image: linear-gradient(to bottom right , #9fa8da -20%, #303f9f 80%); !important;} .bgBL-indigo-D2 {background-image: linear-gradient(to bottom left , #9fa8da -20%, #303f9f 80%); !important;} .bgT-indigo-D3 {background-image: linear-gradient(to top , #9fa8da -20%, #283593 80%); !important;} .bgB-indigo-D3 {background-image: linear-gradient(to bottom , #9fa8da -20%, #283593 80%); !important;} .bgR-indigo-D3 {background-image: linear-gradient(to right , #9fa8da -20%, #283593 80%); !important;} .bgL-indigo-D3 {background-image: linear-gradient(to left , #9fa8da -20%, #283593 80%); !important;} .bgTR-indigo-D3 {background-image: linear-gradient(to top right , #9fa8da -20%, #283593 80%); !important;} .bgTL-indigo-D3 {background-image: linear-gradient(to top left , #9fa8da -20%, #283593 80%); !important;} .bgBR-indigo-D3 {background-image: linear-gradient(to bottom right , #9fa8da -20%, #283593 80%); !important;} .bgBL-indigo-D3 {background-image: linear-gradient(to bottom left , #9fa8da -20%, #283593 80%); !important;} .bgT-indigo-D4 {background-image: linear-gradient(to top , #9fa8da -20%, #1a237e 80%); !important;} .bgB-indigo-D4 {background-image: linear-gradient(to bottom , #9fa8da -20%, #1a237e 80%); !important;} .bgR-indigo-D4 {background-image: linear-gradient(to right , #9fa8da -20%, #1a237e 80%); !important;} .bgL-indigo-D4 {background-image: linear-gradient(to left , #9fa8da -20%, #1a237e 80%); !important;} .bgTR-indigo-D4 {background-image: linear-gradient(to top right , #9fa8da -20%, #1a237e 80%); !important;} .bgTL-indigo-D4 {background-image: linear-gradient(to top left , #9fa8da -20%, #1a237e 80%); !important;} .bgBR-indigo-D4 {background-image: linear-gradient(to bottom right , #9fa8da -20%, #1a237e 80%); !important;} .bgBL-indigo-D4 {background-image: linear-gradient(to bottom left , #9fa8da -20%, #1a237e 80%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* blue 1.底色*/ .bg-blue {background-color: #2196f3 !important;} .bg-blue-L1 {background-color: #42a5f5 !important;} .bg-blue-L2 {background-color: #64b5f6 !important;} .bg-blue-L3 {background-color: #90caf9 !important;} .bg-blue-L4 {background-color: #bbdefb !important;} .bg-blue-D1 {background-color: #1e88e5 !important;} .bg-blue-D2 {background-color: #1976d2 !important;} .bg-blue-D3 {background-color: #1565c0 !important;} .bg-blue-D4 {background-color: #0d47a1 !important;} .bg-blue-A1 {background-color: #82b1ff !important;} .bg-blue-A2 {background-color: #448aff !important;} .bg-blue-A3 {background-color: #2979ff !important;} .bg-blue-A4 {background-color: #2962ff !important;} .scrollbar-blue::-webkit-scrollbar-thumb {background: #bbdefb!important;} /* 捲軸顏色 */ /* blue 2.字色*/ .text-blue {color: #2196f3 !important;} .text-blue-L1 {color: #42a5f5 !important;} .text-blue-L2 {color: #64b5f6 !important;} .text-blue-L3 {color: #90caf9 !important;} .text-blue-L4 {color: #bbdefb !important;} .text-blue-D1 {color: #1e88e5 !important;} .text-blue-D2 {color: #1976d2 !important;} .text-blue-D3 {color: #1565c0 !important;} .text-blue-D4 {color: #0d47a1 !important;} .text-blue-A1 {color: #82b1ff !important;} .text-blue-A2 {color: #448aff !important;} .text-blue-A3 {color: #2979ff !important;} .text-blue-A4 {color: #2962ff !important;} /* blue 3.底色漸層-白色*/ .bgT-blue-w {background-image: linear-gradient(to top , #ffffff -15%, #2196f3 80%); !important;} .bgB-blue-w {background-image: linear-gradient(to bottom , #ffffff -15%, #2196f3 80%); !important;} .bgR-blue-w {background-image: linear-gradient(to right , #ffffff -15%, #2196f3 80%); !important;} .bgL-blue-w {background-image: linear-gradient(to left , #ffffff -15%, #2196f3 80%); !important;} .bgTR-blue-w {background-image: linear-gradient(to top right , #ffffff -15%, #2196f3 80%); !important;} .bgTL-blue-w {background-image: linear-gradient(to top left , #ffffff -15%, #2196f3 80%); !important;} .bgBR-blue-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #2196f3 80%); !important;} .bgBL-blue-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #2196f3 80%); !important;} .bgT-blue-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #1e88e5 80%); !important;} .bgB-blue-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #1e88e5 80%); !important;} .bgR-blue-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #1e88e5 80%); !important;} .bgL-blue-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #1e88e5 80%); !important;} .bgTR-blue-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #1e88e5 80%); !important;} .bgTL-blue-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #1e88e5 80%); !important;} .bgBR-blue-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #1e88e5 80%); !important;} .bgBL-blue-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #1e88e5 80%); !important;} .bgT-blue-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #1976d2 80%); !important;} .bgB-blue-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #1976d2 80%); !important;} .bgR-blue-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #1976d2 80%); !important;} .bgL-blue-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #1976d2 80%); !important;} .bgTR-blue-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #1976d2 80%); !important;} .bgTL-blue-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #1976d2 80%); !important;} .bgBR-blue-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #1976d2 80%); !important;} .bgBL-blue-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #1976d2 80%); !important;} .bgT-blue-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #1565c0 80%); !important;} .bgB-blue-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #1565c0 80%); !important;} .bgR-blue-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #1565c0 80%); !important;} .bgL-blue-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #1565c0 80%); !important;} .bgTR-blue-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #1565c0 80%); !important;} .bgTL-blue-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #1565c0 80%); !important;} .bgBR-blue-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #1565c0 80%); !important;} .bgBL-blue-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #1565c0 80%); !important;} .bgT-blue-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #0d47a1 80%); !important;} .bgB-blue-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #0d47a1 80%); !important;} .bgR-blue-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #0d47a1 80%); !important;} .bgL-blue-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #0d47a1 80%); !important;} .bgTR-blue-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #0d47a1 80%); !important;} .bgTL-blue-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #0d47a1 80%); !important;} .bgBR-blue-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #0d47a1 80%); !important;} .bgBL-blue-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #0d47a1 80%); !important;} /* blue 4.底色漸層-同色*/ .bgT-blue {background-image: linear-gradient(to top , #90caf9 -20%, #2196f3 80%); !important;} .bgB-blue {background-image: linear-gradient(to bottom , #90caf9 -20%, #2196f3 80%); !important;} .bgR-blue {background-image: linear-gradient(to right , #90caf9 -20%, #2196f3 80%); !important;} .bgL-blue {background-image: linear-gradient(to left , #90caf9 -20%, #2196f3 80%); !important;} .bgTR-blue {background-image: linear-gradient(to top right , #90caf9 -20%, #2196f3 80%); !important;} .bgTL-blue {background-image: linear-gradient(to top left , #90caf9 -20%, #2196f3 80%); !important;} .bgBR-blue {background-image: linear-gradient(to bottom right , #90caf9 -20%, #2196f3 80%); !important;} .bgBL-blue {background-image: linear-gradient(to bottom left , #90caf9 -20%, #2196f3 80%); !important;} .bgT-blue-D1 {background-image: linear-gradient(to top , #90caf9 -20%, #1e88e5 80%); !important;} .bgB-blue-D1 {background-image: linear-gradient(to bottom , #90caf9 -20%, #1e88e5 80%); !important;} .bgR-blue-D1 {background-image: linear-gradient(to right , #90caf9 -20%, #1e88e5 80%); !important;} .bgL-blue-D1 {background-image: linear-gradient(to left , #90caf9 -20%, #1e88e5 80%); !important;} .bgTR-blue-D1 {background-image: linear-gradient(to top right , #90caf9 -20%, #1e88e5 80%); !important;} .bgTL-blue-D1 {background-image: linear-gradient(to top left , #90caf9 -20%, #1e88e5 80%); !important;} .bgBR-blue-D1 {background-image: linear-gradient(to bottom right , #90caf9 -20%, #1e88e5 80%); !important;} .bgBL-blue-D1 {background-image: linear-gradient(to bottom left , #90caf9 -20%, #1e88e5 80%); !important;} .bgT-blue-D2 {background-image: linear-gradient(to top , #90caf9 -20%, #1976d2 80%); !important;} .bgB-blue-D2 {background-image: linear-gradient(to bottom , #90caf9 -20%, #1976d2 80%); !important;} .bgR-blue-D2 {background-image: linear-gradient(to right , #90caf9 -20%, #1976d2 80%); !important;} .bgL-blue-D2 {background-image: linear-gradient(to left , #90caf9 -20%, #1976d2 80%); !important;} .bgTR-blue-D2 {background-image: linear-gradient(to top right , #90caf9 -20%, #1976d2 80%); !important;} .bgTL-blue-D2 {background-image: linear-gradient(to top left , #90caf9 -20%, #1976d2 80%); !important;} .bgBR-blue-D2 {background-image: linear-gradient(to bottom right , #90caf9 -20%, #1976d2 80%); !important;} .bgBL-blue-D2 {background-image: linear-gradient(to bottom left , #90caf9 -20%, #1976d2 80%); !important;} .bgT-blue-D3 {background-image: linear-gradient(to top , #90caf9 -20%, #1565c0 80%); !important;} .bgB-blue-D3 {background-image: linear-gradient(to bottom , #90caf9 -20%, #1565c0 80%); !important;} .bgR-blue-D3 {background-image: linear-gradient(to right , #90caf9 -20%, #1565c0 80%); !important;} .bgL-blue-D3 {background-image: linear-gradient(to left , #90caf9 -20%, #1565c0 80%); !important;} .bgTR-blue-D3 {background-image: linear-gradient(to top right , #90caf9 -20%, #1565c0 80%); !important;} .bgTL-blue-D3 {background-image: linear-gradient(to top left , #90caf9 -20%, #1565c0 80%); !important;} .bgBR-blue-D3 {background-image: linear-gradient(to bottom right , #90caf9 -20%, #1565c0 80%); !important;} .bgBL-blue-D3 {background-image: linear-gradient(to bottom left , #90caf9 -20%, #1565c0 80%); !important;} .bgT-blue-D4 {background-image: linear-gradient(to top , #90caf9 -20%, #0d47a1 80%); !important;} .bgB-blue-D4 {background-image: linear-gradient(to bottom , #90caf9 -20%, #0d47a1 80%); !important;} .bgR-blue-D4 {background-image: linear-gradient(to right , #90caf9 -20%, #0d47a1 80%); !important;} .bgL-blue-D4 {background-image: linear-gradient(to left , #90caf9 -20%, #0d47a1 80%); !important;} .bgTR-blue-D4 {background-image: linear-gradient(to top right , #90caf9 -20%, #0d47a1 80%); !important;} .bgTL-blue-D4 {background-image: linear-gradient(to top left , #90caf9 -20%, #0d47a1 80%); !important;} .bgBR-blue-D4 {background-image: linear-gradient(to bottom right , #90caf9 -20%, #0d47a1 80%); !important;} .bgBL-blue-D4 {background-image: linear-gradient(to bottom left , #90caf9 -20%, #0d47a1 80%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* cyan 1.底色*/ .bg-cyan {background-color: #00bcd4 !important;} .bg-cyan-L1 {background-color: #26c6da !important;} .bg-cyan-L2 {background-color: #4dd0e1 !important;} .bg-cyan-L3 {background-color: #80deea !important;} .bg-cyan-L4 {background-color: #b2ebf2 !important;} .bg-cyan-D1 {background-color: #00acc1 !important;} .bg-cyan-D2 {background-color: #0097a7 !important;} .bg-cyan-D3 {background-color: #00838f !important;} .bg-cyan-D4 {background-color: #006064 !important;} .bg-cyan-A1 {background-color: #84ffff !important;} .bg-cyan-A2 {background-color: #18ffff !important;} .bg-cyan-A3 {background-color: #00e5ff !important;} .bg-cyan-A4 {background-color: #00b8d4 !important;} .scrollbar-cyan::-webkit-scrollbar-thumb {background: #b2ebf2!important;} /* 捲軸顏色 */ /* cyan 2.字色*/ .text-cyan {color: #00bcd4 !important;} .text-cyan-L1 {color: #26c6da !important;} .text-cyan-L2 {color: #4dd0e1 !important;} .text-cyan-L3 {color: #80deea !important;} .text-cyan-L4 {color: #b2ebf2 !important;} .text-cyan-D1 {color: #00acc1 !important;} .text-cyan-D2 {color: #0097a7 !important;} .text-cyan-D3 {color: #00838f !important;} .text-cyan-D4 {color: #006064 !important;} .text-cyan-A1 {color: #84ffff !important;} .text-cyan-A2 {color: #18ffff !important;} .text-cyan-A3 {color: #00e5ff !important;} .text-cyan-A4 {color: #00b8d4 !important;} /* cyan 3.底色漸層-白色*/ .bgT-cyan-w {background-image: linear-gradient(to top , #ffffff -15%, #00bcd4 80%); !important;} .bgB-cyan-w {background-image: linear-gradient(to bottom , #ffffff -15%, #00bcd4 80%); !important;} .bgR-cyan-w {background-image: linear-gradient(to right , #ffffff -15%, #00bcd4 80%); !important;} .bgL-cyan-w {background-image: linear-gradient(to left , #ffffff -15%, #00bcd4 80%); !important;} .bgTR-cyan-w {background-image: linear-gradient(to top right , #ffffff -15%, #00bcd4 80%); !important;} .bgTL-cyan-w {background-image: linear-gradient(to top left , #ffffff -15%, #00bcd4 80%); !important;} .bgBR-cyan-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #00bcd4 80%); !important;} .bgBL-cyan-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #00bcd4 80%); !important;} .bgT-cyan-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #00acc1 80%); !important;} .bgB-cyan-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #00acc1 80%); !important;} .bgR-cyan-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #00acc1 80%); !important;} .bgL-cyan-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #00acc1 80%); !important;} .bgTR-cyan-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #00acc1 80%); !important;} .bgTL-cyan-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #00acc1 80%); !important;} .bgBR-cyan-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #00acc1 80%); !important;} .bgBL-cyan-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #00acc1 80%); !important;} .bgT-cyan-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #0097a7 80%); !important;} .bgB-cyan-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #0097a7 80%); !important;} .bgR-cyan-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #0097a7 80%); !important;} .bgL-cyan-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #0097a7 80%); !important;} .bgTR-cyan-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #0097a7 80%); !important;} .bgTL-cyan-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #0097a7 80%); !important;} .bgBR-cyan-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #0097a7 80%); !important;} .bgBL-cyan-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #0097a7 80%); !important;} .bgT-cyan-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #00838f 80%); !important;} .bgB-cyan-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #00838f 80%); !important;} .bgR-cyan-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #00838f 80%); !important;} .bgL-cyan-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #00838f 80%); !important;} .bgTR-cyan-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #00838f 80%); !important;} .bgTL-cyan-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #00838f 80%); !important;} .bgBR-cyan-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #00838f 80%); !important;} .bgBL-cyan-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #00838f 80%); !important;} .bgT-cyan-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #006064 80%); !important;} .bgB-cyan-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #006064 80%); !important;} .bgR-cyan-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #006064 80%); !important;} .bgL-cyan-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #006064 80%); !important;} .bgTR-cyan-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #006064 80%); !important;} .bgTL-cyan-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #006064 80%); !important;} .bgBR-cyan-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #006064 80%); !important;} .bgBL-cyan-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #006064 80%); !important;} /* cyan 4.底色漸層-同色*/ .bgT-cyan {background-image: linear-gradient(to top , #80deea -20%, #00bcd4 80%); !important;} .bgB-cyan {background-image: linear-gradient(to bottom , #80deea -20%, #00bcd4 80%); !important;} .bgR-cyan {background-image: linear-gradient(to right , #80deea -20%, #00bcd4 80%); !important;} .bgL-cyan {background-image: linear-gradient(to left , #80deea -20%, #00bcd4 80%); !important;} .bgTR-cyan {background-image: linear-gradient(to top right , #80deea -20%, #00bcd4 80%); !important;} .bgTL-cyan {background-image: linear-gradient(to top left , #80deea -20%, #00bcd4 80%); !important;} .bgBR-cyan {background-image: linear-gradient(to bottom right , #80deea -20%, #00bcd4 80%); !important;} .bgBL-cyan {background-image: linear-gradient(to bottom left , #80deea -20%, #00bcd4 80%); !important;} .bgT-cyan-D1 {background-image: linear-gradient(to top , #80deea -20%, #00acc1 80%); !important;} .bgB-cyan-D1 {background-image: linear-gradient(to bottom , #80deea -20%, #00acc1 80%); !important;} .bgR-cyan-D1 {background-image: linear-gradient(to right , #80deea -20%, #00acc1 80%); !important;} .bgL-cyan-D1 {background-image: linear-gradient(to left , #80deea -20%, #00acc1 80%); !important;} .bgTR-cyan-D1 {background-image: linear-gradient(to top right , #80deea -20%, #00acc1 80%); !important;} .bgTL-cyan-D1 {background-image: linear-gradient(to top left , #80deea -20%, #00acc1 80%); !important;} .bgBR-cyan-D1 {background-image: linear-gradient(to bottom right , #80deea -20%, #00acc1 80%); !important;} .bgBL-cyan-D1 {background-image: linear-gradient(to bottom left , #80deea -20%, #00acc1 80%); !important;} .bgT-cyan-D2 {background-image: linear-gradient(to top , #80deea -20%, #0097a7 80%); !important;} .bgB-cyan-D2 {background-image: linear-gradient(to bottom , #80deea -20%, #0097a7 80%); !important;} .bgR-cyan-D2 {background-image: linear-gradient(to right , #80deea -20%, #0097a7 80%); !important;} .bgL-cyan-D2 {background-image: linear-gradient(to left , #80deea -20%, #0097a7 80%); !important;} .bgTR-cyan-D2 {background-image: linear-gradient(to top right , #80deea -20%, #0097a7 80%); !important;} .bgTL-cyan-D2 {background-image: linear-gradient(to top left , #80deea -20%, #0097a7 80%); !important;} .bgBR-cyan-D2 {background-image: linear-gradient(to bottom right , #80deea -20%, #0097a7 80%); !important;} .bgBL-cyan-D2 {background-image: linear-gradient(to bottom left , #80deea -20%, #0097a7 80%); !important;} .bgT-cyan-D3 {background-image: linear-gradient(to top , #80deea -20%, #00838f 80%); !important;} .bgB-cyan-D3 {background-image: linear-gradient(to bottom , #80deea -20%, #00838f 80%); !important;} .bgR-cyan-D3 {background-image: linear-gradient(to right , #80deea -20%, #00838f 80%); !important;} .bgL-cyan-D3 {background-image: linear-gradient(to left , #80deea -20%, #00838f 80%); !important;} .bgTR-cyan-D3 {background-image: linear-gradient(to top right , #80deea -20%, #00838f 80%); !important;} .bgTL-cyan-D3 {background-image: linear-gradient(to top left , #80deea -20%, #00838f 80%); !important;} .bgBR-cyan-D3 {background-image: linear-gradient(to bottom right , #80deea -20%, #00838f 80%); !important;} .bgBL-cyan-D3 {background-image: linear-gradient(to bottom left , #80deea -20%, #00838f 80%); !important;} .bgT-cyan-D4 {background-image: linear-gradient(to top , #80deea -20%, #006064 80%); !important;} .bgB-cyan-D4 {background-image: linear-gradient(to bottom , #80deea -20%, #006064 80%); !important;} .bgR-cyan-D4 {background-image: linear-gradient(to right , #80deea -20%, #006064 80%); !important;} .bgL-cyan-D4 {background-image: linear-gradient(to left , #80deea -20%, #006064 80%); !important;} .bgTR-cyan-D4 {background-image: linear-gradient(to top right , #80deea -20%, #006064 80%); !important;} .bgTL-cyan-D4 {background-image: linear-gradient(to top left , #80deea -20%, #006064 80%); !important;} .bgBR-cyan-D4 {background-image: linear-gradient(to bottom right , #80deea -20%, #006064 80%); !important;} .bgBL-cyan-D4 {background-image: linear-gradient(to bottom left , #80deea -20%, #006064 80%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* teal 1.底色*/ .bg-teal {background-color: #009688 !important;} .bg-teal-L1 {background-color: #26a69a !important;} .bg-teal-L2 {background-color: #4db6ac !important;} .bg-teal-L3 {background-color: #80cbc4 !important;} .bg-teal-L4 {background-color: #b2dfdb !important;} .bg-teal-D1 {background-color: #00897b !important;} .bg-teal-D2 {background-color: #00796b !important;} .bg-teal-D3 {background-color: #00695c !important;} .bg-teal-D4 {background-color: #004d40 !important;} .bg-teal-A1 {background-color: #a7ffeb !important;} .bg-teal-A2 {background-color: #64ffda !important;} .bg-teal-A3 {background-color: #1de9b6 !important;} .bg-teal-A4 {background-color: #00bfa5 !important;} .scrollbar-teal::-webkit-scrollbar-thumb {background: #b2dfdb!important;} /* 捲軸顏色 */ /* teal 2.字色*/ .text-teal {color: #009688 !important;} .text-teal-L1 {color: #26a69a !important;} .text-teal-L2 {color: #4db6ac !important;} .text-teal-L3 {color: #80cbc4 !important;} .text-teal-L4 {color: #b2dfdb !important;} .text-teal-D1 {color: #00897b !important;} .text-teal-D2 {color: #00796b !important;} .text-teal-D3 {color: #00695c !important;} .text-teal-D4 {color: #004d40 !important;} .text-teal-A1 {color: #a7ffeb !important;} .text-teal-A2 {color: #64ffda !important;} .text-teal-A3 {color: #1de9b6 !important;} .text-teal-A4 {color: #00bfa5 !important;} /* teal 3.底色漸層-白色*/ .bgT-teal-w {background-image: linear-gradient(to top , #ffffff -15%, #009688 100%); !important;} .bgB-teal-w {background-image: linear-gradient(to bottom , #ffffff -15%, #009688 100%); !important;} .bgR-teal-w {background-image: linear-gradient(to right , #ffffff -15%, #009688 100%); !important;} .bgL-teal-w {background-image: linear-gradient(to left , #ffffff -15%, #009688 100%); !important;} .bgTR-teal-w {background-image: linear-gradient(to top right , #ffffff -15%, #009688 100%); !important;} .bgTL-teal-w {background-image: linear-gradient(to top left , #ffffff -15%, #009688 100%); !important;} .bgBR-teal-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #009688 100%); !important;} .bgBL-teal-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #009688 100%); !important;} .bgT-teal-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #00897b 100%); !important;} .bgB-teal-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #00897b 100%); !important;} .bgR-teal-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #00897b 100%); !important;} .bgL-teal-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #00897b 100%); !important;} .bgTR-teal-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #00897b 100%); !important;} .bgTL-teal-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #00897b 100%); !important;} .bgBR-teal-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #00897b 100%); !important;} .bgBL-teal-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #00897b 100%); !important;} .bgT-teal-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #00796b 100%); !important;} .bgB-teal-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #00796b 100%); !important;} .bgR-teal-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #00796b 100%); !important;} .bgL-teal-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #00796b 100%); !important;} .bgTR-teal-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #00796b 100%); !important;} .bgTL-teal-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #00796b 100%); !important;} .bgBR-teal-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #00796b 100%); !important;} .bgBL-teal-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #00796b 100%); !important;} .bgT-teal-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #00695c 100%); !important;} .bgB-teal-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #00695c 100%); !important;} .bgR-teal-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #00695c 100%); !important;} .bgL-teal-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #00695c 100%); !important;} .bgTR-teal-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #00695c 100%); !important;} .bgTL-teal-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #00695c 100%); !important;} .bgBR-teal-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #00695c 100%); !important;} .bgBL-teal-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #00695c 100%); !important;} .bgT-teal-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #004d40 100%); !important;} .bgB-teal-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #004d40 100%); !important;} .bgR-teal-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #004d40 100%); !important;} .bgL-teal-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #004d40 100%); !important;} .bgTR-teal-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #004d40 100%); !important;} .bgTL-teal-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #004d40 100%); !important;} .bgBR-teal-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #004d40 100%); !important;} .bgBL-teal-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #004d40 100%); !important;} /* teal 4.底色漸層-同色*/ .bgT-teal {background-image: linear-gradient(to top , #80cbc4 -20%, #009688 100%); !important;} .bgB-teal {background-image: linear-gradient(to bottom , #80cbc4 -20%, #009688 100%); !important;} .bgR-teal {background-image: linear-gradient(to right , #80cbc4 -20%, #009688 100%); !important;} .bgL-teal {background-image: linear-gradient(to left , #80cbc4 -20%, #009688 100%); !important;} .bgTR-teal {background-image: linear-gradient(to top right , #80cbc4 -20%, #009688 100%); !important;} .bgTL-teal {background-image: linear-gradient(to top left , #80cbc4 -20%, #009688 100%); !important;} .bgBR-teal {background-image: linear-gradient(to bottom right , #80cbc4 -20%, #009688 100%); !important;} .bgBL-teal {background-image: linear-gradient(to bottom left , #80cbc4 -20%, #009688 100%); !important;} .bgT-teal-D1 {background-image: linear-gradient(to top , #80cbc4 -20%, #00897b 100%); !important;} .bgB-teal-D1 {background-image: linear-gradient(to bottom , #80cbc4 -20%, #00897b 100%); !important;} .bgR-teal-D1 {background-image: linear-gradient(to right , #80cbc4 -20%, #00897b 100%); !important;} .bgL-teal-D1 {background-image: linear-gradient(to left , #80cbc4 -20%, #00897b 100%); !important;} .bgTR-teal-D1 {background-image: linear-gradient(to top right , #80cbc4 -20%, #00897b 100%); !important;} .bgTL-teal-D1 {background-image: linear-gradient(to top left , #80cbc4 -20%, #00897b 100%); !important;} .bgBR-teal-D1 {background-image: linear-gradient(to bottom right , #80cbc4 -20%, #00897b 100%); !important;} .bgBL-teal-D1 {background-image: linear-gradient(to bottom left , #80cbc4 -20%, #00897b 100%); !important;} .bgT-teal-D2 {background-image: linear-gradient(to top , #80cbc4 -20%, #00796b 100%); !important;} .bgB-teal-D2 {background-image: linear-gradient(to bottom , #80cbc4 -20%, #00796b 100%); !important;} .bgR-teal-D2 {background-image: linear-gradient(to right , #80cbc4 -20%, #00796b 100%); !important;} .bgL-teal-D2 {background-image: linear-gradient(to left , #80cbc4 -20%, #00796b 100%); !important;} .bgTR-teal-D2 {background-image: linear-gradient(to top right , #80cbc4 -20%, #00796b 100%); !important;} .bgTL-teal-D2 {background-image: linear-gradient(to top left , #80cbc4 -20%, #00796b 100%); !important;} .bgBR-teal-D2 {background-image: linear-gradient(to bottom right , #80cbc4 -20%, #00796b 100%); !important;} .bgBL-teal-D2 {background-image: linear-gradient(to bottom left , #80cbc4 -20%, #00796b 100%); !important;} .bgT-teal-D3 {background-image: linear-gradient(to top , #80cbc4 -20%, #00695c 100%); !important;} .bgB-teal-D3 {background-image: linear-gradient(to bottom , #80cbc4 -20%, #00695c 100%); !important;} .bgR-teal-D3 {background-image: linear-gradient(to right , #80cbc4 -20%, #00695c 100%); !important;} .bgL-teal-D3 {background-image: linear-gradient(to left , #80cbc4 -20%, #00695c 100%); !important;} .bgTR-teal-D3 {background-image: linear-gradient(to top right , #80cbc4 -20%, #00695c 100%); !important;} .bgTL-teal-D3 {background-image: linear-gradient(to top left , #80cbc4 -20%, #00695c 100%); !important;} .bgBR-teal-D3 {background-image: linear-gradient(to bottom right , #80cbc4 -20%, #00695c 100%); !important;} .bgBL-teal-D3 {background-image: linear-gradient(to bottom left , #80cbc4 -20%, #00695c 100%); !important;} .bgT-teal-D4 {background-image: linear-gradient(to top , #80cbc4 -20%, #004d40 100%); !important;} .bgB-teal-D4 {background-image: linear-gradient(to bottom , #80cbc4 -20%, #004d40 100%); !important;} .bgR-teal-D4 {background-image: linear-gradient(to right , #80cbc4 -20%, #004d40 100%); !important;} .bgL-teal-D4 {background-image: linear-gradient(to left , #80cbc4 -20%, #004d40 100%); !important;} .bgTR-teal-D4 {background-image: linear-gradient(to top right , #80cbc4 -20%, #004d40 100%); !important;} .bgTL-teal-D4 {background-image: linear-gradient(to top left , #80cbc4 -20%, #004d40 100%); !important;} .bgBR-teal-D4 {background-image: linear-gradient(to bottom right , #80cbc4 -20%, #004d40 100%); !important;} .bgBL-teal-D4 {background-image: linear-gradient(to bottom left , #80cbc4 -20%, #004d40 100%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* green 1.底色*/ .bg-green {background-color: #8bc34a !important;} .bg-green-L1 {background-color: #9ccc65 !important;} .bg-green-L2 {background-color: #aed581 !important;} .bg-green-L3 {background-color: #c5e1a5 !important;} .bg-green-L4 {background-color: #dcedc8 !important;} .bg-green-D1 {background-color: #7cb342 !important;} .bg-green-D2 {background-color: #689f38 !important;} .bg-green-D3 {background-color: #558b2f !important;} .bg-green-D4 {background-color: #33691e !important;} .bg-green-A1 {background-color: #7cb342 !important;} .bg-green-A2 {background-color: #689f38 !important;} .bg-green-A3 {background-color: #558b2f !important;} .bg-green-A4 {background-color: #33691e !important;} .scrollbar-green::-webkit-scrollbar-thumb {background: #dcedc8!important;} /* 捲軸顏色 */ /* green 2.字色*/ .text-green {color: #8bc34a !important;} .text-green-L1 {color: #9ccc65 !important;} .text-green-L2 {color: #aed581 !important;} .text-green-L3 {color: #c5e1a5 !important;} .text-green-L4 {color: #dcedc8 !important;} .text-green-D1 {color: #7cb342 !important;} .text-green-D2 {color: #689f38 !important;} .text-green-D3 {color: #558b2f !important;} .text-green-D4 {color: #33691e !important;} .text-green-A1 {color: #7cb342 !important;} .text-green-A2 {color: #689f38 !important;} .text-green-A3 {color: #558b2f !important;} .text-green-A4 {color: #33691e !important;} /* green 3.底色漸層-白色*/ .bgT-green-w {background-image: linear-gradient(to top , #ffffff -15%, #8bc34a 100%); !important;} .bgB-green-w {background-image: linear-gradient(to bottom , #ffffff -15%, #8bc34a 100%); !important;} .bgR-green-w {background-image: linear-gradient(to right , #ffffff -15%, #8bc34a 100%); !important;} .bgL-green-w {background-image: linear-gradient(to left , #ffffff -15%, #8bc34a 100%); !important;} .bgTR-green-w {background-image: linear-gradient(to top right , #ffffff -15%, #8bc34a 100%); !important;} .bgTL-green-w {background-image: linear-gradient(to top left , #ffffff -15%, #8bc34a 100%); !important;} .bgBR-green-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #8bc34a 100%); !important;} .bgBL-green-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #8bc34a 100%); !important;} .bgT-green-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #7cb342 100%); !important;} .bgB-green-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #7cb342 100%); !important;} .bgR-green-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #7cb342 100%); !important;} .bgL-green-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #7cb342 100%); !important;} .bgTR-green-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #7cb342 100%); !important;} .bgTL-green-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #7cb342 100%); !important;} .bgBR-green-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #7cb342 100%); !important;} .bgBL-green-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #7cb342 100%); !important;} .bgT-green-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #689f38 100%); !important;} .bgB-green-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #689f38 100%); !important;} .bgR-green-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #689f38 100%); !important;} .bgL-green-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #689f38 100%); !important;} .bgTR-green-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #689f38 100%); !important;} .bgTL-green-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #689f38 100%); !important;} .bgBR-green-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #689f38 100%); !important;} .bgBL-green-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #689f38 100%); !important;} .bgT-green-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #558b2f 100%); !important;} .bgB-green-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #558b2f 100%); !important;} .bgR-green-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #558b2f 100%); !important;} .bgL-green-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #558b2f 100%); !important;} .bgTR-green-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #558b2f 100%); !important;} .bgTL-green-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #558b2f 100%); !important;} .bgBR-green-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #558b2f 100%); !important;} .bgBL-green-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #558b2f 100%); !important;} .bgT-green-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #33691e 100%); !important;} .bgB-green-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #33691e 100%); !important;} .bgR-green-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #33691e 100%); !important;} .bgL-green-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #33691e 100%); !important;} .bgTR-green-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #33691e 100%); !important;} .bgTL-green-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #33691e 100%); !important;} .bgBR-green-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #33691e 100%); !important;} .bgBL-green-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #33691e 100%); !important;} /* green 4.底色漸層-同色*/ .bgT-green {background-image: linear-gradient(to top , #c5e1a5 -20%, #8bc34a 100%); !important;} .bgB-green {background-image: linear-gradient(to bottom , #c5e1a5 -20%, #8bc34a 100%); !important;} .bgR-green {background-image: linear-gradient(to right , #c5e1a5 -20%, #8bc34a 100%); !important;} .bgL-green {background-image: linear-gradient(to left , #c5e1a5 -20%, #8bc34a 100%); !important;} .bgTR-green {background-image: linear-gradient(to top right , #c5e1a5 -20%, #8bc34a 100%); !important;} .bgTL-green {background-image: linear-gradient(to top left , #c5e1a5 -20%, #8bc34a 100%); !important;} .bgBR-green {background-image: linear-gradient(to bottom right , #c5e1a5 -20%, #8bc34a 100%); !important;} .bgBL-green {background-image: linear-gradient(to bottom left , #c5e1a5 -20%, #8bc34a 100%); !important;} .bgT-green-D1 {background-image: linear-gradient(to top , #c5e1a5 -20%, #7cb342 100%); !important;} .bgB-green-D1 {background-image: linear-gradient(to bottom , #c5e1a5 -20%, #7cb342 100%); !important;} .bgR-green-D1 {background-image: linear-gradient(to right , #c5e1a5 -20%, #7cb342 100%); !important;} .bgL-green-D1 {background-image: linear-gradient(to left , #c5e1a5 -20%, #7cb342 100%); !important;} .bgTR-green-D1 {background-image: linear-gradient(to top right , #c5e1a5 -20%, #7cb342 100%); !important;} .bgTL-green-D1 {background-image: linear-gradient(to top left , #c5e1a5 -20%, #7cb342 100%); !important;} .bgBR-green-D1 {background-image: linear-gradient(to bottom right , #c5e1a5 -20%, #7cb342 100%); !important;} .bgBL-green-D1 {background-image: linear-gradient(to bottom left , #c5e1a5 -20%, #7cb342 100%); !important;} .bgT-green-D2 {background-image: linear-gradient(to top , #c5e1a5 -20%, #689f38 100%); !important;} .bgB-green-D2 {background-image: linear-gradient(to bottom , #c5e1a5 -20%, #689f38 100%); !important;} .bgR-green-D2 {background-image: linear-gradient(to right , #c5e1a5 -20%, #689f38 100%); !important;} .bgL-green-D2 {background-image: linear-gradient(to left , #c5e1a5 -20%, #689f38 100%); !important;} .bgTR-green-D2 {background-image: linear-gradient(to top right , #c5e1a5 -20%, #689f38 100%); !important;} .bgTL-green-D2 {background-image: linear-gradient(to top left , #c5e1a5 -20%, #689f38 100%); !important;} .bgBR-green-D2 {background-image: linear-gradient(to bottom right , #c5e1a5 -20%, #689f38 100%); !important;} .bgBL-green-D2 {background-image: linear-gradient(to bottom left , #c5e1a5 -20%, #689f38 100%); !important;} .bgT-green-D3 {background-image: linear-gradient(to top , #c5e1a5 -20%, #558b2f 100%); !important;} .bgB-green-D3 {background-image: linear-gradient(to bottom , #c5e1a5 -20%, #558b2f 100%); !important;} .bgR-green-D3 {background-image: linear-gradient(to right , #c5e1a5 -20%, #558b2f 100%); !important;} .bgL-green-D3 {background-image: linear-gradient(to left , #c5e1a5 -20%, #558b2f 100%); !important;} .bgTR-green-D3 {background-image: linear-gradient(to top right , #c5e1a5 -20%, #558b2f 100%); !important;} .bgTL-green-D3 {background-image: linear-gradient(to top left , #c5e1a5 -20%, #558b2f 100%); !important;} .bgBR-green-D3 {background-image: linear-gradient(to bottom right , #c5e1a5 -20%, #558b2f 100%); !important;} .bgBL-green-D3 {background-image: linear-gradient(to bottom left , #c5e1a5 -20%, #558b2f 100%); !important;} .bgT-green-D4 {background-image: linear-gradient(to top , #c5e1a5 -20%, #33691e 100%); !important;} .bgB-green-D4 {background-image: linear-gradient(to bottom , #c5e1a5 -20%, #33691e 100%); !important;} .bgR-green-D4 {background-image: linear-gradient(to right , #c5e1a5 -20%, #33691e 100%); !important;} .bgL-green-D4 {background-image: linear-gradient(to left , #c5e1a5 -20%, #33691e 100%); !important;} .bgTR-green-D4 {background-image: linear-gradient(to top right , #c5e1a5 -20%, #33691e 100%); !important;} .bgTL-green-D4 {background-image: linear-gradient(to top left , #c5e1a5 -20%, #33691e 100%); !important;} .bgBR-green-D4 {background-image: linear-gradient(to bottom right , #c5e1a5 -20%, #33691e 100%); !important;} .bgBL-green-D4 {background-image: linear-gradient(to bottom left , #c5e1a5 -20%, #33691e 100%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* lime 1.底色*/ .bg-lime {background-color: #cddc39 !important;} .bg-lime-L1 {background-color: #d4e157 !important;} .bg-lime-L2 {background-color: #dce775 !important;} .bg-lime-L3 {background-color: #e6ee9c !important;} .bg-lime-L4 {background-color: #f0f4c3 !important;} .bg-lime-D1 {background-color: #c0ca33 !important;} .bg-lime-D2 {background-color: #afb42b !important;} .bg-lime-D3 {background-color: #9e9d24 !important;} .bg-lime-D4 {background-color: #827717 !important;} .bg-lime-A1 {background-color: #f4ff81 !important;} .bg-lime-A2 {background-color: #eeff41 !important;} .bg-lime-A3 {background-color: #c6ff00 !important;} .bg-lime-A4 {background-color: #aeea00 !important;} .scrollbar-lime::-webkit-scrollbar-thumb {background: #f0f4c3!important;} /* 捲軸顏色 */ /* lime 2.字色*/ .text-lime {color: #cddc39 !important;} .text-lime-L1 {color: #d4e157 !important;} .text-lime-L2 {color: #dce775 !important;} .text-lime-L3 {color: #e6ee9c !important;} .text-lime-L4 {color: #f0f4c3 !important;} .text-lime-D1 {color: #c0ca33 !important;} .text-lime-D2 {color: #afb42b !important;} .text-lime-D3 {color: #9e9d24 !important;} .text-lime-D4 {color: #827717 !important;} .text-lime-A1 {color: #f4ff81 !important;} .text-lime-A2 {color: #eeff41 !important;} .text-lime-A3 {color: #c6ff00 !important;} .text-lime-A4 {color: #aeea00 !important;} /* lime 3.底色漸層-白色*/ .bgT-lime-w {background-image: linear-gradient(to top , #ffffff -15%, #cddc39 100%); !important;} .bgB-lime-w {background-image: linear-gradient(to bottom , #ffffff -15%, #cddc39 100%); !important;} .bgR-lime-w {background-image: linear-gradient(to right , #ffffff -15%, #cddc39 100%); !important;} .bgL-lime-w {background-image: linear-gradient(to left , #ffffff -15%, #cddc39 100%); !important;} .bgTR-lime-w {background-image: linear-gradient(to top right , #ffffff -15%, #cddc39 100%); !important;} .bgTL-lime-w {background-image: linear-gradient(to top left , #ffffff -15%, #cddc39 100%); !important;} .bgBR-lime-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #cddc39 100%); !important;} .bgBL-lime-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #cddc39 100%); !important;} .bgT-lime-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #c0ca33 100%); !important;} .bgB-lime-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #c0ca33 100%); !important;} .bgR-lime-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #c0ca33 100%); !important;} .bgL-lime-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #c0ca33 100%); !important;} .bgTR-lime-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #c0ca33 100%); !important;} .bgTL-lime-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #c0ca33 100%); !important;} .bgBR-lime-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #c0ca33 100%); !important;} .bgBL-lime-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #c0ca33 100%); !important;} .bgT-lime-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #afb42b 100%); !important;} .bgB-lime-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #afb42b 100%); !important;} .bgR-lime-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #afb42b 100%); !important;} .bgL-lime-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #afb42b 100%); !important;} .bgTR-lime-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #afb42b 100%); !important;} .bgTL-lime-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #afb42b 100%); !important;} .bgBR-lime-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #afb42b 100%); !important;} .bgBL-lime-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #afb42b 100%); !important;} .bgT-lime-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #9e9d24 100%); !important;} .bgB-lime-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #9e9d24 100%); !important;} .bgR-lime-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #9e9d24 100%); !important;} .bgL-lime-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #9e9d24 100%); !important;} .bgTR-lime-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #9e9d24 100%); !important;} .bgTL-lime-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #9e9d24 100%); !important;} .bgBR-lime-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #9e9d24 100%); !important;} .bgBL-lime-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #9e9d24 100%); !important;} .bgT-lime-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #827717 100%); !important;} .bgB-lime-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #827717 100%); !important;} .bgR-lime-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #827717 100%); !important;} .bgL-lime-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #827717 100%); !important;} .bgTR-lime-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #827717 100%); !important;} .bgTL-lime-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #827717 100%); !important;} .bgBR-lime-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #827717 100%); !important;} .bgBL-lime-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #827717 100%); !important;} /* lime 4.底色漸層-同色*/ .bgT-lime {background-image: linear-gradient(to top , #e6ee9c -20%, #cddc39 100%); !important;} .bgB-lime {background-image: linear-gradient(to bottom , #e6ee9c -20%, #cddc39 100%); !important;} .bgR-lime {background-image: linear-gradient(to right , #e6ee9c -20%, #cddc39 100%); !important;} .bgL-lime {background-image: linear-gradient(to left , #e6ee9c -20%, #cddc39 100%); !important;} .bgTR-lime {background-image: linear-gradient(to top right , #e6ee9c -20%, #cddc39 100%); !important;} .bgTL-lime {background-image: linear-gradient(to top left , #e6ee9c -20%, #cddc39 100%); !important;} .bgBR-lime {background-image: linear-gradient(to bottom right , #e6ee9c -20%, #cddc39 100%); !important;} .bgBL-lime {background-image: linear-gradient(to bottom left , #e6ee9c -20%, #cddc39 100%); !important;} .bgT-lime-D1 {background-image: linear-gradient(to top , #e6ee9c -20%, #c0ca33 100%); !important;} .bgB-lime-D1 {background-image: linear-gradient(to bottom , #e6ee9c -20%, #c0ca33 100%); !important;} .bgR-lime-D1 {background-image: linear-gradient(to right , #e6ee9c -20%, #c0ca33 100%); !important;} .bgL-lime-D1 {background-image: linear-gradient(to left , #e6ee9c -20%, #c0ca33 100%); !important;} .bgTR-lime-D1 {background-image: linear-gradient(to top right , #e6ee9c -20%, #c0ca33 100%); !important;} .bgTL-lime-D1 {background-image: linear-gradient(to top left , #e6ee9c -20%, #c0ca33 100%); !important;} .bgBR-lime-D1 {background-image: linear-gradient(to bottom right , #e6ee9c -20%, #c0ca33 100%); !important;} .bgBL-lime-D1 {background-image: linear-gradient(to bottom left , #e6ee9c -20%, #c0ca33 100%); !important;} .bgT-lime-D2 {background-image: linear-gradient(to top , #e6ee9c -20%, #afb42b 100%); !important;} .bgB-lime-D2 {background-image: linear-gradient(to bottom , #e6ee9c -20%, #afb42b 100%); !important;} .bgR-lime-D2 {background-image: linear-gradient(to right , #e6ee9c -20%, #afb42b 100%); !important;} .bgL-lime-D2 {background-image: linear-gradient(to left , #e6ee9c -20%, #afb42b 100%); !important;} .bgTR-lime-D2 {background-image: linear-gradient(to top right , #e6ee9c -20%, #afb42b 100%); !important;} .bgTL-lime-D2 {background-image: linear-gradient(to top left , #e6ee9c -20%, #afb42b 100%); !important;} .bgBR-lime-D2 {background-image: linear-gradient(to bottom right , #e6ee9c -20%, #afb42b 100%); !important;} .bgBL-lime-D2 {background-image: linear-gradient(to bottom left , #e6ee9c -20%, #afb42b 100%); !important;} .bgT-lime-D3 {background-image: linear-gradient(to top , #e6ee9c -20%, #9e9d24 100%); !important;} .bgB-lime-D3 {background-image: linear-gradient(to bottom , #e6ee9c -20%, #9e9d24 100%); !important;} .bgR-lime-D3 {background-image: linear-gradient(to right , #e6ee9c -20%, #9e9d24 100%); !important;} .bgL-lime-D3 {background-image: linear-gradient(to left , #e6ee9c -20%, #9e9d24 100%); !important;} .bgTR-lime-D3 {background-image: linear-gradient(to top right , #e6ee9c -20%, #9e9d24 100%); !important;} .bgTL-lime-D3 {background-image: linear-gradient(to top left , #e6ee9c -20%, #9e9d24 100%); !important;} .bgBR-lime-D3 {background-image: linear-gradient(to bottom right , #e6ee9c -20%, #9e9d24 100%); !important;} .bgBL-lime-D3 {background-image: linear-gradient(to bottom left , #e6ee9c -20%, #9e9d24 100%); !important;} .bgT-lime-D4 {background-image: linear-gradient(to top , #e6ee9c -20%, #827717 100%); !important;} .bgB-lime-D4 {background-image: linear-gradient(to bottom , #e6ee9c -20%, #827717 100%); !important;} .bgR-lime-D4 {background-image: linear-gradient(to right , #e6ee9c -20%, #827717 100%); !important;} .bgL-lime-D4 {background-image: linear-gradient(to left , #e6ee9c -20%, #827717 100%); !important;} .bgTR-lime-D4 {background-image: linear-gradient(to top right , #e6ee9c -20%, #827717 100%); !important;} .bgTL-lime-D4 {background-image: linear-gradient(to top left , #e6ee9c -20%, #827717 100%); !important;} .bgBR-lime-D4 {background-image: linear-gradient(to bottom right , #e6ee9c -20%, #827717 100%); !important;} .bgBL-lime-D4 {background-image: linear-gradient(to bottom left , #e6ee9c -20%, #827717 100%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* yellow 1.底色*/ .bg-yellow {background-color: #ffeb3b !important;} .bg-yellow-L1 {background-color: #ffee58 !important;} .bg-yellow-L2 {background-color: #fff176 !important;} .bg-yellow-L3 {background-color: #fff59d !important;} .bg-yellow-L4 {background-color: #fff9c4 !important;} .bg-yellow-D1 {background-color: #fdd835 !important;} .bg-yellow-D2 {background-color: #fbc02d !important;} .bg-yellow-D3 {background-color: #f9a825 !important;} .bg-yellow-D4 {background-color: #f57f17 !important;} .bg-yellow-A1 {background-color: #ffff8d !important;} .bg-yellow-A2 {background-color: #ffff00 !important;} .bg-yellow-A3 {background-color: #ffea00 !important;} .bg-yellow-A4 {background-color: #ffd600 !important;} .scrollbar-yellow::-webkit-scrollbar-thumb {background: #fff9c4!important;} /* 捲軸顏色 */ /* yellow 2.字色*/ .text-yellow {color: #ffeb3b !important;} .text-yellow-L1 {color: #ffee58 !important;} .text-yellow-L2 {color: #fff176 !important;} .text-yellow-L3 {color: #fff59d !important;} .text-yellow-L4 {color: #fff9c4 !important;} .text-yellow-D1 {color: #fdd835 !important;} .text-yellow-D2 {color: #fbc02d !important;} .text-yellow-D3 {color: #f9a825 !important;} .text-yellow-D4 {color: #f57f17 !important;} .text-yellow-A1 {color: #ffff8d !important;} .text-yellow-A2 {color: #ffff00 !important;} .text-yellow-A3 {color: #ffea00 !important;} .text-yellow-A4 {color: #ffd600 !important;} /* yellow 3.底色漸層-白色*/ .bgT-yellow-w {background-image: linear-gradient(to top , #ffffff -15%, #ffeb3b 100%); !important;} .bgB-yellow-w {background-image: linear-gradient(to bottom , #ffffff -15%, #ffeb3b 100%); !important;} .bgR-yellow-w {background-image: linear-gradient(to right , #ffffff -15%, #ffeb3b 100%); !important;} .bgL-yellow-w {background-image: linear-gradient(to left , #ffffff -15%, #ffeb3b 100%); !important;} .bgTR-yellow-w {background-image: linear-gradient(to top right , #ffffff -15%, #ffeb3b 100%); !important;} .bgTL-yellow-w {background-image: linear-gradient(to top left , #ffffff -15%, #ffeb3b 100%); !important;} .bgBR-yellow-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #ffeb3b 100%); !important;} .bgBL-yellow-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #ffeb3b 100%); !important;} .bgT-yellow-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #fdd835 100%); !important;} .bgB-yellow-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #fdd835 100%); !important;} .bgR-yellow-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #fdd835 100%); !important;} .bgL-yellow-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #fdd835 100%); !important;} .bgTR-yellow-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #fdd835 100%); !important;} .bgTL-yellow-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #fdd835 100%); !important;} .bgBR-yellow-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #fdd835 100%); !important;} .bgBL-yellow-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #fdd835 100%); !important;} .bgT-yellow-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #fbc02d 100%); !important;} .bgB-yellow-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #fbc02d 100%); !important;} .bgR-yellow-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #fbc02d 100%); !important;} .bgL-yellow-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #fbc02d 100%); !important;} .bgTR-yellow-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #fbc02d 100%); !important;} .bgTL-yellow-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #fbc02d 100%); !important;} .bgBR-yellow-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #fbc02d 100%); !important;} .bgBL-yellow-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #fbc02d 100%); !important;} .bgT-yellow-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #f9a825 100%); !important;} .bgB-yellow-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #f9a825 100%); !important;} .bgR-yellow-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #f9a825 100%); !important;} .bgL-yellow-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #f9a825 100%); !important;} .bgTR-yellow-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #f9a825 100%); !important;} .bgTL-yellow-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #f9a825 100%); !important;} .bgBR-yellow-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #f9a825 100%); !important;} .bgBL-yellow-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #f9a825 100%); !important;} .bgT-yellow-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #f57f17 100%); !important;} .bgB-yellow-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #f57f17 100%); !important;} .bgR-yellow-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #f57f17 100%); !important;} .bgL-yellow-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #f57f17 100%); !important;} .bgTR-yellow-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #f57f17 100%); !important;} .bgTL-yellow-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #f57f17 100%); !important;} .bgBR-yellow-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #f57f17 100%); !important;} .bgBL-yellow-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #f57f17 100%); !important;} /* yellow 4.底色漸層-同色*/ .bgT-yellow {background-image: linear-gradient(to top , #fff59d -20%, #ffeb3b 100%); !important;} .bgB-yellow {background-image: linear-gradient(to bottom , #fff59d -20%, #ffeb3b 100%); !important;} .bgR-yellow {background-image: linear-gradient(to right , #fff59d -20%, #ffeb3b 100%); !important;} .bgL-yellow {background-image: linear-gradient(to left , #fff59d -20%, #ffeb3b 100%); !important;} .bgTR-yellow {background-image: linear-gradient(to top right , #fff59d -20%, #ffeb3b 100%); !important;} .bgTL-yellow {background-image: linear-gradient(to top left , #fff59d -20%, #ffeb3b 100%); !important;} .bgBR-yellow {background-image: linear-gradient(to bottom right , #fff59d -20%, #ffeb3b 100%); !important;} .bgBL-yellow {background-image: linear-gradient(to bottom left , #fff59d -20%, #ffeb3b 100%); !important;} .bgT-yellow-D1 {background-image: linear-gradient(to top , #fff59d -20%, #fdd835 100%); !important;} .bgB-yellow-D1 {background-image: linear-gradient(to bottom , #fff59d -20%, #fdd835 100%); !important;} .bgR-yellow-D1 {background-image: linear-gradient(to right , #fff59d -20%, #fdd835 100%); !important;} .bgL-yellow-D1 {background-image: linear-gradient(to left , #fff59d -20%, #fdd835 100%); !important;} .bgTR-yellow-D1 {background-image: linear-gradient(to top right , #fff59d -20%, #fdd835 100%); !important;} .bgTL-yellow-D1 {background-image: linear-gradient(to top left , #fff59d -20%, #fdd835 100%); !important;} .bgBR-yellow-D1 {background-image: linear-gradient(to bottom right , #fff59d -20%, #fdd835 100%); !important;} .bgBL-yellow-D1 {background-image: linear-gradient(to bottom left , #fff59d -20%, #fdd835 100%); !important;} .bgT-yellow-D2 {background-image: linear-gradient(to top , #fff59d -20%, #fbc02d 100%); !important;} .bgB-yellow-D2 {background-image: linear-gradient(to bottom , #fff59d -20%, #fbc02d 100%); !important;} .bgR-yellow-D2 {background-image: linear-gradient(to right , #fff59d -20%, #fbc02d 100%); !important;} .bgL-yellow-D2 {background-image: linear-gradient(to left , #fff59d -20%, #fbc02d 100%); !important;} .bgTR-yellow-D2 {background-image: linear-gradient(to top right , #fff59d -20%, #fbc02d 100%); !important;} .bgTL-yellow-D2 {background-image: linear-gradient(to top left , #fff59d -20%, #fbc02d 100%); !important;} .bgBR-yellow-D2 {background-image: linear-gradient(to bottom right , #fff59d -20%, #fbc02d 100%); !important;} .bgBL-yellow-D2 {background-image: linear-gradient(to bottom left , #fff59d -20%, #fbc02d 100%); !important;} .bgT-yellow-D3 {background-image: linear-gradient(to top , #fff59d -20%, #f9a825 100%); !important;} .bgB-yellow-D3 {background-image: linear-gradient(to bottom , #fff59d -20%, #f9a825 100%); !important;} .bgR-yellow-D3 {background-image: linear-gradient(to right , #fff59d -20%, #f9a825 100%); !important;} .bgL-yellow-D3 {background-image: linear-gradient(to left , #fff59d -20%, #f9a825 100%); !important;} .bgTR-yellow-D3 {background-image: linear-gradient(to top right , #fff59d -20%, #f9a825 100%); !important;} .bgTL-yellow-D3 {background-image: linear-gradient(to top left , #fff59d -20%, #f9a825 100%); !important;} .bgBR-yellow-D3 {background-image: linear-gradient(to bottom right , #fff59d -20%, #f9a825 100%); !important;} .bgBL-yellow-D3 {background-image: linear-gradient(to bottom left , #fff59d -20%, #f9a825 100%); !important;} .bgT-yellow-D4 {background-image: linear-gradient(to top , #fff59d -20%, #f57f17 100%); !important;} .bgB-yellow-D4 {background-image: linear-gradient(to bottom , #fff59d -20%, #f57f17 100%); !important;} .bgR-yellow-D4 {background-image: linear-gradient(to right , #fff59d -20%, #f57f17 100%); !important;} .bgL-yellow-D4 {background-image: linear-gradient(to left , #fff59d -20%, #f57f17 100%); !important;} .bgTR-yellow-D4 {background-image: linear-gradient(to top right , #fff59d -20%, #f57f17 100%); !important;} .bgTL-yellow-D4 {background-image: linear-gradient(to top left , #fff59d -20%, #f57f17 100%); !important;} .bgBR-yellow-D4 {background-image: linear-gradient(to bottom right , #fff59d -20%, #f57f17 100%); !important;} .bgBL-yellow-D4 {background-image: linear-gradient(to bottom left , #fff59d -20%, #f57f17 100%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* amber 1.底色*/ .bg-amber {background-color: #ffc107 !important;} .bg-amber-L1 {background-color: #ffca28 !important;} .bg-amber-L2 {background-color: #ffd54f !important;} .bg-amber-L3 {background-color: #ffe082 !important;} .bg-amber-L4 {background-color: #ffecb3 !important;} .bg-amber-D1 {background-color: #ffb300 !important;} .bg-amber-D2 {background-color: #ffa000 !important;} .bg-amber-D3 {background-color: #ff8f00 !important;} .bg-amber-D4 {background-color: #ff6f00 !important;} .bg-amber-A1 {background-color: #ffe57f !important;} .bg-amber-A2 {background-color: #ffd740 !important;} .bg-amber-A3 {background-color: #ffc400 !important;} .bg-amber-A4 {background-color: #ffab00 !important;} .scrollbar-amber::-webkit-scrollbar-thumb {background: #ffecb3!important;} /* 捲軸顏色 */ /* amber 2.字色*/ .text-amber {color: #ffc107 !important;} .text-amber-L1 {color: #ffca28 !important;} .text-amber-L2 {color: #ffd54f !important;} .text-amber-L3 {color: #ffe082 !important;} .text-amber-L4 {color: #ffecb3 !important;} .text-amber-D1 {color: #ffb300 !important;} .text-amber-D2 {color: #ffa000 !important;} .text-amber-D3 {color: #ff8f00 !important;} .text-amber-D4 {color: #ff6f00 !important;} .text-amber-A1 {color: #ffe57f !important;} .text-amber-A2 {color: #ffd740 !important;} .text-amber-A3 {color: #ffc400 !important;} .text-amber-A4 {color: #ffab00 !important;} /* amber 3.底色漸層-白色*/ .bgT-amber-w {background-image: linear-gradient(to top , #ffffff -15%, #ffc107 100%); !important;} .bgB-amber-w {background-image: linear-gradient(to bottom , #ffffff -15%, #ffc107 100%); !important;} .bgR-amber-w {background-image: linear-gradient(to right , #ffffff -15%, #ffc107 100%); !important;} .bgL-amber-w {background-image: linear-gradient(to left , #ffffff -15%, #ffc107 100%); !important;} .bgTR-amber-w {background-image: linear-gradient(to top right , #ffffff -15%, #ffc107 100%); !important;} .bgTL-amber-w {background-image: linear-gradient(to top left , #ffffff -15%, #ffc107 100%); !important;} .bgBR-amber-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #ffc107 100%); !important;} .bgBL-amber-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #ffc107 100%); !important;} .bgT-amber-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #ffb300 100%); !important;} .bgB-amber-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #ffb300 100%); !important;} .bgR-amber-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #ffb300 100%); !important;} .bgL-amber-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #ffb300 100%); !important;} .bgTR-amber-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #ffb300 100%); !important;} .bgTL-amber-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #ffb300 100%); !important;} .bgBR-amber-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #ffb300 100%); !important;} .bgBL-amber-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #ffb300 100%); !important;} .bgT-amber-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #ffa000 100%); !important;} .bgB-amber-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #ffa000 100%); !important;} .bgR-amber-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #ffa000 100%); !important;} .bgL-amber-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #ffa000 100%); !important;} .bgTR-amber-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #ffa000 100%); !important;} .bgTL-amber-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #ffa000 100%); !important;} .bgBR-amber-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #ffa000 100%); !important;} .bgBL-amber-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #ffa000 100%); !important;} .bgT-amber-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #ff8f00 100%); !important;} .bgB-amber-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #ff8f00 100%); !important;} .bgR-amber-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #ff8f00 100%); !important;} .bgL-amber-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #ff8f00 100%); !important;} .bgTR-amber-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #ff8f00 100%); !important;} .bgTL-amber-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #ff8f00 100%); !important;} .bgBR-amber-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #ff8f00 100%); !important;} .bgBL-amber-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #ff8f00 100%); !important;} .bgT-amber-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #ff6f00 100%); !important;} .bgB-amber-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #ff6f00 100%); !important;} .bgR-amber-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #ff6f00 100%); !important;} .bgL-amber-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #ff6f00 100%); !important;} .bgTR-amber-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #ff6f00 100%); !important;} .bgTL-amber-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #ff6f00 100%); !important;} .bgBR-amber-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #ff6f00 100%); !important;} .bgBL-amber-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #ff6f00 100%); !important;} /* amber 4.底色漸層-同色*/ .bgT-amber {background-image: linear-gradient(to top , #ffe082 -20%, #ffc107 100%); !important;} .bgB-amber {background-image: linear-gradient(to bottom , #ffe082 -20%, #ffc107 100%); !important;} .bgR-amber {background-image: linear-gradient(to right , #ffe082 -20%, #ffc107 100%); !important;} .bgL-amber {background-image: linear-gradient(to left , #ffe082 -20%, #ffc107 100%); !important;} .bgTR-amber {background-image: linear-gradient(to top right , #ffe082 -20%, #ffc107 100%); !important;} .bgTL-amber {background-image: linear-gradient(to top left , #ffe082 -20%, #ffc107 100%); !important;} .bgBR-amber {background-image: linear-gradient(to bottom right , #ffe082 -20%, #ffc107 100%); !important;} .bgBL-amber {background-image: linear-gradient(to bottom left , #ffe082 -20%, #ffc107 100%); !important;} .bgT-amber-D1 {background-image: linear-gradient(to top , #ffe082 -20%, #ffb300 100%); !important;} .bgB-amber-D1 {background-image: linear-gradient(to bottom , #ffe082 -20%, #ffb300 100%); !important;} .bgR-amber-D1 {background-image: linear-gradient(to right , #ffe082 -20%, #ffb300 100%); !important;} .bgL-amber-D1 {background-image: linear-gradient(to left , #ffe082 -20%, #ffb300 100%); !important;} .bgTR-amber-D1 {background-image: linear-gradient(to top right , #ffe082 -20%, #ffb300 100%); !important;} .bgTL-amber-D1 {background-image: linear-gradient(to top left , #ffe082 -20%, #ffb300 100%); !important;} .bgBR-amber-D1 {background-image: linear-gradient(to bottom right , #ffe082 -20%, #ffb300 100%); !important;} .bgBL-amber-D1 {background-image: linear-gradient(to bottom left , #ffe082 -20%, #ffb300 100%); !important;} .bgT-amber-D2 {background-image: linear-gradient(to top , #ffe082 -20%, #ffa000 100%); !important;} .bgB-amber-D2 {background-image: linear-gradient(to bottom , #ffe082 -20%, #ffa000 100%); !important;} .bgR-amber-D2 {background-image: linear-gradient(to right , #ffe082 -20%, #ffa000 100%); !important;} .bgL-amber-D2 {background-image: linear-gradient(to left , #ffe082 -20%, #ffa000 100%); !important;} .bgTR-amber-D2 {background-image: linear-gradient(to top right , #ffe082 -20%, #ffa000 100%); !important;} .bgTL-amber-D2 {background-image: linear-gradient(to top left , #ffe082 -20%, #ffa000 100%); !important;} .bgBR-amber-D2 {background-image: linear-gradient(to bottom right , #ffe082 -20%, #ffa000 100%); !important;} .bgBL-amber-D2 {background-image: linear-gradient(to bottom left , #ffe082 -20%, #ffa000 100%); !important;} .bgT-amber-D3 {background-image: linear-gradient(to top , #ffe082 -20%, #ff8f00 100%); !important;} .bgB-amber-D3 {background-image: linear-gradient(to bottom , #ffe082 -20%, #ff8f00 100%); !important;} .bgR-amber-D3 {background-image: linear-gradient(to right , #ffe082 -20%, #ff8f00 100%); !important;} .bgL-amber-D3 {background-image: linear-gradient(to left , #ffe082 -20%, #ff8f00 100%); !important;} .bgTR-amber-D3 {background-image: linear-gradient(to top right , #ffe082 -20%, #ff8f00 100%); !important;} .bgTL-amber-D3 {background-image: linear-gradient(to top left , #ffe082 -20%, #ff8f00 100%); !important;} .bgBR-amber-D3 {background-image: linear-gradient(to bottom right , #ffe082 -20%, #ff8f00 100%); !important;} .bgBL-amber-D3 {background-image: linear-gradient(to bottom left , #ffe082 -20%, #ff8f00 100%); !important;} .bgT-amber-D4 {background-image: linear-gradient(to top , #ffe082 -20%, #ff6f00 100%); !important;} .bgB-amber-D4 {background-image: linear-gradient(to bottom , #ffe082 -20%, #ff6f00 100%); !important;} .bgR-amber-D4 {background-image: linear-gradient(to right , #ffe082 -20%, #ff6f00 100%); !important;} .bgL-amber-D4 {background-image: linear-gradient(to left , #ffe082 -20%, #ff6f00 100%); !important;} .bgTR-amber-D4 {background-image: linear-gradient(to top right , #ffe082 -20%, #ff6f00 100%); !important;} .bgTL-amber-D4 {background-image: linear-gradient(to top left , #ffe082 -20%, #ff6f00 100%); !important;} .bgBR-amber-D4 {background-image: linear-gradient(to bottom right , #ffe082 -20%, #ff6f00 100%); !important;} .bgBL-amber-D4 {background-image: linear-gradient(to bottom left , #ffe082 -20%, #ff6f00 100%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* orange 1.底色*/ .bg-orange {background-color: #ff9800 !important;} .bg-orange-L1 {background-color: #ffa726 !important;} .bg-orange-L2 {background-color: #ffb74d !important;} .bg-orange-L3 {background-color: #ffcc80 !important;} .bg-orange-L4 {background-color: #ffe0b2 !important;} .bg-orange-D1 {background-color: #fb8c00 !important;} .bg-orange-D2 {background-color: #f57c00 !important;} .bg-orange-D3 {background-color: #ef6c00 !important;} .bg-orange-D4 {background-color: #e65100 !important;} .bg-orange-A1 {background-color: #ffd180 !important;} .bg-orange-A2 {background-color: #ffab40 !important;} .bg-orange-A3 {background-color: #ff9100 !important;} .bg-orange-A4 {background-color: #ff6d00 !important;} .scrollbar-orange::-webkit-scrollbar-thumb {background: #ffe0b2!important;} /* 捲軸顏色 */ /* orange 2.字色*/ .text-orange {color: #ff9800 !important;} .text-orange-L1 {color: #ffa726 !important;} .text-orange-L2 {color: #ffb74d !important;} .text-orange-L3 {color: #ffcc80 !important;} .text-orange-L4 {color: #ffe0b2 !important;} .text-orange-D1 {color: #fb8c00 !important;} .text-orange-D2 {color: #f57c00 !important;} .text-orange-D3 {color: #ef6c00 !important;} .text-orange-D4 {color: #e65100 !important;} .text-orange-A1 {color: #ffd180 !important;} .text-orange-A2 {color: #ffab40 !important;} .text-orange-A3 {color: #ff9100 !important;} .text-orange-A4 {color: #ff6d00 !important;} /* orange 3.底色漸層-白色*/ .bgT-orange-w {background-image: linear-gradient(to top , #ffffff -15%, #ff9800 100%); !important;} .bgB-orange-w {background-image: linear-gradient(to bottom , #ffffff -15%, #ff9800 100%); !important;} .bgR-orange-w {background-image: linear-gradient(to right , #ffffff -15%, #ff9800 100%); !important;} .bgL-orange-w {background-image: linear-gradient(to left , #ffffff -15%, #ff9800 100%); !important;} .bgTR-orange-w {background-image: linear-gradient(to top right , #ffffff -15%, #ff9800 100%); !important;} .bgTL-orange-w {background-image: linear-gradient(to top left , #ffffff -15%, #ff9800 100%); !important;} .bgBR-orange-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #ff9800 100%); !important;} .bgBL-orange-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #ff9800 100%); !important;} .bgT-orange-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #fb8c00 100%); !important;} .bgB-orange-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #fb8c00 100%); !important;} .bgR-orange-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #fb8c00 100%); !important;} .bgL-orange-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #fb8c00 100%); !important;} .bgTR-orange-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #fb8c00 100%); !important;} .bgTL-orange-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #fb8c00 100%); !important;} .bgBR-orange-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #fb8c00 100%); !important;} .bgBL-orange-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #fb8c00 100%); !important;} .bgT-orange-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #f57c00 100%); !important;} .bgB-orange-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #f57c00 100%); !important;} .bgR-orange-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #f57c00 100%); !important;} .bgL-orange-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #f57c00 100%); !important;} .bgTR-orange-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #f57c00 100%); !important;} .bgTL-orange-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #f57c00 100%); !important;} .bgBR-orange-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #f57c00 100%); !important;} .bgBL-orange-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #f57c00 100%); !important;} .bgT-orange-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #ef6c00 100%); !important;} .bgB-orange-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #ef6c00 100%); !important;} .bgR-orange-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #ef6c00 100%); !important;} .bgL-orange-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #ef6c00 100%); !important;} .bgTR-orange-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #ef6c00 100%); !important;} .bgTL-orange-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #ef6c00 100%); !important;} .bgBR-orange-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #ef6c00 100%); !important;} .bgBL-orange-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #ef6c00 100%); !important;} .bgT-orange-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #e65100 100%); !important;} .bgB-orange-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #e65100 100%); !important;} .bgR-orange-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #e65100 100%); !important;} .bgL-orange-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #e65100 100%); !important;} .bgTR-orange-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #e65100 100%); !important;} .bgTL-orange-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #e65100 100%); !important;} .bgBR-orange-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #e65100 100%); !important;} .bgBL-orange-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #e65100 100%); !important;} /* orange 4.底色漸層-同色*/ .bgT-orange {background-image: linear-gradient(to top , #ffcc80 -20%, #ff9800 100%); !important;} .bgB-orange {background-image: linear-gradient(to bottom , #ffcc80 -20%, #ff9800 100%); !important;} .bgR-orange {background-image: linear-gradient(to right , #ffcc80 -20%, #ff9800 100%); !important;} .bgL-orange {background-image: linear-gradient(to left , #ffcc80 -20%, #ff9800 100%); !important;} .bgTR-orange {background-image: linear-gradient(to top right , #ffcc80 -20%, #ff9800 100%); !important;} .bgTL-orange {background-image: linear-gradient(to top left , #ffcc80 -20%, #ff9800 100%); !important;} .bgBR-orange {background-image: linear-gradient(to bottom right , #ffcc80 -20%, #ff9800 100%); !important;} .bgBL-orange {background-image: linear-gradient(to bottom left , #ffcc80 -20%, #ff9800 100%); !important;} .bgT-orange-D1 {background-image: linear-gradient(to top , #ffcc80 -20%, #fb8c00 100%); !important;} .bgB-orange-D1 {background-image: linear-gradient(to bottom , #ffcc80 -20%, #fb8c00 100%); !important;} .bgR-orange-D1 {background-image: linear-gradient(to right , #ffcc80 -20%, #fb8c00 100%); !important;} .bgL-orange-D1 {background-image: linear-gradient(to left , #ffcc80 -20%, #fb8c00 100%); !important;} .bgTR-orange-D1 {background-image: linear-gradient(to top right , #ffcc80 -20%, #fb8c00 100%); !important;} .bgTL-orange-D1 {background-image: linear-gradient(to top left , #ffcc80 -20%, #fb8c00 100%); !important;} .bgBR-orange-D1 {background-image: linear-gradient(to bottom right , #ffcc80 -20%, #fb8c00 100%); !important;} .bgBL-orange-D1 {background-image: linear-gradient(to bottom left , #ffcc80 -20%, #fb8c00 100%); !important;} .bgT-orange-D2 {background-image: linear-gradient(to top , #ffcc80 -20%, #f57c00 100%); !important;} .bgB-orange-D2 {background-image: linear-gradient(to bottom , #ffcc80 -20%, #f57c00 100%); !important;} .bgR-orange-D2 {background-image: linear-gradient(to right , #ffcc80 -20%, #f57c00 100%); !important;} .bgL-orange-D2 {background-image: linear-gradient(to left , #ffcc80 -20%, #f57c00 100%); !important;} .bgTR-orange-D2 {background-image: linear-gradient(to top right , #ffcc80 -20%, #f57c00 100%); !important;} .bgTL-orange-D2 {background-image: linear-gradient(to top left , #ffcc80 -20%, #f57c00 100%); !important;} .bgBR-orange-D2 {background-image: linear-gradient(to bottom right , #ffcc80 -20%, #f57c00 100%); !important;} .bgBL-orange-D2 {background-image: linear-gradient(to bottom left , #ffcc80 -20%, #f57c00 100%); !important;} .bgT-orange-D3 {background-image: linear-gradient(to top , #ffcc80 -20%, #ef6c00 100%); !important;} .bgB-orange-D3 {background-image: linear-gradient(to bottom , #ffcc80 -20%, #ef6c00 100%); !important;} .bgR-orange-D3 {background-image: linear-gradient(to right , #ffcc80 -20%, #ef6c00 100%); !important;} .bgL-orange-D3 {background-image: linear-gradient(to left , #ffcc80 -20%, #ef6c00 100%); !important;} .bgTR-orange-D3 {background-image: linear-gradient(to top right , #ffcc80 -20%, #ef6c00 100%); !important;} .bgTL-orange-D3 {background-image: linear-gradient(to top left , #ffcc80 -20%, #ef6c00 100%); !important;} .bgBR-orange-D3 {background-image: linear-gradient(to bottom right , #ffcc80 -20%, #ef6c00 100%); !important;} .bgBL-orange-D3 {background-image: linear-gradient(to bottom left , #ffcc80 -20%, #ef6c00 100%); !important;} .bgT-orange-D4 {background-image: linear-gradient(to top , #ffcc80 -20%, #e65100 100%); !important;} .bgB-orange-D4 {background-image: linear-gradient(to bottom , #ffcc80 -20%, #e65100 100%); !important;} .bgR-orange-D4 {background-image: linear-gradient(to right , #ffcc80 -20%, #e65100 100%); !important;} .bgL-orange-D4 {background-image: linear-gradient(to left , #ffcc80 -20%, #e65100 100%); !important;} .bgTR-orange-D4 {background-image: linear-gradient(to top right , #ffcc80 -20%, #e65100 100%); !important;} .bgTL-orange-D4 {background-image: linear-gradient(to top left , #ffcc80 -20%, #e65100 100%); !important;} .bgBR-orange-D4 {background-image: linear-gradient(to bottom right , #ffcc80 -20%, #e65100 100%); !important;} .bgBL-orange-D4 {background-image: linear-gradient(to bottom left , #ffcc80 -20%, #e65100 100%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* brown 1.底色*/ .bg-brown {background-color: #795548 !important;} .bg-brown-L1 {background-color: #8d6e63 !important;} .bg-brown-L2 {background-color: #a1887f !important;} .bg-brown-L3 {background-color: #bcaaa4 !important;} .bg-brown-L4 {background-color: #d7ccc8 !important;} .bg-brown-D1 {background-color: #6d4c41 !important;} .bg-brown-D2 {background-color: #5d4037 !important;} .bg-brown-D3 {background-color: #4e342e !important;} .bg-brown-D4 {background-color: #3e2723 !important;} .scrollbar-brown::-webkit-scrollbar-thumb {background: #d7ccc8!important;} /* 捲軸顏色 */ /* brown 2.字色*/ .text-brown {color: #795548 !important;} .text-brown-L1 {color: #8d6e63 !important;} .text-brown-L2 {color: #a1887f !important;} .text-brown-L3 {color: #bcaaa4 !important;} .text-brown-L4 {color: #d7ccc8 !important;} .text-brown-D1 {color: #6d4c41 !important;} .text-brown-D2 {color: #5d4037 !important;} .text-brown-D3 {color: #4e342e !important;} .text-brown-D4 {color: #3e2723 !important;} /* brown 3.底色漸層-白色*/ .bgT-brown-w {background-image: linear-gradient(to top , #ffffff -15%, #795548 100%); !important;} .bgB-brown-w {background-image: linear-gradient(to bottom , #ffffff -15%, #795548 100%); !important;} .bgR-brown-w {background-image: linear-gradient(to right , #ffffff -15%, #795548 100%); !important;} .bgL-brown-w {background-image: linear-gradient(to left , #ffffff -15%, #795548 100%); !important;} .bgTR-brown-w {background-image: linear-gradient(to top right , #ffffff -15%, #795548 100%); !important;} .bgTL-brown-w {background-image: linear-gradient(to top left , #ffffff -15%, #795548 100%); !important;} .bgBR-brown-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #795548 100%); !important;} .bgBL-brown-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #795548 100%); !important;} .bgT-brown-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #6d4c41 100%); !important;} .bgB-brown-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #6d4c41 100%); !important;} .bgR-brown-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #6d4c41 100%); !important;} .bgL-brown-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #6d4c41 100%); !important;} .bgTR-brown-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #6d4c41 100%); !important;} .bgTL-brown-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #6d4c41 100%); !important;} .bgBR-brown-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #6d4c41 100%); !important;} .bgBL-brown-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #6d4c41 100%); !important;} .bgT-brown-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #5d4037 100%); !important;} .bgB-brown-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #5d4037 100%); !important;} .bgR-brown-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #5d4037 100%); !important;} .bgL-brown-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #5d4037 100%); !important;} .bgTR-brown-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #5d4037 100%); !important;} .bgTL-brown-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #5d4037 100%); !important;} .bgBR-brown-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #5d4037 100%); !important;} .bgBL-brown-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #5d4037 100%); !important;} .bgT-brown-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #4e342e 100%); !important;} .bgB-brown-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #4e342e 100%); !important;} .bgR-brown-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #4e342e 100%); !important;} .bgL-brown-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #4e342e 100%); !important;} .bgTR-brown-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #4e342e 100%); !important;} .bgTL-brown-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #4e342e 100%); !important;} .bgBR-brown-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #4e342e 100%); !important;} .bgBL-brown-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #4e342e 100%); !important;} .bgT-brown-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #3e2723 100%); !important;} .bgB-brown-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #3e2723 100%); !important;} .bgR-brown-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #3e2723 100%); !important;} .bgL-brown-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #3e2723 100%); !important;} .bgTR-brown-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #3e2723 100%); !important;} .bgTL-brown-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #3e2723 100%); !important;} .bgBR-brown-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #3e2723 100%); !important;} .bgBL-brown-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #3e2723 100%); !important;} /* brown 4.底色漸層-同色*/ .bgT-brown {background-image: linear-gradient(to top , #bcaaa4 -20%, #795548 100%); !important;} .bgB-brown {background-image: linear-gradient(to bottom , #bcaaa4 -20%, #795548 100%); !important;} .bgR-brown {background-image: linear-gradient(to right , #bcaaa4 -20%, #795548 100%); !important;} .bgL-brown {background-image: linear-gradient(to left , #bcaaa4 -20%, #795548 100%); !important;} .bgTR-brown {background-image: linear-gradient(to top right , #bcaaa4 -20%, #795548 100%); !important;} .bgTL-brown {background-image: linear-gradient(to top left , #bcaaa4 -20%, #795548 100%); !important;} .bgBR-brown {background-image: linear-gradient(to bottom right , #bcaaa4 -20%, #795548 100%); !important;} .bgBL-brown {background-image: linear-gradient(to bottom left , #bcaaa4 -20%, #795548 100%); !important;} .bgT-brown-D1 {background-image: linear-gradient(to top , #bcaaa4 -20%, #6d4c41 100%); !important;} .bgB-brown-D1 {background-image: linear-gradient(to bottom , #bcaaa4 -20%, #6d4c41 100%); !important;} .bgR-brown-D1 {background-image: linear-gradient(to right , #bcaaa4 -20%, #6d4c41 100%); !important;} .bgL-brown-D1 {background-image: linear-gradient(to left , #bcaaa4 -20%, #6d4c41 100%); !important;} .bgTR-brown-D1 {background-image: linear-gradient(to top right , #bcaaa4 -20%, #6d4c41 100%); !important;} .bgTL-brown-D1 {background-image: linear-gradient(to top left , #bcaaa4 -20%, #6d4c41 100%); !important;} .bgBR-brown-D1 {background-image: linear-gradient(to bottom right , #bcaaa4 -20%, #6d4c41 100%); !important;} .bgBL-brown-D1 {background-image: linear-gradient(to bottom left , #bcaaa4 -20%, #6d4c41 100%); !important;} .bgT-brown-D2 {background-image: linear-gradient(to top , #bcaaa4 -20%, #5d4037 100%); !important;} .bgB-brown-D2 {background-image: linear-gradient(to bottom , #bcaaa4 -20%, #5d4037 100%); !important;} .bgR-brown-D2 {background-image: linear-gradient(to right , #bcaaa4 -20%, #5d4037 100%); !important;} .bgL-brown-D2 {background-image: linear-gradient(to left , #bcaaa4 -20%, #5d4037 100%); !important;} .bgTR-brown-D2 {background-image: linear-gradient(to top right , #bcaaa4 -20%, #5d4037 100%); !important;} .bgTL-brown-D2 {background-image: linear-gradient(to top left , #bcaaa4 -20%, #5d4037 100%); !important;} .bgBR-brown-D2 {background-image: linear-gradient(to bottom right , #bcaaa4 -20%, #5d4037 100%); !important;} .bgBL-brown-D2 {background-image: linear-gradient(to bottom left , #bcaaa4 -20%, #5d4037 100%); !important;} .bgT-brown-D3 {background-image: linear-gradient(to top , #bcaaa4 -20%, #4e342e 100%); !important;} .bgB-brown-D3 {background-image: linear-gradient(to bottom , #bcaaa4 -20%, #4e342e 100%); !important;} .bgR-brown-D3 {background-image: linear-gradient(to right , #bcaaa4 -20%, #4e342e 100%); !important;} .bgL-brown-D3 {background-image: linear-gradient(to left , #bcaaa4 -20%, #4e342e 100%); !important;} .bgTR-brown-D3 {background-image: linear-gradient(to top right , #bcaaa4 -20%, #4e342e 100%); !important;} .bgTL-brown-D3 {background-image: linear-gradient(to top left , #bcaaa4 -20%, #4e342e 100%); !important;} .bgBR-brown-D3 {background-image: linear-gradient(to bottom right , #bcaaa4 -20%, #4e342e 100%); !important;} .bgBL-brown-D3 {background-image: linear-gradient(to bottom left , #bcaaa4 -20%, #4e342e 100%); !important;} .bgT-brown-D4 {background-image: linear-gradient(to top , #bcaaa4 -20%, #3e2723 100%); !important;} .bgB-brown-D4 {background-image: linear-gradient(to bottom , #bcaaa4 -20%, #3e2723 100%); !important;} .bgR-brown-D4 {background-image: linear-gradient(to right , #bcaaa4 -20%, #3e2723 100%); !important;} .bgL-brown-D4 {background-image: linear-gradient(to left , #bcaaa4 -20%, #3e2723 100%); !important;} .bgTR-brown-D4 {background-image: linear-gradient(to top right , #bcaaa4 -20%, #3e2723 100%); !important;} .bgTL-brown-D4 {background-image: linear-gradient(to top left , #bcaaa4 -20%, #3e2723 100%); !important;} .bgBR-brown-D4 {background-image: linear-gradient(to bottom right , #bcaaa4 -20%, #3e2723 100%); !important;} .bgBL-brown-D4 {background-image: linear-gradient(to bottom left , #bcaaa4 -20%, #3e2723 100%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* grey 1.底色*/ .bg-grey {background-color: #9e9e9e !important;} .bg-grey-L1 {background-color: #bdbdbd !important;} .bg-grey-L2 {background-color: #e0e0e0 !important;} .bg-grey-L3 {background-color: #eeeeee !important;} .bg-grey-L4 {background-color: #f5f5f5 !important;} .bg-grey-D1 {background-color: #757575 !important;} .bg-grey-D2 {background-color: #616161 !important;} .bg-grey-D3 {background-color: #424242 !important;} .bg-grey-D4 {background-color: #212121 !important;} .scrollbar-grey::-webkit-scrollbar-thumb {background: #f5f5f5!important;} /* 捲軸顏色 */ /* grey 2.字色*/ .text-grey {color: #9e9e9e !important;} .text-grey-L1 {color: #bdbdbd !important;} .text-grey-L2 {color: #e0e0e0 !important;} .text-grey-L3 {color: #eeeeee !important;} .text-grey-L4 {color: #f5f5f5 !important;} .text-grey-D1 {color: #757575 !important;} .text-grey-D2 {color: #616161 !important;} .text-grey-D3 {color: #424242 !important;} .text-grey-D4 {color: #212121 !important;} /* grey 3.底色漸層-白色*/ .bgT-grey-w {background-image: linear-gradient(to top , #ffffff -15%, #9e9e9e 100%); !important;} .bgB-grey-w {background-image: linear-gradient(to bottom , #ffffff -15%, #9e9e9e 100%); !important;} .bgR-grey-w {background-image: linear-gradient(to right , #ffffff -15%, #9e9e9e 100%); !important;} .bgL-grey-w {background-image: linear-gradient(to left , #ffffff -15%, #9e9e9e 100%); !important;} .bgTR-grey-w {background-image: linear-gradient(to top right , #ffffff -15%, #9e9e9e 100%); !important;} .bgTL-grey-w {background-image: linear-gradient(to top left , #ffffff -15%, #9e9e9e 100%); !important;} .bgBR-grey-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #9e9e9e 100%); !important;} .bgBL-grey-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #9e9e9e 100%); !important;} .bgT-grey-D1-w {background-image: linear-gradient(to top , #ffffff -15%, #757575 100%); !important;} .bgB-grey-D1-w {background-image: linear-gradient(to bottom , #ffffff -15%, #757575 100%); !important;} .bgR-grey-D1-w {background-image: linear-gradient(to right , #ffffff -15%, #757575 100%); !important;} .bgL-grey-D1-w {background-image: linear-gradient(to left , #ffffff -15%, #757575 100%); !important;} .bgTR-grey-D1-w {background-image: linear-gradient(to top right , #ffffff -15%, #757575 100%); !important;} .bgTL-grey-D1-w {background-image: linear-gradient(to top left , #ffffff -15%, #757575 100%); !important;} .bgBR-grey-D1-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #757575 100%); !important;} .bgBL-grey-D1-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #757575 100%); !important;} .bgT-grey-D2-w {background-image: linear-gradient(to top , #ffffff -15%, #616161 100%); !important;} .bgB-grey-D2-w {background-image: linear-gradient(to bottom , #ffffff -15%, #616161 100%); !important;} .bgR-grey-D2-w {background-image: linear-gradient(to right , #ffffff -15%, #616161 100%); !important;} .bgL-grey-D2-w {background-image: linear-gradient(to left , #ffffff -15%, #616161 100%); !important;} .bgTR-grey-D2-w {background-image: linear-gradient(to top right , #ffffff -15%, #616161 100%); !important;} .bgTL-grey-D2-w {background-image: linear-gradient(to top left , #ffffff -15%, #616161 100%); !important;} .bgBR-grey-D2-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #616161 100%); !important;} .bgBL-grey-D2-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #616161 100%); !important;} .bgT-grey-D3-w {background-image: linear-gradient(to top , #ffffff -15%, #424242 100%); !important;} .bgB-grey-D3-w {background-image: linear-gradient(to bottom , #ffffff -15%, #424242 100%); !important;} .bgR-grey-D3-w {background-image: linear-gradient(to right , #ffffff -15%, #424242 100%); !important;} .bgL-grey-D3-w {background-image: linear-gradient(to left , #ffffff -15%, #424242 100%); !important;} .bgTR-grey-D3-w {background-image: linear-gradient(to top right , #ffffff -15%, #424242 100%); !important;} .bgTL-grey-D3-w {background-image: linear-gradient(to top left , #ffffff -15%, #424242 100%); !important;} .bgBR-grey-D3-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #424242 100%); !important;} .bgBL-grey-D3-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #424242 100%); !important;} .bgT-grey-D4-w {background-image: linear-gradient(to top , #ffffff -15%, #212121 100%); !important;} .bgB-grey-D4-w {background-image: linear-gradient(to bottom , #ffffff -15%, #212121 100%); !important;} .bgR-grey-D4-w {background-image: linear-gradient(to right , #ffffff -15%, #212121 100%); !important;} .bgL-grey-D4-w {background-image: linear-gradient(to left , #ffffff -15%, #212121 100%); !important;} .bgTR-grey-D4-w {background-image: linear-gradient(to top right , #ffffff -15%, #212121 100%); !important;} .bgTL-grey-D4-w {background-image: linear-gradient(to top left , #ffffff -15%, #212121 100%); !important;} .bgBR-grey-D4-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #212121 100%); !important;} .bgBL-grey-D4-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #212121 100%); !important;} /* grey 4.底色漸層-同色*/ .bgT-grey {background-image: linear-gradient(to top , #eeeeee -20%, #9e9e9e 100%); !important;} .bgB-grey {background-image: linear-gradient(to bottom , #eeeeee -20%, #9e9e9e 100%); !important;} .bgR-grey {background-image: linear-gradient(to right , #eeeeee -20%, #9e9e9e 100%); !important;} .bgL-grey {background-image: linear-gradient(to left , #eeeeee -20%, #9e9e9e 100%); !important;} .bgTR-grey {background-image: linear-gradient(to top right , #eeeeee -20%, #9e9e9e 100%); !important;} .bgTL-grey {background-image: linear-gradient(to top left , #eeeeee -20%, #9e9e9e 100%); !important;} .bgBR-grey {background-image: linear-gradient(to bottom right , #eeeeee -20%, #9e9e9e 100%); !important;} .bgBL-grey {background-image: linear-gradient(to bottom left , #eeeeee -20%, #9e9e9e 100%); !important;} .bgT-grey-D1 {background-image: linear-gradient(to top , #eeeeee -20%, #757575 100%); !important;} .bgB-grey-D1 {background-image: linear-gradient(to bottom , #eeeeee -20%, #757575 100%); !important;} .bgR-grey-D1 {background-image: linear-gradient(to right , #eeeeee -20%, #757575 100%); !important;} .bgL-grey-D1 {background-image: linear-gradient(to left , #eeeeee -20%, #757575 100%); !important;} .bgTR-grey-D1 {background-image: linear-gradient(to top right , #eeeeee -20%, #757575 100%); !important;} .bgTL-grey-D1 {background-image: linear-gradient(to top left , #eeeeee -20%, #757575 100%); !important;} .bgBR-grey-D1 {background-image: linear-gradient(to bottom right , #eeeeee -20%, #757575 100%); !important;} .bgBL-grey-D1 {background-image: linear-gradient(to bottom left , #eeeeee -20%, #757575 100%); !important;} .bgT-grey-D2 {background-image: linear-gradient(to top , #eeeeee -20%, #616161 100%); !important;} .bgB-grey-D2 {background-image: linear-gradient(to bottom , #eeeeee -20%, #616161 100%); !important;} .bgR-grey-D2 {background-image: linear-gradient(to right , #eeeeee -20%, #616161 100%); !important;} .bgL-grey-D2 {background-image: linear-gradient(to left , #eeeeee -20%, #616161 100%); !important;} .bgTR-grey-D2 {background-image: linear-gradient(to top right , #eeeeee -20%, #616161 100%); !important;} .bgTL-grey-D2 {background-image: linear-gradient(to top left , #eeeeee -20%, #616161 100%); !important;} .bgBR-grey-D2 {background-image: linear-gradient(to bottom right , #eeeeee -20%, #616161 100%); !important;} .bgBL-grey-D2 {background-image: linear-gradient(to bottom left , #eeeeee -20%, #616161 100%); !important;} .bgT-grey-D3 {background-image: linear-gradient(to top , #eeeeee -20%, #424242 100%); !important;} .bgB-grey-D3 {background-image: linear-gradient(to bottom , #eeeeee -20%, #424242 100%); !important;} .bgR-grey-D3 {background-image: linear-gradient(to right , #eeeeee -20%, #424242 100%); !important;} .bgL-grey-D3 {background-image: linear-gradient(to left , #eeeeee -20%, #424242 100%); !important;} .bgTR-grey-D3 {background-image: linear-gradient(to top right , #eeeeee -20%, #424242 100%); !important;} .bgTL-grey-D3 {background-image: linear-gradient(to top left , #eeeeee -20%, #424242 100%); !important;} .bgBR-grey-D3 {background-image: linear-gradient(to bottom right , #eeeeee -20%, #424242 100%); !important;} .bgBL-grey-D3 {background-image: linear-gradient(to bottom left , #eeeeee -20%, #424242 100%); !important;} .bgT-grey-D4 {background-image: linear-gradient(to top , #eeeeee -20%, #212121 100%); !important;} .bgB-grey-D4 {background-image: linear-gradient(to bottom , #eeeeee -20%, #212121 100%); !important;} .bgR-grey-D4 {background-image: linear-gradient(to right , #eeeeee -20%, #212121 100%); !important;} .bgL-grey-D4 {background-image: linear-gradient(to left , #eeeeee -20%, #212121 100%); !important;} .bgTR-grey-D4 {background-image: linear-gradient(to top right , #eeeeee -20%, #212121 100%); !important;} .bgTL-grey-D4 {background-image: linear-gradient(to top left , #eeeeee -20%, #212121 100%); !important;} .bgBR-grey-D4 {background-image: linear-gradient(to bottom right , #eeeeee -20%, #212121 100%); !important;} .bgBL-grey-D4 {background-image: linear-gradient(to bottom left , #eeeeee -20%, #212121 100%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/ /* black 1.底色*/ .bg-black {background-color: #000000 !important;} .bg-black-L1 {background-color: #424242 !important;} .bg-black-L2 {background-color: #e0e0e0 !important;} .bg-black-L3 {background-color: #616161 !important;} .bg-black-L4 {background-color: #757575 !important;} .scrollbar-black::-webkit-scrollbar-thumb {background: #757575!important;} /* 捲軸顏色 */ /* black 2.字色*/ .text-black {color: #000000 !important;} .text-black-L1 {color: #212121 !important;} .text-black-L2 {color: #424242 !important;} .text-black-L3 {color: #616161 !important;} .text-black-L4 {color: #757575 !important;} /* black 3.底色漸層-白色*/ .bgT-black-w {background-image: linear-gradient(to top , #ffffff -15%, #000000 100%); !important;} .bgB-black-w {background-image: linear-gradient(to bottom , #ffffff -15%, #000000 100%); !important;} .bgR-black-w {background-image: linear-gradient(to right , #ffffff -15%, #000000 100%); !important;} .bgL-black-w {background-image: linear-gradient(to left , #ffffff -15%, #000000 100%); !important;} .bgTR-black-w {background-image: linear-gradient(to top right , #ffffff -15%, #000000 100%); !important;} .bgTL-black-w {background-image: linear-gradient(to top left , #ffffff -15%, #000000 100%); !important;} .bgBR-black-w {background-image: linear-gradient(to bottom right , #ffffff -15%, #000000 100%); !important;} .bgBL-black-w {background-image: linear-gradient(to bottom left , #ffffff -15%, #000000 100%); !important;} /* black 4.底色漸層-同色*/ .bgT-black {background-image: linear-gradient(to top , #616161 -20%, #000000 100%); !important;} .bgB-black {background-image: linear-gradient(to bottom , #616161 -20%, #000000 100%); !important;} .bgR-black {background-image: linear-gradient(to right , #616161 -20%, #000000 100%); !important;} .bgL-black {background-image: linear-gradient(to left , #616161 -20%, #000000 100%); !important;} .bgTR-black {background-image: linear-gradient(to top right , #616161 -20%, #000000 100%); !important;} .bgTL-black {background-image: linear-gradient(to top left , #616161 -20%, #000000 100%); !important;} .bgBR-black {background-image: linear-gradient(to bottom right , #616161 -20%, #000000 100%); !important;} .bgBL-black {background-image: linear-gradient(to bottom left , #616161 -20%, #000000 100%); !important;} /*****----------------------*****--------------******-----------------******------------------------******--------------------------------*****/