/* 縮小失敗。正在傳回未縮小的內容。 (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (176,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-600' (186,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-600' (213,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (214,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (325,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (340,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (374,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (409,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (436,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (555,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (598,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (678,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (694,36): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (695,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (699,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (739,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (740,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (744,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (914,20): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (918,20): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (926,20): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1045,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1050,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1176,40): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1213,44): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1214,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1218,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1224,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1228,38): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1270,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1271,43): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1301,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1321,37): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1326,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1328,51): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1332,37): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1349,51): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1368,37): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1373,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1377,37): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1400,36): run-time error CSS1039: Token not allowed after unary operator: '-color-lighten' (1453,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1466,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1490,48): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1513,52): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1518,56): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1522,45): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1582,40): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1606,37): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1616,40): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1629,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1640,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1655,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1711,40): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1825,41): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1915,48): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1945,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1982,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2069,29): run-time error CSS1039: Token not allowed after unary operator: '-color-lighten' (2120,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2163,31): run-time error CSS1046: Expect comma, found '226' (2163,38): run-time error CSS1046: Expect comma, found ')' (2190,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2215,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-rows' (2216,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-gap' (2234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2235,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-rows' (2236,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-gap' (2391,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2502,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2670,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2671,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2672,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2682,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2683,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2684,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2699,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2702,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2736,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2737,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2788,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2853,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2888,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2982,47): run-time error CSS1030: Expected identifier, found '.' (2982,70): run-time error CSS1031: Expected selector, found ')' (2982,70): run-time error CSS1025: Expected comma or open brace, found ')' (3011,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3023,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3086,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3119,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3124,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3130,39): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' */ @charset "UTF-8"; [data-theme="blueYellow"] { --color-primary: #1C4182; --color-secondary: #F2A356; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #FCD4AC; --color-alert: #e0ebf4; } [data-theme="tealSkin"] { --color-primary: #1c3ab3; --color-secondary: #FEE3B9; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #e4eaff; --color-alert: aliceblue; } [data-theme="greenCream"] { --color-primary: #006F60; --color-secondary: #FFD8A7; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #499497; --color-alert: #e1fffb; } [data-theme="vanillaMaroon"] { --color-primary: #882B2B; --color-secondary: #FFD8A7; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #a44848; --color-alert: #fff2e3; } [data-theme="cyanBlueApricot"] { --color-primary: #008FAE; --color-secondary: #FFD8A7; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #0caccf; --color-alert: #fff2e3; } [data-theme="darkBlueApricot"] { --color-primary: #015584; --color-secondary: #FFD8A7; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #0274b6; --color-alert: #fff2e3; } [data-theme="purpleApricot"] { --color-primary: #520184; --color-secondary: #FFD8A7; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #8611cf; --color-alert: #fff2e3; } [data-theme="greenApricot"] { --color-primary: #008E8E; --color-secondary: #FFD8A7; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #00a5a5; --color-alert: #fff2e3; } [data-theme="brightBlueApricot"] { --color-primary: #3F53BF; --color-secondary: #C1EADC; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #6d7dda; --color-alert: #e6f9f2; } [data-theme="darkGreenApricot"] { --color-primary: #066F60; --color-secondary: #FFD8A7; --color-primary-h: 183; --color-primary-s: 35%; --color-primary-l: 34%; --color-secondary-h: 8%; --color-secondary-s: 100%; --color-secondary-l: 94%; --color-lighten: #499497; --color-alert: #e1fffb; } :root { --color-black: #1F1F1F; --color-grey: #5E5E5E; --color-light-grey: #CDCDCD; --color-white: #FFFFFF; } /*無障礙 s*/ .accesskey { position: relative; } .accesskey a { position: absolute; top: 5px; left: 5px; z-index: 9; color: #222; font-size: 1em; text-decoration: none; } /*無障礙 e*/ @media (max-width:1300px) { .accesskey { display: none; } } @charset "UTF-8"; .single-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .line1-ellipsis { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; color: var(--bs-gray-600); } .line2-ellipsis { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; max-height: 70px; color: var(--bs-gray-600); } .line3-ellipsis { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all; max-height: 35px; } /* ul預設樣式清除 ----------*/ .ul-style-clear { list-style-type: none; padding-left: 0; margin-bottom: 0; } /***** 常用 e. ******/ /***** container-1600 s. ******/ .container-1600 { padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; width: 100%; max-width: 1600px; } @media (max-width: 575.98px) { .container-1600 { width: 100%; } } @media (max-width: 767.98px) { .container-1600 { width: 100%; } } @media (max-width: 991.98px) { .container-1600 { width: 100%; } } @media (max-width: 1199.98px) { .container-1600 { width: 100%; } } @media (max-width: 1399.98px) { .container-1600 { width: 100%; } } /***** container-1600 e. ******/ a.sr-only1 { padding: 0.5rem; background: #2b358c; color: #fff; position: absolute; top: -2.5rem; left: 0; -webkit-transition: top 1s ease-out; transition: top 1s ease-out; z-index: 100; } a.sr-only1:focus { position: absolute; left: 0; top: 0; outline-color: transparent; -webkit-transition: top .1s ease-in; transition: top .1s ease-in; border: #ffbf47 solid 0.4rem; background: #ffbf47; color: #000; font-weight: 700; } .access_footer_link { color: rgba(255, 255, 255, 0); text-decoration: none; display: block; } .access_footer_link:focus { color: #111; text-decoration: none; display: block; } /***** background color s. ******/ .bg-lightGrey { background-color: rgba(204, 204, 204, 0.3); } .content-typeAll .lg { position: absolute; bottom: 0; width: 100%; height: 50%; background: linear-gradient(180deg, #f2f2f2 60%, transparent 100%); z-index: -1; } .content-typeAll .sidebar { width: 334px; border-radius: 10px; overflow: hidden; border: none; box-shadow: 0px 21px 45px rgba(0, 0, 0, 0.25); } .content-typeAll .sidebar .title { font-weight: 500; font-size: 2rem; padding: 32px; margin-bottom: 0; background-image: url("../images/1.png"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: var(--color-primary); color: white; } .content-typeAll .sidebar .nav-link { display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; font-weight: 500; padding: 20px 25px 20px 47px; color: #1F1F1F; } .content-typeAll .sidebar .nav-link:hover { background-color: var(--color-primary); color: white; } .content-typeAll .submenu { background-color: #F0F0F0; list-style-type: none; padding-left: 0; } .content-typeAll .submenu .nav-link { font-weight: 500; font-size: 1rem; color: #5E5E5E; padding-top: 15px; padding-bottom: 15px; padding-left: 60px; position: relative; } .content-typeAll .submenu .nav-link::before { content: '-'; position: absolute; left: 40px; } .content-typeAll .wrap .breadcrumb-item { font-size: 1rem; color: #5D5D5D; } .content-typeAll .content .ul-title { font-size: .9rem; font-weight: bold; color: var(--color-primary); margin-top: 32px; margin-bottom: 32px; } .content-typeAll .content .ul-style-clear { list-style-type: none; padding-left: 0; } .content-typeAll .content li { background: rgba(205, 205, 205, 0.3); border-radius: 6px; padding: 14px 32px; margin-bottom: 16px; position: relative; } .content-typeAll .content li:last-child { margin-bottom: 0; } .content-typeAll .content li::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; height: 100%; background-color: #CDCDCD; border-radius: 4px; } .content-typeAll .content li:hover::before { background-color: var(--color-secondary); } .content-typeAll .content .title { font-size: 1.2rem; margin: 6px 0; color: #000000; text-decoration: none; margin-right: auto; } .content-typeAll .content .dl { display: flex; flex-wrap: wrap; align-items: center; } .content-typeAll .content .dl a { display: flex; align-items: center; font-size: 1.2rem; margin: 6px 0; text-decoration: none; color: #000000; } .content-typeAll .content li:hover .title { color: var(--color-primary); } .content-typeAll .content .dl a:not(:last-child) { margin-right: 25px; } .content-typeAll .file { display: inline-block; width: 32px; height: 38px; margin-right: 12px; background-size: 100%; } .content-typeAll .file.doc { background-image: url("../images/file/doc.png"); } .content-typeAll .file.docx { background-image: url("../images/file/docx.png"); } .content-typeAll .file.pdf { background-image: url("../images/file/pdf.png"); } .content-typeAll .file.ppt { background-image: url("../images/file/ppt.png"); } .content-typeAll .file.ppsx { background-image: url("../images/file/ppsx.png"); } .content-typeAll .file.png { background-image: url("../images/file/png.png"); } .content-typeAll .file.jpg { background-image: url("../images/file/jpg.png"); } .content-typeAll .file.gif { background-image: url("../images/file/gif.png"); } .content-typeAll .file.txt { background-image: url("../images/file/txt.png"); } .content-typeAll .file.odt { background-image: url("../images/file/odt.png"); } .content-typeAll .file.ods { background-image: url("../images/file/ods.png"); } .content-typeAll .file.odp { background-image: url("../images/file/odp.png"); } .content-typeAll .file.odg { background-image: url("../images/file/odg.png"); } .content-typeAll .file.zip { background-image: url("../images/file/zip.png"); } .content-typeAll .file.xls { background-image: url("../images/file/xls.png"); } .content-typeAll .file.xlsx { background-image: url("../images/file/xlsx.png"); } .content-typeAll .wrap .active-box { display: flex; list-style-type: none; padding-left: 0; } .content-typeAll .wrap .active-box li:first-child button { margin-left: 0px; } .content-typeAll .wrap .active-box button { color: white; border-radius: 6px; margin-left: 8px; padding: 0.4rem 0.4rem; } .content-typeAll .wrap .active-box button i { font-size: 1.125rem; } .content-typeAll .wrap .active-box button.print { background-color: #BD620D; } .content-typeAll .wrap .active-box button.fb { background-color: #2B6ED3; } .content-typeAll .wrap .active-box button.line { background-color: #06C755; } .content-typeAll .wrap .active-btn button { border-radius: 5px; font-weight: 700; padding: 11px 42px; } .content-typeAll .wrap .active-btn .btn-primary { background-color: var(--color-primary); color: #fff; border-radius: 0; padding: 10px 40px; border: 0; } .content-typeAll .wrap .active-btn .btn-light { background-color: rgba(205, 205, 205, 0.5); color: #5E5E5E; border-radius: 0; padding: 10px 40px; } .content-typeAll .pn { display: flex; justify-content: flex-end; align-items: center; margin-top: 16px; } @media (max-width: 767.98px) { .content-typeAll .pn { justify-content: center; } } .content-typeAll .pn .total { font-size: 1rem; color: #5E5E5E; margin-right: 20px; } .content-typeAll .pn .total p { margin-bottom: 0px; } .content-typeAll .pn .total span { display: inline-block; } .content-typeAll .pn .pagination-container .pagination a { border-radius: 50%; background-color: var(--color-primary); color: white !important; display: inline-block; font-weight: 400; line-height: 1.5; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 0.375rem 0.75rem; font-size: 1rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .content-typeAll .pagination-container .pagination { margin-bottom: 0; } .content-typeAll .pagination-container .pagination .PagedList-skipToNext { background-color: transparent; border-radius: initial; padding: initial; position: initial; } .content-typeAll .pagination-container .pagination .PagedList-skipToNext:before { display: none; } .content-typeAll .pagination-container .pagination .PagedList-skipToPrevious { padding-right: 8px; } .content-typeAll .pagination-container .pagination .disabled { display: none; } .content-typeAll .datepicker td, .content-typeAll th { text-align: center; padding: 8px 12px; font-size: 0.875em; } .content-typeAll .input-group .dropdown-menu { display: block !important; } .content-typeAll .img-link { width: 100%; height: 84px; } .content-typeAll .card_list { border: 1px solid #D2D2D2; border-radius: 10px; transition: .2s all; } .content-typeAll .card_list .card-body { display: flex; } .content-typeAll .card_list .card_list_content .card-title { font-weight: 600; font-size: 1.25rem; line-height: 1.875rem; color: #1F1F1F; } .content-typeAll .card_list .card_list_content .card-text { color: #606060; } .content-typeAll .card_list .card_list_content .card-date { font-weight: 500; color: var(--color-primary); } .content-typeAll .card_list .card_list_content .btn-more { font-weight: 500; color: #5E5E5E; background: rgba(205, 205, 205, 0.5); border-radius: 5px; padding: 10px 40px; } .content-typeAll .card_list:hover { box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.09); } .content-typeAll .card_list:hover .card_list_content .btn-more { background-color: var(--color-secondary); color: var(--color-primary); } .content-typeAll .card_list:hover .card_list_content .card-title { color: var(--color-primary); } .content-typeAll .card_list.pic .card_list_sm { flex: 0 0 26%; height: 215px; border-radius: 6px; background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } .content-typeAll .card_list.pic .card_list_sm img { width: 100%; height: 100%; border-radius: 6px; } .content-typeAll .card_list.pic .card_list_content { width: 74%; display: grid; padding: 0 14px 0 20px; } .content-typeAll .card_list.pic .card_list_content .card-title { margin-bottom: 8px; } .content-typeAll .card_list.pic .card_list_content .card-text { margin-bottom: 50px; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-right: 0; } .content-typeAll .input-group.date .input-group-text { border: 1px solid #ced4da; background-color: var(--color-secondary); border-color: var(--color-secondary); } .content-typeAll .input-group.date .input-group-text i { color: var(--color-primary); } @media (max-width: 767.98px) { .content-typeAll .card_list .card-body { flex-wrap: wrap; } .content-typeAll .card_list .card_list_sm { width: 100% !important; } .content-typeAll .card_list .card_list_content { width: 100% !important; padding: 16px 0px 0 0px !important; } .content-typeAll .card_list.pic .card_list_sm { flex: 0 0 100%; height: auto; } .content-typeAll .card_list.pic .card_list_content .card-text { margin-bottom: 20px; } .content-typeAll .card_list.viedo .card_list_sm iframe { height: 250px; } .content-typeAll .card_list.viedo .card_list_content .card-title { margin-bottom: 16px; } .content-typeAll .card_list.viedo .card_list_content .card-text { margin-bottom: 30px; } } .pagination-container .pagination li { display: none; } .pagination-container .pagination li.PagedList-skipToPrevious { display: block; } .pagination-container .pagination li.PagedList-skipToPrevious.disabled { display: none; } .pagination-container .pagination li.PagedList-skipToNext { display: block; } .pagination-container .pagination li.PagedList-skipToNext.disabled { display: none; } .badge-color0 { background-color: #6fc373; } .badge-color1 { background-color: #FF5733; } .badge-color2 { background-color: #efb600; } .badge-color3 { background-color: #FF9933; } .badge-color4 { background-color: #FF4D4D; } .badge-color5 { background-color: #FF00CC; } .badge-color6 { background-color: #CC00FF; } .badge-color7 { background-color: #9933FF; } .badge-color8 { background-color: #4D4DFF; } .badge-color9 { background-color: #00CCFF; } .badge-color10 { background-color: #01e086; } .badge-color11 { background-color: #40dc0b; } .badge-color12 { background-color: #db7c8d; } .badge-color13 { background-color: #c86c6c; } .badge-color14 { background-color: #daab4c; } .badge-color15 { background-color: #f3bc59; } .badge-color16 { background-color: #48c748; } .badge-color17 { background-color: #3abcb3; } .badge-color18 { background-color: #40d2c1; } .badge-color19 { background-color: #8b8be8; } .badge-color20 { background-color: #b566ff; } .badge-color21 { background-color: #f84fa3; } .badge-color22 { background-color: #ea146a; } .badge-color23 { background-color: #FF0033; } .white { color: #fff; } .youtube-lazyload { position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .youtube-lazyload .ytp-large-play-button-circle { fill: var(--color-primary); } .youtube-lazyload:hover .ytp-large-play-button .ytp-large-play-button-circle { fill: var(--color-secondary); } .youtube-lazyload:hover .ytp-large-play-button .ytp-large-play-button-path { fill: #fff; } .youtube-lazyload:hover .ytp-large-play-button-circle { fill: var(--color-secondary); } .youtube-lazyload img { width: 100%; top: -16.75%; left: 0; opacity: 1; cursor: pointer; } .youtube-lazyload .ytp-button { border: none; background-color: transparent; padding: 0; color: inherit; text-align: inherit; font-size: 100%; font-family: inherit; cursor: pointer; line-height: inherit; } .youtube-lazyload .ytp-button::-moz-focus-inner { padding: 0; border: 0; } .youtube-lazyload .ytp-large-play-button { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; z-index: 1; } .youtube-lazyload .ytp-large-play-button svg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .youtube-lazyload iframe { height: 100%; width: 100%; top: 0; left: 0; } .youtube-lazyload img, .youtube-lazyload iframe { position: absolute; } .youtube-lazyload .ytp-button:focus, .youtube-lazyload .ytp-button { outline: 0; } /* 更多消息 */ .read_more { font-style: normal; font-weight: 500; font-size: 1rem; line-height: 24px; text-transform: uppercase; color: #757575; display: inline-flex; border: 1px solid #838383; padding: 7px 35px; margin-top: 20px; border-radius: 4px; } .decorate_icon { position: relative; width: 44px; height: 10px; text-align: right; display: block; top: 3px; left: 15px; } .decorate_icon::before { width: 8px; height: 2px; background: #1f1f1f; content: ""; display: block; position: absolute; bottom: 3px; right: 2px; transform: rotate(38deg); } .decorate_icon::after { width: 44px; height: 2px; background: #1f1f1f; content: ""; display: block; position: absolute; bottom: 0px; right: 2px; } .read_more_box { text-align: center; line-height: 64px; } a:hover { color: var(--color-primary); text-decoration: none; } a.read_more:hover .decorate_icon::after { background: var(--color-primary); } @media (max-width: 480px) { .content-typeAll .pn { margin-top: 0; } .fa-magnifying-glass:before, .fa-search:before { display: none; } a[accesskey] { display: none; } } body { letter-spacing: 0.03em !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.5; } a { text-decoration: none; } a:hover { text-decoration: none; } p { line-height: 28px !important; } dl, ol, ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .text-en { font-family: "Roboto", sans-serif !important; font-weight: 400 !important; } .text-tw { font-family: "Noto Sans TC", sans-serif !important; } .banner_title_box .fs-1 { font-size: 3rem !important; line-height: 1.25 !important; } .banner_title_box .fs-2 { font-size: 2.5rem !important; } .banner_title_box .fs-3 { font-size: 2rem !important; } .banner_title_box .fs-4 { font-size: 1.5rem !important; } .content-typeAll { position: relative; } .content-typeAll aside.col-lg-3 { position: relative; } .content-typeAll aside.col-lg-3:before { content: ""; width: 200%; background-color: #f7f7f7; height: 100%; z-index: -1; position: absolute; right: 12px; top: 0; } .content-typeAll ol ol, .content-typeAll ol ul { padding-left: 21px !important; } .content-typeAll ul ul, .content-typeAll ul ol { padding-left: 21px !important; } .content-typeAll article > ol > li { margin-bottom: 10px; } .content-typeAll .wrap { position: relative; word-wrap: break-word; /*padding-left: 40px;*/ letter-spacing: 0.02em; line-height: 2; padding-bottom: 4rem; } .content-typeAll .wrap article { /*display: inline-block;*/ width: 100%; padding: 30px; border: 1px solid #CACACA; background-color: #fff; border-radius: 20px; } .content-typeAll .wrap .search.regulatory_type { padding: 25px 30px; margin-bottom: 20px; background: rgba(205, 205, 205, 0.3); } .content-typeAll .wrap .search.regulatory_type .search_btn { background-color: var(--color-primary); color: white; } .content-typeAll .wrap .form-control, .content-typeAll .wrap .input-group-text, .content-typeAll .wrap .form-select, .content-typeAll .wrap .btn { border-radius: 0; color: #707070; } .content-typeAll .wrap textarea::placeholder, .content-typeAll .wrap input::placeholder { color: #a6a6a6; } .content-typeAll .wrap article dl, .content-typeAll .wrap article ol, .content-typeAll .wrap article ul { list-style-type: revert; padding-left: 32px; margin-bottom: 16px; } .content-typeAll .wrap .list { font-size: 1.25rem; } .content-typeAll .wrap .list ul { list-style-type: none; padding-left: 0; } .content-typeAll .wrap .list li { background: rgba(205, 205, 205, 0.3); border-radius: 4px; margin-bottom: 8px; padding: 20px 24px; position: relative; } .content-typeAll .wrap .list li:hover .icon { background-color: var(--color-secondary); color: var(--color-primary); } .content-typeAll .wrap .list li:hover .name { color: var(--color-primary); font-weight: 500; } .content-typeAll .wrap .list li:hover .col-lg-4 span { font-weight: 900; color: var(--color-primary); } .content-typeAll .wrap .list li:hover::before { background: var(--color-secondary); } .content-typeAll .wrap .list li::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 6px; border-radius: 4px; background: #cdcdcd; } .content-typeAll .wrap .icon { display: inline-block; width: 42px; height: 42px; line-height: 42px; text-align: center; margin-right: 16px; color: #5e5e5e; background: rgba(205, 205, 205, 0.5); border-radius: 50%; } .content-typeAll .wrap h2 { font-weight: 700; font-size: 1.7rem; margin-bottom: 1.5rem; /*color: var(--color-primary);*/ margin-top: 2rem; word-wrap: break-word; } .content-typeAll .wrap h3 { font-size: 1.25rem; line-height: 26px; padding-bottom: 10px; margin-bottom: 1.2rem; margin-top: 1.5rem; color: var(--color-primary); border-bottom: 3px solid var(--color-primary); display: inline-block; font-weight: 400; } .content-typeAll .wrap h3::before { content: "\f02b"; display: inline-block; font: normal normal normal 0.875rem/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; /* -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);*/ margin-right: 5px; position: relative; top: -2px; /*margin-left: 4px; left: 2px;*/ } .content-typeAll .wrap h3::after { display: block; clear: both; content: ""; } .content-typeAll .wrap .download { padding-left: 0 !important; margin-bottom: 1rem !important; } .content-typeAll .wrap .download li { color: var(--color-primary); background-color: #f2f2f2; border-bottom: 4px solid #f2f2f2; margin-bottom: 10px; padding-left: 10px; list-style: none; } .content-typeAll .wrap .download li a { color: #5e5e5e; padding-top: 10px; padding-bottom: 10px; display: flex; } .content-typeAll .wrap .download li a::before { content: "\f0c1"; font-family: "Font Awesome 6 Free"; font-size: 1rem; font-weight: 900; color: var(--color-primary); padding-right: 10px; } .content-typeAll .wrap .download li:hover { color: var(--color-primary); background-color: #f2f2f2; border-bottom: 4px solid var(--color-secondary); } .content-typeAll .wrap .download li:hover a { color: var(--color-primary); } .content-typeAll .wrap .link { padding-left: 0 !important; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; margin-bottom: 2rem !important; } .content-typeAll .wrap .link li { border-bottom: 1px dashed #c5c5c5; list-style: none; } .content-typeAll .wrap .link li:hover { border-bottom: 1px solid var(--color-secondary); } .content-typeAll .wrap .link li a { font-size: 1.125rem; padding-top: 10px; padding-bottom: 10px; display: block; color: #5e5e5e; width: 100%; display: flex; align-items: center; } .content-typeAll .wrap .link li a::before { content: "\f068"; font-family: "Font Awesome 6 Free"; font-size: 1rem; font-weight: 900; color: var(--color-primary); padding-right: 20px; } .content-typeAll .wrap .link li:hover a { color: var(--color-primary); } .content-typeAll .wrap .link li:hover a::before { color: var(--color-secondary); } .content-typeAll .wrap .table { color: #5e5e5e; border-bottom: 0; } .content-typeAll .wrap img { max-width: 100%; height: auto; } .content-typeAll .wrap img.rmImg { width: 30px; margin-right: 10px; } .content-typeAll .wrap .table.table-bordered tbody { border-width: 0; } .content-typeAll .wrap .table.table-bordered th { background-color: var(--color-lighten); color: #000; font-weight: 500; border-left: 0; } .content-typeAll .wrap .regulatory_type2 .table th, .content-typeAll .wrap .regulatory_type1 .table th { letter-spacing: 1px; font-size: 1.03em; } .content-typeAll .wrap .table.table-bordered tr { border-width: 1px 0; border-color: #dee2e6; } .content-typeAll .wrap .table.table-bordered tbody, .content-typeAll .wrap .table.table-bordered td, .content-typeAll .wrap .table.table-bordered tfoot, .content-typeAll .wrap .table.table-bordered th, .content-typeAll .wrap .table.table-bordered thead, .content-typeAll .wrap .table.table-bordered tr { border-color: #dee2e6; border-style: solid; border-width: 1px; } .content-typeAll .wrap .table tbody.table-group-divider tr { border-color: #dee2e6; } .content-typeAll .wrap .table-download img { width: 30px; height: auto; } .content-typeAll .wrap .table tr { line-height: 1.5; } .content-typeAll .wrap .table tr td { word-break: break-word; } .content-typeAll .wrap .table tbody tr th { word-break: break-word; } .content-typeAll .wrap .table.table-hover tbody tr:nth-child(even) td { background-color: #f4f4f4; } .content-typeAll .wrap .table ol, .content-typeAll .wrap .table ul { padding-left: 26px !important; margin-bottom: 0 !important; } .content-typeAll .wrap a { color: var(--color-primary); } .content-typeAll .wrap .college { border-bottom: 1px solid #cdcdcd; } /*.content-typeAll .wrap .table > :not(caption) > * > *{background-color: transparent;}*/ .content-typeAll .wrap .table td a { color: #5e5e5e; } .content-typeAll .wrap .table td a:hover { color: var(--color-primary); } .content-typeAll .wrap .catalog { padding: 20px 0; } .content-typeAll .wrap .catalog .catalog_ul { margin-bottom: 0 !important; padding-left: 0 !important; list-style-type: none; display: flex; flex-wrap: wrap; } .content-typeAll .wrap .catalog .catalog_ul li { position: relative; display: flex; margin-bottom: 10px; } .content-typeAll .wrap .catalog .catalog_ul li::after { content: ""; width: 0px; background-color: var(--color-secondary); height: calc(100% - 2px); position: absolute; transition: 0.25s; right: 11px; top: 1px; } .content-typeAll .wrap .catalog .catalog_ul li:hover::after { width: 7px; transition: 0.25s; } .content-typeAll .wrap .catalog .catalog_ul li a { padding: 5px 22px 5px 16px; color: #5e5e5e; background-color: rgba(204, 204, 204, 0.1); border: 1px solid #c5c5c5; margin-right: 10px; position: relative; } .content-typeAll .wrap .catalog .catalog_ul li a:hover { background-color: var(--color-primary); color: #fff; } .content-typeAll .wrap .catalog .catalog_ul li a:hover::before { background-color: var(--color-secondary); } .content-typeAll .wrap .catalog .catalog_ul li a:hover::after { color: var(--color-primary); } .content-typeAll .wrap .catalog .catalog_ul li a::after { content: ">"; font-size: 0.625rem; display: inline-block; position: relative; top: -2px; margin-left: 10px; color: #5e5e5e; } .content-typeAll .wrap .catalog .catalog_ul li a::before { content: ""; background-color: #d6d6d6; width: 12px; height: 14px; display: inline-block; position: absolute; top: 15px; right: 20px; } .content-typeAll.link::before { display: none; } .content-typeAll .content-link { width: 100%; } .content-typeAll .content-main img { vertical-align: middle; max-width: 100%; height: auto !important; } .content-typeAll .content-menu { background-color: #f7f7f7; padding-top: 18px; padding-right: 0; display: flex; justify-content: flex-end; padding-bottom: 60px; } .content-typeAll .content-menu nav { width: 100%; } .content-typeAll .content-menu nav li ul { padding-left: 0 !important; } .content-typeAll .content-menu .nav { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-end; border-top: 4px solid var(--color-primary) !important; border-bottom: 1px solid #cdcdcd; } .content-typeAll .content-menu .nav li { width: 100%; text-align: end; } .content-typeAll .content-menu .nav li:first-child { border-top: 0; } .content-typeAll .content-menu .nav li a { padding: 20px 0 20px 20px; font-size: 1.25rem; text-align: left; color: #000; background-color: #eee; word-break: break-all; position: relative; } .content-typeAll .content-menu .nav li a:hover { color: var(--color-primary); } .content-typeAll .content-menu .nav > li > a::after { content: ""; position: absolute; right: 0; top: 0; width: 0px; height: 100%; background-color: var(--color-secondary); transition: 0.25s; background-size: 0; background-image: none !important; transform: rotate(0deg); } .content-typeAll .content-menu .nav > li.active > a::after, .content-typeAll .content-menu .nav > li:hover > a::after { width: 10px; transition: 0.25s; } .content-typeAll .content-menu .nav > li.active a, .content-typeAll .content-menu .nav > li:hover a { color: var(--color-primary); font-weight: 500; position: relative; background-color: #ddd; } .content-typeAll .content-menu .nav > li.nav-item { border-top: 1px dotted #cdcdcd; } .content-typeAll .content-menu .nav .nav-child li.active a, .content-typeAll .content-menu .nav .nav-child li:hover a { color: var(--color-primary); } .content-typeAll .content-menu .nav .nav-child li a { display: block; color: #000; font-weight: 400; font-size: 1rem; display: flex; padding: 16px; word-break: break-all; background-color: #f7f7f7; } .content-typeAll .content-menu .nav .nav-child li:hover a, .content-typeAll .content-menu .nav .nav-child li:focus a { color: var(--color-primary); } .content-typeAll .content-menu .nav .nav-child li a::after { background-color: transparent; } .content-typeAll .content-menu .nav .nav-child li a::before { content: "\f068"; font-family: "Font Awesome 6 Free"; font-size: 1rem; font-weight: 900; padding-right: 16px; } .content-typeAll .carousel_img { width: 100%; position: relative; } .content-typeAll .carousel_img .carousel-inner { overflow: visible; } .content-typeAll .carousel_img .banner_title_box { position: absolute; z-index: 888; font-style: normal; font-weight: 700; font-size: 2.5rem; line-height: 48px; text-transform: uppercase; color: #ffffff; bottom: 0px; left: 0px; width: 100%; background: linear-gradient(180deg, transparent 0%, #000000 100%); } .content-typeAll .carousel_img .banner_title { margin-top: 5%; text-align: left; margin-left: 12%; height: 180px; padding-left: 35px; margin: 0 auto; position: relative; bottom: 0; line-height: 60px; color: #ffffff; } .content-typeAll .carousel_img .banner_title::before { content: ""; width: 6px; height: 230px; background-color: var(--color-secondary); position: absolute; left: 0; top: 0; z-index: 1; } .content-typeAll .carousel_img .carousel-item { position: relative; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; justify-content: center; align-items: flex-end; display: grid; align-items: center; justify-items: center; align-content: center; } .content-typeAll .carousel_img .carousel-item video { position: absolute; top: -10px; right: 0; width: 100%; min-width: 100%; } .content-typeAll .carousel_img .carousel-indicators { height: 100%; display: flex; align-items: end; justify-content: flex-start; } .content-typeAll .carousel_img .carousel-indicators button { width: 11px; height: 11px; border-radius: 50%; margin-left: 30px; margin-bottom: 20px; } .content-typeAll .carousel_img .carousel-indicators .active { transform: scale(1.6); transition: all 0.2s; } .content-typeAll .carousel-control-next-icon, .content-typeAll .carousel-control-prev-icon { width: 3rem; height: 3rem; } .content-typeAll .carousel-img { width: 100%; } .content-typeAll .banner_title_box { z-index: 1; font-style: normal; font-weight: 700; font-size: 1rem; color: #ffffff; bottom: 0px; left: 0px; width: 100%; } .content-typeAll .banner_title { margin-top: 5%; text-align: left; margin-left: 12%; height: 90px; /* padding-left: 35px; */ margin: 0 auto; position: relative; bottom: 0; line-height: 60px; color: #5e5e5e; } .content-typeAll .carousel_video { width: 100%; height: 88vh; position: relative; overflow: hidden; } .content-typeAll .carousel_video .banner_title_box { position: absolute; z-index: 888; font-style: normal; font-weight: 700; font-size: 2.3rem; line-height: 48px; text-transform: uppercase; color: #ffffff; bottom: 0px; left: 0px; width: 100%; height: 300px; background: linear-gradient(180deg, transparent 0%, #000000 100%); } .content-typeAll .carousel_video .banner_title { margin-top: 5%; text-align: left; margin-left: 12%; height: 231px; padding-left: 35px; border-left: solid 6px var(--color-secondary); margin: 0 auto; position: relative; left: 0; bottom: -38%; padding-top: 10px; color: #fff; } .content-typeAll .carousel_video .example-marquee { position: relative; width: 100%; min-height: 100vh; } .content-typeAll .carousel_video iframe { transition: opacity 500ms ease-in-out; transition-delay: 250ms; } .content-typeAll .share { display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: flex-end; /* text-align: end;*/ } .content-typeAll .share .community { text-align: right; width: 100%; } .content-typeAll .share .community a.btn { padding: 0; border: 0; } .content-typeAll .share .community ul { list-style-type: none; margin-bottom: 0; padding-left: 0; display: flex; justify-content: flex-end; } .content-typeAll .share .community ul li { display: inline-block; padding-right: 10px; /*width:100%;*/ } .content-typeAll .share .community ul li:last-child { padding-right: 0; } .content-typeAll .share .community ul li button { padding: 0; } .content-typeAll .share .community ul li .print { background-color: #ff8407; color: #fff; width: 32px; height: 32px; border-radius: 4px; top: 2px; position: relative; } .content-typeAll .share .community ul li .print i { font-size: 1.1rem; } .content-typeAll .share .community ul li .fb i { color: #3760b0; font-size: 2.25rem; } .content-typeAll .share .community ul li .line i { color: #00c001; font-size: 2.25rem; } .content-typeAll .share .community ul li .rss i { color: #FF5722; font-size: 2.25rem; } .content-typeAll .share .community ul li .search { background-color: var(--color-primary); color: #fff; width: 90px; height: 31px; line-height: 31px; border-radius: 4px; position: relative; top: -1px; } .content-typeAll .share .community ul li .search i { color: #fff; } .content-typeAll .share .update_time { text-align: end; } .content-typeAll .share .update_time .badge { font-size: 1rem; font-weight: 500; } .content-typeAll .share .update_time .badge:first-child { /*padding-left: 0;*/ } .content-typeAll .share .update_time .badge:last-child { padding-right: 0; } .content-typeAll .share .update_time .badge span { color: var(--color-primary); } .content-typeAll .share .update_time .badge i { color: #a1a1a1; padding-right: 5px } .content-typeAll .wrap .search.hide { opacity: 0; height: 0; display: none; } .content-typeAll .wrap .search.hide #SearchForm:hover { display: none; } .content-typeAll .wrap .search.open { transition: 0.25s; opacity: 1; height: 100%; padding: 25px 30px; margin-bottom: 30px; background: rgba(205, 205, 205, 0.3); } .content-typeAll .wrap .search.open #SearchForm:hover { display: block; } .content-typeAll .wrap.search .form-label { font-weight: 500; } .content-typeAll .wrap .search .search_btn { color: #fff; background-color: var(--color-primary); } .content-typeAll .wrap .search .search_btn:hover { filter: brightness(.9) } .content-typeAll .wrap .read_more { font-style: normal; font-weight: 400; font-size: 1rem; line-height: 24px; text-transform: uppercase; color: #1f1f1f; display: inline-flex; } .content-typeAll .wrap .read_more .decorate_icon { position: relative; width: 44px; height: 10px; text-align: right; display: block; top: 5px; left: -10px; } .content-typeAll .wrap .read_more .decorate_icon::before { width: 8px; height: 2px; background: #1f1f1f; content: ""; display: block; position: absolute; bottom: 3px; left: 0px; transform: rotate(315deg); } .content-typeAll .wrap .read_more .decorate_icon::after { width: 44px; height: 2px; background: #1f1f1f; content: ""; display: block; position: absolute; bottom: 0px; left: 0; } /* 內容頁 圖片背景 開始s */ /*圓圓按鈕*/ .snow-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001; } .alert-secondary { background-color: #f9f9f9; border-color: #e8e8e8; border-radius: 0; } .alert-warning { color: #664d03; background-color: #fff9e8; border-color: #fdedc0; border-radius: 0; } .alert-info { color: #008099; background-color: #e5faff; border-color: #c5f5ff; border-radius: 0; } .content-typeAll.sitemap::before { background: none; } .content-typeAll.sitemap .sitemap_div { letter-spacing: 1px; border: 1px dashed var(--color-lighten); padding: 20px; } .content-typeAll.sitemap kbd { box-shadow: 1px 0rem 0.1rem rgba(34, 34, 34, 0.15); padding: 0 0.25rem; border: 1px solid #e2e2e2; margin: 0 0.125rem 0.5rem; font-family: "Noto Sans TC", "helvatica", "Arial", sans-serif; display: inline-block; vertical-align: top; color: #000; background-color: #fff; font-size: 90%; } .content-typeAll.sitemap .wrap { padding-left: 0; } .content-typeAll.sitemap .wrap h3 { display: inline-block; margin-bottom: 1.2rem; } .content-typeAll.sitemap .wrap .table tbody tr td { vertical-align: middle; } .content-typeAll.sitemap .wrap .table tbody tr:nth-child(even) td { background-color: transparent; } .content-typeAll.sitemap .wrap .table th { background-color: #f4f4f4; } .content-typeAll.sitemap .wrap .sitemap_listnone { margin-top: 30px; /*display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5em !important;*/ padding-left: 0; } .content-typeAll.sitemap .wrap .sitemap_listnone * > :before { content: attr(data-site); position: absolute; margin-left: -26px; } .content-typeAll.sitemap .wrap .sitemap_listnone .box > a { display: block; background-color: var(--color-primary); color: #fff !important; line-height: 1.5; text-decoration: none; padding: 10px 20px; } .content-typeAll.sitemap .wrap .sitemap_listnone .box > ul { padding: 15px 10px 20px 10px; } .content-typeAll.sitemap .wrap .sitemap_listnone .box ul { list-style-type: none; margin-bottom: 0; padding-left: 30px !important; background: #f4f4f4; } .content-typeAll.sitemap .wrap .sitemap_listnone .box ul li a { color: #5e5e5e; } .content-typeAll.sitemap .wrap .sitemap_listnone .box ul * > :before { content: attr(data-site2); position: absolute; margin-left: -35px; } .content-typeAll.sitemap .wrap .sitemap_listnone .box ul ul { padding-left: 50px !important; } .content-typeAll.sitemap .wrap .sitemap_listnone .box ul ul * > :before { content: attr(data-site3); position: absolute; margin-left: -50px; } .content-typeAll.sitemap .carousel_noimg .banner_title { padding-left: 0; } .content-typeAll.sitemap .wrap .table.table-bordered th, .content-typeAll.sitemap .wrap .table.table-bordered td { border: 1px solid rgb(222 226 230); } .content-typeAll.sitemap .table-hover > tbody > tr:hover { background-color: transparent; } .content-typeAll.sitemap .table > :not(caption) > * > * { box-shadow: none; } .content-typeAll .breadcrumb-item { font-size: 1rem; } .content-typeAll .wrap .fullbox ul { margin-bottom: 20px; } .content-typeAll .wrap .fullbox .full-tabs { list-style-type: none; padding-left: 0; display: flex; border: 0; } .content-typeAll .wrap .fullbox .full-tabs li .nav-link.active { color: var(--color-primary); } .content-typeAll .wrap .fullbox .full-tabs li .nav-link { color: #495057; font-size: 1.2rem; } .content-typeAll .wrap .fullbox .full-tabs li { border-right: 1px solid #dee2e6; } .content-typeAll .wrap .fullbox .full-tabs li:last-child { border-right: 0; } .content-typeAll .wrap .fullbox .full-tabs li button, .content-typeAll .wrap .fullbox .full-tabs li button:hover { border: 0; padding-top: 0; padding-bottom: 0; } .content-typeAll .wrap .fullbox .tab-content .fulltime { display: grid; --bs-gap: 0.8rem; grid-template-rows: repeat(var(--bs-rows, 1), 1fr); gap: var(--bs-gap, 1.5rem); grid-template-columns: repeat(2, minmax(0, 1fr)); } .content-typeAll .wrap .fullbox .tab-content .fulltime .card-body p { color: #5e5e5e; } .content-typeAll .wrap .fullbox .tab-content .full-more { color: #495057; } .content-typeAll .wrap .fullbox .tab-content .fulltime .card_list:hover { box-shadow: 4px 6px 20px #2a2a2a0a; } .content-typeAll .wrap .fullbox .full_round { display: grid; --bs-gap: 1rem; grid-template-rows: repeat(var(--bs-rows, 1), 1fr); gap: var(--bs-gap, 1.5rem); grid-template-columns: repeat(4, minmax(0, 1fr)); } .content-typeAll .wrap .fullbox .full_round .full_round-content { padding-top: 15px; } .content-typeAll .wrap article table { max-width: 100%; } @media screen and (max-width: 1440px) { .content-typeAll .carousel_img .carousel-item video { width: auto; height: 100%; } } @media screen and (max-width: 1024px) { .content-typeAll .wrap .fullbox .full_round { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (min-width: 768px) and (max-width: 1199.98px) { .content-typeAll .carousel_img .carousel-indicators { justify-content: center; } .content-typeAll .carousel_img .carousel-indicators button { width: 8px; height: 8px; margin-left: 5px; margin-right: 5px; margin-bottom: 150px; } .content-typeAll .carousel_img .carousel-item .info { margin-top: 50px; } } @media (max-width: 840px) { a[accesskey="U"] { display: none; } .content-typeAll::before { background-color: transparent; } .content-typeAll .content-menu { padding-top: 20px; padding-right: 0; padding-left: 0; padding-top: 0; } .content-typeAll .content-menu .nav-child { padding-left: 0 !important; } .content-typeAll .content-menu { padding-bottom: 0px; } .content-typeAll .searchbox { width: 100%; } .content-typeAll .content-menu nav { width: 100%; padding: 10px; } .content-typeAll .wrap { padding-left: 10px; padding-right: 10px; padding-bottom: 2rem; } .content-typeAll .wrap .link { grid-template-columns: repeat(1, minmax(0, 1fr)); } .content-typeAll aside.col-lg-3:before { width: initial; } } @media (max-width: 767.98px) { .content-typeAll .carousel_noimg .banner_title { height: 116px; } .content-typeAll .banner_title_box { font-size: 1.8rem; } .content-typeAll .carousel_img .banner_title { height: 116px; } .content-typeAll .carousel_img .banner_title::before { display: none; } .content-typeAll .carousel_img .banner_title_box { font-size: 1.8rem; } } @media (max-width: 580px) { .content-typeAll .wrap .fullbox .full_round { grid-template-columns: repeat(2, minmax(0, 1fr)); } .content-typeAll aside.col-lg-3:before, .content-typeAll .carousel_img .banner_title, .content-typeAll .carousel_img .banner_title_box { display: none; } .content-typeAll .content-menu { padding-bottom: 20px; background-color: transparent; } .content-typeAll .content-menu nav { width: 100%; padding-bottom: 0; } .content-typeAll .content-menu .nav li a { padding: 10px; color: #5e5e5e; font-size: 1.1rem; } .content-typeAll .content-menu .nav .nav-child li a { padding: 10px; } .content-typeAll .content-menu .nav .nav-child li a::before { display: none; } .content-typeAll .banner_title_box { font-size: 1.2rem; } .content-typeAll .content-menu .title { margin: 0; font-weight: 700; font-size: 2.2rem; margin-bottom: 1.5rem; color: var(--color-primary); margin-top: 1rem; } .content-typeAll .wrap { padding: 0; margin-bottom: 20px; } .content-typeAll .wrap h2 { margin-top: 0; margin-bottom: 0; } .content-typeAll .wrap .share { margin-top: 0; margin-bottom: 0 !important; } .content-typeAll .wrap .link { grid-template-columns: repeat(1, minmax(0, 1fr)); } .content-typeAll .wrap .titleShareBox { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 0; } .sm-grid { display: grid; } .sm-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .content-typeAll .wrap .catalog { padding: 0; } .content-typeAll .wrap .catalog .catalog_ul li { width: 100%; display: block; } .content-typeAll .wrap .catalog .catalog_ul li a { width: 100%; display: block; } .content-typeAll .wrap .catalog .catalog_ul li a::after { display: none; } .content-typeAll .wrap .catalog .catalog_ul li a::before { display: none; } .table-rwd { min-width: 100%; } /*針對tr去做隱藏*/ tr.tr-only-hide { display: none !important; } /*讓tr變成區塊主要讓他有個區塊*/ .table-rwd tr { display: block; border: 1px solid #ddd; margin-top: 5px; } .table-rwd td { text-align: left; font-size: 0.9375rem; overflow: hidden; width: 100%; display: block; } .table-rwd td:before { /*最重要的就是這串*/ content: attr(data-th) " : "; /*最重要的就是這串*/ display: inline-block; text-transform: uppercase; font-weight: bold; margin-right: 10px; color: var(--color-primary); width: 100%; display: block; } .table-rwd.table-bordered { border: 0; } .table-rwd.table-bordered td, .table-rwd.table-bordered th { border: 0; } /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/ .content-typeAll .carousel_video .banner_title_box { display: none; } .content-typeAll .content-main { width: 100%; } } [accesskey="Z"] { position: absolute; } .Downloadfile-img { width: 35px; height: 45px; float: left; margin-right: 10px; margin-left: -4px; text-indent: -119988px; background-repeat: no-repeat; background-size: 100%; } .Downloadfile-img.Downloadfile-default { background-image: url(../../../img/fileType/default.gif); } .Downloadfile-img.Downloadfile-PDF { background-image: url(../../../img/fileType/PDF.gif); } .Downloadfile-img.Downloadfile-MP4 { background-image: url(../../../img/fileType/MP4.gif); } .Downloadfile-img.Downloadfile-PNG { background-image: url(../../../img/fileType/PNG.gif); } .Downloadfile-img.Downloadfile-DOCX, .Downloadfile-img.Downloadfile-DOC { background-image: url(../../../img/fileType/DOC.gif); } .Downloadfile-img.Downloadfile-PHP { background-image: url(../../../img/fileType/PHP.gif); } .Downloadfile-img.Downloadfile-JPG { background-image: url(../../../img/fileType/JPG.gif); } .Downloadfile-img.Downloadfile-RB { background-image: url(../../../img/fileType/RB.gif); } .Downloadfile-img.Downloadfile-RAR { background-image: url(../../../img/fileType/RAR.gif); } .Downloadfile-img.Downloadfile-TXT { background-image: url(../../../img/fileType/TXT.gif); } .Downloadfile-img.Downloadfile-FILE { background-image: url(../../../img/fileType/file.gif); } .Downloadfile-img.Downloadfile-GIF { background-image: url(../../../img/fileType/GIF.gif); } .Downloadfile-img.Downloadfile-FLA { background-image: url(../../../img/fileType/FLA.gif); } .Downloadfile-img.Downloadfile-PPTX, .Downloadfile-img.Downloadfile-PPT { background-image: url(../../../img/fileType/PPT.gif); } .Downloadfile-img.Downloadfile-PSD { background-image: url(../../../img/fileType/PSD.gif); } .Downloadfile-img.Downloadfile-ZIP { background-image: url(../../../img/fileType/ZIP.gif); } .Downloadfile-img.Downloadfile-TIF { background-image: url(../../../img/fileType/TIF.gif); } .Downloadfile-img.Downloadfile-ODS { background-image: url(../../../img/fileType/ODS.gif); } .Downloadfile-img.Downloadfile-ODF { background-image: url(../../../img/fileType/ODF.gif); } .Downloadfile-img.Downloadfile-ODP { background-image: url(../../../img/fileType/ODP.gif); } .Downloadfile-img.Downloadfile-XLSX, .Downloadfile-img.Downloadfile-XLS { background-image: url(../../../img/fileType/XLS.gif); } .Downloadfile-img.Downloadfile-C1 { background-image: url(../../../img/fileType/C++.gif); } .Downloadfile-img.Downloadfile-HTML { background-image: url(../../../img/fileType/HTML.gif); } .Downloadfile-img.Downloadfile-C2 { background-image: url(../../../img/fileType/Csharp.gif); } .Downloadfile-img.Downloadfile-JAVA { background-image: url(../../../img/fileType/JAVA.gif); } .Downloadfile-img.Downloadfile-MUSIC { background-image: url(../../../img/fileType/music.gif); } .Downloadfile-img.Downloadfile-ODT { background-image: url(../../../img/fileType/ODT.gif); } .city-tag, .learning-tag, .event-category-tag, .event-daytype-tag, .sort-tag, .submit-tag, .reset-tag { display: inline-block; padding: 2px 12px; border: 1px solid #ced4da; background: #f8f9fa; color: #333 !important; font-size: 14px; text-decoration: none; transition: all 0.2s; } .city-tag:hover, .learning-tag:hover, .event-category-tag:hover, .event-daytype-tag:hover, .sort-tag:hover { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-primary) !important; } .city-tag.active, .learning-tag.active, .event-category-tag.active, .event-daytype-tag.active, .sort-tag.active, .submit-tag.active, .reset-tag.active { background: var(--color-secondary); color: var(--color-primary) !important; border-color: var(--color-secondary); } /* 讓輸入框右邊有空間給放大鏡 */ .form-control.pe-5 { padding-right: 60px !important; } /* 放大鏡按鈕樣式優化 */ .position-absolute.btn { outline: none; } .position-absolute.btn i { color: var(--color-primary); } .position-absolute.btn:hover i { color: var(--color-primary); transform: scale(1.15); transition: all 0.2s; } .content-typeAll a { color: #333 !important; } .filter-category-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 15px; margin-bottom: 15px; padding: 20px 25px; background-color: #F5F5F5; border-radius: 20px; } .category-tag { padding: 5px 15px; display: block; font-size: medium; background: #fff; border: 1px solid #d4d4d4; list-style-type: none; border-radius: 20px; font-weight: 500; } .category-tag:hover, .category-tag.active { color: var(--color-primary) !important; background: var(--color-secondary); border: 1px solid #CDCDCD; } /* 讓輸入框右邊有空間給放大鏡 */ .form-control.pe-5 { padding-right: 60px !important; } /* 放大鏡按鈕樣式優化 */ .position-absolute.btn { outline: none; } .accordion .accordion-item { border: 1px solid #D5D5D5; background: linear-gradient(to bottom right, #ffefe5 0%, #ffefe570 30%, #ffefe500 100%); position: relative; border-radius: 15px; } .accordion .accordion-item::before { content: ""; display: inline-block; background-image: url(../../../Img/bg-2.png); width: 140px; height: 140px; position: absolute; right: -2px; bottom: -6px; z-index: -1; background-size: 100%; } .accordion .accordion-header { padding: 1rem 1.25rem 0; } .accordion .accordion-header hr { border: 1px dashed #D5D5D5; } .accordion .accordion-body { padding-top:0; } .accordion .accordion-body p strong::before { content: ""; width: 3px; height: 14px; background-color: var(--color-secondary); position: relative; display: inline-block; margin-right: 5px; border-radius: 1px; top: 1px; } .PromotionalEvent { padding: 20px 25px; background-color: #F5F5F5; border-radius: 20px; } .PromotionalEvent .input-group.date input { border-radius: 20px 0 0 20px !important; } .PromotionalEvent .input-group.date span { border-radius: 0 20px 20px 0 !important; } .PromotionalEvent button { border-radius: 20px !important; margin-bottom:10px; /*font-weight:500;*/ } /* Main map section */ .map_type1 { min-height: 800px; background: linear-gradient(180deg, #fff 20%, #FFF5EB 100%); display: flex; justify-content: center; align-items: center; gap: 32px; position: relative; /*padding: 36px;*/ } .map_type1 .text-color { color: #1C4182; } /* SVG map */ .map_type1 svg { display: block; max-width: 100%; height: auto; flex-shrink: 0; width: 15px; height: 15px; } .map_type1 #svgContainer { flex-shrink: 0; position: relative; } /* Selected county label */ .map_type1 #selectedCounty { bottom: 50px; position: absolute; font-weight: bold; color: var(--color-primary); right: 30px; font-size: 6.25rem; opacity: 0.3; writing-mode: vertical-rl; pointer-events: none; } /* Map labels */ .map_type1 .map_label { pointer-events: none; user-select: none; /*font-weight: bold; text-shadow: 0 1px 4px var(--color-primary), 0 0 2px var(--color-primary); transition: transform 0.4s cubic-bezier(0.4, 2, 0.6, 1), opacity 0.4s;*/ opacity: 0; transform: translateY(0); fill:#000 !important; } .map_type1 .map_label.active { opacity: 1; transform: translateY(-4px); } /* Interactive map areas */ .map_type1 svg path { cursor: pointer; transition: transform 0.2s, filter 0.2s, fill 0.2s; } .map_type1 svg path:focus, .map_type1 svg path:hover { filter: drop-shadow(0 4px 12px rgba(25, 118, 210, 0.25)); transform: translateY(-4px); fill: var(--color-secondary); color: #000; } .map_type1 svg path:focus { outline: transparent; } /* Info section */ .map_type1 .map_info { align-self: flex-start; } .map_type1 .map-info-box { min-height:620px; display: flex; flex-direction: column; padding: 16px; border-radius: 10px; } .map_type1 .info_content { background-color: #e8e8e8; padding: 16px; flex: 1 1 0; min-height: 0; overflow-y: auto; border-radius: 10px; } /* Scrollbar styles */ .map_type1 .info_content::-webkit-scrollbar-track { background-color: transparent; } .map_type1 .info_content::-webkit-scrollbar { width: 6px; background-color: transparent; } .map_type1 .info_content::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #515151; } /* Empty school list */ .map_type1 .school-list-empty { text-align: center; margin-top: 6px; font-size: 1rem; font-weight: 700; } /* Accordion styles */ .map_type1 .accordion .accordion-item:first-of-type .accordion-button, .map_type1 .accordion-button { position: relative; border: none; border-radius: 15px !important; } .map_type1 .accordion-button:before { content: ""; position: absolute; left: -6px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-color: #C76A35; } .map_type1 .accordion .accordion-button:not(.collapsed), .map_type1 .accordion .accordion-item { border-radius: 15px !important; } .map_type1 .accordion .accordion-item { background: linear-gradient(-45deg,#FFDCC8, #FFF2EB 60%); } .map_type1 .accordion .accordion-button:not(.collapsed) { background-color: transparent; } .map_type1 .accordion .accordion-button { font-size: 1.3rem; font-weight: 700; color: #000; } .map_type1 .accordion .accordion-button:not(.collapsed) { border: 0; box-shadow: none; } .map_type1 .accordion .accordion-item:has(.accordion-button:focus) { border: 1px solid var(--color-secondary); } .map_type1 .accordion .accordion-body::before { content: ""; display: inline-block; background-image: url(../../../Img/bg-2.png); width: 140px; height: 140px; position: absolute; right: -2px; bottom: -6px; background-size: 100%; } /* School badge styles */ .map_type1 .school-badge { background: chocolate !important; } /* Address and telephone styles */ .map_type1 .school-address, .map_type1 .school-tel { font-size: 0.875rem; } .map_type1 .school-address i, .map_type1 .school-tel i { color: var(--color-secondary); } /* Show all button */ .map_type1 .show-all-btn { cursor: pointer; } /* Focus styles */ .map_type1 .form-control:focus, .map_type1 a:focus { box-shadow: none; border-color: var(--color-secondary); } /* Search button styles */ .map_type1 #button-search { background-color: #C76A35; color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .map_type1 .map_info .input-group input { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .map_type1 #button-search:focus, .map_type1 #button-search:hover { background-color: #C76A35; } .map_type1 .accordion-header { padding: 0; } /* Media queries */ @media (max-width: 991px) { .map_type1 { height: 100%; min-height: 100%; flex-wrap: wrap; } .map_type1 #svgContainer { display: none; } .map_type1 .map_info { height: auto; min-height: auto; order: 1; } .map_type1 .info_content { flex: unset; height: 400px; max-height: 400px; } .map_type1 #countySelectWrap { display: block !important; } } .map_type1 .showcase-container { max-width: 1600px; margin: 0 auto; } .map_type1 .page-title { text-align: center; margin-bottom: 30px; color: var(--color-secondary); } .map_type1 .page-title h1 { font-size: 2.25rem; font-weight: 700; margin-bottom: 10px; } /* Showcase item */ .map_type1 .showcase-item { background: #ffffff; margin-bottom: 40px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); overflow: hidden; } /* Header styles */ .map_type1 .showcase-header { background: linear-gradient(to right, #122771, #19369d); padding: 20px 30px; color: white; } table.table-custom-location th:nth-child(2) { width: 382px; } table.table-custom-location tr td:first-child { font-size: 1rem; font-weight: 500; color: var(--color-primary); letter-spacing: 1px; } table.table-custom-location tr td .td-custom-underline { color: var(--color-primary) !important; vertical-align: super; } table.table-custom-location tr td .td-custom-underline:hover { text-decoration: none; border-bottom: 2px solid var(--color-secondary); padding-bottom: 1px; cursor: pointer; } .PromotionalEvent .form-control { padding: .3rem .75rem; } body{letter-spacing: 0.03rem !important;}.header_type11 .navbar a,.header_type11 .navbar a:focus{font-size: 1.2rem !important; letter-spacing: 0.1rem !important;}