.container-fluid {padding:0px;} .row-margin-top {margin-top:0px;} /* 登入modal 20200818 */ #loginform .no_border {border:none;} #loginform .wrapper {background-image:url("/images/new_edition_2020/RegisterPage_bg.webp"); background-size:cover; background-position:center; background-repeat:no-repeat; -moz-background-size:50%; padding:20px 30px 50px 30px;}/* modal background-image 不可加 background-attachment:fixed; 20200528 */ #loginform .wrapper .content p {font-size:2.6rem; font-weight:normal; letter-spacing:1px; line-height:4rem; color:black; font-family:'微軟正黑體'; text-align:center;} #loginform .wrapper .content h1 {font-size:3rem; font-weight:500; letter-spacing:1px; line-height:4rem; color:palegoldenrod;font-family:'微軟正黑體'; text-align:center; text-shadow:rgb(3, 3, 3) 3px 0px 3px;} #loginform .wrapper .content h2 {font-size:2rem; font-weight:normal; letter-spacing:1px; line-height:4rem; color:black;font-family:'微軟正黑體';} #loginform .modal-header {margin:0px; padding:0px; border:none;} #loginform .modal-body {background-color:white; padding:20px 30px 20px 30px;} #loginform .modal-footer {background-color:#163569;} #loginform .btn.close {font-size:3rem; letter-spacing:.1rem; line-height:2rem; padding:10px 20px 10px 20px; background-color:#0a1d3b; border-color:goldenrod; border-width:2px; border-style:solid; color:goldenrod; border-radius:30px; opacity:1; filter:alpha(opacity=100); text-shadow:none;font-family:'微軟正黑體';} #loginform .btn.close:hover {font-size:3rem; letter-spacing:.1rem; line-height:2rem; padding:10px 20px 10px 20px; background-color:#2e3a4e; border-color:goldenrod; border-width:2px; border-style:solid; color:goldenrod; border-radius:30px;font-family:'微軟正黑體';} #loginform .x_style {position:absolute; right:-20px; top:-20px; background-color:goldenrod; border-color:goldenrod; border-width:2px; border-style:solid; color:#0a1d3b; border-radius:30px; opacity:0.8;filter:alpha(opacity=80); text-shadow:none;} #loginform .x_style:hover {position:absolute; right:-20px; top:-20px; background-color:goldenrod; border-color:goldenrod; border-width:2px; border-style:solid; color:#2e3a4e; border-radius:30px; opacity:1;filter:alpha(opacity=100); text-shadow:none;} #loginform .photo_copyright {font-size:1rem; font-weight:normal; letter-spacing:1px; color:rgba(0, 0, 0, 0.5); text-align:right; padding:20px 30px 20px 0px;} #loginform .panel-heading {font-size:2rem; padding:5px 0px 5px 15px; background-color:#163569; color:palegoldenrod;font-family:'微軟正黑體';} #loginform .panel-body {font-size:2rem;font-family:'微軟正黑體';} #loginform .btn.luxury_gradient {background-color:#29539b; background-image:linear-gradient(315deg, #29539b 0%, #1e3b70 74%); border-color:goldenrod; border-width:3px; border-style:solid; color:palegoldenrod;} #loginform .btn.luxury_gradient:hover {background-color:#182b3a; background-image:linear-gradient(315deg, #182b3a 0%, #20a4f3 74%); border-color:goldenrod; border-width:3px; border-style:solid; color:palegoldenrod;} #loginform .btn.luxury {background-color:#0a1d3b; border-color:goldenrod; border-width:3px; border-style:solid; color:goldenrod;} #loginform .btn.luxury:hover {background-color:#2e3a4e; border-color:goldenrod; border-width:3px; border-style:solid; color:goldenrod;} #loginform .btn.btn-pc {font-size:3rem; letter-spacing:.1rem; line-height:4rem; padding:10px 0px 10px 0px; font-family:'微軟正黑體';} #loginform .btn.btn-mobile {font-size:3rem; letter-spacing:.1rem; line-height:4rem; padding:5px 0px 5px 0px; font-family:'微軟正黑體';} #loginform .login_alert p {font-size:2rem; font-weight:normal; letter-spacing:1px; line-height:3rem; color:#31708f;} /* 六大特色 modal 20220104 */ #about_special .no_border {border:none;} #about_special .wrapper {background-image:url("/images/index_2022/index_content_bg_02.webp"); background-size:cover; background-position:center; background-repeat:no-repeat; -moz-background-size:50%; padding:20px 30px 50px 30px;}/* modal background-image 不可加 background-attachment:fixed; 20200528 */ #about_special .wrapper .content p {font-size:2.6rem; font-weight:normal; letter-spacing:.1rem; line-height:4rem; color:palegoldenrod; font-family:'微軟正黑體'; text-align:center;} #about_special .wrapper .content h1 {font-size:3rem; font-weight:500; letter-spacing:.1rem; line-height:4rem; color:white;font-family:'微軟正黑體'; text-align:center; text-shadow:rgb(3, 3, 3) 3px 0px 3px;} #about_special .wrapper .content h2 {font-size:2rem; font-weight:500; letter-spacing:.1rem; line-height:3rem; color:white;font-family:'微軟正黑體'; text-align:center; text-shadow:rgb(3, 3, 3) 3px 0px 3px;} #about_special .modal-header {margin:0px; padding:0px; border:none;} #about_special .modal-body {background:url("/images/index_2022/modal_bg_01.webp"); background-size:cover; background-position:center; background-repeat:no-repeat; -moz-background-size:50%;} #about_special .modal-body .text_content {padding:60px 20px 100px 30px;} #about_special .modal-body p {font-size:2rem; font-weight:normal; letter-spacing:.1rem; line-height:3rem; color:black; font-family:'微軟正黑體'; text-align:left;} #about_special .modal-body h1 {font-size:2.4rem; font-weight:bolder; letter-spacing:.1rem; line-height:3rem; color:black; font-family:'微軟正黑體'; text-align:left; margin:0px;} #about_special .modal-body h2 {font-size:2rem; font-weight:bolder; letter-spacing:.1rem; line-height:3rem; color:darkgrey; font-family:'微軟正黑體'; text-align:left; margin:0px;} #about_special .modal-body a {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.6rem; color:hotpink; font-family:'微軟正黑體'; text-decoration:underline;} #about_special .modal-body a:hover {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.6rem; color:deepskyblue; font-family:'微軟正黑體'; text-decoration:underline;} #about_special .modal-body .highlight_title {font-size:2rem; font-weight:bolder; letter-spacing:.1rem; line-height:4rem; color:black; font-family:'微軟正黑體'; text-align:left; text-decoration:underline;} #about_special .modal-body .highlight {color:orangered; font-weight:bolder;} #about_special .modal-body .more {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.4rem; color:dimgray; font-family:'微軟正黑體'; text-decoration:none;} #about_special .modal-body .more:hover {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.4rem; color:lightgray; font-family:'微軟正黑體'; text-decoration:underline;} #about_special .modal-body ol {font-size:2.2rem; font-weight:normal; letter-spacing:.1rem; line-height:4rem; color:black; font-family:'微軟正黑體'; margin-left:0px;} #about_special .modal-body li {margin-bottom:0px;} #about_special .modal-footer {background-color:#163569; border-color:goldenrod; border-width:2px 0px 0px 0px; border-style:solid;} #about_special .btn.close {font-size:3rem; letter-spacing:.1rem; line-height:2rem; padding:10px 20px 10px 20px; background-color:#0a1d3b; border-color:goldenrod; border-width:2px; border-style:solid; color:goldenrod; border-radius:30px; opacity:1; filter:alpha(opacity=100); text-shadow:none;font-family:'微軟正黑體';} #about_special .btn.close:hover {font-size:3rem; letter-spacing:.1rem; line-height:2rem; padding:10px 20px 10px 20px; background-color:#2e3a4e; border-color:goldenrod; border-width:2px; border-style:solid; color:goldenrod; border-radius:30px;font-family:'微軟正黑體';} #about_special .x_style {position:absolute; right:-20px; top:-20px; background-color:goldenrod; border-color:goldenrod; border-width:2px; border-style:solid; color:#0a1d3b; border-radius:30px; opacity:0.8;filter:alpha(opacity=80); text-shadow:none;} #about_special .x_style:hover {position:absolute; right:-20px; top:-20px; background-color:goldenrod; border-color:goldenrod; border-width:2px; border-style:solid; color:#2e3a4e; border-radius:30px; opacity:1;filter:alpha(opacity=100); text-shadow:none;} #about_special .photo_copyright {font-size:1rem; font-weight:normal; letter-spacing:.1rem; color:rgba(0, 0, 0, 0.5); text-align:right; padding:20px 30px 20px 0px;} #about_special .panel-heading {font-size:2rem; padding:5px 0px 5px 15px; background-color:#163569; color:palegoldenrod;font-family:'微軟正黑體';} #about_special .panel-body {font-size:2rem;font-family:'微軟正黑體';} #about_special .carousel-inner .item{width:50%; background-size:cover; background-position:center center;} /* 六大保證 modal 20220104 */ #about_promise .no_border {border:none;} #about_promise .wrapper {background-image:url("/images/index_2022/index_content_bg_02.webp"); background-size:cover; background-position:center; background-repeat:no-repeat; -moz-background-size:50%; padding:20px 30px 50px 30px;}/* modal background-image 不可加 background-attachment:fixed; 20200528 */ #about_promise .wrapper .content p {font-size:2.6rem; font-weight:normal; letter-spacing:.1rem; line-height:4rem; color:palegoldenrod; font-family:'微軟正黑體'; text-align:center;} #about_promise .wrapper .content h1 {font-size:3rem; font-weight:500; letter-spacing:.1rem; line-height:4rem; color:white;font-family:'微軟正黑體'; text-align:center; text-shadow:rgb(3, 3, 3) 3px 0px 3px;} #about_promise .wrapper .content h2 {font-size:2rem; font-weight:500; letter-spacing:.1rem; line-height:3rem; color:white;font-family:'微軟正黑體'; text-align:center; text-shadow:rgb(3, 3, 3) 3px 0px 3px;} #about_promise .modal-header {margin:0px; padding:0px; border:none;} #about_promise .modal-body {background:url("/images/index_2022/modal_bg_01.webp"); background-size:cover; background-position:center; background-repeat:no-repeat; -moz-background-size:50%;} #about_promise .modal-body .text_content {padding:60px 20px 100px 30px;} #about_promise .modal-body p {font-size:2rem; font-weight:normal; letter-spacing:.1rem; line-height:3rem; color:black; font-family:'微軟正黑體'; text-align:left;} #about_promise .modal-body h1 {font-size:2.4rem; font-weight:bolder; letter-spacing:.1rem; line-height:3rem; color:black; font-family:'微軟正黑體'; text-align:left; margin:0px;} #about_promise .modal-body h2 {font-size:2rem; font-weight:bolder; letter-spacing:.1rem; line-height:3rem; color:darkgrey; font-family:'微軟正黑體'; text-align:left; margin:0px;} #about_promise .modal-body a {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.6rem; color:hotpink; font-family:'微軟正黑體'; text-decoration:underline;} #about_promise .modal-body a:hover {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.6rem; color:deepskyblue; font-family:'微軟正黑體'; text-decoration:underline;} #about_promise .modal-body .highlight_title {font-size:2rem; font-weight:bolder; letter-spacing:.1rem; line-height:4rem; color:black; font-family:'微軟正黑體'; text-align:left; text-decoration:underline;} #about_promise .modal-body .highlight {color:orangered; font-weight:bolder;} #about_promise .modal-body .more {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.4rem; color:dimgray; font-family:'微軟正黑體'; text-decoration:none;} #about_promise .modal-body .more:hover {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.4rem; color:lightgray; font-family:'微軟正黑體'; text-decoration:underline;} #about_promise .modal-body ol {font-size:2.2rem; font-weight:normal; letter-spacing:.1rem; line-height:4rem; color:black; font-family:'微軟正黑體'; margin-left:0px;} #about_promise .modal-body li {margin-bottom:0px;} #about_promise .modal-footer {background-color:#163569; border-color:goldenrod; border-width:2px 0px 0px 0px; border-style:solid;} #about_promise .btn.close {font-size:3rem; letter-spacing:.1rem; line-height:2rem; padding:10px 20px 10px 20px; background-color:#0a1d3b; border-color:goldenrod; border-width:2px; border-style:solid; color:goldenrod; border-radius:30px; opacity:1; filter:alpha(opacity=100); text-shadow:none;font-family:'微軟正黑體';} #about_promise .btn.close:hover {font-size:3rem; letter-spacing:.1rem; line-height:2rem; padding:10px 20px 10px 20px; background-color:#2e3a4e; border-color:goldenrod; border-width:2px; border-style:solid; color:goldenrod; border-radius:30px;font-family:'微軟正黑體';} #about_promise .x_style {position:absolute; right:-20px; top:-20px; background-color:goldenrod; border-color:goldenrod; border-width:2px; border-style:solid; color:#0a1d3b; border-radius:30px; opacity:0.8;filter:alpha(opacity=80); text-shadow:none;} #about_promise .x_style:hover {position:absolute; right:-20px; top:-20px; background-color:goldenrod; border-color:goldenrod; border-width:2px; border-style:solid; color:#2e3a4e; border-radius:30px; opacity:1;filter:alpha(opacity=100); text-shadow:none;} #about_promise .photo_copyright {font-size:1rem; font-weight:normal; letter-spacing:.1rem; color:rgba(0, 0, 0, 0.5); text-align:right; padding:20px 30px 20px 0px;} #about_promise .panel-heading {font-size:2rem; padding:5px 0px 5px 15px; background-color:#163569; color:palegoldenrod;font-family:'微軟正黑體';} #about_promise .panel-body {font-size:2rem;font-family:'微軟正黑體';} #about_promise .carousel-inner .item{width:50%; background-size:cover; background-position:center center;} /* 會員規範 modal 20220210 */ #member_rules .no_border {border:none;} #member_rules .wrapper {background-image:url("/images/index_2022/index_content_bg_02.webp"); background-size:cover; background-position:center; background-repeat:no-repeat; -moz-background-size:50%; padding:20px 30px 50px 30px;}/* modal background-image 不可加 background-attachment:fixed; 20200528 */ #member_rules .wrapper .content p {font-size:2.6rem; font-weight:normal; letter-spacing:.1rem; line-height:4rem; color:palegoldenrod; font-family:'微軟正黑體'; text-align:center;} #member_rules .wrapper .content h1 {font-size:3rem; font-weight:500; letter-spacing:.1rem; line-height:4rem; color:white;font-family:'微軟正黑體'; text-align:center; text-shadow:rgb(3, 3, 3) 3px 0px 3px;} #member_rules .wrapper .content h2 {font-size:2rem; font-weight:500; letter-spacing:.1rem; line-height:3rem; color:white;font-family:'微軟正黑體'; text-align:center; text-shadow:rgb(3, 3, 3) 3px 0px 3px;} #member_rules .modal-header {margin:0px; padding:0px; border:none;} #member_rules .modal-body {background:url("/images/index_2022/modal_bg_01.webp"); background-size:cover; background-position:center; background-repeat:no-repeat; -moz-background-size:50%;} #member_rules .modal-body .text_content {padding:30px 30px 50px 30px;} #member_rules .modal-body p {font-size:2rem; font-weight:normal; letter-spacing:.1rem; line-height:3rem; color:black; font-family:'微軟正黑體'; text-align:left;} #member_rules .modal-body h1 {font-size:2.4rem; font-weight:bolder; letter-spacing:.1rem; line-height:3rem; color:black; font-family:'微軟正黑體'; text-align:left; margin:0px;} #member_rules .modal-body h2 {font-size:2rem; font-weight:bolder; letter-spacing:.1rem; line-height:3rem; color:darkgrey; font-family:'微軟正黑體'; text-align:left; margin:0px;} #member_rules .modal-body a {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.6rem; color:hotpink; font-family:'微軟正黑體'; text-decoration:underline;} #member_rules .modal-body a:hover {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.6rem; color:deepskyblue; font-family:'微軟正黑體'; text-decoration:underline;} #member_rules .modal-body .highlight_title {font-size:2rem; font-weight:bolder; letter-spacing:.1rem; line-height:4rem; color:black; font-family:'微軟正黑體'; text-align:left; text-decoration:underline;} #member_rules .modal-body .highlight {color:orangered; font-weight:bolder;} #member_rules .modal-body .more {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.4rem; color:dimgray; font-family:'微軟正黑體'; text-decoration:none;} #member_rules .modal-body .more:hover {font-size:1.6rem; font-weight:normal; letter-spacing:.1rem; line-height:2.4rem; color:lightgray; font-family:'微軟正黑體'; text-decoration:underline;} #member_rules .modal-body ol {font-size:2rem; font-weight:normal; letter-spacing:.1rem; line-height:3rem; color:black; font-family:'微軟正黑體'; margin-left:0px;} #member_rules .modal-body li {margin-bottom:20px;} #member_rules .modal-footer {background-color:#163569; border-color:goldenrod; border-width:2px 0px 0px 0px; border-style:solid;} #member_rules .btn.close {font-size:3rem; letter-spacing:.1rem; line-height:2rem; padding:10px 20px 10px 20px; background-color:#0a1d3b; border-color:goldenrod; border-width:2px; border-style:solid; color:goldenrod; border-radius:30px; opacity:1; filter:alpha(opacity=100); text-shadow:none;font-family:'微軟正黑體';} #member_rules .btn.close:hover {font-size:3rem; letter-spacing:.1rem; line-height:2rem; padding:10px 20px 10px 20px; background-color:#2e3a4e; border-color:goldenrod; border-width:2px; border-style:solid; color:goldenrod; border-radius:30px;font-family:'微軟正黑體';} #member_rules .x_style {position:absolute; right:-20px; top:-20px; background-color:goldenrod; border-color:goldenrod; border-width:2px; border-style:solid; color:#0a1d3b; border-radius:30px; opacity:0.8;filter:alpha(opacity=80); text-shadow:none;} #member_rules .x_style:hover {position:absolute; right:-20px; top:-20px; background-color:goldenrod; border-color:goldenrod; border-width:2px; border-style:solid; color:#2e3a4e; border-radius:30px; opacity:1;filter:alpha(opacity=100); text-shadow:none;} #member_rules .photo_copyright {font-size:1rem; font-weight:normal; letter-spacing:.1rem; color:rgba(0, 0, 0, 0.5); text-align:right; padding:20px 30px 20px 0px;} #member_rules .panel-heading {font-size:2rem; padding:5px 0px 5px 15px; background-color:#163569; color:palegoldenrod;font-family:'微軟正黑體';} #member_rules .panel-body {font-size:2rem;font-family:'微軟正黑體';} #member_rules .carousel-inner .item {width:50%; background-size:cover; background-position:center center;} /* footer */ .footer_pc {padding:30px 50px 50px 50px; background-color:#ccdce4; text-align:center;} .footer_pc p {font-size:1.6rem; letter-spacing:.1rem; line-height:2.4rem; color:black; font-family:'微軟正黑體';} .footer_pc p a {font-size:1.6rem; letter-spacing:.1rem; line-height:2.4rem; color:goldenrod; text-decoration:underline; font-family:'微軟正黑體';} .footer_mobile {padding:20px 20px; background-color:#ccdce4; text-align:center;} .footer_mobile p {font-size:1.6rem; letter-spacing:.1rem; line-height:2.4rem; color:black; font-family:'微軟正黑體';} .footer_mobile p a {font-size:1.6rem; letter-spacing:.1rem; line-height:2.4rem; color:goldenrod; text-decoration:underline; font-family:'微軟正黑體';;} .btn.footer {background-color:lightcoral; color:white;} .btn.footer:hover {background-color:#fbb3b3; color:gray;} .btn-pc {font-size: 3rem; letter-spacing:.1rem; line-height:3.6rem; padding:10px 30px 10px 30px; border-radius:0px; font-family:'微軟正黑體'; font-weight:normal;} .btn-mobile {font-size: 2rem; letter-spacing:.1rem; line-height:3.6rem; padding:10px 25px 10px 25px; border-radius:0px; font-family:'微軟正黑體';font-weight:normal;} /*===========選單字體及顏色========================*/ /* 版頭字體大小 20200723 */ .nav {font-size:1.8rem; font-weight:400; letter-spacing:1px; line-height:2rem; padding:0px; margin:0px;} .navbar-header {float: right;} .navbar-brand {margin:10px 0px 40px 0px; padding:0px;}/* padding主控制左間距，其餘設0 */ .brand_text {font-size: 2.2rem; font-weight: 700; letter-spacing:1px; line-height: 2.2rem; padding: 0px; margin: 38px 0px 0px 10px; color: #b0618a!important; white-space:nowrap;} .navbar-brand-mobile {margin:-10px 0px 25px 0px; padding:0px 0px 0px 0px;} .brand_text_mobile {font-size: 2rem; font-weight: 700; letter-spacing:1px; line-height: 2rem; padding: 0px; margin: 15px 0px 0px 10px; color: #b0618a;} .navbar-default .navbar-nav > li > a {margin:20px 0px -10px 10px; padding:5px 10px 5px 10px;} /* 版頭highlight選項色 20190822 */ .highlight_pc {font-size:2rem; margin:6px 0px 0px 0px; padding:8px 10px 8px 10px; background-color:#c16291; color:white !important; border-radius:30px;} .highlight_pc:hover {background-color:skyblue !important; color:#000;} /* 手機選單highlight選項色 20190729 */ .highlight_mobile {font-size:3rem; font-weight:lighter; letter-spacing:.1rem; padding:10px 0px 10px 16px; background-color:#c16291; color:white !important; border-radius:30px !important;} .highlight_mobile:hover {font-size:3rem; font-weight:lighter; letter-spacing:.1rem; padding:10px 0px 10px 16px; background-color:#c16291 !important; color:#c16291 !important; border-radius:30px !important;} /* 下拉選單字體大小&顏色 20200817 */ .dropdown-menu a {font-size:2.2rem; font-weight:lighter; letter-spacing:.1rem; color:black;} .dropdown-menu a:hover, .dropdown-menu a:active, .dropdown-menu a:focus {font-size:2.2rem; font-weight:normal; letter-spacing:.1rem; color:#c16291 !important; background-color:#f6ecc4; background-image:linear-gradient(315deg, #f6ecc4 0%, #f7d4d4 74%);} /*===========版頭顏色 begin========================*/ /* 選單背景色 navbar */ .navbar-default {background-color:#d9e4f5; background-image:linear-gradient(315deg, #d9e4f5 0%, #f5e3e6 74%); border:none; box-shadow:0 2px 4px 0 rgba(0,0,0,.2); border-radius:0px;} /* 選單連結選項顏色 Link */ .navbar-default .navbar-nav > li > a {color:black;} /* 選單連結選項點選色 */ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#c16291;} /* 選單bar選項清單色 */ .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover .navbar-default .navbar-nav > .open > a:focus {color:#FFF; background-color:#686868;} /* 下拉式箭頭 Caret */ .navbar-default .navbar-nav > .dropdown > a .caret {border-top-color:#c16291; border-bottom-color:#c16291;} /* 下拉式箭頭點選色 */ .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {border-top-color:#F7C0FF; border-bottom-color:#333;} .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret {border-top-color:#F7C0FF; border-bottom-color:#555;} /* 漢堡按鈕 */ .navbar-default .navbar-toggle {border-color:#c16291; margin:15px 30px 0px 0px;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {background-color:#ffcfdf;} .navbar-default .navbar-toggle .icon-bar {background-color:#c16291;} /* 漢堡選單內連結選項顏色 Link */ .navbar-default .nav-stacked > li > a {font-size:2.6rem; font-weight:normal; letter-spacing:.1rem; line-height:3.6rem; color:black; font-family:'微軟正黑體';} /* 漢堡選單內選單連結選項點選色 */ .navbar-default .nav-stacked > li > a:hover, .navbar-default .nav-stacked > li > a:focus {font-size:2.6rem; font-weight:normal; letter-spacing:.1rem; line-height:3.6rem; color:#c16291; font-family:'微軟正黑體'; background-color:#f6ecc4; background-image:linear-gradient(315deg, #f6ecc4 0%, #f7d4d4 74%); border-radius:20px;} /* 選單連結選項active色及點選色 */ .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#FFFFFF; background-color:#faefff;} /* 純選單文字(無連結) */ .navbar-default .navbar-text {font-size:2.6rem; font-weight:normal; letter-spacing:.1rem; line-height:3.6rem; color:purple;font-family:'微軟正黑體';} /* 選單分隔線 */ .nav_hr {width:100%; margin-top:5px; margin-bottom:5px; border-color:#939393;} .navbar-default .navbar-btn {padding-top:5px;padding-bottom:5px;} /* 下拉選單背景色 */ .navbar-nav .dropdown-menu {background-color:#e2c9be; background-image:linear-gradient(315deg, #e2c9be 0%, #fbf7e9 74%); border-top-color:goldenrod; border-bottom-color:goldenrod; border-width:2px; padding:20px 0px 20px 0px;} /* 下拉選單 hover */ .dropdown:hover .dropdown-menu {display:block; margin-top:0px;} /* 手機+平板選單 */ @media (max-width:991px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#000;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color:#ffd4fc;} .navbar-brand {font-size:3.5rem; font-weight:600; padding-top:18px; padding-left:30px;letter-spacing:.1rem;} .nav {font-size:2rem; font-weight:lighter; letter-spacing:.1rem; ;padding-top:19px; padding-bottom:10px; padding-right:50px;} .navbar-collapse {background-color:#fff; padding-left:3rem;} .navbar-collapse.collapse {transition:height 0.2s;} .navbar-collapse.collapsing {height:0 !important;} .navbar-collapse.collapse.in {max-height:none; height:100vh;} } /* 手機+平板選單按鈕 20190529 */ .navbar-collapse.collapse .round-mobile {border-radius:40px;} .navbar-collapse.collapse .purple {background-color:white; border-color:purple; border-width:2px; border-style:solid;color:purple;} .navbar-collapse.collapse .purple:hover {background-color:white; border-color:skyblue; border-width:2px; border-style:solid; color:skyblue;} .navbar-collapse.collapse .btn-mobile {font-size:2.4rem; letter-spacing:.1rem; line-height:3rem; padding:10px 0px 10px 0px; margin-bottom:15px; text-align:center;} /* ===========版頭顏色 end======================== */ /* 平板漢堡選單斷點設定 20190822*/ @media (max-width:991px) { .navbar-header {float:none;} .navbar-left,.navbar-right {float:none !important;} .navbar-toggle {display:block;} .navbar-collapse {border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);} .navbar-fixed-top {top:0px; border-width:0 0 1px;} .navbar-collapse.collapse {display:none !important;} .navbar-nav {float:none !important; margin-top:7.5px;} .navbar-nav>li {float:none;} .navbar-nav>li>a {padding-top:10px; padding-bottom:10px;} .collapse.in{display:block !important;} } /* 漢堡選單捲動 */ .navbar-scroll {max-height:100%; overflow-y:scroll;}