﻿.margin-bottom-5,.margin-bottom-10,.margin-bottom-15,.margin-bottom-20,.margin-bottom-25,.margin-bottom-30,.margin-bottom-35,.margin-bottom-40,.margin-bottom-45,.margin-bottom-50,.margin-bottom-55,.margin-bottom-60,.margin-bottom-100{clear:both}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-35{margin-bottom:35px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-45{margin-bottom:45px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-55{margin-bottom:55px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-100{margin-bottom:100px}.margin-top-5,.margin-top-10,.margin-top-15,.margin-top-20,.margin-top-25,.margin-top-30,.margin-top-35,.margin-top-40,.margin-top-45,.margin-top-50,.margin-top-55,.margin-top-60,.margin-top-100{clear:both}.margin-top-5{margin-top:5px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-45{margin-top:45px}.margin-top-50{margin-top:50px}.margin-top-55{margin-top:55px}.margin-top-60{margin-top:60px}.margin-top-100{margin-top:100px}.header .brand-color-bar-top{position:absolute;top:0;left:0;width:100%;height:28px;background-color:#58585A;border-bottom:3px solid #F1592A}.header .navbar{margin:60px 0 30px}.header .navbar .navbar-brand{margin-left:0;padding:0}.header .navbar .navbar-brand .logo{height:60px}.header .navbar .navbar-nav li a{padding-top:25px;padding-bottom:5px;color:#999}.header .navbar .navbar-nav li a:hover{color:#111;font-weight:400}.header .navbar .navbar-nav li select{margin:20px 0 0 15px}.header .navbar .navbar-nav li:hover{cursor:pointer}.header .navbar .navbar-nav .active>a{background-color:transparent;color:#111;font-weight:400}.header .navbar .navbar-nav .dropdown-menu li a{padding-top:15px;padding-bottom:15px}.header .navbar .navbar-nav .dropdown:hover .dropdown-menu{display:block}.header .navbar-default{background-color:transparent;border:0}.header .dropdown-menu{min-width:185px}.header .lang-select{padding:0.2em 0.5em}@media (max-width: 767px){.header .navbar-toggle{display:block;float:none;border-radius:4px;border-color:#ddd;margin:30px 0 0 10px}.header .navbar-toggle .icon-bar{background-color:#888}.header .navbar{margin:10px auto 20px auto}.header .navbar .navbar-brand{float:none;display:flex;justify-content:center}.header .navbar .navbar-brand .logo{height:40px}.header .navbar .navbar-nav .dropdown:hover .dropdown-menu{display:none}.header .navbar .navbar-nav .dropdown.open:hover .dropdown-menu{display:block}}.margin-bottom-5,.margin-bottom-10,.margin-bottom-15,.margin-bottom-20,.margin-bottom-25,.margin-bottom-30,.margin-bottom-35,.margin-bottom-40,.margin-bottom-45,.margin-bottom-50,.margin-bottom-55,.margin-bottom-60,.margin-bottom-100{clear:both}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-35{margin-bottom:35px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-45{margin-bottom:45px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-55{margin-bottom:55px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-100{margin-bottom:100px}.margin-top-5,.margin-top-10,.margin-top-15,.margin-top-20,.margin-top-25,.margin-top-30,.margin-top-35,.margin-top-40,.margin-top-45,.margin-top-50,.margin-top-55,.margin-top-60,.margin-top-100{clear:both}.margin-top-5{margin-top:5px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-45{margin-top:45px}.margin-top-50{margin-top:50px}.margin-top-55{margin-top:55px}.margin-top-60{margin-top:60px}.margin-top-100{margin-top:100px}body,h1,h2,h3,h4,h5,h6{font-family:"Muli", Montserrat, "Helvetica Neue", Meiryo, "微軟正黑體", "Microsoft JhengHei", Helvetica, "Open Sans", Arial, sans-serif;font-weight:200}@media (min-width: 768px){.container{width:720px}}@media (min-width: 992px){.container{width:960px}}.hand{cursor:pointer}.button-primary{background-color:#2F80A6}.button-alt{background-color:#566E7A}.banner{height:320px;background-image:url("../images/banner.jpg");background-size:cover;background-repeat:no-repeat;background-position:center top}.banner .banner-btn-wrapper{padding-top:10em}.banner .banner-btn-wrapper .banner-btn{width:160px;padding:6px 15px;margin:6px 0;color:#eee;border:0}.banner .banner-text{width:80%;padding:10px 40px;background:-moz-linear-gradient(left, #e7e7e8 0%, rgba(145,145,145,0.44) 75%, rgba(145,145,145,0.4) 80%, rgba(145,145,145,0) 100%);background:-webkit-linear-gradient(left, #e7e7e8 0%, rgba(145,145,145,0.44) 75%, rgba(145,145,145,0.4) 80%, rgba(145,145,145,0) 100%);background:linear-gradient(to right, #e7e7e8 0%, rgba(145,145,145,0.44) 75%, rgba(145,145,145,0.4) 80%, rgba(145,145,145,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e8', endColorstr='#00919191', GradientType=1)}.banner .about-banner-text{width:80%;padding:6px 20px;font-size:24px;font-weight:500;background:-moz-linear-gradient(left, #e7e7e8 0%, rgba(145,145,145,0.44) 75%, rgba(145,145,145,0.4) 80%, rgba(145,145,145,0) 100%);background:-webkit-linear-gradient(left, #e7e7e8 0%, rgba(145,145,145,0.44) 75%, rgba(145,145,145,0.4) 80%, rgba(145,145,145,0) 100%);background:linear-gradient(to right, #e7e7e8 0%, rgba(145,145,145,0.44) 75%, rgba(145,145,145,0.4) 80%, rgba(145,145,145,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e8', endColorstr='#00919191', GradientType=1)}.about-banner{background-image:url("../images/banner2.jpg")}.box-wrapper-row{margin-left:-25px;margin-right:-25px}.box-wrapper-row .box-wrapper{padding:0 10px;margin-bottom:15px}.box-wrapper-row .box-wrapper .box{height:350px;background-size:cover;background-repeat:no-repeat;background-position:center top}.box-wrapper-row .box-wrapper .box .caption{width:100%;height:90px;padding:10px 15px;position:absolute;bottom:0;background-color:rgba(231,231,232,0.85);color:#4b4b4d}.box-wrapper-row .box-wrapper .box .caption h3{margin:10px 0}.box-wrapper-row .box-wrapper .box1{background-image:url("../images/box1.jpg")}.box-wrapper-row .box-wrapper .box2{background-image:url("../images/box2.jpg")}.box-wrapper-row .box-wrapper .box3{background-image:url("../images/box3.jpg")}.box-wrapper-row .box-wrapper .overlay{position:relative;width:100%;height:100%;border:1px solid #ccc}.box-wrapper-row .box-wrapper .overlay.selected{border:1px solid #F1592A}.box-wrapper-row .box-wrapper .overlay.selected .add-to-like{display:block;border-left:1px solid #F1592A;border-bottom:1px solid #F1592A;color:#F1592A}.box-wrapper-row .box-wrapper .overlay .top-paste{position:absolute;width:100%;height:100%;z-index:200;display:none;cursor:pointer}.box-wrapper-row .box-wrapper .product-box .add-to-like{display:none;position:absolute;right:0;top:0;padding:1px 3px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;font-size:20px;color:#f7a48a}.box-wrapper-row .box-wrapper .product-box .add-to-like:hover{color:#F1592A}.box-wrapper-row .box-wrapper .product-box:hover,.box-wrapper-row .box-wrapper .product-box:active,.box-wrapper-row .box-wrapper .product-box:default,.box-wrapper-row .box-wrapper .product-box:focus{text-decoration:none}.box-wrapper-row .box-wrapper .product-box:hover .add-to-like{display:block}.box-wrapper-row .box-wrapper .product-box img{padding:10px 0;width:100%}.box-wrapper-row .box-wrapper .product-box .description{padding:12px 10px 6px 10px;background-color:#e0e0e0;color:#4b4b4d;text-align:center}.box-wrapper-row .box-wrapper .product-box .description h4{margin:0 0 2px 0;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-wrapper-row .box-wrapper .product-box .description p{margin:0;font-size:13px}.breadcrumb{background-color:transparent;margin-bottom:15px}.split-line{border-top:1px solid #ccc}.function-btn-wrapper{margin-top:8px;margin-bottom:20px;padding-right:0;line-height:24px;text-align:right}.function-btn{display:none;padding:0 16px;border:1px solid #58585A;background-color:transparent;margin-left:4px}.confirmModal{width:350px;padding:10px 12px;background-color:#fff}.confirmModal .scrollable{max-height:70vh;overflow-y:scroll}.confirmModal .scrollable::-webkit-scrollbar-track{border-radius:6px;background-color:#F5F5F5}.confirmModal .scrollable::-webkit-scrollbar{width:6px;background-color:#F5F5F5}.confirmModal .scrollable::-webkit-scrollbar-thumb{border-radius:3px;background-color:#8b8b8d}.confirmModal .close-btn{float:right;cursor:pointer}.confirmModal .remove-btn{float:right;cursor:pointer;line-height:12px}.confirmModal h3{border-bottom:1px solid #999;margin:0 0 2px;padding:6px 10px}.confirmModal p{padding:6px 10px}.confirmModal h4{margin-top:0}.confirmModal input,.confirmModal select,.confirmModal button{height:28px}.confirmModal .quantity{width:65px;text-align:center}.confirmModal .material{width:115px;margin-left:10px}.confirmModal .validation-tips{color:red;padding:0 28px}.confirmModal .custom-fields{margin-top:10px;padding:12px 0;border-top:1px solid #999;text-align:center}.confirmModal .custom-fields .email{width:55%;padding:0 10px}.confirmModal .custom-fields .submit-btn{width:25%;margin-left:10px}.confirmModal .custom-fields .comment-block{width:85%;margin:0 auto}.confirmModal .custom-fields .comment-block h4{text-align:left}.confirmModal .custom-fields .comment-block .comment{width:100%;padding:5px 10px}.category-item{height:250px;margin-bottom:50px;padding:0;background-size:cover;background-repeat:no-repeat;background-position:center center}.category-item .category-title{position:absolute;width:80%;height:36px;margin-top:180px;padding:4px 10px;font-size:16px;line-height:30px;color:#fff;background:-moz-linear-gradient(left, #231f20 0%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left, #231f20 0%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, #231f20 0%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#00ffffff', GradientType=1)}.service-item{height:130px;margin-bottom:20px;padding:0;background-size:cover;background-repeat:no-repeat;background-position:center center}.service-item .service-title{position:absolute;width:80%;height:36px;margin-top:80px;padding:1px 10px;font-size:14px;line-height:30px;color:#fff;background:-moz-linear-gradient(left, #231f20 0%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left, #231f20 0%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, #231f20 0%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#00ffffff', GradientType=1)}.service-list li{font-size:16px;padding:2px 0}.product-img-box img{width:100%;border:1px solid #ddd}.product-img-box .description{padding:10px 12px;background-color:#ddd;color:#4b4b4d}.product-img-box .remark{padding:3px 12px;background-color:#bbb;color:#4b4b4d}.product-img-box p{margin:0}.product-detail{height:480px;overflow-y:scroll}.product-detail::-webkit-scrollbar-track{border-radius:6px;background-color:#F5F5F5}.product-detail::-webkit-scrollbar{width:6px;background-color:#F5F5F5}.product-detail::-webkit-scrollbar-thumb{border-radius:3px;background-color:#8b8b8d}.product-detail .material-title{min-width:160px;max-width:45%;margin-bottom:0.6em;padding:6px 20px;background-color:#8b8b8d;color:#fff;font-weight:400;font-size:16px}.about-box h3{margin:10px 0 20px;font-weight:400}.about-box p{line-height:1.6}@media (max-width: 767px){.banner .banner-btn-wrapper{padding-top:8em}.banner .banner-text{width:99%;padding:10px}.box-wrapper{padding:0 15px}.box-wrapper .box .caption{height:120px}.breadcrumb li{font-size:12px}.function-btn-wrapper{padding-right:5px}.function-btn-wrapper .function-btn{display:none}.confirmModal{width:320px;max-height:90vh;padding:10px 0}.confirmModal .close-btn{margin-right:10px}.category-item{padding:0;margin-bottom:30px}.product-detail .material-title{max-width:70%}}@media (min-width: 768px){.box-wrapper .box .caption{height:100px}}@media (min-width: 992px){.box-wrapper .box .caption{height:120px}}@media (max-width: 991px){.box-wrapper .product-box:hover .add-to-like{display:none}.function-btn-wrapper{padding-right:5px}.function-btn-wrapper .function-btn{display:none}}.footer h3{margin-bottom:20px;color:#8e8e8e;font-size:20px}.footer input,.footer select,.footer button{height:32px}.footer .brand-color-bar-bottom{width:100%;padding:2px 5px;background-color:#58585A;border-top:3px solid #F1592A;text-align:center;color:#eee}.footer .brand-color-bar-bottom p{margin:0}.footer .contact-select{width:65%;height:2.25em}.footer .submit-btn{width:30%;float:right;padding:6px 12px;color:#eee;border:0}.footer .contact-email-input{width:65%;padding:0 0.5em}.footer .information p{font-size:12px}.footer .follow .social-btn{width:50px;height:50px;display:inline-block;font-size:36px;line-height:56px;text-align:center;border:0;color:#fff}.footer .follow .fb{background-color:#3b5998}.footer .follow .twitter{background-color:#55acee}.footer .follow .qrcode{float:right;text-align:center;margin-top:20px}.footer .follow .qrcode p{color:#58585A}@media (max-width: 991px){.footer .contact,.footer .information{padding-bottom:20px;border-bottom:1px solid #ccc}}
