body {margin: 0px;padding: 0px;font-family: Abel, "Microsoft JhengHei", Helvetica, Arial, sans-serif;position: relative;/* min-height: 100vh; */margin: 0 auto;overflow-x: hidden;width: 100%;color: #666666;}.displaynone {display: none;}.spacing {letter-spacing: 0.125em;}.line-height {line-height: 1.875em;}.justify {text-align: justify;}.navbar {letter-spacing: 0.1em;color: #ccc;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}.navbar-light .navbar-nav .nav-link {color: rgba(0, 0, 0, 0.8);}.dropdown-item {padding: 12px 30px;text-align: center;color: #555;}.dropdown-item:hover {background-color: #f7f7f7;color: #2f6c9a;}@media only screen and (min-width: 992px) {.menu {    background-color: rgb(255, 255, 255, 0.95);    opacity: 1;    border-bottom: 1px solid rgb(236, 236, 236, 0.8);    transition: all 0.5s;}.dropdown:hover .dropdown-menu {    /* display: block; */}.dropdown-menu {    border-radius: 0;    padding: 1rem 0;}}.menu.active {background-color: rgb(255, 255, 255);opacity: 1;transition: all 0.5s;border-bottom: 1px solid rgb(236, 236, 236);}@media only screen and (min-width: 1px) and (max-width: 991px) {.menu {    background-color: rgb(255, 255, 255, 1);    opacity: 1;    border-bottom: 1px solid rgb(236, 236, 236);    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);}.nav-link {    color: rgba(0, 0, 0, 0.7) !important;}.dropdown-menu {    border: 0;}.dropdown-menu a {    text-align: left;    padding: 3px 50px;    color: #888;    line-height: 30px;}.dropdown-menu a span {    display: inline-block;    width: 10px;    height: 10px;    background-color: #999;    margin-right: 10px;    border-radius: 50%;    border: 3px #eee solid}}.menu .logo {height: 42px;}footer .logo {width: 200px;max-width: 100%;}.banner {position: fixed;right: 0;top: 0;z-index: -1;height: 100%;}.banner_box {min-height: 100%;position: relative;}.banner_mask {position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: #1271b7;opacity: 0.3;}.banner_text {font-size: 3.125em;}.banner_text_box {font-weight: 400;z-index: 99999999;position: absolute;top: 35vh;color: #FFFFFF;width: 100%;text-align: center;}@media only screen and (min-width: 1px) and (max-width: 767px) {.banner_text_box {    top: 48vh;}.banner_text_box img {    width: 250px;}.banner_text {    font-size: 1.563em;}}.video {height: 100vh}.h-100vh {height: 100vh;}.container {max-width: 1280px;}.page-section {padding: 4em 0;}section {border-bottom: 1px solid rgb(236, 236, 236);}section:last-child {border-bottom: 0px;}.page_title {text-align: center;padding-bottom: 38px;font-size: 2em;line-height: 1;color: #666666;font-weight: 600;position: relative;margin-bottom: 50px;}.page_title:before {left: 0;right: 0;margin: auto;bottom: 20px;content: "";display: block;width: 60px;height: 4px;position: absolute;background: -webkit-linear-gradient(right, #cae0b5, #1d77bb);background: -o-linear-gradient(right, #cae0b5, #1d77bb);background: -moz-linear-gradient(right, #cae0b5, #1d77bb);background: linear-gradient(to right, #cae0b5, #1d77bb);}.page_title:after {bottom: -15px;left: 0;right: 0;margin: auto;color: rgba(17, 22, 29, 0.6);font-size: 0.750em;position: absolute;}.page_title.service:after {content: "Service";font-family: 'Montserrat', sans-serif !important;}.service {margin-bottom: 0px !important;}.page_title.about:after {content: "About";font-family: 'Montserrat', sans-serif !important;}.page_title.portfolio:after {content: "Works";font-family: 'Montserrat', sans-serif !important;}.page_title.contact:after {content: "Contact";font-family: 'Montserrat', sans-serif !important;}.page_title.contactinfo:after {content: "Contact Info";font-family: 'Montserrat', sans-serif !important;}.page_title.aboutusinfo:after {content: "About Us";font-family: 'Montserrat', sans-serif !important;}.page_content {font-size: 1em;color: #666666 !important;text-align: justify;}.page_summary {margin: auto;max-width: 800px;font-size: 1em;color: #666666 !important;/* text-align: justify !important; */}.service_text {margin: auto;max-width: 800px;font-size: 1em;color: #666666 !important;}.aboutus-text {margin: auto;max-width: 800px;font-size: 1.1em;line-height: 1.6em;color: #666666 !important;letter-spacing: 0.05em;}.aboutus-text span {font-weight: 900;color: #555 !important;padding: 0 3px;}.about-hr {border-top: 1px #eee solid;width: 100%;margin: 60px 0;}#about {/*background-image: url('../images/service_bg.jpg');*//*border-top-left-radius: 32px;*//*border-top-right-radius: 32px;*/}.bookmark {border-width: 0px 0px 0px 20px;border-style: solid;border-color: #9c9c9c;border-radius: 5px 0px 0px 5px;padding: 1px 1px 1px 0px;width: auto;background: #9c9c9c;background:    linear-gradient(135deg, transparent 0px, #9c9c9c 0) top left,    linear-gradient(45deg, transparent 0px, #9c9c9c 0) bottom left,    linear-gradient(-45deg, transparent 52px, #9c9c9c 0) bottom right,    linear-gradient(-135deg, transparent 52px, #9c9c9c 0) top right;background-size: 51% 50%;background-repeat: no-repeat;}.bookmark_content {background:    linear-gradient(135deg, transparent 0px, #FFF 0) top left,    linear-gradient(45deg, transparent 0px, #FFF 0) bottom left,    linear-gradient(-45deg, transparent 52px, #FFF 0) bottom right,    linear-gradient(-135deg, transparent 52px, #FFF 0) top right;background-size: 51% 50%;background-repeat: no-repeat;padding: 7px 80px 25px 30px;}.bookmark_content .number {font-size: 3.125em;font-weight: 500;color: #9c9c9c;padding-left: 15px;}.bookmark_content .title {font-size: 1.375em;font-weight: 500;color: #9c9c9c;}.text-content {font-size: 1em;color: #616161;}.bookmark.weiyuan-blue .number,.bookmark.weiyuan-blue .title {color: #1170b7 !important;}.bookmark.weiyuan-blue {border-width: 0px 0px 0px 20px;border-style: solid;border-color: #1170b7;border-radius: 5px 0px 0px 5px;background: #1170b7;background:    linear-gradient(135deg, transparent 0px, #1170b7 0) top left,    linear-gradient(45deg, transparent 0px, #1170b7 0) bottom left,    linear-gradient(-45deg, transparent 52px, #1170b7 0) bottom right,    linear-gradient(-135deg, transparent 52px, #1170b7 0) top right;background-size: 51% 50%;background-repeat: no-repeat;}.bookmark.weiyuan-green .number,.bookmark.weiyuan-green .title {color: #8fc31f !important;}.bookmark.weiyuan-green {border-width: 0px 0px 0px 20px;border-style: solid;border-color: #8fc31f;border-radius: 5px 0px 0px 5px;background: #8fc31f;background:    linear-gradient(135deg, transparent 0px, #8fc31f 0) top left,    linear-gradient(45deg, transparent 0px, #8fc31f 0) bottom left,    linear-gradient(-45deg, transparent 52px, #8fc31f 0) bottom right,    linear-gradient(-135deg, transparent 52px, #8fc31f 0) top right;background-size: 51% 50%;background-repeat: no-repeat;}.bookmark.weiyuan-red .number,.bookmark.weiyuan-red .title {color: #ac3931 !important;}.bookmark.weiyuan-red {border-width: 0px 0px 0px 20px;border-style: solid;border-color: #ac3931;border-radius: 5px 0px 0px 5px;background: #ac3931;background:    linear-gradient(135deg, transparent 0px, #ac3931 0) top left,    linear-gradient(45deg, transparent 0px, #ac3931 0) bottom left,    linear-gradient(-45deg, transparent 52px, #ac3931 0) bottom right,    linear-gradient(-135deg, transparent 52px, #ac3931 0) top right;background-size: 51% 50%;background-repeat: no-repeat;}.bookmark.weiyuan-cyan .number,.bookmark.weiyuan-cyan .title {color: #639fab !important;}.bookmark.weiyuan-cyan {border-width: 0px 0px 0px 20px;border-style: solid;border-color: #639fab;border-radius: 5px 0px 0px 5px;background: #639fab;background:    linear-gradient(135deg, transparent 0px, #639fab 0) top left,    linear-gradient(45deg, transparent 0px, #639fab 0) bottom left,    linear-gradient(-45deg, transparent 52px, #639fab 0) bottom right,    linear-gradient(-135deg, transparent 52px, #639fab 0) top right;background-size: 51% 50%;background-repeat: no-repeat;}.bookmark.weiyuan-yellow .number,.bookmark.weiyuan-yellow .title {color: #e5d352 !important;}.bookmark.weiyuan-yellow {border-width: 0px 0px 0px 20px;border-style: solid;border-color: #e5d352;border-radius: 5px 0px 0px 5px;background: #e5d352;background:    linear-gradient(135deg, transparent 0px, #e5d352 0) top left,    linear-gradient(45deg, transparent 0px, #e5d352 0) bottom left,    linear-gradient(-45deg, transparent 52px, #e5d352 0) bottom right,    linear-gradient(-135deg, transparent 52px, #e5d352 0) top right;background-size: 51% 50%;background-repeat: no-repeat;}.home_demo_box {position: relative;}.home_demo_box:hover .home_demo_logo,a:focus .home_demo_logo {display: block;}@media (min-width: 992px) {.home_demo_box:hover {    transform: scale(1.05);    transition: all 0.6s;    z-index: 99;    box-shadow: 1px 1px 1px 1px #5b5b5b;}}.home_demo_logo {position: absolute;display: none;top: 0px;width: 100%;height: 100%;background-color: rgba(78, 78, 78, 0.7);text-align: center;}.cases_title {font-size: 1.15em;text-size-adjust: 100%;color: #ffffff;font-weight: 400;}.cases_title_en {margin-top: 15%;font-size: 0.875em;text-size-adjust: 100%;color: #ffffff;font-weight: 400;margin-bottom: 7px;}.cases_hr {margin: auto;margin-top: 15px;width: 200px;height: 2px;background-color: #ffffff;}.cases_view_link {width: 100px;color: #fff;margin: auto;margin-top: 30px;padding: 5px 18px;border-width: 1px;border-style: solid;border-color: #fff;}.cases_view_link:hover {color: #ffffff;background-color: #1170b7;border-color: #1170b7;}.cases_link {padding-top: 30px;color: #6b6775;}.home_demo_logo img,.home_demo_logo p {margin-top: calc(32% - 50px);}.button {background-color: #fff;border-color: #1170b7;border-width: 1px;border-style: solid;border-radius: 0px !important;padding: 10px 55px;color: #1170b7;cursor: pointer;}.button:hover {background-color: #1170b7;border-color: #1170b7;border-width: 1px;border-style: solid;color: #fff;}/* 聯絡我們表單送出訊息按鈕 */#contact .button {background-color: #1170b7;border-color: #1170b7;color: #fff;}#contact .button:hover,#contact .button:focus {background-color: #fff;border-color: #1170b7;color: #1170b7;}.guide-button {display: block;display: block;border-width: 1px;border-style: solid;border-color: #666666;text-align: center;color: #666666 !important;cursor: pointer;}.guide-button:hover,.guide-button:focus {background-color: #FFF;border-width: 1px;border-style: solid;border-color: #1170b7;color: #1170b7 !important;}.pt-100 {padding-top: 80px;}a {text-decoration: none !important;}#contact {background-color: #f2f2f2;background-image: url('../images/contact_bg.jpg');background-position: right top;}#contact,#contact label {font-size: 1em;background-repeat: no-repeat;background-size: cover;}.form-control {min-height: 48px;}.contact_text_box {background-color: #FFFFFF;max-width: 800px;}.contact_text {border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: #d8d9da;text-align: center;padding-bottom: 20px;}footer {border-top: solid 6px #1170b7;background-color: #182a3a;}.footer_title {font-size: 1.225em;font-weight: 400;line-height: 40px;color: #FFFFFF;height: 50px;border-bottom: 1px solid rgba(255, 255, 255, 0.45);margin-bottom: 15px;}.footer_unit,.footer_unit a {font-size: 0.938em;color: rgba(255, 255, 255, 0.8) !important;line-height: 35px;word-wrap: break-word;}.footer_unit a:hover,.footer_unit a:focus {color: rgba(255, 255, 255, 1) !important;}.copyright {text-align: center;border-top: solid 1px rgba(233, 244, 248, 0.1);padding-top: 15px;padding-bottom: 15px;color: rgba(187, 200, 216, 0.7);}.float_contact {position: fixed;z-index: 9999;right: 20px;bottom: 75px;overflow: hidden;height: 0px;opacity: 0;transition: all 0.2s;overflow: hidden;vertical-align: bottom;}.float_contact.active {/* height: 278px; *//* height: 220px; */height: 160px;opacity: 1;transition: all 0.2s;}.float_contact_item {padding: 3px 4px;}.float_contact_item a i {font-size: 2em;}.float_contact_unit+.float_contact {height: 260px;opacity: 1;transition: all 0.2s;}.float_contact_unit_email {background-color: #B51D50 !important;padding: 8px 10px;}.float_contact_unit_phone {background-color: #bf4e07 !important;padding: 8px 9px;}.float_contact_unit_facebook {background-color: #4267b2 !important;padding: 8px 17px;}.float_contact_unit_line {background-color: #168838 !important;padding: 8px 11px;}.show_float_contact {background-color: #d93728;padding: 8px 7px;}.float_contact a,.float_contact_btn a {cursor: pointer;background-color: rgb(228, 57, 43);border-radius: 50px;width: 50px;height: 50px;overflow: hidden;white-space: nowrap;display: inline-block;text-align: left;transition: all 0.3s;}.float_contact img,.float_contact_btn img {height: 32px;width: 32px;}.float_contact_text {width: 350px;display: inline-block;overflow: hidden;white-space: nowrap;padding: 0 12px;color: #FFFFFF;font-size: 1em;font-weight: 600;}.float_contact .float_contact_unit:hover,.float_contact .float_contact_unit:focus {width: 170px;transition: all 0.3s;}.float_contact_btn {position: fixed;z-index: 9999;right: 20px;bottom: 20px;overflow: hidden;vertical-align: bottom;padding: 4px;}section {background-color: #ffffff;}.bg {background-color: #f9fbfc;}@media (min-width: 768px) {#service {    background-image: url('../../front/images/service_bg.png');    background-repeat: no-repeat;    background-position: center center;    background-size: contain;}}@media only screen and (min-width: 1px) and (max-width: 767px) {#service {    background-image: url('../../front/images/service_bg.png');    background-repeat: no-repeat;    background-position: right center;    background-size: auto;}}.service_item {border-left-width: 12px;border-left-style: solid;padding: 5px 5px 5px 20px;}.service_item_box:nth-child(1) .service_item {border-left-color: #cae0b5;}.service_item_box:nth-child(2) .service_item {border-left-color: #a1c8b2;}.service_item_box:nth-child(3) .service_item {border-left-color: #5296a1;}.service_item_box:nth-child(4) .service_item {border-left-color: #1d77bb;}.service_item_box {margin-top: 80px !important;}#service .container {margin-top: 50px;margin-bottom: 80px;}.no-border-bottom {border-bottom: none;}.page-banner {min-height: 260px;background-repeat: no-repeat;background-position-x: center;}/* Service Start  */.service_box {padding: 15px;}.service_box_content {width: 100%;border: 1px #fafafa solid;background-color: rgba(235, 235, 235, 0.1);border-radius: 8px;box-shadow: 0px 0px 2px rgba(0, 0, 0, 1);padding: 15px}.service_box h3 {font-size: 1.5em;color: #555;text-align: center;letter-spacing: 0.1em;padding: 5px 0;}.service_box img {border-radius: 6px;margin-bottom: 15px;}.service_box p {letter-spacing: 0.05em;line-height: 26px;}.service_box span {color: #1170b7;border: 1px #1170b7 solid;border-radius: 35px;padding: 2px 12px;display: inline-block;margin-bottom: 10px;font-size: 0.9em;background-color: #f9f9f9;}.more-service {display: block;padding: 3px 5px;border-radius: 36px;border: 1px #ccc solid;width: 100%;padding: 10px;margin-top: 10px;text-align: center;background-color: #1170b7;color: #fff;}.more-service:hover {color: #fff;background-color: #228ee0;}@media (min-width: 1921px) {.page-banner {    background-repeat: no-repeat;    background-size: cover;    min-height: 450px;}}.page-banner h1 {padding-top: 100px;margin-bottom: 0px;text-shadow: 3px 3px 6px #aaa;}.page-banner small {font-size: 1.250em;text-shadow: 3px 3px 6px #aaa}.page-link {padding: 0.7em 0.95em;color: #1d77bb;}.page-item.active .page-link {background-color: #1d77bb;border-color: #1d77bb;}.page-item:last-child .page-link {border-top-right-radius: 0em;border-bottom-right-radius: 0em;}.page-item:first-child .page-link {border-top-left-radius: 0em;border-bottom-left-radius: 0em;}.page-link:hover,.page-link:focus {background-color: #e9ecef;}.error404png {max-width: 500px;}@-webkit-keyframes scroll-inner {from {    margin-top: 10%;    opacity: 1;}to {    margin-top: 80%;    opacity: 0;}}@keyframes scroll-inner {from {    margin-top: 10%;    opacity: 1;}to {    margin-top: 80%;    opacity: 0;}}.scroll-down {display: block;width: 4px;height: 4px;margin: 15% auto auto;-webkit-animation: scroll-inner 1.5s;animation: scroll-inner 1.5s;-webkit-animation-timing-function: ease;animation-timing-function: ease;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;border-radius: 50%;background: #000000;font: inherit;font-size: 100%;vertical-align: baseline;overflow: hidden;}.float_contact_btn span {overflow: hidden;padding-left: 20px;}.mouse {position: relative;display: block;width: 20px;height: 30px;margin: 0 auto;border: solid 1px #000000;border-radius: 8px;}@media (min-width: 993px) {#main {    padding: 100px 0;}}@media only screen and (min-width: 1px) and (max-width: 992px) {#main {    padding: 50px 0;}}#main h2 {font-family: 'Spectral', serif;line-height: 65px;font-size: 4.2em;font-weight: 800;padding: 20px;}@media (min-width: 993px) {.main_title_box {    margin-left: 22%;}}@media only screen and (min-width: 1px) and (max-width: 992px) {#main h2 {    font-size: 3.125em;    padding: 0px;}}#main h4 {display: block;margin-block-start: 1.33em;margin-block-end: 1.33em;margin-inline-start: 0px;margin-inline-end: 0px;}.main_title_box {max-width: 100%;}.main_title {color: #000000;}#main p {text-align: justify;line-height: 30px;color: #555;}#main p span {font-weight: 900;padding: 0 5px;}@media only screen and (min-width: 1px) and (max-width: 992px) {.home_demo_logo {    display: block;}}#home_banner {padding-top: 91px;}#works_carousel .carousel-item {border: 1px solid rgb(236, 236, 236);overflow-x: scroll;}@media (min-width: 768px) {#works_carousel .carousel-item {    height: 600px !important;}}@media only screen and (min-width: 1px) and (max-width: 767px) {#works_carousel .carousel-item {    height: 500px !important;}}.works_back {padding-top: 100px;}.pb50px {padding-bottom: 50px;}.pb20px {padding-bottom: 20px;}.article_class_span {font-size: 0.875em;}.select {padding-bottom: 2px;font-size: 0.875em;width: 300px;margin-left: 25px;-webkit-transition: all 300ms;transition: all 300ms;text-indent: .01px;text-overflow: '';color: rgba(65, 74, 82, 0.5);border: none !important;border-bottom: solid 2px #438ca7 !important;background: url(/front/images/arrow.png) no-repeat;background-color: #f9fbfc;background-position: 280px 5px;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;outline: none;}.article_info {font-size: 0.875em;color: #757575;}.article_info i {font-size: 0.750em;}.card-title {font-weight: 600;}.article-a {color: #000000;}.card-text {color: #757575;}.article_detail_info {font-size: 1em;color: #757575;}.article_detail_info i {font-size: 0.875em;}.contact-page-box i {color: #d6d6d6 !important;font-size: 3.375em;}.contact-page-box i {height: 100px;width: 100px;line-height: 98px;display: inline-block;border-radius: 99em;border-width: 2px;border-style: solid;border-color: #d6d6d6;}.contact_icon {width: 800px;max-width: 100%;}.contact_icon span {display: none;}#contact_page_content th,#contact_page_content td {font-size: 1.375em;}#contact_page_content td {text-align: center;}.mw800px {max-width: 800px;}.nav-link {position: relative;}.nav-link::before {background-color: #4d8ab7;bottom: 0px;content: '';display: block;height: 3px;width: 0%;position: absolute;left: 50%;transition: all .3s ease-in-out;transform: translateX(-50%);}@media (min-width: 992px) {.nav-item:hover .nav-link::before,.nav-link:focus::before {    width: 50%;}}.navbar-light .navbar-nav .nav-link {font-size: 1.1em;font-weight: 400;padding-left: 40px;padding-right: 40px;}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus {color: #4d8ab7 !important;}/* 選單中間間隔 */@media (min-width: 993px) {.nav-item:before {    background-color: #dedede;    bottom: 25px;    content: '';    height: 40px;    width: 1px;    position: absolute;    margin-left: 2px;}.nav-item:first-child:before {    width: 0px;}.nav-item.dropdown:before {    background-color: #dedede;    bottom: 0px;    content: '';    height: 40px;    width: 1px;    position: absolute;    margin-left: 2px;}}.textpage-box {text-align: justify;border-style: solid;border-width: 1px;border-color: #c5c5c5;margin-bottom: 25px;line-height: 35px;}@media (min-width: 768px) {.textpage-box {    padding: 3rem !important;}}@media only screen and (min-width: 1px) and (max-width: 767px) {.textpage-box {    padding: 1rem !important;}}.textpage-title {font-size: 1.250em;font-weight: 500;}.accesskey {position: relative;}.accesskey a {position: absolute;color: rgba(0, 0, 0, 0);left: 1px;top: 1px;z-index: 9;}.line-height40 {line-height: 40px;}.form-control {border-radius: 0rem;}.portfolio_detail_title {font-size: 1.500em;letter-spacing: 4px;font-weight: 400;}.portfolio_detail_unit_box {margin-top: 10px;}.portfolio_detail_unit_box span:before {content: '、';color: #949494;}.portfolio_detail_unit_box span:first-child:before {content: '';}.portfolio_detail_unit_box span {font-size: 0.875em;color: #757575;}.portfolio_detail_p {border-bottom: 1px solid rgb(236, 236, 236);padding-bottom: 10px;}.works_img .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(17,112,183)' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");}.carousel-control-next {height: 50px;width: 50px;right: 5px;top: 48%;}.works_img .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(17,112,183)' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");}.carousel-control-prev {height: 50px;width: 50px;left: 5px;top: 48%;}.carousel-indicators li {background-color: #1170b7;}.contact-page-box i:hover,.contact_icon a:focus i {color: #1170b7 !important;border-color: #1170b7 !important;}#home_banner_carousel .carousel-item {background-position: center;background-size: cover;}#mouse_a {position: absolute;bottom: 20px;z-index: 1;right: 15%;left: 15%;}.home_banner_logo {left: 15%;right: 15%;top: 4%;z-index: 2;padding: 20px;text-align: center;position: absolute;color: #ffffff;}.works_link i {font-size: 0.750em;}.works_link {color: #1170b7;}#contact_btn_loading {display: none;}.button:active,.button:focus {border-radius: 0px !important;}#contact_btn:active,#contact_btn:focus {border-radius: 0px !important;}.container img {max-width: 100%;}.cookie_box {z-index: 9999999999;font-size: 1rem;text-align: justify;line-height: 30px;box-shadow: 0px -0.2rem 0.9rem rgba(0, 0, 0, 0.13);background-color: rgba(0, 0, 0, 0.75);padding: 2rem 2rem 0 2rem;}#agree_btn {margin-bottom: 1rem !important;background-color: #1170b7;border-color: #1170b7;color: #fff;}#agree_btn:hover,#agree_btn:focus {border-radius: 0px;background-color: #fff;border-color: #1170b7;color: #1170b7;}@media only screen and (min-width: 1px) and (max-width: 767px) {#agree_btn {    margin-top: 1rem !important;}}.cookie_box a {color: #68b4ed;}.cookie_box a:hover,.cookie_box a:focus {color: #478fc5;}.article p {line-height: 32px;}.home_banner_title {font-size: 1.25rem;margin-bottom: 22px;font-weight: 500;}#home_banner h1 {padding-top: 5px;font-size: 1.5rem;}@media (min-width: 768px) {#home_banner h1 {    font-size: 1.5rem;}}@media only screen and (min-width: 1px) and (max-width: 767px) {#home_banner h1 {    font-size: 1.25rem;}}/* css設定focus的邊線 */a:focus,#contact_btn:focus,.carousel-control-prev:focus,.carousel-control-next:focus,.select:focus,.form-control:focus,.page-item:focus {outline: 2px solid #56a2d8 !important;/*outline-color: invert;*/}/* css設定focus的邊線(點擊時不出現) */.click_not_outline:focus {outline-style: solid;outline: auto 3px #56a2d8 !important;}.not_outline:focus {outline: none !important;}#goto_page_content {float: left;width: 0;height: 0;overflow: hidden;position: fixed;top: 0;left: 0;}#goto_page_content:focus {color: #000000;width: auto;height: auto;z-index: 9999999999;}.article h2 {font-size: 1.375em !important;}.article h3 {font-size: 1.250em !important;}.article h4 {font-size: 1.125em !important;}.article h5 {font-size: 1.000em !important;}.not_banner {background-color: rgb(255, 255, 255);opacity: 1;border-bottom: 1px solid rgb(236, 236, 236);}.pxtoem input {width: 120px;}.border_bottom {padding-bottom: 20px;border-bottom: 1px solid rgb(236, 236, 236);}.pxtoem #result {min-height: 30px;}.pxtoem th {width: 120px;}.table_box {height: 600px !important;overflow-x: scroll;}.pxtoem button {padding: 10px 35px;}.page-path {background-color: #f5f6f9;border-bottom: 1px solid #dbe2eb;}.page-path a,.page-path span {color: #6f6b88;font-size: 0.875em;}.page-path a:hover,.page-path a:focus {color: rgb(29 119 187);}.page-path a::after {content: "\f054";font-family: "Font Awesome 5 Free";font-size: 0.75rem;font-weight: 900;padding-left: 7px;padding-right: 7px;color: rgba(53, 72, 95, 0.3);}@media (min-width: 768px) {.page-path {    padding: 12px 40px;}.nobanner-page-path {    text-align: right;}}@media only screen and (min-width: 1px) and (max-width: 767px) {.page-path {    padding: 12px 15px;}.nobanner-page-path {    text-align: left;}}.nobanner-page-path {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;max-width: 1280px;margin-top: 94px;}.overflowhidden {overflow: hidden}.nobanner-page-path a,.nobanner-page-path span {color: #757575;font-size: 0.875em;}.pxtoem .nobanner-page-path {padding: 0px 12px 0 8px;}.nobanner-page-path a:hover,.nobanner-page-path a:focus {color: rgb(29 119 187);}.nobanner-page-path a::after {content: "\f054";font-family: "Font Awesome 5 Free";font-size: 0.75rem;font-weight: 900;padding-left: 7px;padding-right: 7px;color: rgba(53, 72, 95, 0.3);}.nobanner-top-margin {margin-top: 34px;}.works_detail h1 {font-size: 0.875em;color: #757575;font-weight: 400;float: right;padding: 12px 0 0 0;}.works_detail .title_box {width: 100%;border-bottom: 1px solid rgb(236, 236, 236);}.aa_ccessibility {width: 90px;}.article {line-height: 36px;text-align: justify;}.article p {line-height: 36px;text-align: justify;margin: 27px 0;font-size: 1.125em;}.article_info {margin-top: 12px;padding-bottom: 5px;}.hot_box {padding-top: 47px;}.hot_article {border-style: solid;border-width: 0 0 1px 0;border-color: #e9e9e8;padding-bottom: 5px;}.article .img-responsive {padding: 5px;border: 1px solid #dee2e6;}.article blockquote {margin: 27px 0px;background-color: #f4f4f4;padding: 15px 35px;position: relative;}.article blockquote:before {left: 0;margin: auto;bottom: 0px;content: "";display: block;width: 10px;height: 100%;position: absolute;background: -webkit-linear-gradient(bottom, #cae0b5, #1d77bb);background: -o-linear-gradient(bottom, #cae0b5, #1d77bb);background: -moz-linear-gradient(bottom, #cae0b5, #1d77bb);background: linear-gradient(to bottom, #cae0b5, #1d77bb);}.hot_box img {width: 100px !important;border-style: solid;border-width: 1px;border-color: #e9e9e8;}.hot_box h5 {font-size: 1.15em;color: #0b0b0b;}.hot_box p {font-size: 1em;color: #757575;}.hot_article_hr {width: 100%;border-style: solid;border-width: 0 0 1px;border-color: #e9e9e8;margin-top: 5px;}.article_tag_box {margin-top: 15px;margin-bottom: 15px;padding-top: 50px;padding-bottom: 50px;border-style: solid;border-width: 1px 0 0 0;border-color: #e9e9e8;}.article_tag_title {background-color: #1170b7;color: #ffffff;padding: 5px;font-size: 1em;line-height: 1em;border-radius: 1em;padding: .5em .8em;vertical-align: middle;margin-right: 10px;}.article_tag {border-style: solid;border-width: 1px;border-color: #e9e9e8;color: #1170b7;line-height: 1em;border-radius: 1em;padding: .5em .8em;margin-right: 10px;}.article_list_card_body {position: relative;}.article_list_info {position: absolute;border-width: 0px;bottom: 10px;}/* 文章pre往上 */.article p~pre {margin-top: -22px;}.article_help_box {margin-top: 15px;padding-top: 50px;/*border-style: solid;*//*border-width: 1px 0 0;*//*border-color: #e9e9e8;*/}.article_help {padding: 25px;background-color: #e6e6e6;/*max-width: 500px;*/}.article_help .button {background-color: #e6e6e6;border-color: #666666;border-width: 1px;border-style: solid;border-radius: 0px !important;padding: 5px 10px;color: #666666;cursor: pointer;font-size: 0.875em;display: inline-block;}@media (min-width: 768px) {.article_help_btn_box {    margin-left: 20px;}}@media only screen and (min-width: 1px) and (max-width: 767px) {.article_help_btn_box {    margin-top: 10px;}}.article_help .button:hover,.article_help .button:focus {border-color: #1170b7;background-color: #1170b7;color: #ffffff;}.article_help button:focus {border-radius: 0px !important;}.article_tag:hover {color: #ffffff;background-color: #1170b7;border-color: #1170b7;}.hot_box a:hover h5 {color: #1170b7 !important;border-color: #1170b7;border-radius: 1em;border-width: 0px;}.yearpricent {font-size: 1.25rem;font-weight: 400;}.yearprice_content {font-size: 2.25rem;font-weight: 900;}.yearpricent_sec {font-size: 1rem;color: #bbbbbb;}.yearpricetitle {background-color: #cbdeee;max-width: 1280px;font-size: 1.25em;line-height: 55px;}.item_title {color: #666666;font-weight: 900;}.item_content {font-size: 1rem;color: #bbbbbb;}.yearprice {background-color: #ffffff;max-width: 1280px;font-size: 2em;padding-top: 30px;padding-bottom: 25px;margin-top: 6px;}#webdesign {padding: 60px 0px 50px 0px;background-color: #f8f8f8;}.ensure_box {margin: 3px;max-width: 1280px;}.ensure_box .col-md-4 {padding: 3px;}.ensure_item {padding: 15px;background-color: #ffffff;}.ensure_icon {height: 30px;margin-top: 15px;margin-bottom: 25px;}.easy_build {font-weight: 600;font-size: 2rem;letter-spacing: .1em;}.customization_box {font-size: 1.25rem;}.customization_box li {margin-top: 20px;}#faq .card-header {cursor: pointer;}#faq .card {border-radius: 0px;}#faq .h5 {font-weight: 400;}#faq .card-body {letter-spacing: 3px;line-height: 28px;padding: 35px;}#webdesign {background: url('/front/images/webdesign_bg.jpg');background-repeat: no-repeat;background-size: cover;}#customization {background: url('/front/images/customization_bg.jpg');background-repeat: no-repeat;background-size: cover;}#portfolio {background: url('/front/images/portfolio_bg.jpg');background-repeat: no-repeat;background-size: cover;}#banner_1_text {position: absolute;bottom: 40%;left: 5%;}#banner_1_text h2 {font-family: 'Spectral', serif;color: #000000;line-height: 65px;font-size: 4.2em;font-weight: 800;padding: 0px 20px;margin-bottom: 0px;}#banner_1_text p {padding: 0px 70px 5px 70px;font-size: 1rem;color: #000000;letter-spacing: 24px;}@media only screen and (min-width: 1px) and (max-width: 767px) {#home_banner_carousel .home_banner_1 {    background-position: right;}#banner_1_text h2 {    color: #ffffff;    font-size: 3.5em;    text-align: center;    text-shadow: #333 0.1em 0.1em 0.2em;}#banner_1_text p {    color: #ffffff;    letter-spacing: 10px;    padding: 0px 35px 5px 35px;    text-align: center;    text-shadow: #333 0.1em 0.1em 0.2em;}}#banner_2_text {position: absolute;bottom: 40%;right: 6%;}#banner_2_text h2 {font-family: 'Spectral', serif;color: #000000;line-height: 65px;font-size: 4.2em;font-weight: 800;padding: 0px 20px;margin-bottom: 0px;}#banner_2_text p {padding: 0px 70px 5px 70px;font-size: 1rem;color: #000000;letter-spacing: 24px;text-align: center;}/* 小螢幕電腦 Banner *//* 4K Banner */@media (min-width: 1921px) {#banner_2_text h2,#banner_1_text h2 {    font-size: 6.2em;}#banner_2_text p,#banner_1_text p {    font-size: 1.5rem;    letter-spacing: 45px;}#banner_2_text p {    letter-spacing: 45px;}#banner_1_text p {    letter-spacing: 30px;}}@media only screen and (min-width: 1px) and (max-width: 767px) {#home_banner_carousel .home_banner_2 {    background-position: left;}#banner_2_text {    right: 0px;}#banner_2_text h2 {    font-size: 2em;    text-align: center;    color: #fff;    text-shadow: #333 0.1em 0.1em 0.4em;}#banner_2_text p {    letter-spacing: 10px;    padding: 0px 35px 5px 35px;    text-align: center;    color: #fff;    text-shadow: #333 0.1em 0.1em 0.4em;}}.carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");}.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");}.h1none {width: 0;height: 0;overflow: hidden;}.online-consultation {display: block;position: fixed;bottom: 31px;right: 90px;padding: 8px 15px 8px 12px;border-radius: 25px;color: #fff;background: #00c300;letter-spacing: 0.05em;font-weight: 900;z-index: 10;}.online-consultation:hover {color: #f8f8f8;}.online-consultation img {width: 32px;height: 32px;}.service-article {padding: 30px 0;}.service-title {font-size: 1.625em;width: 250px;height: 50px;margin: 0 auto;line-height: 46px;text-align: center;border-radius: 25px;color: #1271b7;border: 1px #1271b7 solid;background: #fafafa;box-shadow: 3px 3px 10px rgba(230, 230, 230, 1);margin-top: 30px;margin-bottom: 30px;}.service-subtitle {text-align: center;letter-spacing: 0.07em;line-height: 28px;color: #777;}.service-block-list {max-width: 1200px;margin: 0 auto;overflow: hidden;}.service-block {margin: 5px 0;}.service-block:nth-child(odd) .copywriting {float: left;}.service-block:nth-child(odd) img {height: auto;float: right;}.service-block:nth-child(even) .copywriting {float: right;}.service-block:nth-child(even) img {height: auto;float: left;}.service-block img {width: 30%;}.service-block .copywriting {width: 70%;padding: 70px 25px 0 25px;}.service-block h3 {font-size: 1.375em;font-weight: 900;line-height: 40px;color: #1083e4;}.service-block p {color: #888;letter-spacing: 0.05em;font-size: 1em;}.step-diagram-content {max-width: 800px;margin: 0 auto;position: relative;}.step-diagram-line {width: 2px;height: 100%;background-color: #6aa8dc;position: absolute;top: 0;left: 90px;}.step-diagram {list-style: none;}.step-diagram li {overflow: hidden;}.step-diagram-number {width: 100px;height: 100px;border-radius: 50%;background: #fff;text-align: center;line-height: 40px;font-size: 2.25em;font-weight: 900;padding-top: 20px;float: left;position: relative;z-index: 2;border: 1px #57affa solid;color: #3997e7;box-shadow: 3px 3px 3px #eee;}.step-diagram-number span {display: block;text-align: center;font-size: 1rem;;line-height: 20px;color: #57affa;}.step-diagram-copywriting {margin-left: 120px;position: relative;}.step-diagram-copywriting h3 {font-size: 1.375em;font-weight: 400;color: #1083e4;line-height: 30px;display: inline-block;border-bottom: 1px #ccc solid;font-weight: 900;margin-top: 20px;}.step-diagram-copywriting p {color: #888;letter-spacing: 0.05em;font-size: 1em;padding-top: 5px;margin-bottom: 80px;;}.step-diagram-copywriting span {width: 90px;height: 30px;line-height: 28px;border: 1px #7fc2fb solid;color: #339bf4;text-align: center;border-radius: 15px;position: absolute;right: 10px;top: 22px;letter-spacing: 0.1em;;}.service-slider-box-bg4 {background: url(/front/test_images/header4.jpg) no-repeat;background-size: cover;background-position: center;}.service-slider-box-bg5 {background: url(/front/test_images/header5.jpg) no-repeat;background-size: cover;background-position: center;}.service-slider-box-bg6 {background: url(/front/test_images/header6.jpg) no-repeat;background-size: cover;background-position: center;}.service-slider-box-bg-7 {background: url(/front/images/banner/contact.jpg) no-repeat;background-size: cover;background-position: center;}.service-slider-box-bg-8 {background: url(/front/images/banner/article.jpg) no-repeat;background-size: cover;background-position: center;}.service-slider-box-bg-9 {background: url(/front/images/banner/works.jpg) no-repeat;background-size: cover;background-position: center;}.service-slider-box-bg-10 {background: url(/front/images/banner/guide.jpg) no-repeat;background-size: cover;background-position: center;}.service-slider-box-bg-transparent {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}.service-slider-box {width: 100%;max-width: 1200px;margin: 0 auto;text-align: center;}.service-slider-text {width: 100%;padding: 50px 30px 50px 30px;}.service-slider-text h1 {line-height: 60px;color: rgba(255, 255, 255, 0.8);text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);letter-spacing: 0.1em;}.service-slider-text h1 span {display: block;font-size: 0.5em;letter-spacing: 0.1em;line-height: 30px;color: rgba(255, 255, 255, 0.7);}.service-slider-text p {font-size: 1.125em;color: rgba(255, 255, 255, 0.8);letter-spacing: 0.1em;line-height: 36px;margin-bottom: 20px;}.service-menu {list-style-type: none;display: inline-block;padding: 0;margin: 0;border-radius: 20px;}.service-menu li {display: inline-block;color: #fff;background-color: rgba(16, 131, 228, 0.9);margin: 0px 5px 15px 5px;padding: 0;transition: all 0.2s;border-radius: 30px;}.service-menu li:hover {background-color: rgba(16, 131, 228, 0.7);}.service-menu li a {padding: 10px 25px;letter-spacing: 0.05em;color: #fff;display: inline-block;cursor: pointer;outline: none;letter-spacing: 0.05em;text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);}@media (max-width: 993px) {.service-slider-box {    padding: 50px 30px;}.service-block img {    width: 50%;    display: block;    margin: 0 auto;    margin-bottom: 10px;    float: none !important;}.service-block .copywriting {    width: 100%;    padding: 0px 25px 20px 25px;}.step-diagram {    padding: 0;}.step-diagram-line {    left: 50px;}.service-slider-text {    width: 100%;    padding: 15px;    text-align: center;}}.service-table-box {padding: 0 30px;;}.service-table {width: 100%;max-width: 800px;margin: 0 auto;margin-bottom: 40px;letter-spacing: 0.05em;}.service-table tr {border-bottom: 1px #c0dcff solid;}.service-table th.subtitle,.service-table td.subtitle {text-align: center;background: #eff6ff;color: #777;}.service-table th {text-align: center;background: #1271b7;color: #fff;}.service-table th {padding: 10px 10px;}.service-table td {padding: 15px 10px;}.service-table td span {color: #ddd;font-weight: 900;padding: 0 5px;}.top_heihgt_90 {height: 90px;}