@charset "UTF-8";body { -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9faf9; font-size:14px; line-height:22px;color:rgb(51, 51, 51);padding:0px;}a, .card-title.h5 {outline:none; -webkit-tap-highlight-color:white;color:rgb(51, 51, 51);-webkit-transition:all .2s ease;transition:all .2s ease;}p {margin:0 0 10px 0;line-height:28px;}ul {list-style-type:square;}*:focus,a:focus,a:hover,a:active,a:visited,a.activeinput:focus,select:focus,textarea:focus,button:focus,.btn:focus {color:#000; text-decoration:none;outline:none;-webkit-tap-highlight-color:white;box-shadow:none;}.btn.btn-white { border:#FFF; background:#FFF; text-transform:uppercase; font-size:15px; padding-left:20px; padding-right:20px; }.btn.load-more { color:#888; }.btn.load-more:hover { color:#000; }.btn.btn-lg.btn-buy { border:none; cursor:pointer;display:inline-block;text-align:center;white-space:nowrap;font-size:17px;line-height:1.17648;font-weight:400;min-width:28px;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;border-radius:18px;background:#353635;color:#fff;}img.img-responsive { display:inline-block; }.fixed-top-navbar { overflow:hidden;background:#232323;position:fixed;top:0;width:100%;z-index:1001;height:24px;color:#8f9192;line-height:24px;padding-left:14px;font-size:11px;}.fixed-top-navbar a, .fixed-top-navbar a:visited { color:#8f9192; }#header { width:100%; }#header .top {position:relative;text-align:center;padding:120px 0 34px;}#header .top .search {position:absolute;right:10px;top:10px;text-align:right;}#header .top .search .form-control {width:160px;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out;}#header .top .search .form-control:focus {width:240px;}header nav {clear:both;display:block;line-height:60px;height:60px;position:relative;}#header .brand {text-transform:uppercase;font-size:40px;font-weight:300;color:#000;}#header .brand span {color:#000;position:relative;display:inline-block;}#header .brand span:hover {color:rgb(51, 51, 51);}#header.scrolled {position:fixed;top:0;left:0;right:0;width:100%;background:#FFF;z-index:999999;box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;height:60px;-webkit-transition:box-shadow ease 0.8s;-moz-transition:box-shadow ease 0.8s;transition:box-shadow ease 0.8s;}#header.scrolled .top { padding:0px; display:inline-block; text-align:left; float:left; width:auto; padding-left:12px; line-height:60px; height:60px; overflow:hidden; }#header.scrolled .menu-container { padding:0px; display:inline-block; text-align:left; float:right; width:auto; padding-right:22px; line-height:60px; }#header.scrolled .brand img { height:60px; width:auto; padding:4px; }#header .slogan { color:#B0B0B0; font-size:17px; margin-top:22px; font-style:italic; }#posts col-lg-1,#posts col-lg-2,#posts col-lg-3,#posts col-lg-4,#posts col-lg-5,#posts col-lg-6,#posts col-lg-7,#posts col-lg-8,#posts col-lg-9,#posts col-lg-10,#posts col-lg-11,#posts col-lg-12 {padding:0;}#posts .row {margin-left:0;margin-right:0;}#posts {margin:74px auto;min-height:300px;}#posts .post {background:#fff;margin:11px;height:auto;overflow:hidden;-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.03);-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.03);box-shadow:0px 3px 4px 0px rgba(0,0,0,0.03);}#posts .post:hover {-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);}#posts .post.column { padding:0; }#posts .post .caption { margin-top:0; }#posts .tags {background:#fff;text-align:center;margin:20px;padding:10px 0;-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.03);-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.03);box-shadow:0px 3px 4px 0px rgba(0,0,0,0.03);}#posts .tags {padding-bottom:20px;}.media {margin-top:0;margin-left:0;margin-right:0;}#posts .post .caption {padding:20px 24px;}.post .post-title {color:#000;font-size:22px;line-height:26px;text-decoration:none;}.post .post-date {color:#727272;display:block;font-size:12px;text-transform:uppercase;margin-top:8px;}.post .post-description {margin:14px auto;}#blog-post-content {margin:80px auto 20px;}#blog-post-content .post { background:#FFF; }#blog-post-content .post-tag-list { margin-bottom:40px; }#blog-post-content .post-tag {color:rgb(51, 51, 51);display:inline-block;font-size:15px;line-height:20px;text-transform:uppercase;margin:5px 0;color:rgb(51, 51, 51);padding:6px 16px;}#blog-post-content .post-tag.label {background:rgb(51, 51, 51);color:#FFF;}#blog-post-content .post-content-article { text-align:justify; }#blog-post-content .main-figure img { width:100%; height:auto; -webkit-animation:pop-in 0.05s; -moz-animation:pop-in 0.05s; -ms-animation:pop-in 0.05s; }#blog-post-content .caption,#blog-post-content .related {background:#fff;margin:20px auto;padding:1em 2em;-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.03);-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.03);box-shadow:0px 3px 4px 0px rgba(0,0,0,0.03);}#blog-post-content .caption { margin-top:0px; }#blog-post-content .caption {padding-bottom:40px;}#blog-post-content .header {text-align:center;margin-bottom:40px;}#blog-post-content .related a {color:#424242;text-decoration:none;}#blog-post-content .related a:hover {color:#000;}#loadMoreButton .btn {display:inline-block;width:90%;border:none;cursor:pointer;text-align:center;white-space:nowrap;font-size:17px;font-weight:400;min-width:28px;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;border-radius:24px;margin:32px 20px;background:#BCBCBC;color:#fff;}#loadMoreButton .btn:hover { background:#0C0C0C; }#footer {text-align:center;padding:0;}#footer .list-inline {padding-left:0;margin-left:-5px;list-style:none;}#footer .list-inline>li {display:inline-block;padding-right:5px;padding-left:5px;}#footer #links {padding:54px;}#footer .brand {font-size:24px;font-weight:300;}#footer li {margin-top:5px;}#footer li a {color:#7F7F7F;text-decoration:none;}#footer li a:hover {color:#000;}.no-margin {margin:0;}.no-padding {padding:0;}.body-overflow {overflow:hidden;}nav {height:40px;width:100%;max-width:976px; margin:0 auto;text-align:center;text-transform:uppercase;}nav a {display:block;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:11pt;color:#1c1d1c;}nav a:hover{background:#1c1d1c;color:#f0f1f5;}nav ul{display:inline-block;list-style-type:none;margin:0px;}nav ul li{margin:0px;}.menu-container {padding-left:30px;padding-right:30px;width:100%; text-align:center; }.grt-menu-row {display:flex;flex-direction:row;justify-content:space-between;}.grt-mobile-button {display:none;}.grt-mobile-button:focus {border:0;outline:0;}ul.grt-menu {display:block;margin:0 -10px 0 0;padding:0;list-style-type:none;}ul.grt-menu:after {content:"";clear:both;display:block;}ul.grt-menu li {display:inline-block;margin:0;padding:0;-webkit-transition:all ease 0.8s;-moz-transition:all ease 0.8s;transition:all ease 0.8s;}ul.grt-menu li a {padding:5px 12px;font-size:21px;display:inline-block;color:rgb(51, 51, 51);line-height:1.1em;box-shadow:inset 0 0 0 0 #FFF;-webkit-transition:all ease 0.8s;-moz-transition:all ease 0.8s;transition:all ease 0.8s;position:relative;text-decoration:none;}ul.grt-menu li.active a:after{position:absolute;bottom:1px;content:"";left:12px;right:12px;border-bottom:2px solid #282c2f;}ul.grt-menu li.grt-dropdown:hover {cursor:pointer;}ul.grt-menu li.grt-dropdown:hover a {box-shadow:none;}ul.grt-menu li.grt-dropdown ul.grt-dropdown-list {display:none;position:absolute;background:#FFF;margin:0;padding:0;min-width:160px;animation:fadeInAnimation 0.8s;z-index:999;}ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li a {display:block;font-size:18px;color:rgb(51, 51, 51);-webkit-transition:all ease 0.8s;-moz-transition:all ease 0.8s;transition:all ease 0.8s;padding:9px 12px;background:#FFF;}ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li a:hover {color:#f0f1f5;background:#282c2f;}ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li:last-child a {padding-bottom:15px;}ul.grt-menu li.grt-dropdown.active-dropdown {background:#282c2f;}ul.grt-menu li.grt-dropdown.active-dropdown ul.grt-dropdown-list {display:block !important;}ul.grt-menu li.grt-dropdown.active-dropdown a {color:#FFF;}@media (min-width:768px) {#posts .post.column { width:31%; }#posts .columns.grid { margin-bottom:40px; }#posts .post {min-height:330px;animation:fadeInAnimation ease 1s;animation-iteration-count:1; animation-fill-mode:forwards; }#posts .post.featured,#posts .post.big {height:auto;}#posts .post.big .caption,#posts .post.featured .caption {margin:50px auto;padding:40px 40px 0;}ul.grt-menu li.grt-dropdown:hover > a + ul.grt-dropdown-list {display:block;top:calc(100% - 17px);}ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li {display:block;}ul.grt-menu li a {min-width:160px;}ul.grt-menu li a:hover {color:#FFF;}ul.grt-menu li.grt-dropdown > ul li{position:relative;display:none;}ul.grt-menu li.grt-dropdown:hover > ul li{display:block;animation:navmenu 500ms forwards;z-index:99999999;box-shadow:3px 3px 3px rgba(0,0,0,0.2);}#blog-post-content .related .columns { margin-bottom:30px; }#blog-post-content .related .related-header { margin-bottom:40px; }#blog-post-content .related .card-image img { width:300px; height:300px; }}@media (min-width:768px) and (max-width:991px) {ul.grt-menu li a {font-size:18px;}}@media (max-width:767px) {#header {position:fixed;top:24px;left:0;right:0;width:100%;background:#FFF;z-index:999999;box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;height:60px;overflow:hidden;}#header .brand, #header .brand span { height:100%; display:inline-block; }#header .brand span img { height:99%; width:auto; padding:4px; }#header .slogan { display:none; }#header .top { margin:0px; padding:0px; display:inline-block; text-align:left; float:left; width:auto; padding-left:12px; line-height:60px; height:60px; overflow:hidden; }#header .menu-container { padding:0px; display:inline-block; text-align:left; float:right; width:auto; padding-right:22px; line-height:60px; position:absolute;right:0px; }#header nav ul li { width:100%; text-align:center; }#header nav a:hover { background:#FFFFFF; }.menu-container {padding-left:15px;padding-right:15px;}.grt-mobile-button {display:inline-block;position:absolute;right:0;top:10px;background:#FFF;color:#3d3d3d;margin:0;padding:0;cursor:pointer;border:0;width:35px;}.grt-mobile-button .line1, .grt-mobile-button .line2, .grt-mobile-button .line3 {width:35px;height:4px;background-color:rgb(51, 51, 51);margin:6px 0;transition:0.4s;display:block;}ul.grt-menu {display:none;margin:0;height:0;}ul.open-grt-menu {position:fixed;background:#FFF;width:100%;left:0;right:0;top:0;height:100%;float:none;display:flex;justify-content:center;flex-direction:column;text-align:center;}.grt-mobile-button-open {position:fixed;z-index:99999;right:25px;top:25px;}.grt-mobile-button-open .line1 {-webkit-transform:rotate(-45deg) translate(-8px, 5px);transform:rotate(-45deg) translate(-8px, 5px);}.grt-mobile-button-open .line2 {opacity:0;}.grt-mobile-button-open .line3 {-webkit-transform:rotate(45deg) translate(-8px, -7px);transform:rotate(45deg) translate(-8px, -7px);}ul.grt-menu li {display:block;line-height:3.5em;}ul.grt-menu li a {padding:6px 10px;font-size:30px;}ul.grt-menu li.grt-dropdown.active-dropdown { background:#FFFFFF; }ul.grt-menu li.grt-dropdown.active-dropdown a { color:rgb(51, 51, 51); background:#FFF; }ul.grt-menu li.grt-dropdown ul.grt-dropdown-list {width:100%;position:relative;display:none;}ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li a {display:block;font-size:17px;}#header.scrolled {top:24px;box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;}#header.scrolled .top {padding:0 0 0 12px;display:inline-block;text-align:left;float:left;width:auto;line-height:60px;height:60px;overflow:hidden;}#header.scrolled .brand img { height:60px; width:auto; padding:4px; }#posts .post { margin-left:0; margin-right:0; }#blog-post-content { margin-top:90px; margin-left:0; margin-right:0; }#blog-post-content .main-figure { display:block; overflow:hidden; }#blog-post-content .main-figure img { display:block; width:100%; height:auto; }.container.grid-lg { width:100%; }.container.grid-lg .column { margin-left:0; margin-right:0; padding-left:0; padding-right:0; }#blog-post-content .related .card { margin-bottom:16px; }}@keyframes navmenu {0% { opacity:0; top:5px; }100% { opacity:1; top:0px; }}@keyframes pop-in {0% { opacity:0.8; transform:scale(0.98); }100% { opacity:1; transform:scale(1); }}@keyframes fadeInAnimation { 0% { opacity:0; } 100% { opacity:1; } }.embed-responsive {position:relative;display:block;height:0;padding:0;overflow:hidden;}.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}.embed-responsive-16by9 {padding-bottom:56.25%;}.embed-responsive-4by3 {padding-bottom:75%;}img.blog-posts-cover-image { width:100%;max-height:160px; }@media (min-width:320px) and (max-width:480px) { img.blog-posts-cover-image { width:100%;max-height:240px; } }:root{--brand:#787A6E;--text:#676669;--text-light:#FBEEE1;--muted:#9a9996;--bg:#FBEEE1;--card-bg:#ffffff;--shadow:rgba(0,0,0,0.08);--radius:8px;}html,body { height:100%; }body{font-family:"微軟正黑體","Helvetica Neue", Helvetica, Arial, sans-serif;font-size:15px;color:var(--text);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}a { color:var(--brand); text-decoration:none; }a:hover, a:focus { text-decoration:underline; }.container, .container-fluid { padding-left:15px; padding-right:15px; }.navbar-default {background-color:var(--brand);border:none;border-radius:0;box-shadow:0 2px 6px rgba(0,0,0,0.06);}.navbar-default .navbar-brand {color:var(--text-light);font-weight:700;font-size:20px;}.navbar-default .navbar-nav > li > a {color:var(--text-light);padding-top:15px;padding-bottom:15px;}.navbar-default .navbar-toggle .icon-bar {background-color:var(--text-light);}.header-spacer { height:70px; }.hero {position:relative;background-attachment:fixed; background-position:center center;background-size:cover;color:var(--text-light);padding:120px 0;text-align:center;}.hero .hero-title {font-size:44px;font-weight:700;margin-bottom:12px;color:var(--text-light);text-shadow:0 4px 18px rgba(0,0,0,0.35);}.hero .hero-sub {font-size:18px;color:rgba(251,238,225,0.95);}.hero-small { padding:60px 0; }.section {padding:60px 0;}.section .section-title {font-size:30px;font-weight:700;color:var(--brand);margin-bottom:12px;}.section .section-sub {color:var(--muted);margin-bottom:30px;}.post-card {background:var(--card-bg);border-radius:var(--radius);box-shadow:0 6px 18px var(--shadow);overflow:hidden;margin-bottom:30px;transition:transform .18s ease, box-shadow .18s ease;}.post-card:hover {transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.12);}.post-card .post-thumb {width:100%;height:180px;display:block;object-fit:cover;}.post-card .post-body {padding:18px;}.post-card .post-title {font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text);}.post-card .post-excerpt {color:var(--muted);margin-bottom:12px;}.post-card .post-meta {font-size:13px;color:var(--muted);}.post-grid .col-sm-6 { margin-bottom:24px; } .video-card {margin-bottom:24px;}.video-card .video-frame {width:100%;height:0;padding-bottom:56.25%; position:relative;background:#000;border-radius:6px;overflow:hidden;}.video-card .video-frame iframe {position:absolute;left:0; top:0; width:100%; height:100%;border:0;}.video-card .video-title {font-size:14px;margin-top:8px;color:var(--text);text-align:center;}.sidebar {padding-left:15px;padding-right:15px;}.widget {background:#fff;border-radius:6px;padding:16px;margin-bottom:20px;box-shadow:0 6px 18px rgba(0,0,0,0.04);}.widget h4 { margin-top:0; margin-bottom:10px; color:var(--brand); }.btn-brand {background:var(--brand);color:var(--text-light);border:none;padding:10px 18px;border-radius:6px;font-weight:600;box-shadow:0 6px 18px rgba(120,122,110,0.12);}.btn-brand:hover { background:darken(var(--brand),5%); color:var(--text-light); }.btn-brand:hover { background:#6e6f64; }.pagination > li > a, .pagination > li > span {color:var(--brand);border-radius:4px;padding:8px 12px;border:1px solid rgba(120,122,110,0.12);}.pagination > .active > a {background:var(--brand);color:var(--text-light);border-color:var(--brand);}.site-footer {background:var(--brand);color:var(--text-light);padding:40px 0;text-align:center;}.site-footer a { color:rgba(251,238,225,0.95); }.form-control {border-radius:6px;border:1px solid #e3e3e3;box-shadow:none;height:40px;}.textarea {min-height:110px;resize:vertical;}.tag {display:inline-block;margin:0 6px 6px 0;padding:6px 10px;background:rgba(120,122,110,0.08);color:var(--brand);border-radius:20px;font-size:13px;}pre, code {background:#2b2b2b;color:#f8f8f2;padding:12px;border-radius:6px;overflow-x:auto;font-family:"Courier New", Consolas, monospace;font-size:13px;}.note {background:rgba(120,122,110,0.06);padding:12px 16px;border-radius:6px;color:var(--text);margin-bottom:18px;}@media (max-width:991px) {.hero .hero-title { font-size:36px; }.post-card .post-thumb { height:160px; }.video-card .video-frame { padding-bottom:56.25%; }}@media (max-width:767px) {.hero { padding:60px 20px; }.hero .hero-title { font-size:26px; }.section { padding:40px 0; }.video-card .video-frame { padding-bottom:56.25%; }.post-card .post-thumb { height:140px; }}.text-muted { color:var(--muted) !important; }.text-center { text-align:center; }.mb-0 { margin-bottom:0 !important; }.mb-1 { margin-bottom:8px !important; }.mt-1 { margin-top:8px !important; }a:focus, button:focus, input:focus, textarea:focus {outline:3px solid rgba(120,122,110,0.12);outline-offset:2px;}