#headermininav{background-color:#188FA7}#headermininav .socialBtn{list-style:none;float:right;padding: 0px;}#headermininav .socialBtn li{float:left}#headermininav .socialBtn li:not(:last-child):after{content:"";position:absolute;border-right:1px solid #fff;height:15px;top:6px;display:inline-block}#headermininav .socialBtn li a{color:#fff;font-size:13px;margin:2px 8px;text-decoration:none}#headermininav .socialBtn li a:hover{color:#b3d7df}#navbarToggler > .navbar-nav{margin:auto;width:fit-content}.navbar-nav .nav-item{margin:0 20px;display:inline-block}@media screen and (max-width: 1200px) and (min-width: 768px){.navbar-nav .nav-item{margin:0 12px}}.navbar-nav .nav-item .nav-link{color:#272727}.navbar-nav .nav-item .nav-link:hover,.navbar-nav .nav-item .nav-link:focus{color:#188FA7}.navbar-nav .nav-link > img{margin:6px auto;display:block}@media screen and (min-width: 768px){.navbar-nav .nav-link > .tipNum{position:absolute;top:0;right:0;background-color:red;color:#fff;width:20px;height:20px;line-height:20px;text-align:center;border-radius:100%;font-size:14px}nav .dropdown-menu a > .tipNum{background-color:#25535c;margin:2px 5px;display:inline-block;width:20px;height:20px;line-height:20px;border-radius:100%;font-size:14px;position:absolute;right:0;color:#fff}}@media screen and (max-width: 767px){.navbar-nav .nav-link > .tipNum{position:absolute;background-color:#25535c;color:#fff;width:20px;height:20px;line-height:20px;text-align:center;border-radius:100%;font-size:14px;display:inline-block;margin:2px 5px}nav .dropdown-menu a > .tipNum{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:100%;font-size:14px;color:#25535c;font-weight:700}nav .dropdown-menu a > .tipNum:before{content:"("}nav .dropdown-menu a > .tipNum:after{content:")"}}.navbar-nav .nav-item .nav-link.dropdown-toggle::after{content:"";display:none}.navbar-nav .nav-item .collapse:not(.show){display:none!important}.navbar-nav .nav-item .collapse.show,.navbar-nav .nav-item .collapsing{position:absolute;margin:auto;background-color:#3FB0C7;width:120px;margin-left:-20px;z-index:9}.navbar-nav .nav-item .navbar-collapse a{color:#fff;padding:8px 2px}.navbar-nav .nav-item .navbar-collapse ul{list-style:none;margin:0 auto;padding:0;text-align:center}.navbar-nav .nav-item .navbar-collapse ul li:not(:last-child){border-bottom:1px solid #ffffff69}nav .dropdown-menu{background-color:#3FB0C7;margin:0 auto;border:none;border-radius:0;padding:0}nav .dropdown-menu a{color:#fff;text-align:center;padding:10px}nav .dropdown-menu a:not(:last-child){border-bottom:1px solid #65cce1}nav .dropdown-menu a:hover{background-color:#d8f0f5;color:#1c859b}@media screen and (min-width: 992px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute;left:-40px;right:0;padding:0}}@media screen and (max-width: 991px){nav .navbar-nav{width:100%}#navbarToggler > .navbar-nav{width:100%}.navbar-nav .nav-item{float:left;display:contents}.navbar-nav .nav-link > img{display:none}.navbar-nav .nav-item .nav-link{text-align:center}.navbar-collapse{background-color:#188fa7}.navbar-nav .nav-item .nav-link,.navbar-nav .nav-item .nav-link:hover,.navbar-nav .nav-item .nav-link:focus{color:#fff;margin:8px auto}.navbar-nav .nav-item .collapse.show,.navbar-nav .nav-item .collapsing{position:relative;width:100%;margin:0}.navbar-nav .nav-item .navbar-collapse ul{display:inline-block;width:100%}.navbar-nav .nav-item .navbar-collapse ul li{margin:10px auto}.navbar-nav .nav-item .navbar-collapse ul li:not(:last-child){border:none}.navbar-toggler{margin-right:10px}}main{background-color:#F6F6F6}.bannerBox{display:inline-block;margin:auto;position:relative;width:100%;height:320px}.bannerBox .titleBox{position:absolute;top:0;bottom:0;margin:auto;left:0;right:0;height:fit-content;width:fit-content}.bannerBox .title{font-size:3em;font-weight:700;color:#fff;text-align:center;margin:0 auto}.bannerBox .subtitle{text-align:center;color:#fff;font-weight:700;font-size:1.2em}.fliterBox{background-color:#188FA7}.fliter-item{padding:5px 10px}.fliter-item p.title{margin:4px auto;color:#fff;font-weight:700}select{-webkit-appearance:none;-moz-appearance:none;background:transparent;background-image:url(../images/arrow-black.png);background-repeat:no-repeat;background-position-x:calc(100% - 5px);background-position-y:0;background-size:contain}footer{color:#fff;font-family:華康新特明體;position:relative;display:inline-block;width:100%;border-top:42px solid #188FA7}footer.homepage{background-image:url(../images/bg_home.jpg)}footer > .info{background-color:#fff;padding:2.5em 10px}footer > .info > div{max-width:1200px}footer > .info > div > div{display:flex}footer > .info > div > div > div.left,footer > .info > div > div > div.right{display:inline-flex}footer .left img{width:100%;max-width:220px;display:block;margin:auto}footer .left p{text-align:center;margin:5px auto}footer .center ul{list-style:none;display:inline-block;padding:0;margin:auto}footer .center ul li{padding:0 8px;display:inline-block}footer .center ul li:first-child{padding-left:0}footer .center ul li:not(:last-child):after{content:"|";position:absolute;font-size:12px;transform:translate(10px,1px);color:#000}footer .center ul li a{color:#676767;text-decoration:none;font-size:15px}footer .center ul li a:hover{color:#188fa7}footer .center p{float:left;padding:0;text-align:left;color:#676767;font-size:14px;margin:5px auto 2px}footer .right > div > div{border:1px solid #fff;display:block;margin:10px auto;float:initial;padding:5px;width:95%;max-width:200px}footer .right img{width:85%;max-width:150px;display:block;margin:auto}footer .right p{text-align:center;width:100%;margin:2px auto}@media screen and (max-width: 991px){footer .left{margin-bottom:10px}footer .left div{width:120px!important}footer .left img,footer .right img{margin:5px auto}footer .right{display:block;margin:auto;width:fit-content;float:initial}footer .right > div:not(.clearfix){float:left;width:100%}footer .center{text-align:center;padding:0!important;margin:10px auto;float:inherit;display:inline-block}footer .center p{text-align:center;width:100%;padding-right:0!important}footer .center ul{border-bottom:1px solid #32582e;padding-bottom:10px}footer > .info > div > div{display:block}footer > .info > div > div > div.left,footer > .info > div > div > div.right{display:block;width:100%;float:left;margin:auto}}.btn-search{background-color:#215560;color:#fff;margin:0 auto!important}.btn-search:hover,.btn-search:focus{color:#fff;background-color:#15414a}.btn-listall{background-color:#0B3144;color:#fff;margin:0 auto!important}.btn-listall:hover,.btn-listall:focus{color:#fff;background-color:#042434}.btn-search{width:calc(50% - 5px);margin-right:5px!important}.btn-listall{width:calc(50% - 5px);margin-left:5px!important}#listTable{width:100%}#listTable tr{border-bottom:1px solid #F6F6F6}#listTable tr th{color:#fff;background-color:#188FA7;text-align:center;padding:10px 5px}#listTable tr td{background-color:#fff;padding:10px 5px}#listTable tr td p.normal{color:#212529;text-align:center;font-size:14px;margin:0 auto}#listTable tr td p.category{background-color:#437882;color:#fff;width:fit-content;margin:0 auto;padding:2px 5px;font-size:14px}#listTable tr td p.category img{height:16px;margin:0 4px}#listTable tr td .btn-trade{background-color:#3A6C9E;color:#fff;border:none;padding:5px 10px;font-size:14px;margin:auto;display:block}#listTable tr td .btn-showimg{background-color:#008299;color:#fff;border:none;padding:5px 6px;font-size:14px;margin:auto;display:block;border-radius:4px}#listTable tr td .btn-showimg > i{font-size:21px}#listTable tr td p.minus{text-align:center;font-size:12px;color:#18A78E;margin:0 auto}#listTable tr td p.plus{text-align:center;font-size:12px;color:#F52D2D;margin:0 auto}#listTable tr td p.minus i,#listTable tr td p.plus i{font-size:14px}#listTable tr td a{color:#0B3144;font-size:15px}#listTable tr td .rows-1{word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;height:24px}@media screen and (max-width: 767px){#listTable.responsive tr th{display:none}#listTable.responsive tr td{width:50%;float:left;height:45px;box-shadow:2px 4px 5px #ccc}#listTable.responsive tr td:nth-child(3){width:100%}#listTable.responsive tr td:nth-child(5){box-shadow:none}#listTable.responsive tr td:nth-child(4),#listTable.responsive tr td:nth-child(5),#listTable.responsive tr td:nth-child(6){width:33.333333%}#listTable.responsive tr td:nth-child(7){width:100%}#listTable.responsive tr td:last-child{width:100%;padding:0;margin-bottom:15px}#listTable.responsive tr td:not(:last-child):before{font-size:14px;content:attr(data-th) "：";font-weight:700}#listTable.responsive tr td p.normal{width:fit-content;margin:0;display:inline-block}#listTable.responsive tr td p.category{width:fit-content;margin:0;display:inline-block}#listTable.responsive tr td p.minus{width:fit-content;margin:0;display:inline-block;background-color:#18A78E;color:#fff;padding:2px;transform:scale(.8)}#listTable.responsive tr td p.plus{width:fit-content;margin:0;display:inline-block;background-color:#F52D2D;color:#fff;padding:2px;transform:scale(.8)}#listTable.responsive tr td .btn-trade{display:inline-block;width:100%;height:45px}}@media screen and (max-width: 576px){#listTable.responsive tr th{display:none}#listTable.responsive tr td{width:50%;float:left;height:45px;box-shadow:2px 4px 5px #ccc}#listTable.responsive tr td:nth-child(3){width:100%}#listTable.responsive tr td:nth-child(4),#listTable.responsive tr td:nth-child(5){box-shadow:2px 4px 5px #ccc}#listTable.responsive tr td:nth-child(4),#listTable.responsive tr td:nth-child(5),#listTable.responsive tr td:nth-child(6),#listTable.responsive tr td:nth-child(7){width:100%!important}#listTable.responsive tr td:last-child{width:100%;padding:0;margin-bottom:15px}#listTable.responsive tr td:not(:last-child):before{font-size:14px;content:attr(data-th) "：";font-weight:700}#listTable.responsive tr td p.normal{width:fit-content;margin:0;display:inline-block}#listTable.responsive tr td p.category{width:fit-content;margin:0;display:inline-block}#listTable.responsive tr td p.minus{width:fit-content;margin:0;display:inline-block;background-color:#18A78E;color:#fff;padding:2px;transform:scale(.8)}#listTable.responsive tr td p.plus{width:fit-content;margin:0;display:inline-block;background-color:#F52D2D;color:#fff;padding:2px;transform:scale(.8)}#listTable.responsive tr td .btn-trade{display:inline-block;width:100%;height:45px}#pagination .floatLeft{display:block;margin:auto;float:inherit;width:fit-content}}#trade #pagination,#faqInfo #pagination,#order #pagination,#product #pagination{width:fit-content;margin:25px auto 10px}#trade .pagination,#faqInfo .pagination,#order .pagination,#product .pagination{display:none}#trade .pagination li.active a,#faqInfo .pagination li.active a,#order .pagination li.active a,#product .pagination li.active a{color:red}#pagination > div > p{float:left;width:fit-content;font-size:14px;margin:0 auto;line-height:24px}#pagination > div > select{float:left;width:5em;margin:0 6px;border:1px solid #ccc;font-size:13px;height:24px;text-align-last:center;outline:none;padding-right:1.8em}#pagination > div > ul{display:inline-block;list-style:none;width:fit-content;padding:0}#pagination > div > ul > li{float:left}#pagination > div > ul > li > button{background-color:transparent;border:none;font-size:14px;padding:0 5px;margin:0 2px;line-height:24px;padding-right:1.5em}#pagination > div > ul > li > p{float:left;width:fit-content;font-size:14px;margin:0 auto;line-height:24px}#pagination > div > ul > li > select{float:left;width:5em;margin:0 6px;border:1px solid #ccc;font-size:13px;height:24px;text-align-last:center;outline:none}p.TradeInfo{background-color:#2F5E67;float:left;width:100%;text-align:center;font-size:14px;color:#fff;padding:8px 5px;margin-bottom:10px;user-select:none}.modal-backdrop{background-color:#fff}.modal-backdrop.show{opacity:.8}.modal .close{width:28px;height:28px;position:absolute;right:-15px;top:-15px;background-color:#fff;opacity:1;border-radius:100%;z-index:99;box-shadow:2px 2px 5px #858585}.modal .close span{display:inline-block;margin-bottom:5px}[id^='tradeModal'] .productInfo,#loginModal .Head,#forgetModal .Head{background-color:#188FA7;padding:1.5em;border-radius:4px 4px 0 0}[id^='tradeModal'] .productInfo > .title{text-align:center;color:#fff;font-size:22px;font-weight:700}[id^='tradeModal'] .productInfo > .comefrom{margin:0 auto;text-align:center;font-size:13px;color:#FFEC40;font-weight:700}#loginModal .Head > .title,#forgetModal .Head > .title{text-align:center;color:#fff;font-size:24px;font-weight:700}[id^='tradeModal'] .productInfo > .price{width:33.33333%;float:left;text-align:center;color:#fff;margin:15px auto 0}[id^='tradeModal'] .productInfo > .price:not(:last-child){border-right:1px solid #fff}[id^='tradeModal'] .number input{text-align:center;border-radius:0}[id^='tradeModal'] .number input.quantity{color:#24545E;font-weight:700;font-size:18px;font-style:italic}[id^='tradeModal'] .number input.subtotal{color:#FF6F00;font-weight:700;font-size:18px;font-style:italic}[id^='tradeModal'] .number input::-webkit-outer-spin-button,[id^='tradeModal'] .number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[id^='tradeModal'] .number .btn.btn-minus{font-size:12px;background-color:#fff;border:1px solid #ccc;border-right:none;border-radius:0}[id^='tradeModal'] .number .btn.btn-plus{font-size:12px;background-color:#fff;border:1px solid #ccc;border-left:none;border-radius:0}[id^='tradeModal'] .modal-body p{float:left;margin:0 auto;margin-right:1em;line-height:38px;color:#24545E}[id^='tradeModal'] .modal-body .head{width:3.5em;float:left;margin:0 auto;margin-right:1em;line-height:38px;color:#24545E;word-break:keep-all}[id^='tradeModal'] .modal-body .number{width:calc(100% - 4.5em);float:left;margin:0 auto}[id^='tradeModal'] .modal-body p.sign{color:#E35D03;font-weight:700;text-decoration:underline}[id^='tradeModal'] .modal-body .btn-buy{padding:15px 5px;background-color:#24545E;color:#fff;font-size:18px;font-weight:700}#loginModal .loginTable label,#forgetModal .loginTable label{font-size:14px;color:#626262;width:100%;display:inline-block}#loginModal .loginTable .input-group .input-group-text,#forgetModal .loginTable .input-group .input-group-text{background-color:#188FA7;border:1px solid #188FA7}#loginModal .loginTable .input-group .input-group-text > img,#forgetModal .loginTable .input-group .input-group-text > img{width:28px}#loginModal input:focus,#forgetModal input:focus{border:1px solid #188fa7;box-shadow:none}#loginModal .loginTable .btn-reload{background-color:transparent;border:none;width:35px;padding:10px 12px}#loginModal .loginTable .verify{max-width:calc(100% - 40px)}#loginModal .loginTable .btn-login,#forgetModal .loginTable .btn-login{width:100%;background-color:#24545E;color:#fff;padding:10px}#loginModal .loginTable a{color:#3E3E3E;font-size:12px;margin:5px;display:inline-block}#loginModal .modal-footer,#forgetModal .modal-footer{background-color:#188FA7}#loginModal .modal-footer p,#forgetModal .modal-footer p{font-size:12px;text-align:center;width:100%;color:#fff}#newsInfo .head{background-color:#515151;display:inline-block;padding:18px}#newsInfo .head > .title{color:#fff;float:left;margin:0 auto}#newsInfo .head > .date{color:#fff;float:right;margin:0 auto}#newsInfo .content{padding:20px 15px;background-color:#fff;display:inline-block;color:#0B3144;line-height:30px}.btn-back{background-color:#24545E;color:#fff;display:block;margin:2em auto;padding:12px;width:300px;border:none;border-radius:8px;cursor:pointer}@media screen and (max-width: 767px){.btn-back{width:100%!important;margin:5px 0!important}}#faqInfo .head{background-color:#188FA7;padding:1em;display:inline-block}#faqInfo .head > p{margin:0 auto;text-align:center;color:#fff;font-size:22px;font-weight:700}#faqInfo #listTable{display:inline-block;margin:2em auto}#faqInfo #listTable .panel{margin:10px auto}#faqInfo #listTable .panel .panel-heading{background-color:#24545E;padding:0;border-radius:6px}#faqInfo #listTable .panel .panel-heading .panel-title{color:#fff;font-size:16px;margin:0 auto;width:calc(100% - 30px);float:left}#faqInfo #listTable .panel .panel-heading a{color:#fff;font-size:16px;margin:0 auto;padding:15px;display:inline-block;width:100%}#faqInfo #listTable .panel .panel-heading a .panel-title:after{content:'+';position:absolute;right:25px;width:30px;text-align:center;line-height:30px;color:#fff;transform:translateY(-8px);font-size:26px}#faqInfo #listTable .panel .panel-heading a:not(.collapsed) .panel-title:after{content:'-';position:absolute;right:25px;width:30px;text-align:center;line-height:30px;color:#fff;transform:translateY(-8px);font-size:30px}#faqInfo #listTable .panel .panel-body{padding:15px;margin:1em auto 1.5em;background-color:#fff;border-radius:8px;color:#161616;line-height:30px}#faqInfo #listTable .panel .panel-body p{margin:0 auto}#contactInfo .head{background-color:#188FA7;padding:1em;display:inline-block}#contactInfo .head > p{margin:0 auto;text-align:center;color:#fff;font-size:22px;font-weight:700}#contactInfo .contactInfo{margin:1.5em auto;display:inline-block;padding:0}#contactInfo .contactInfo .privacy{background-color:#188FA7;padding:1em;border-radius:4px}#contactInfo .contactInfo .privacy .title{text-align:center;color:#fff!important;font-size:18px;font-weight:700}#contactInfo .contactInfo .privacy .info{height:25em;overflow-y:scroll;background-color:#fff;padding:10px 15px;line-height:30px;font-size:14px}#contactInfo .contactInfo .privacy .floatCenter{margin:0 auto!important}#contactInfo .contactInfo .privacy .info::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(37,83,92,0.3);background-color:#F5F5F5}#contactInfo .contactInfo .privacy .info::-webkit-scrollbar{width:6px;background-color:#F5F5F5}#contactInfo .contactInfo .privacy .info::-webkit-scrollbar-thumb{background-color:#25535c;border:2px solid #25535c}#contactInfo .contactInfo .item > p.title{color:#0B3144;margin:5px auto}#contactInfo .contactInfo .item > p.title .important{color:#f44336}#contactInfo .contactInfo .item > input,#contactInfo .contactInfo .item > select,#contactInfo .contactInfo .item > textarea,#contactInfo .contactInfo .item input,#contactInfo .contactInfo .item select{border:1px solid #fff;color:#161616;line-height:30px;font-size:15px;margin-bottom:10px;min-height:42px;display:block}#contactInfo .contactInfo .item > select{text-align-last:center}#contactInfo .contactInfo .item > textarea{resize:vertical}#contactInfo .contactInfo .item > input:focus,#contactInfo .contactInfo .item > select:focus,#contactInfo .contactInfo .item > textarea:focus{border:1px solid #c3dee3 inset;box-shadow:none}#contactInfo .contactInfo .item > input:disabled,#contactInfo .contactInfo .item > select:disabled,#contactInfo .contactInfo .item > textarea:disabled,#contactInfo .contactInfo .item input:disabled,#contactInfo .contactInfo .item select:disabled{border:1px solid #e9ecef;cursor:not-allowed}.cartTable thead{background-color:#24545E;transform:translateY(-10px)}.cartTable thead tr th{padding:8px;color:#fff;text-align:center}.cartTable thead tr th:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.cartTable thead tr th:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.cartTable tbody{background-color:#fff}.cartTable tbody tr{border-bottom:1px solid #F6F6F6}.cartTable tbody tr td{padding:10px}.cartTable tbody tr td .btn-del{background-color:transparent;width:28px;margin:auto;display:inline-block;float:initial;padding:0}.cartTable tbody tr td input{width:3em;text-align:center;background-color:#fff!important;border-radius:0;border:1px solid #188FA7;padding:5px 2px}.cartTable tbody tr td .btn-minus,.cartTable tbody tr td .btn-plus{background-color:#188FA7;border-radius:0;color:#fff;padding:5px;font-size:12px}.cartTable tbody tr td p{float:left;width:100%;text-align:center;margin-bottom:0}@media screen and (max-width: 767px){.cartTable thead tr th{display:none}.cartTable tbody tr{border-bottom:20px solid #F6F6F6}.cartTable tbody tr td:not(.del):before{font-size:14px;content:attr(data-th) "：";font-weight:700;font-style:normal}.cartTable tbody tr td:first-child{width:100%}.cartTable tbody tr td.del{width:100%;padding:0;height:35px}.cartTable tbody tr td{width:50%;float:left;height:45px;text-align:left!important}.cartTable tbody tr td:nth-child(2):before{content:""}.cartTable tbody tr td:nth-child(2) div:before{font-size:14px;content:attr(data-th) "：";font-weight:700}.cartTable tbody tr td div.ship{float:left}.cartTable tbody tr td p{width:fit-content;padding:2px 5px;float:right}.cartTable tbody tr td:nth-child(2) p:nth-child(2){transform:rotate(90deg)translate(1px,-2px);color:#a1a1a1}.cartTable tbody tr td button.btn-del{width:100%;background-color:#f16331;height:35px;border-radius:0}}@media screen and (max-width: 650px){.cartTable tbody tr td{width:100%}.cartTable tbody tr{border-bottom:1.5em solid #F6F6F6}.w-sm-12{width:100%!important}}.contactInfo .totalInfo{width:fit-content;float:right}.contactInfo .totalInfo .num{font-style:italic;width:fit-content;margin:5px auto;float:left;margin-right:20px;line-height:28px}.contactInfo .totalInfo .num span{color:#188FA7;font-weight:700;line-height:28px}.contactInfo .totalInfo .price{font-style:italic;width:fit-content;margin:5px auto;float:left;margin-right:20px;line-height:28px}.contactInfo .totalInfo .price span{color:#F26432;font-weight:700;font-size:20px;line-height:28px}.cartOrderInfo{display:inline-block;margin:2em auto;background-color:#188FA7;padding:15px}.cartOrderInfo .rows{display:inline-block}.cartOrderInfo .rows .item .tip{margin:0 auto;color:#fff;text-align:right}.cartOrderInfo .rows .item .tip span,.cartOrderInfo .rows .item .head span{color:#F26432}.cartOrderInfo .rows .item .head{color:#fff;margin:0 auto;padding:10px 0!important}.cartOrderInfo .rows .item .twzipcode #twzipcode #zipcode{display:none}.styled-checkbox{position:absolute;opacity:0}.styled-checkbox + label{position:relative;cursor:pointer;padding:0;margin-bottom:0}.styled-checkbox + label:before{content:"";margin-right:10px;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:#fff}.styled-checkbox:hover + label:before{background:#caeff7}.styled-checkbox:focus + label:before{box-shadow:0 0 0 3px rgba(0,0,0,0.12)}.styled-checkbox:checked + label:before{background:#caeff7}.styled-checkbox:disabled + label{color:#b8b8b8;cursor:auto}.styled-checkbox:disabled + label:before{box-shadow:none;background:#ddd}.styled-checkbox:checked + label:after{content:"";position:absolute;left:5px;top:9px;background:#188fa7;width:2px;height:2px;box-shadow:2px 0 0 #188fa7,4px 0 0 #188fa7,4px -2px 0 #188fa7,4px -4px 0 #188fa7,4px -6px 0 #188fa7,4px -8px 0 #188fa7;transform:rotate(45deg)}.radio-button,.checkbox{position:relative;margin:20px 0;cursor:pointer}.checkbox{display:block}.radio-button input,.checkbox input{position:absolute;margin:5px;padding:0;visibility:hidden}.radio-button .label-visible,.checkbox .label-visible{margin-left:2em;margin-bottom:0}.fake-radiobutton,.fake-checkbox{position:absolute;display:block;top:0;left:3px;width:20px;height:20px;border:1px solid #708090;background-color:#fff}.fake-radiobutton:after,.fake-checkbox:after{content:"";display:none;position:absolute;top:50%;left:50%;width:15px;height:15px;background:#313131;transform:translateX(-50%) translateY(-50%)}.fake-radiobutton.blue,.fake-checkbox.blue{border:1px solid #188FA7}.fake-radiobutton.blue:after,.fake-checkbox.blue:after{background:#188FA7}.fake-radiobutton{border-radius:50%}.fake-radiobutton:after{border-radius:50%}input[type="radio"]:checked + span .fake-radiobutton:after,input[type="checkbox"]:checked + span .fake-checkbox:after{display:block}input[type="radio"]:hover + span .fake-radiobutton:after,input[type="checkbox"]:hover + span .fake-checkbox:after{display:block;background-color:#313131}input[type="radio"]:hover + span .fake-radiobutton.blue:after,input[type="checkbox"]:hover + span .fake-checkbox.blue:after{background-color:#188FA7}.input-group-singleshow .input-group-text{margin:5px;background-color:transparent;border:none;color:#fff}.input-group-singleshow > .form-control{border-radius:4px!important}.cartfinish{padding:1em;background-color:#fff;display:inline-block}.cartfinish .focus{text-align:center;color:#0B3144;font-size:22px;margin:0 auto;line-height:30px}.cartfinish .focus a{color:#0B3144;text-decoration:underline}.cartfinish .normal{text-align:center;color:#161616;margin:0 auto;line-height:30px;font-size:18px;margin-bottom:5px}.cartfinish .blue{color:#1C9FD1;font-size:24px;font-weight:700}.cartfinish .orange{color:#F26432;font-size:24px;font-weight:700}.cartfinish .red{color:#F51919;text-decoration:underline}#order .head{background-color:#188FA7;padding:1em;display:inline-block}#order .head > p{margin:0 auto;text-align:center;color:#fff;font-size:22px;font-weight:700}#order .head1{background-color:transparent;padding:1em;display:inline-block;border:2px solid #24545E}#order .head1 > p{margin:0 auto;text-align:center;color:#24545E;font-size:22px;font-weight:700}#order #listTable,#order #listTable1{width:100%}#order #listTable thead th{background-color:#24545E}#order #listTable thead th:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}#order #listTable thead th:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}#order #listTable tbody tr td{background-color:transparent;padding:10px 0;border-bottom:1px solid #dcdcdc}#order #listTable tbody tr:last-child td,#order #listTable1 tbody tr:last-child td{border-bottom:none}#order #listTable tbody tr td > div{background-color:#fff;padding:15px 10px}#order #listTable tbody tr td:first-child > div{border-top-left-radius:6px;border-bottom-left-radius:6px}#order #listTable tbody tr td:last-child > div{border-top-right-radius:6px;border-bottom-right-radius:6px}#order #listTable tbody tr td a,#order #listTable1 tbody tr td a{text-align:center;margin:auto;display:block;text-decoration:underline;font-style:italic}#order #pagination .pagination{display:none}#order #listTable tbody tr td .blue{font-size:15px;color:#188FA7}#order #listTable tbody tr td .orange{font-size:15px;color:#ff5722}#order #listTable tbody tr td .gray{font-size:15px;color:#9e9e9e}#order #listTable tbody tr td .red{font-size:15px;color:#f44336}#order #listTable tbody tr td .price{font-style:italic;font-size:14px}#order #listTable tbody tr td i{height:21px px;line-height:21px;transform:scale(1.2)}@media screen and (max-width: 767px){#order #listTable tbody tr td{box-shadow:none;background-color:#fff;padding:10px 5px}#listTable.responsive tr td:before{font-size:14px;content:attr(data-th) "：";font-weight:700;float:left}.trade #listTable.responsive tr td:last-child:before{content:""}#order #listTable tbody tr td > div{width:fit-content;background-color:transparent;padding:0;float:left}#listTable.responsive tr td:nth-child(4){width:100%}#listTable.responsive tr td:nth-child(5),#listTable.responsive tr td:nth-child(6){width:50%}#order #listTable.responsive tr td:first-child,#order #listTable.responsive tr td:nth-child(2){background-color:#25535c;color:#fff}#order #listTable.responsive tr td:first-child .normal,#order #listTable.responsive tr td:nth-child(2) .normal{color:#fff}}@media screen and (max-width: 479px){#order #listTable.responsive tr td:first-child{background-color:#25535c;color:#fff}#order #listTable.responsive tr td:nth-child(2){background-color:#fff;color:#212529}#order #listTable.responsive tr td:first-child .normal{color:#fff}#order #listTable.responsive tr td:nth-child(2) .normal{color:#212529}#order #listTable.responsive tr td{width:100%!important}[id^='tradeModal'] .productInfo > .price{width:100%;border-right:none;margin:10px auto 0}[id^='tradeModal'] .productInfo > .price:not(:last-child){border-right:none}#listTable1 thead{transform:translateY(-10px)!important}#order #listTable1 tbody tr td{background-color:#fff!important;border-bottom:5px solid #F6F6F6!important}#order #listTable1 tbody tr td > div{padding:.8em 1em!important}#order #listTable,#order #listTable1{margin-bottom:20px!important}#order #listTable1 tbody tr:first-child td{padding-top:0!important}.news table thead{display:none}.news table tbody tr{border-bottom:10px solid #F6F6F6!important}.news table tbody td{float:right;width:100%}.news table tbody td:first-child{padding:5px!important}.news table tbody td:first-child:before{content:attr(data-th) "：";float:left;font-size:12px;transform:translateY(5px);color:#188fa7}.news table tbody td:first-child p{font-size:12px!important;text-align:left!important;transform:translateY(5px);color:#188fa7!important}}#order #listTable1 thead th{background-color:#9B9B9B;color:#fff;padding:10px}#order #listTable1 thead tr th:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}#order #listTable1 thead tr th:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}#order #listTable1 tbody tr td{background-color:transparent;padding:0;border-bottom:2px solid #F6F6F6}#order #listTable1 tbody tr td > div{background-color:#fff;padding:1.5em 1em}#order #listTable1 tbody tr:first-child td{padding-top:15px}#order #listTable1 tbody tr td .normal{color:#212529;text-align:center;font-size:14px;margin:0 auto}#product .head{background-color:#188FA7;padding:1em;display:inline-block}#product .head > p{margin:0 auto;text-align:center;color:#fff;font-size:22px;font-weight:700}#product #listTable,#product #listTable1{width:100%}#product #listTable thead th{background-color:#24545E}#product #listTable thead th:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}#product #listTable thead th:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}#product #listTable tbody tr td{background-color:transparent;padding:10px 0;border-bottom:1px solid #dcdcdc}#product #listTable tbody tr:last-child td,#product #listTable1 tbody tr:last-child td{border-bottom:none}#product #listTable tbody tr td > div{background-color:#fff;padding:15px 10px}#product #listTable tbody tr.down td > div{background-color:#D1D1D1}#product #listTable tbody tr td:first-child > div{border-top-left-radius:6px;border-bottom-left-radius:6px}#product #listTable tbody tr td:last-child > div{border-top-right-radius:6px;border-bottom-right-radius:6px}#product #listTable tbody tr td a,#product #listTable1 tbody tr td a{text-align:center;margin:auto;display:block;text-decoration:underline;font-style:italic}#product #pagination .pagination{display:none}#product #listTable tbody tr td .blue{font-size:15px;color:#188FA7}#product #listTable tbody tr td .orange{font-size:15px;color:#ff5722}#product #listTable tbody tr td .gray{font-size:15px;color:#9e9e9e}#product #listTable tbody tr td .red{font-size:15px;color:#f44336}#product #listTable tbody tr td .price{font-style:italic;font-size:14px}#product #listTable tbody tr td i{height:21px;line-height:21px;transform:scale(1.2)}@media screen and (max-width: 767px){#product #listTable tbody tr td{box-shadow:none;background-color:#fff;padding:10px 5px}#product #listTable tbody tr td > div{width:fit-content;background-color:transparent;padding:0;float:left}#product #listTable.responsive tr td:nth-child(3){width:50%}#product #listTable.responsive tr td:nth-child(5){width:100%}#product #listTable.responsive tr td:last-child{width:100%;background-color:#188fa7}#product #listTable.responsive tr td:last-child > div{margin:auto;float:initial;padding:5px}#product #listTable.responsive tr td:last-child .blue:after{content:'編輯';font-size:14px;font-weight:700}#product #listTable.responsive tr td:last-child .normal{color:#fff}#product #listTable.responsive tr td:first-child{width:100%;background-color:#25535c;color:#fff}#product #listTable.responsive tr td:first-child .normal{color:#fff}}@media screen and (max-width: 479px){#product #listTable.responsive tr td:first-child{background-color:#25535c;color:#fff}#product #listTable.responsive tr td:nth-child(2){background-color:#fff;color:#212529}#product #listTable.responsive tr td:first-child .normal{color:#fff}#product #listTable.responsive tr td:nth-child(2) .normal{color:#212529}#product #listTable.responsive tr td{width:100%!important}}#product #listTable1 thead th{background-color:#9B9B9B;color:#fff;padding:10px}#product #listTable1 thead tr th:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}#product #listTable1 thead tr th:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}#product #listTable1 tbody tr td{background-color:transparent;padding:0;border-bottom:2px solid #F6F6F6}#product #listTable1 tbody tr td > div{background-color:#fff;padding:1.5em 1em}#product #listTable1 tbody tr:first-child td{padding-top:15px}#product #listTable1 tbody tr td .normal{color:#212529;text-align:center;font-size:14px;margin:0 auto}.shadowbox{padding:15px 10px;background-color:#fff;display:inline-block;box-shadow:2px 2px 8px #c1c1c1;margin-bottom:30px}.shadowbox .item{margin:5px auto}.shadowbox .item .title{color:#188FA7;font-size:17px;margin:8px auto}.shadowbox .item .title .important{color:#f44336}.shadowbox .item input:not([type="checkbox"]),.shadowbox .item select{border:1px solid #D6D6D6;color:#161616;line-height:30px;font-size:15px;margin-bottom:10px;min-height:42px}.shadowbox .item select{background-image:url(../images/arrow-blue.png)}.shadowbox .item .number > .btn{background-color:#188FA7;color:#fff;height:42px}.shadowbox .item .number > input{height:42px;border-radius:0}.btn-keep{padding:15px;border:1px solid #188FA7;border-radius:5px;background:transparent;color:#24545E;font-weight:700;font-size:18px;margin-bottom:15px}.btn-submit{padding:15px;border:1px solid #24545E;border-radius:5px;background:#24545E;color:#fff;font-weight:700;font-size:18px;margin-bottom:15px}#addproduct_default{display:none}.btn-blue{padding:15px;border:1px solid #188FA7;border-radius:5px;background:#188FA7;color:#fff;font-weight:700;font-size:18px;margin-bottom:15px}.shadowbox .item .custom-file-upload-hidden{display:none;visibility:hidden;position:absolute;left:-9999px}.shadowbox .item .custom-file-upload{width:100%}.shadowbox .item .file-upload-input{border:1px solid #D6D6D6;color:#aaaaab;line-height:30px;font-size:12px;margin-bottom:10px;height:42px;width:calc(100% - 105px);padding:10px;background-color:#fff}.shadowbox .item .file-upload-button{width:95px;margin-left:10px;height:42px;border:1px solid #188fa7;background-color:#188fa7;color:#fff;cursor:pointer;word-break:keep-all}.shadowbox .item .custom-file-upload label{display:block;margin-bottom:5px}.shadowbox .item .demophoto{height:100px;max-width:100%;margin:5px;float:left}.shadowbox .item #showNewOne{display:none;float:left}.shadowbox .item #showNewArrow{display:none;width:fit-content;float:left}.shadowbox .item #showNewArrow:before{content:"\f0a4";font-family:'Font Awesome 5 Pro';color:#188fa7;background-color:transparent;font-size:20px;padding:10px 5px;display:inline-block}@media (max-width: 576px){.shadowbox .item .demophoto{width:100%;height:auto}.shadowbox .item #showNewArrow{text-align:center;width:100%}.shadowbox .item #showNewArrow:before{transform:rotate(90deg)}}.popup-image-gallery{overflow-y:hidden}.popup-image-gallery .modal-dialog{width:100%}.popup-image-gallery .modal-content{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;border:0;border-radius:0}.popup-slider-for{position:relative;min-height:300px;z-index:2}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.popup-slider-for:after{content:"\e030";position:absolute;top:50%;left:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;z-index:-1;color:#fff;opacity:.75}.popup-slider-for,.main-image{text-align:center;margin-bottom:0}.popup-slider-for .slick-slide img{display:inline-block;max-width:100%;vertical-align:middle;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.popup-slider-nav .thumbnail-image{position:relative;margin:0 5px;cursor:pointer}.popup-slider-nav .thumbnail-image,.popup-slider-nav .thumbnail-image img{display:block;width:140px;height:100px}.popup-slider-nav .thumbnail-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,0.6);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.popup-slider-nav .thumbnail-image:hover:after{background-color:rgba(0,0,0,0.4)}.popup-slider-nav .slick-current:after,.popup-slider-nav .slick-current:hover:after,.popup-slider-nav .slick-center:after,.popup-slider-nav .slick-center:hover:after{background-color:transparent}.pagingInfo{color:#fff;text-align:center;margin:20px 0}.popup-slider-for .slick-next,.popup-slider-for .slick-prev{height:fit-content;z-index:1;position:absolute;width:30px;overflow:hidden;background-color:transparent;border:none;top:0;bottom:0;margin:auto}.popup-slider-for .slick-next:hover,.popup-slider-for .slick-next:focus,.popup-slider-for .slick-prev:hover,.popup-slider-for .slick-prev:focus{outline:none}.popup-slider-for .slick-prev{left:-50px}.popup-slider-for .slick-prev:before,.popup-slider-for .slick-next:before,.popup-slider-for:after{font:normal normal 30px/1 'Font Awesome 5 Pro'}.popup-slider-for .slick-prev:before{content:"\f053";padding:5px;font-size:36px}.popup-slider-for .slick-next:before{content:"\f054";padding:5px;font-size:36px}.popup-slider-for .slick-next{right:-50px}.popup-image-gallery .close-icon{top:0}.popup-image-gallery .slick-slide{outline:0;height:100%;position:absolute!important;left:0!important;right:0!important}.popup-image-gallery .close-btn{background-color:transparent;color:#fff;position:absolute;right:30px;z-index:3;font-size:24px;margin:0;opacity:.75}.popup-image-gallery .close-btn:hover,.popup-image-gallery .close-btn:focus{color:#fff;opacity:10}.popup-image-gallery .modal-dialog{margin:auto}.popup-image-gallery .slick-track{height:80vh;width:fit-content!important;max-width:80vw;transform:translateY(50px)}@media (max-width: 767px){.popup-image-gallery .modal-body{padding:0}.popup-image-gallery .modal-dialog{margin-top:20px}.popup-image-gallery .close-icon{top:-20px}.popup-slider-for .slick-prev{left:12px}.popup-slider-for .slick-next{right:12px}}@media screen and (max-width: 767px){.trade #listTable.responsive tr td:nth-child(3),.trade #listTable.responsive tr td:nth-child(4),.trade #listTable.responsive tr td:nth-child(5),.trade #listTable.responsive tr td:nth-child(6){width:100%!important}.trade #listTable.responsive tr td:last-child{background-color:#188fa7!important}.trade #listTable.responsive tr td:last-child > div{margin:auto;display:block;float:initial!important}.trade #listTable.responsive tr td:last-child > div > a{color:#fff!important}.trade #listTable.responsive tr td:last-child > div > a:after{content:'編輯';font-size:14px;font-weight:700}}.tradeInfo_title{color:#24545E;text-align:center;margin:30px auto 10px;font-size:30px}.tradeInfo_table{width:100%}.tradeInfo_table tr td{background-color:#fff;width:50%;float:left;background-color:#fff;width:50%;float:left;padding:20px 15px 5px}.tradeInfo_table tr td:nth-last-child(2),.tradeInfo_table tr td:last-child{width:100%}.tradeInfo_table tr td:last-child{padding:20px 15px}@media screen and (max-width: 576px){.tradeInfo_table tr td{width:100%}}.logo img {height: 100px; margin: auto; padding: 2px 10px;}