/*Color Value*/ /*Font Value*/ /** * $font-face LESS Mixin * use: .font-face( * $font-family, // name * $file-path, // absolute/relative URL to font files * $font-weight, // light/normal/bold/inherit | 300/400/700 * $font-style // italic/normal/inherit * ) */ /** * font LESS Mixin * use: .font( * $font-family, // name * $file-size, // any unit/inherit * $font-weight, // light/normal/bold/inherit | 300/400/700 * $font-style // italic/normal/inherit * ) */ /*Button Style Start*/ /*Button Style End*/ /*Input Style Start*/ /*Input Style End*/ /*Clearfix function Start*/ /*Clearfix function End*/ /*Common LESS Start*/ /* .list-margin-fit{ &:first-child{margin-left:0;} &:last-child{margin-right:0;} } .list-padding-fit{ &:first-child{padding-left:0;} &:last-child{padding-right:0;} } */ /*Common LESS End*/ /*Common CSS3 LESS Mixins Start*/ /*Common CSS3 LESS Mixins End*/ /* @include keyframes(anim-rotate){ 0% { @include rotate(0deg); } 100% { @include rotate(360deg); } } */ /* @function drop-shadow-converter($color: #000, $opacity: 100, $angle: 0, $distance: 0, $spread: 0, $size: 0, $is-box-shadow: false) { $__ang: (180-$angle) * 3.14 / 180; $__offset-y: round(sin($__ang) * $distance); $__offset-x: round(cos($__ang) * $distance); $__spread-rad: $size * $spread/100; $__blur-rad: $size - $__spread-rad; @if ($is-box-shadow) { @return $__offset-x $__offset-y $__blur-rad $__spread-rad rgba(red($color), green($color), blue($color), $opacity/100); } @else { @return $__offset-x $__offset-y $__blur-rad rgba(red($color), green($color), blue($color), $opacity/100); } } */ /*Color Value*/ /*Font Value*/ /** * $font-face LESS Mixin * use: .font-face( * $font-family, // name * $file-path, // absolute/relative URL to font files * $font-weight, // light/normal/bold/inherit | 300/400/700 * $font-style // italic/normal/inherit * ) */ /** * font LESS Mixin * use: .font( * $font-family, // name * $file-size, // any unit/inherit * $font-weight, // light/normal/bold/inherit | 300/400/700 * $font-style // italic/normal/inherit * ) */ /*Button Style Start*/ /*Button Style End*/ /*Input Style Start*/ /*Input Style End*/ /*Clearfix function Start*/ /*Clearfix function End*/ /*Common LESS Start*/ /* .list-margin-fit{ &:first-child{margin-left:0;} &:last-child{margin-right:0;} } .list-padding-fit{ &:first-child{padding-left:0;} &:last-child{padding-right:0;} } */ /*Common LESS End*/ /*Common CSS3 LESS Mixins Start*/ /*Common CSS3 LESS Mixins End*/ /* @include keyframes(anim-rotate){ 0% { @include rotate(0deg); } 100% { @include rotate(360deg); } } */ /* @function drop-shadow-converter($color: #000, $opacity: 100, $angle: 0, $distance: 0, $spread: 0, $size: 0, $is-box-shadow: false) { $__ang: (180-$angle) * 3.14 / 180; $__offset-y: round(sin($__ang) * $distance); $__offset-x: round(cos($__ang) * $distance); $__spread-rad: $size * $spread/100; $__blur-rad: $size - $__spread-rad; @if ($is-box-shadow) { @return $__offset-x $__offset-y $__blur-rad $__spread-rad rgba(red($color), green($color), blue($color), $opacity/100); } @else { @return $__offset-x $__offset-y $__blur-rad rgba(red($color), green($color), blue($color), $opacity/100); } } */ /* $chinese-font: 'Noto Sans TC','Noto Sans SC','Microsoft JhengHei'; @mixin font-name($en-name, $tc-name: $chinese-font){ font-family: $en-name, $tc-name,sans-serif; } */ /* $xs-col-padding: 5px; $sm-col-padding:10px; $md-col-padding:15px; $lg-col-padding:20px; .row-xs-col{ margin:0 -$xs-col-padding; >div{padding:0 $xs-col-padding}} .row-sm-col{ margin:0 -$sm-col-padding; >div{padding:0 $sm-col-padding}} .row-md-col{ margin:0 -$md-col-padding; >div{padding:0 $md-col-padding}} .row-lg-col{ margin:0 -$lg-col-padding; >div{padding:0 $lg-col-padding}} */ @-webkit-keyframes anim-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } @-moz-keyframes anim-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } @-ms-keyframes anim-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } @-o-keyframes anim-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } @keyframes anim-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } /* @include keyframes(anim-floating){ 0% { @include translateY(-20px); } 50%{ @include translateY(20px); } 100% { @include translateY(-20px); } } */ /* html, body { width: 100%; height: 100%; margin: 0; padding: 0; } body { font-family: 'Fira Sans', 'Microsoft JhengHei' , sans-serif; } body a{transition: all .6s} body a:hover, body a:focus, body a:active{text-decoration: none;} */ .container-vm { width: 100%; height: 100%; display: table; table-layout: fixed; position: relative; } .container-vm-box { display: table-cell; vertical-align: middle; } .container-vb { width: 100%; height: 100%; display: table; table-layout: fixed; position: relative; } .container-vb-box { display: table-cell; vertical-align: bottom; } .img-responsive-center { margin-left: auto; margin-right: auto; } .form-group-inline .checkbox, .form-group-inline .radio { display: inline-block; margin-right: 15px; } /* .col-list{ @include col-list(); .col-list-item{ $col-array: 6,5,4,3,2,1; $padding-array: 0 15px 15px, 0 15px 15px, 0 15px 15px, 0 15px 15px, 0 15px 15px, 0 15px 15px; @include col-list-item( $col-array, $padding-array ); .list-item{ } } } */ /* @media (max-width: 767px){} @media (min-width: 768px){ .text-sm-left{text-align: left;} .text-sm-center{text-align: center;} .text-sm-right{text-align: right;} } @media (max-width: 991px){} @media (min-width: 992px){ .text-md-left{text-align: left;} .text-md-center{text-align: center;} .text-md-right{text-align: right;} } @media (max-width: 1199px){} @media (min-width: 1200px){ .text-lg-left{text-align: left;} .text-lg-center{text-align: center;} .text-lg-right{text-align: right;} } @media (max-width: 767px){} @media (min-width: 768px){ .float-sm-left{float:left;} .float-sm-right{float:right;} .float-sm-none{float:none;} } @media (max-width: 991px){} @media (min-width: 992px){ .float-md-left{float:left;} .float-md-right{float:right;} .float-md-none{float:none;} } @media (max-width: 1199px){} @media (min-width: 1200px){ .float-lg-left{float:left;} .float-lg-right{float:right;} .float-lg-none{float:none;} } */ /* @media (max-width: 767px){ .row-clear .col-xs-2:nth-child(6n+1), .row-clear .col-xs-3:nth-child(4n+1), .row-clear .col-xs-4:nth-child(3n+1), .row-clear .col-xs-6:nth-child(2n+1), .row-clear .col-sm-2:nth-child(6n+1), .row-clear .col-sm-3:nth-child(4n+1), .row-clear .col-sm-4:nth-child(3n+1), .row-clear .col-sm-6:nth-child(2n+1), .row-clear .col-md-2:nth-child(6n+1), .row-clear .col-md-3:nth-child(4n+1), .row-clear .col-md-4:nth-child(3n+1), .row-clear .col-md-6:nth-child(2n+1), .row-clear .col-lg-2:nth-child(6n+1), .row-clear .col-lg-3:nth-child(4n+1), .row-clear .col-lg-4:nth-child(3n+1), .row-clear .col-lg-6:nth-child(2n+1){clear:none;} .row-clear .col-xs-2:nth-child(6n+1), .row-clear .col-xs-3:nth-child(4n+1), .row-clear .col-xs-4:nth-child(3n+1), .row-clear .col-xs-6:nth-child(2n+1){clear:both;} } @media (min-width: 768px){ .row-clear .col-xs-2:nth-child(6n+1), .row-clear .col-xs-3:nth-child(4n+1), .row-clear .col-xs-4:nth-child(3n+1), .row-clear .col-xs-6:nth-child(2n+1), .row-clear .col-sm-2:nth-child(6n+1), .row-clear .col-sm-3:nth-child(4n+1), .row-clear .col-sm-4:nth-child(3n+1), .row-clear .col-sm-6:nth-child(2n+1), .row-clear .col-md-2:nth-child(6n+1), .row-clear .col-md-3:nth-child(4n+1), .row-clear .col-md-4:nth-child(3n+1), .row-clear .col-md-6:nth-child(2n+1), .row-clear .col-lg-2:nth-child(6n+1), .row-clear .col-lg-3:nth-child(4n+1), .row-clear .col-lg-4:nth-child(3n+1), .row-clear .col-lg-6:nth-child(2n+1){clear:none;} .row-clear .col-sm-2:nth-child(6n+1), .row-clear .col-sm-3:nth-child(4n+1), .row-clear .col-sm-4:nth-child(3n+1), .row-clear .col-sm-6:nth-child(2n+1){clear:both;} } @media (min-width: 992px){ .row-clear .col-xs-2:nth-child(6n+1), .row-clear .col-xs-3:nth-child(4n+1), .row-clear .col-xs-4:nth-child(3n+1), .row-clear .col-xs-6:nth-child(2n+1), .row-clear .col-sm-2:nth-child(6n+1), .row-clear .col-sm-3:nth-child(4n+1), .row-clear .col-sm-4:nth-child(3n+1), .row-clear .col-sm-6:nth-child(2n+1), .row-clear .col-md-2:nth-child(6n+1), .row-clear .col-md-3:nth-child(4n+1), .row-clear .col-md-4:nth-child(3n+1), .row-clear .col-md-6:nth-child(2n+1), .row-clear .col-lg-2:nth-child(6n+1), .row-clear .col-lg-3:nth-child(4n+1), .row-clear .col-lg-4:nth-child(3n+1), .row-clear .col-lg-6:nth-child(2n+1){clear:none;} .row-clear .col-md-2:nth-child(6n+1), .row-clear .col-md-3:nth-child(4n+1), .row-clear .col-md-4:nth-child(3n+1), .row-clear .col-md-6:nth-child(2n+1){clear:both;} } @media (min-width: 1200px){ .row-clear .col-xs-2:nth-child(6n+1), .row-clear .col-xs-3:nth-child(4n+1), .row-clear .col-xs-4:nth-child(3n+1), .row-clear .col-xs-6:nth-child(2n+1), .row-clear .col-sm-2:nth-child(6n+1), .row-clear .col-sm-3:nth-child(4n+1), .row-clear .col-sm-4:nth-child(3n+1), .row-clear .col-sm-6:nth-child(2n+1), .row-clear .col-md-2:nth-child(6n+1), .row-clear .col-md-3:nth-child(4n+1), .row-clear .col-md-4:nth-child(3n+1), .row-clear .col-md-6:nth-child(2n+1), .row-clear .col-lg-2:nth-child(6n+1), .row-clear .col-lg-3:nth-child(4n+1), .row-clear .col-lg-4:nth-child(3n+1), .row-clear .col-lg-6:nth-child(2n+1){clear:none;} .row-clear .col-lg-2:nth-child(6n+1), .row-clear .col-lg-3:nth-child(4n+1), .row-clear .col-lg-4:nth-child(3n+1), .row-clear .col-lg-6:nth-child(2n+1){clear:both;} } @media (max-width: 767px){} @media (min-width: 768px) and (max-width: 991px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 1200px){} */ /* taviraj-300 - latin */ @font-face { font-family: "Taviraj"; font-style: normal; font-weight: 300; src: url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-300.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-300.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-300.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-300.woff") format("woff"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-300.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-300.svg#Taviraj") format("svg"); /* Legacy iOS */ } /* taviraj-regular - latin */ @font-face { font-family: "Taviraj"; font-style: normal; font-weight: 400; src: url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-regular.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-regular.woff") format("woff"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-regular.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-regular.svg#Taviraj") format("svg"); /* Legacy iOS */ } /* taviraj-500 - latin */ @font-face { font-family: "Taviraj"; font-style: normal; font-weight: 500; src: url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-500.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-500.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-500.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-500.woff") format("woff"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-500.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/taviraj-v6-latin-500.svg#Taviraj") format("svg"); /* Legacy iOS */ } /* playfair-display-regular - latin */ @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-regular.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-regular.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-regular.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-regular.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-500 - latin */ @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 500; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-600 - latin */ @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 600; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-700 - latin */ @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-800 - latin */ @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 800; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-900 - latin */ @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 900; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-italic - latin */ @font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 400; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-italic.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-500italic - latin */ @font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 500; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-500italic.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-600italic - latin */ @font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 600; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-600italic.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-700italic - latin */ @font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 700; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-700italic.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-800italic - latin */ @font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 800; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-800italic.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* playfair-display-900italic - latin */ @font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 900; src: url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/playfair-display-v21-latin-900italic.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */ } /* merriweather-sans-300 - latin */ @font-face { font-family: "Merriweather Sans"; font-style: normal; font-weight: 300; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-regular - latin */ @font-face { font-family: "Merriweather Sans"; font-style: normal; font-weight: 400; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-regular.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-regular.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-regular.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-500 - latin */ @font-face { font-family: "Merriweather Sans"; font-style: normal; font-weight: 500; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-600 - latin */ @font-face { font-family: "Merriweather Sans"; font-style: normal; font-weight: 600; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-700 - latin */ @font-face { font-family: "Merriweather Sans"; font-style: normal; font-weight: 700; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-800 - latin */ @font-face { font-family: "Merriweather Sans"; font-style: normal; font-weight: 800; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-300italic - latin */ @font-face { font-family: "Merriweather Sans"; font-style: italic; font-weight: 300; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-300italic.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-italic - latin */ @font-face { font-family: "Merriweather Sans"; font-style: italic; font-weight: 400; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-500italic - latin */ @font-face { font-family: "Merriweather Sans"; font-style: italic; font-weight: 500; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-500italic.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-600italic - latin */ @font-face { font-family: "Merriweather Sans"; font-style: italic; font-weight: 600; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-600italic.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-700italic - latin */ @font-face { font-family: "Merriweather Sans"; font-style: italic; font-weight: 700; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-700italic.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* merriweather-sans-800italic - latin */ @font-face { font-family: "Merriweather Sans"; font-style: italic; font-weight: 800; src: url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800italic.eot"); /* IE9 Compat Modes */ src: local(""), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800italic.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800italic.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800italic.woff") format("woff"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800italic.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/merriweather-sans-v13-latin-800italic.svg#MerriweatherSans") format("svg"); /* Legacy iOS */ } /* noto-sans-tc-100 - latin_chinese-traditional */ @font-face { font-family: "Noto Sans TC"; font-style: normal; font-weight: 100; src: url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-100.eot"); /* IE9 Compat Modes */ src: local("Noto Sans TC Thin"), local("NotoSansTC-Thin"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-100.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-100.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-100.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-100.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-100.svg#NotoSansTC") format("svg"); /* Legacy iOS */ } /* noto-sans-tc-300 - latin_chinese-traditional */ @font-face { font-family: "Noto Sans TC"; font-style: normal; font-weight: 300; src: url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-300.eot"); /* IE9 Compat Modes */ src: local("Noto Sans TC Light"), local("NotoSansTC-Light"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-300.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-300.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-300.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-300.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-300.svg#NotoSansTC") format("svg"); /* Legacy iOS */ } /* noto-sans-tc-regular - latin_chinese-traditional */ @font-face { font-family: "Noto Sans TC"; font-style: normal; font-weight: 400; src: url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-regular.eot"); /* IE9 Compat Modes */ src: local("Noto Sans TC Regular"), local("NotoSansTC-Regular"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-regular.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-regular.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-regular.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-regular.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-regular.svg#NotoSansTC") format("svg"); /* Legacy iOS */ } /* noto-sans-tc-500 - latin_chinese-traditional */ @font-face { font-family: "Noto Sans TC"; font-style: normal; font-weight: 500; src: url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-500.eot"); /* IE9 Compat Modes */ src: local("Noto Sans TC Medium"), local("NotoSansTC-Medium"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-500.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-500.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-500.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-500.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-500.svg#NotoSansTC") format("svg"); /* Legacy iOS */ } /* noto-sans-tc-700 - latin_chinese-traditional */ @font-face { font-family: "Noto Sans TC"; font-style: normal; font-weight: 700; src: url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-700.eot"); /* IE9 Compat Modes */ src: local("Noto Sans TC Bold"), local("NotoSansTC-Bold"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-700.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-700.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-700.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-700.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-700.svg#NotoSansTC") format("svg"); /* Legacy iOS */ } /* noto-sans-tc-900 - latin_chinese-traditional */ @font-face { font-family: "Noto Sans TC"; font-style: normal; font-weight: 900; src: url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-900.eot"); /* IE9 Compat Modes */ src: local("Noto Sans TC Black"), local("NotoSansTC-Black"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-900.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-900.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-900.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-900.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-tc-v10-latin_chinese-traditional-900.svg#NotoSansTC") format("svg"); /* Legacy iOS */ } /* noto-sans-sc-300 - latin_chinese-simplified */ @font-face { font-family: "Noto Sans SC"; font-style: normal; font-weight: 300; src: url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-300.eot"); /* IE9 Compat Modes */ src: local("Noto Sans SC Light"), local("NotoSansSC-Light"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-300.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-300.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-300.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-300.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-300.svg#NotoSansSC") format("svg"); /* Legacy iOS */ } /* noto-sans-sc-regular - latin_chinese-simplified */ @font-face { font-family: "Noto Sans SC"; font-style: normal; font-weight: 400; src: url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-regular.eot"); /* IE9 Compat Modes */ src: local("Noto Sans SC Regular"), local("NotoSansSC-Regular"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-regular.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-regular.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-regular.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-regular.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-regular.svg#NotoSansSC") format("svg"); /* Legacy iOS */ } /* noto-sans-sc-100 - latin_chinese-simplified */ @font-face { font-family: "Noto Sans SC"; font-style: normal; font-weight: 100; src: url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-100.eot"); /* IE9 Compat Modes */ src: local("Noto Sans SC Thin"), local("NotoSansSC-Thin"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-100.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-100.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-100.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-100.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-100.svg#NotoSansSC") format("svg"); /* Legacy iOS */ } /* noto-sans-sc-500 - latin_chinese-simplified */ @font-face { font-family: "Noto Sans SC"; font-style: normal; font-weight: 500; src: url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-500.eot"); /* IE9 Compat Modes */ src: local("Noto Sans SC Medium"), local("NotoSansSC-Medium"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-500.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-500.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-500.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-500.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-500.svg#NotoSansSC") format("svg"); /* Legacy iOS */ } /* noto-sans-sc-700 - latin_chinese-simplified */ @font-face { font-family: "Noto Sans SC"; font-style: normal; font-weight: 700; src: url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-700.eot"); /* IE9 Compat Modes */ src: local("Noto Sans SC Bold"), local("NotoSansSC-Bold"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-700.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-700.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-700.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-700.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-700.svg#NotoSansSC") format("svg"); /* Legacy iOS */ } /* noto-sans-sc-900 - latin_chinese-simplified */ @font-face { font-family: "Noto Sans SC"; font-style: normal; font-weight: 900; src: url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-900.eot"); /* IE9 Compat Modes */ src: local("Noto Sans SC Black"), local("NotoSansSC-Black"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-900.eot?#iefix") format("embedded-opentype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-900.woff2") format("woff2"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-900.woff") format("woff"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-900.ttf") format("truetype"), url("https://www.tianchengauction.com/fonts/noto-sans-sc-v11-latin_chinese-simplified-900.svg#NotoSansSC") format("svg"); /* Legacy iOS */ } body { font-family: "Playfair Display", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #262626; } body a { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } body a:active { text-decoration: none; } body a:hover, body a:focus, body a:active { outline: none; } :focus { outline: none; } ::-moz-focus-inner { border: 0; } a, a:visited, a:focus, a:active, a:hover { outline: 0 none !important; } textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active { outline: 0px !important; box-shadow: none !important; } .form-control:focus { border-color: transparent; } .ck-box p, .ck-box li, .ck-box label, .ck-box table, .ck-box h1, .ck-box h2, .ck-box h3, .ck-box h4, .ck-box h5, .ck-box h6 { line-height: 1.8; } @media (max-width: 575px) { .ck-box blockquote { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px) { .ck-box blockquote { font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px) { .ck-box blockquote { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .ck-box blockquote { font-size: 17px; } } @media (min-width: 1200px) and (max-width: 1549px) { .ck-box blockquote { font-size: 18px; } } @media (min-width: 1550px) { .ck-box blockquote { font-size: 18px; } } .ck-box img { max-width: 100%; height: auto !important; } @media (max-width: 575px) { .section-main p, .section-main li, .section-main label, .section-main table { font-size: 10px; } } @media (min-width: 576px) and (max-width: 767px) { .section-main p, .section-main li, .section-main label, .section-main table { font-size: 11px; } } @media (min-width: 768px) and (max-width: 991px) { .section-main p, .section-main li, .section-main label, .section-main table { font-size: 12px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-main p, .section-main li, .section-main label, .section-main table { font-size: 13px; } } @media (min-width: 1200px) and (max-width: 1549px) { .section-main p, .section-main li, .section-main label, .section-main table { font-size: 14px; } } @media (min-width: 1550px) { .section-main p, .section-main li, .section-main label, .section-main table { font-size: 14px; } } .section-main h1 { margin-bottom: 25px; } @media (max-width: 575px) { .section-main h1 { font-size: 36px; } } @media (min-width: 576px) and (max-width: 767px) { .section-main h1 { font-size: 39px; } } @media (min-width: 768px) and (max-width: 991px) { .section-main h1 { font-size: 42px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-main h1 { font-size: 46px; } } @media (min-width: 1200px) and (max-width: 1549px) { .section-main h1 { font-size: 50px; } } @media (min-width: 1550px) { .section-main h1 { font-size: 50px; } } @media (max-width: 575px) { .section-main h2 { font-size: 30px; } } @media (min-width: 576px) and (max-width: 767px) { .section-main h2 { font-size: 33px; } } @media (min-width: 768px) and (max-width: 991px) { .section-main h2 { font-size: 36px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-main h2 { font-size: 39px; } } @media (min-width: 1200px) and (max-width: 1549px) { .section-main h2 { font-size: 42px; } } @media (min-width: 1550px) { .section-main h2 { font-size: 42px; } } @media (max-width: 575px) { .section-main h3 { font-size: 23px; } } @media (min-width: 576px) and (max-width: 767px) { .section-main h3 { font-size: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .section-main h3 { font-size: 27px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-main h3 { font-size: 29px; } } @media (min-width: 1200px) and (max-width: 1549px) { .section-main h3 { font-size: 32px; } } @media (min-width: 1550px) { .section-main h3 { font-size: 32px; } } @media (max-width: 575px) { .section-main h4 { font-size: 17px; } } @media (min-width: 576px) and (max-width: 767px) { .section-main h4 { font-size: 19px; } } @media (min-width: 768px) and (max-width: 991px) { .section-main h4 { font-size: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-main h4 { font-size: 22px; } } @media (min-width: 1200px) and (max-width: 1549px) { .section-main h4 { font-size: 24px; } } @media (min-width: 1550px) { .section-main h4 { font-size: 24px; } } @media (max-width: 575px) { .section-main h5 { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px) { .section-main h5 { font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px) { .section-main h5 { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-main h5 { font-size: 17px; } } @media (min-width: 1200px) and (max-width: 1549px) { .section-main h5 { font-size: 18px; } } @media (min-width: 1550px) { .section-main h5 { font-size: 18px; } } @media (max-width: 575px) { .section-main h6 { font-size: 11px; } } @media (min-width: 576px) and (max-width: 767px) { .section-main h6 { font-size: 12px; } } @media (min-width: 768px) and (max-width: 991px) { .section-main h6 { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-main h6 { font-size: 15px; } } @media (min-width: 1200px) and (max-width: 1549px) { .section-main h6 { font-size: 16px; } } @media (min-width: 1550px) { .section-main h6 { font-size: 16px; } } .section-padding { padding: 75px 0; } @media (min-width: 1200px) and (max-width: 1549px) { .section-padding { padding: 70px 0; } } @media (min-width: 992px) and (max-width: 1199px) { .section-padding { padding: 55px 0; } } @media (min-width: 768px) and (max-width: 991px) { .section-padding { padding: 45px 0; } } @media (min-width: 576px) and (max-width: 767px) { .section-padding { padding: 35px 0; } } @media (max-width: 575px) { .section-padding { padding: 30px 0; } } .container { position: relative; } @media (min-width: 1550px) { .container-xl { max-width: 1200px; } } .container-s { padding-left: 0px; padding-right: 0px; } @media (min-width: 1550px) { .container-s { max-width: 1000px; } } @media (min-width: 1550px) { .container-m { max-width: 1010px; } } header { z-index: 3; position: fixed; top: 0; width: 100%; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; height: 135px; display: flex; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; background-color: #ffffff; color: #262626; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { header { height: 80px; } } header a { -webkit-transition: 0.05s all; -moz-transition: 0.05s all; -ms-transition: 0.05s all; -o-transition: 0.05s all; } header .logo-container { width: 155px; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transition: 0.05s all; -moz-transition: 0.05s all; -ms-transition: 0.05s all; -o-transition: 0.05s all; height: 135px; position: relative; top: 50%; transform: translateY(-50%); } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { header .logo-container { background-size: 145px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { header .logo-container { background-size: 115px; } } header .logo-container a { position: absolute; width: 100%; height: 100%; } header .left-col { width: calc((100% - 155px) / 2); display: flex; align-self: center; padding-left: 60px; padding-right: 60px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { header .left-col { padding-left: 40px; padding-right: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { header .left-col { padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { header .left-col .menu-item-container { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { header .left-col .menu-item-container { display: none; } } header .left-col .responsive-menu-btn { width: 25px; margin-right: 58px; } header .left-col .responsive-menu-btn span { display: block; margin: 6px 0; height: 2px; width: 25px; } header .right-col { width: calc((100% - 155px) / 2); display: flex; align-self: center; padding-left: 60px; padding-right: 60px; justify-content: flex-end; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { header .right-col { padding-left: 40px; padding-right: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { header .right-col { padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { header .right-col .menu-item-container { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { header .right-col .menu-item-container { display: none; } } header .right-col .language-container { display: flex; align-self: center; margin-left: 60px; margin-right: 60px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { header .right-col .language-container { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { header .right-col .language-container { display: none; } } header .right-col .language-container a { text-decoration: none; position: relative; margin-right: 15px; font-size: 14px; position: relative; } header .right-col .language-container a:after { content: ""; position: absolute; right: -8px; height: 14px; top: 50%; transform: translateY(-50%); width: 2px; margin-top: -1px; } header .right-col .language-container a:last-child { margin-right: 0px; } header .right-col .language-container a:last-child:after { display: none; } header .right-col .language-container a:before { content: ""; height: 3px; background-color: transparent; width: 100%; left: 0; position: absolute; bottom: -4px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -ms-transition: 0.2s all; -o-transition: 0.2s all; } header .right-col .cart-container { width: 24px; height: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; cursor: pointer; margin-top: -2px; margin-right: 25px; background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header .right-col .search-container { width: 24px; height: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; cursor: pointer; margin-top: -2px; background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header .right-col .user-container { width: 24px; height: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; cursor: pointer; margin-top: -2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header .right-col .cart-btn-container { position: relative; } header .right-col .cart-btn-container .cart-bottom-arrow { border-width: 10px; border-style: solid; width: 1px; height: 1px; position: absolute; left: 50%; pointer-events: none; transform: translateX(-50%); bottom: -8px; margin-left: -4px; display: none; } header .right-col .cart-btn-container .cart-bottom-arrow.active { display: block; } header .right-col .cart-btn { background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 22px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.48 400.05'%3E%3Cpath d='M295,91.5a77.16,77.16,0,0,0-59,56c-1.5,5.9-2.2,12.5-2.7,24.7l-.6,16.8H206.6c-37,0-36.3-.5-38.9,28.1-3.1,33.7-9.6,105.7-15.2,168.4-3,34.1-6.1,68.5-6.9,76.4-.8,8.8-1,15.5-.5,17.5,1,3.7,5.1,8.4,8.6,9.7,1.5.5,63,.9,156.4.9,149.5,0,154.1-.1,157.7-1.9,5.1-2.6,7.6-7.3,7.5-13.6-.1-2.7-2.2-27.5-4.7-55-5.7-62-7.6-83.2-12.6-139.5-7.6-84.6-7.1-80.9-9.4-84.3-4.4-6.3-6.2-6.7-35.2-6.7H387.3l-.6-16.8c-.9-24.4-5-37.7-16.1-52.1C352.5,96.8,322.8,85.6,295,91.5Zm26,28.6c13,3,25.5,13.1,31.6,25.4,4.4,9,5.4,14.8,5.4,30.6V189H262V176.1c0-15.8,1-21.6,5.5-30.6,6.2-12.8,19.6-23.4,32.5-25.8C304.7,118.9,316.5,119.1,321,120.1Zm-88,99.1c.2,26,.5,28.4,3,32.1,4.6,6.8,14.2,8.5,20.4,3.6,4.9-3.9,5.6-6.6,5.6-22.4V218h96v14.9c0,13.7.2,15.1,2.3,18.2,6,9,17.2,8.8,24.1-.5,2-2.6,2.5-8.9,2.6-31.4,0-.9,4.3-1.2,18.3-1.2h18.4l1.2,14.2c.7,7.9,2.1,23.7,3.2,35.3s4.3,48.9,7.4,83,6.1,69,7,77.5,1.7,19.4,2.1,24.3l.7,8.7H175v-2.8c0-1.5.9-12.7,2-24.8s2.9-32,4-44.4,2.9-32.4,4-44.5,3.6-39.6,5.5-61,4-45,4.7-52.3l1.2-13.2h18.3C228.7,218,233,218.3,233,219.2Z' transform='translate(-144.83 -89.95)' fill='%23262626'/%3E%3C/svg%3E"); position: relative; top: -2px; -webkit-transition: 0.05s all; -moz-transition: 0.05s all; -ms-transition: 0.05s all; -o-transition: 0.05s all; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { header .right-col .cart-btn { margin-right: 17px; } } header .right-col .cart-btn .cart-quantity { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 10px; top: 0px; right: 0px; position: absolute; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-size: 11px; top: -9px; right: -11px; background-color: #262626; border-radius: 50%; padding-top: 2px; } header .right-col .cart-btn.cart-btn-responsive { display: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { header .right-col .cart-btn.cart-btn-responsive { display: block !important; } } header .menu-item-container { display: flex; align-self: center; margin-top: 2px; } header .menu-item-container .dropdown { position: relative; display: inline-block; } header .menu-item-container .dropdown-content { display: none; position: absolute; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; background-color: rgba(255, 255, 255, 0.5); margin-top: 15px; } header .menu-item-container .dropdown-content:before { content: ""; height: 15px; width: 100%; position: absolute; display: block; top: -15px; background-color: transparent; } header .menu-item-container .dropdown-content a { color: #2C251C !important; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; letter-spacing: 1px; padding: 10px 16px; text-decoration: none; display: block; white-space: nowrap; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { header .menu-item-container .dropdown-content a { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { header .menu-item-container .dropdown-content a { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { header .menu-item-container .dropdown-content a { font-size: 13px; } } header .menu-item-container .dropdown-content a:hover { background-color: #ddd; } header .menu-item-container .dropdown:hover .dropdown-content { display: block; } header .menu-item-container .menu-item { margin-right: 60px; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { header .menu-item-container .menu-item { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { header .menu-item-container .menu-item { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { header .menu-item-container .menu-item { font-size: 14px; } } header .menu-item-container .menu-item:last-child { margin-right: 0px; } header .menu-item-container .menu-item:after { content: ""; height: 3px; background-color: transparent; width: 100%; left: 0; position: absolute; bottom: -5px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -ms-transition: 0.2s all; -o-transition: 0.2s all; } header .logo-container { background-image: url(../png/logo2.png); } header .left-col .responsive-menu-btn span { background-color: #262626; } header .right-col .language-container a { color: #262626; } header .right-col .language-container a:after { background-color: #262626; } header .right-col .language-container a:hover:before { background-color: #99C743; } header .menu-item-container .menu-item:hover:after { background-color: #99C743; } header .menu-item-container .menu-item a { color: #262626; text-decoration: none; letter-spacing: 1px; } header .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style1 { color: #534F39; background-color: #ffffff; } header.style1 .cart-btn { background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.48 400.05'%3E%3Cpath d='M295,91.5a77.16,77.16,0,0,0-59,56c-1.5,5.9-2.2,12.5-2.7,24.7l-.6,16.8H206.6c-37,0-36.3-.5-38.9,28.1-3.1,33.7-9.6,105.7-15.2,168.4-3,34.1-6.1,68.5-6.9,76.4-.8,8.8-1,15.5-.5,17.5,1,3.7,5.1,8.4,8.6,9.7,1.5.5,63,.9,156.4.9,149.5,0,154.1-.1,157.7-1.9,5.1-2.6,7.6-7.3,7.5-13.6-.1-2.7-2.2-27.5-4.7-55-5.7-62-7.6-83.2-12.6-139.5-7.6-84.6-7.1-80.9-9.4-84.3-4.4-6.3-6.2-6.7-35.2-6.7H387.3l-.6-16.8c-.9-24.4-5-37.7-16.1-52.1C352.5,96.8,322.8,85.6,295,91.5Zm26,28.6c13,3,25.5,13.1,31.6,25.4,4.4,9,5.4,14.8,5.4,30.6V189H262V176.1c0-15.8,1-21.6,5.5-30.6,6.2-12.8,19.6-23.4,32.5-25.8C304.7,118.9,316.5,119.1,321,120.1Zm-88,99.1c.2,26,.5,28.4,3,32.1,4.6,6.8,14.2,8.5,20.4,3.6,4.9-3.9,5.6-6.6,5.6-22.4V218h96v14.9c0,13.7.2,15.1,2.3,18.2,6,9,17.2,8.8,24.1-.5,2-2.6,2.5-8.9,2.6-31.4,0-.9,4.3-1.2,18.3-1.2h18.4l1.2,14.2c.7,7.9,2.1,23.7,3.2,35.3s4.3,48.9,7.4,83,6.1,69,7,77.5,1.7,19.4,2.1,24.3l.7,8.7H175v-2.8c0-1.5.9-12.7,2-24.8s2.9-32,4-44.4,2.9-32.4,4-44.5,3.6-39.6,5.5-61,4-45,4.7-52.3l1.2-13.2h18.3C228.7,218,233,218.3,233,219.2Z' transform='translate(-144.83 -89.95)' fill='%23534F39'/%3E%3C/svg%3E"); } header.style1 .cart-btn .cart-quantity { color: white; background-color: #534f39; } header.style1 .logo-container { background-image: url(../png/logo1.png); } header.style1 .left-col .responsive-menu-btn span { background-color: #534F39; } header.style1 .right-col .language-container a { color: #534F39; } header.style1 .right-col .language-container a:after { background-color: #534F39; } header.style1 .right-col .language-container a:hover:before { background-color: #99C743; } header.style1 .menu-item-container .menu-item:hover:after { background-color: #99C743; } header.style1 .menu-item-container .menu-item a { color: #534F39; text-decoration: none; letter-spacing: 1px; } header.style1 .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style1 .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style1 .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23534F39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23534F39' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style2 { background-color: #ffffff; color: #262626; } header.style2 .cart-btn { background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.48 400.05'%3E%3Cpath d='M295,91.5a77.16,77.16,0,0,0-59,56c-1.5,5.9-2.2,12.5-2.7,24.7l-.6,16.8H206.6c-37,0-36.3-.5-38.9,28.1-3.1,33.7-9.6,105.7-15.2,168.4-3,34.1-6.1,68.5-6.9,76.4-.8,8.8-1,15.5-.5,17.5,1,3.7,5.1,8.4,8.6,9.7,1.5.5,63,.9,156.4.9,149.5,0,154.1-.1,157.7-1.9,5.1-2.6,7.6-7.3,7.5-13.6-.1-2.7-2.2-27.5-4.7-55-5.7-62-7.6-83.2-12.6-139.5-7.6-84.6-7.1-80.9-9.4-84.3-4.4-6.3-6.2-6.7-35.2-6.7H387.3l-.6-16.8c-.9-24.4-5-37.7-16.1-52.1C352.5,96.8,322.8,85.6,295,91.5Zm26,28.6c13,3,25.5,13.1,31.6,25.4,4.4,9,5.4,14.8,5.4,30.6V189H262V176.1c0-15.8,1-21.6,5.5-30.6,6.2-12.8,19.6-23.4,32.5-25.8C304.7,118.9,316.5,119.1,321,120.1Zm-88,99.1c.2,26,.5,28.4,3,32.1,4.6,6.8,14.2,8.5,20.4,3.6,4.9-3.9,5.6-6.6,5.6-22.4V218h96v14.9c0,13.7.2,15.1,2.3,18.2,6,9,17.2,8.8,24.1-.5,2-2.6,2.5-8.9,2.6-31.4,0-.9,4.3-1.2,18.3-1.2h18.4l1.2,14.2c.7,7.9,2.1,23.7,3.2,35.3s4.3,48.9,7.4,83,6.1,69,7,77.5,1.7,19.4,2.1,24.3l.7,8.7H175v-2.8c0-1.5.9-12.7,2-24.8s2.9-32,4-44.4,2.9-32.4,4-44.5,3.6-39.6,5.5-61,4-45,4.7-52.3l1.2-13.2h18.3C228.7,218,233,218.3,233,219.2Z' transform='translate(-144.83 -89.95)' fill='%23262626'/%3E%3C/svg%3E"); } header.style2 .cart-btn .cart-quantity { color: white; background-color: #262626; } header.style2 .logo-container { background-image: url(../png/logo2.png); } header.style2 .left-col .responsive-menu-btn span { background-color: #262626; } header.style2 .right-col .language-container a { color: #262626; } header.style2 .right-col .language-container a:after { background-color: #262626; } header.style2 .right-col .language-container a:hover:before { background-color: #99C743; } header.style2 .menu-item-container .menu-item:hover:after { background-color: #99C743; } header.style2 .menu-item-container .menu-item a { color: #262626; text-decoration: none; letter-spacing: 1px; } header.style2 .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style2 .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style2 .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style3 { background-color: #ffffff; color: #262626; } header.style3 .cart-btn { background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.48 400.05'%3E%3Cpath d='M295,91.5a77.16,77.16,0,0,0-59,56c-1.5,5.9-2.2,12.5-2.7,24.7l-.6,16.8H206.6c-37,0-36.3-.5-38.9,28.1-3.1,33.7-9.6,105.7-15.2,168.4-3,34.1-6.1,68.5-6.9,76.4-.8,8.8-1,15.5-.5,17.5,1,3.7,5.1,8.4,8.6,9.7,1.5.5,63,.9,156.4.9,149.5,0,154.1-.1,157.7-1.9,5.1-2.6,7.6-7.3,7.5-13.6-.1-2.7-2.2-27.5-4.7-55-5.7-62-7.6-83.2-12.6-139.5-7.6-84.6-7.1-80.9-9.4-84.3-4.4-6.3-6.2-6.7-35.2-6.7H387.3l-.6-16.8c-.9-24.4-5-37.7-16.1-52.1C352.5,96.8,322.8,85.6,295,91.5Zm26,28.6c13,3,25.5,13.1,31.6,25.4,4.4,9,5.4,14.8,5.4,30.6V189H262V176.1c0-15.8,1-21.6,5.5-30.6,6.2-12.8,19.6-23.4,32.5-25.8C304.7,118.9,316.5,119.1,321,120.1Zm-88,99.1c.2,26,.5,28.4,3,32.1,4.6,6.8,14.2,8.5,20.4,3.6,4.9-3.9,5.6-6.6,5.6-22.4V218h96v14.9c0,13.7.2,15.1,2.3,18.2,6,9,17.2,8.8,24.1-.5,2-2.6,2.5-8.9,2.6-31.4,0-.9,4.3-1.2,18.3-1.2h18.4l1.2,14.2c.7,7.9,2.1,23.7,3.2,35.3s4.3,48.9,7.4,83,6.1,69,7,77.5,1.7,19.4,2.1,24.3l.7,8.7H175v-2.8c0-1.5.9-12.7,2-24.8s2.9-32,4-44.4,2.9-32.4,4-44.5,3.6-39.6,5.5-61,4-45,4.7-52.3l1.2-13.2h18.3C228.7,218,233,218.3,233,219.2Z' transform='translate(-144.83 -89.95)' fill='%23262626'/%3E%3C/svg%3E"); } header.style3 .cart-btn .cart-quantity { color: white; background-color: #262626; } header.style3 .logo-container { background-image: url(../png/logo3.png); } header.style3 .left-col .responsive-menu-btn span { background-color: #262626; } header.style3 .right-col .language-container a { color: #262626; } header.style3 .right-col .language-container a:after { background-color: #262626; } header.style3 .menu-item-container .menu-item:hover:after { background-color: #99C743; } header.style3 .menu-item-container .menu-item:hover:hover:before { background-color: #99C743; } header.style3 .menu-item-container .menu-item a { color: #262626; text-decoration: none; letter-spacing: 1px; } header.style3 .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style3 .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style3 .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style4 { color: #ffffff; } header.style4 .cart-btn { background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.48 400.05'%3E%3Cpath d='M295,91.5a77.16,77.16,0,0,0-59,56c-1.5,5.9-2.2,12.5-2.7,24.7l-.6,16.8H206.6c-37,0-36.3-.5-38.9,28.1-3.1,33.7-9.6,105.7-15.2,168.4-3,34.1-6.1,68.5-6.9,76.4-.8,8.8-1,15.5-.5,17.5,1,3.7,5.1,8.4,8.6,9.7,1.5.5,63,.9,156.4.9,149.5,0,154.1-.1,157.7-1.9,5.1-2.6,7.6-7.3,7.5-13.6-.1-2.7-2.2-27.5-4.7-55-5.7-62-7.6-83.2-12.6-139.5-7.6-84.6-7.1-80.9-9.4-84.3-4.4-6.3-6.2-6.7-35.2-6.7H387.3l-.6-16.8c-.9-24.4-5-37.7-16.1-52.1C352.5,96.8,322.8,85.6,295,91.5Zm26,28.6c13,3,25.5,13.1,31.6,25.4,4.4,9,5.4,14.8,5.4,30.6V189H262V176.1c0-15.8,1-21.6,5.5-30.6,6.2-12.8,19.6-23.4,32.5-25.8C304.7,118.9,316.5,119.1,321,120.1Zm-88,99.1c.2,26,.5,28.4,3,32.1,4.6,6.8,14.2,8.5,20.4,3.6,4.9-3.9,5.6-6.6,5.6-22.4V218h96v14.9c0,13.7.2,15.1,2.3,18.2,6,9,17.2,8.8,24.1-.5,2-2.6,2.5-8.9,2.6-31.4,0-.9,4.3-1.2,18.3-1.2h18.4l1.2,14.2c.7,7.9,2.1,23.7,3.2,35.3s4.3,48.9,7.4,83,6.1,69,7,77.5,1.7,19.4,2.1,24.3l.7,8.7H175v-2.8c0-1.5.9-12.7,2-24.8s2.9-32,4-44.4,2.9-32.4,4-44.5,3.6-39.6,5.5-61,4-45,4.7-52.3l1.2-13.2h18.3C228.7,218,233,218.3,233,219.2Z' transform='translate(-144.83 -89.95)' fill='%23FFFFFF'/%3E%3C/svg%3E"); } header.style4 .cart-btn .cart-quantity { color: #262626; background-color: #ffffff; } header.style4 .logo-container { background-image: url(../png/logo4.png); } header.style4 .left-col .responsive-menu-btn span { background-color: #ffffff; } header.style4 .right-col .language-container a { color: #ffffff; } header.style4 .right-col .language-container a:after { background-color: #ffffff; } header.style4 .right-col .language-container a:hover:before { background-color: #ffffff; } header.style4 .menu-item-container .menu-item:hover:after { background-color: #ffffff; } header.style4 .menu-item-container .menu-item a { color: #ffffff; text-decoration: none; letter-spacing: 1px; } header.style4 .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style4 .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style4 .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23ffffff' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23ffffff' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style5 { color: #817A59; background-color: #ffffff; } header.style5 .cart-btn { background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.48 400.05'%3E%3Cpath d='M295,91.5a77.16,77.16,0,0,0-59,56c-1.5,5.9-2.2,12.5-2.7,24.7l-.6,16.8H206.6c-37,0-36.3-.5-38.9,28.1-3.1,33.7-9.6,105.7-15.2,168.4-3,34.1-6.1,68.5-6.9,76.4-.8,8.8-1,15.5-.5,17.5,1,3.7,5.1,8.4,8.6,9.7,1.5.5,63,.9,156.4.9,149.5,0,154.1-.1,157.7-1.9,5.1-2.6,7.6-7.3,7.5-13.6-.1-2.7-2.2-27.5-4.7-55-5.7-62-7.6-83.2-12.6-139.5-7.6-84.6-7.1-80.9-9.4-84.3-4.4-6.3-6.2-6.7-35.2-6.7H387.3l-.6-16.8c-.9-24.4-5-37.7-16.1-52.1C352.5,96.8,322.8,85.6,295,91.5Zm26,28.6c13,3,25.5,13.1,31.6,25.4,4.4,9,5.4,14.8,5.4,30.6V189H262V176.1c0-15.8,1-21.6,5.5-30.6,6.2-12.8,19.6-23.4,32.5-25.8C304.7,118.9,316.5,119.1,321,120.1Zm-88,99.1c.2,26,.5,28.4,3,32.1,4.6,6.8,14.2,8.5,20.4,3.6,4.9-3.9,5.6-6.6,5.6-22.4V218h96v14.9c0,13.7.2,15.1,2.3,18.2,6,9,17.2,8.8,24.1-.5,2-2.6,2.5-8.9,2.6-31.4,0-.9,4.3-1.2,18.3-1.2h18.4l1.2,14.2c.7,7.9,2.1,23.7,3.2,35.3s4.3,48.9,7.4,83,6.1,69,7,77.5,1.7,19.4,2.1,24.3l.7,8.7H175v-2.8c0-1.5.9-12.7,2-24.8s2.9-32,4-44.4,2.9-32.4,4-44.5,3.6-39.6,5.5-61,4-45,4.7-52.3l1.2-13.2h18.3C228.7,218,233,218.3,233,219.2Z' transform='translate(-144.83 -89.95)' fill='%23817A59'/%3E%3C/svg%3E"); } header.style5 .cart-btn .cart-quantity { color: white; background-color: #817A59; } header.style5 .logo-container { background-image: url(../png/logo5.png); } header.style5 .left-col .responsive-menu-btn span { background-color: #817A59; } header.style5 .right-col .language-container a { color: #817A59; } header.style5 .right-col .language-container a:after { background-color: #817A59; } header.style5 .right-col .language-container a:hover:before { background-color: #99C743; } header.style5 .menu-item-container .menu-item:hover:after { background-color: #99C743; } header.style5 .menu-item-container .menu-item a { color: #817A59; text-decoration: none; letter-spacing: 1px; } header.style5 .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23817A59' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23817A59' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style5 .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23817A59' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23817A59' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23817A59' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23817A59' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style5 .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23817A59' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23817A59' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style6 { color: #646464; background-color: #ffffff; } header.style6 .cart-btn { background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.48 400.05'%3E%3Cpath d='M295,91.5a77.16,77.16,0,0,0-59,56c-1.5,5.9-2.2,12.5-2.7,24.7l-.6,16.8H206.6c-37,0-36.3-.5-38.9,28.1-3.1,33.7-9.6,105.7-15.2,168.4-3,34.1-6.1,68.5-6.9,76.4-.8,8.8-1,15.5-.5,17.5,1,3.7,5.1,8.4,8.6,9.7,1.5.5,63,.9,156.4.9,149.5,0,154.1-.1,157.7-1.9,5.1-2.6,7.6-7.3,7.5-13.6-.1-2.7-2.2-27.5-4.7-55-5.7-62-7.6-83.2-12.6-139.5-7.6-84.6-7.1-80.9-9.4-84.3-4.4-6.3-6.2-6.7-35.2-6.7H387.3l-.6-16.8c-.9-24.4-5-37.7-16.1-52.1C352.5,96.8,322.8,85.6,295,91.5Zm26,28.6c13,3,25.5,13.1,31.6,25.4,4.4,9,5.4,14.8,5.4,30.6V189H262V176.1c0-15.8,1-21.6,5.5-30.6,6.2-12.8,19.6-23.4,32.5-25.8C304.7,118.9,316.5,119.1,321,120.1Zm-88,99.1c.2,26,.5,28.4,3,32.1,4.6,6.8,14.2,8.5,20.4,3.6,4.9-3.9,5.6-6.6,5.6-22.4V218h96v14.9c0,13.7.2,15.1,2.3,18.2,6,9,17.2,8.8,24.1-.5,2-2.6,2.5-8.9,2.6-31.4,0-.9,4.3-1.2,18.3-1.2h18.4l1.2,14.2c.7,7.9,2.1,23.7,3.2,35.3s4.3,48.9,7.4,83,6.1,69,7,77.5,1.7,19.4,2.1,24.3l.7,8.7H175v-2.8c0-1.5.9-12.7,2-24.8s2.9-32,4-44.4,2.9-32.4,4-44.5,3.6-39.6,5.5-61,4-45,4.7-52.3l1.2-13.2h18.3C228.7,218,233,218.3,233,219.2Z' transform='translate(-144.83 -89.95)' fill='%23646464'/%3E%3C/svg%3E"); } header.style6 .cart-btn .cart-quantity { color: white; background-color: #646464; } header.style6 .logo-container { background-image: url(../png/logo6.png); } header.style6 .left-col .responsive-menu-btn span { background-color: #646464; } header.style6 .right-col .language-container a { color: #646464; } header.style6 .right-col .language-container a:after { background-color: #646464; } header.style6 .right-col .language-container a:hover:before { background-color: #99C743; } header.style6 .menu-item-container .menu-item:hover:after { background-color: #99C743; } header.style6 .menu-item-container .menu-item a { color: #646464; text-decoration: none; letter-spacing: 1px; } header.style6 .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23646464' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23646464' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style6 .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23646464' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23646464' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23646464' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23646464' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style6 .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23646464' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23646464' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style7 { background-color: #ffffff; color: #C9C9C9; } header.style7 .cart-btn { background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.48 400.05'%3E%3Cpath d='M295,91.5a77.16,77.16,0,0,0-59,56c-1.5,5.9-2.2,12.5-2.7,24.7l-.6,16.8H206.6c-37,0-36.3-.5-38.9,28.1-3.1,33.7-9.6,105.7-15.2,168.4-3,34.1-6.1,68.5-6.9,76.4-.8,8.8-1,15.5-.5,17.5,1,3.7,5.1,8.4,8.6,9.7,1.5.5,63,.9,156.4.9,149.5,0,154.1-.1,157.7-1.9,5.1-2.6,7.6-7.3,7.5-13.6-.1-2.7-2.2-27.5-4.7-55-5.7-62-7.6-83.2-12.6-139.5-7.6-84.6-7.1-80.9-9.4-84.3-4.4-6.3-6.2-6.7-35.2-6.7H387.3l-.6-16.8c-.9-24.4-5-37.7-16.1-52.1C352.5,96.8,322.8,85.6,295,91.5Zm26,28.6c13,3,25.5,13.1,31.6,25.4,4.4,9,5.4,14.8,5.4,30.6V189H262V176.1c0-15.8,1-21.6,5.5-30.6,6.2-12.8,19.6-23.4,32.5-25.8C304.7,118.9,316.5,119.1,321,120.1Zm-88,99.1c.2,26,.5,28.4,3,32.1,4.6,6.8,14.2,8.5,20.4,3.6,4.9-3.9,5.6-6.6,5.6-22.4V218h96v14.9c0,13.7.2,15.1,2.3,18.2,6,9,17.2,8.8,24.1-.5,2-2.6,2.5-8.9,2.6-31.4,0-.9,4.3-1.2,18.3-1.2h18.4l1.2,14.2c.7,7.9,2.1,23.7,3.2,35.3s4.3,48.9,7.4,83,6.1,69,7,77.5,1.7,19.4,2.1,24.3l.7,8.7H175v-2.8c0-1.5.9-12.7,2-24.8s2.9-32,4-44.4,2.9-32.4,4-44.5,3.6-39.6,5.5-61,4-45,4.7-52.3l1.2-13.2h18.3C228.7,218,233,218.3,233,219.2Z' transform='translate(-144.83 -89.95)' fill='%23C9C9C9'/%3E%3C/svg%3E"); } header.style7 .cart-btn .cart-quantity { color: white; background-color: #C9C9C9; } header.style7 .logo-container { background-image: url(../png/logo7.png); } header.style7 .left-col .responsive-menu-btn span { background-color: #C9C9C9; } header.style7 .right-col .language-container a { color: #C9C9C9; } header.style7 .right-col .language-container a:after { background-color: #C9C9C9; } header.style7 .right-col .language-container a:hover:before { background-color: #99C743; } header.style7 .menu-item-container .menu-item:hover:after { background-color: #99C743; } header.style7 .menu-item-container .menu-item a { color: #C9C9C9; text-decoration: none; letter-spacing: 1px; } header.style7 .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23C9C9C9' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23C9C9C9' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style7 .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23C9C9C9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23C9C9C9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23C9C9C9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23C9C9C9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } header.style7 .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23C9C9C9' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23C9C9C9' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } footer { background-color: #2C251C; padding-top: 55px; padding-bottom: 55px; margin-top: 60px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer { padding-bottom: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-language-social-container { margin-top: 35px; margin-bottom: 25px; display: flex; } } footer .language-container { display: none; -ms-flex-item-align: center; align-self: center; position: relative; width: 82px; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 38px; margin-bottom: 3px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .language-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0px; margin-bottom: 0px; justify-content: flex-end; width: 50%; order: 2; } } footer .language-container a { color: #F4F2EA; text-decoration: none; position: relative; margin-right: 15px; font-size: 14px; position: relative; } footer .language-container a:after { content: ""; position: absolute; right: -8px; height: 14px; top: 50%; transform: translateY(-50%); width: 2px; margin-top: -1px; } footer .language-container a:last-child { margin-right: 0px; } footer .language-container a:last-child:after { display: none; } footer .language-container a:before { content: ""; height: 3px; background-color: transparent; width: 100%; left: 0; position: absolute; bottom: -4px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -ms-transition: 0.2s all; -o-transition: 0.2s all; } footer .footer-menu-container { color: #F4F2EA; font-weight: 400; margin-bottom: 50px; display: flex; flex-wrap: wrap; display: flex; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container { margin-bottom: 20px; } } footer .footer-menu-container .left-col { width: 33.3333333333%; display: flex; flex-wrap: wrap; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container .left-col { width: 50%; } } footer .footer-menu-container .right-col { width: 33.3333333333%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container .right-col { width: 100%; } } footer .footer-menu-container .center-col { width: 33.3333333333%; display: flex; flex-wrap: wrap; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container .center-col { width: 50%; } } footer .footer-menu-container a { color: #F4F2EA; font-weight: 400; } footer .footer-menu-container .auctions, footer .footer-menu-container .buy-and-sell, footer .footer-menu-container .departments, footer .footer-menu-container .about-us { padding-right: 20px; width: 50%; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; padding-bottom: 30px; border-right: 1px solid #F4F2EA; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { footer .footer-menu-container .auctions, footer .footer-menu-container .buy-and-sell, footer .footer-menu-container .departments, footer .footer-menu-container .about-us { width: 100%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container .auctions, footer .footer-menu-container .buy-and-sell, footer .footer-menu-container .departments, footer .footer-menu-container .about-us { width: 100%; border-right: 0px; } } footer .footer-menu-container .auctions .group-container, footer .footer-menu-container .buy-and-sell .group-container, footer .footer-menu-container .departments .group-container, footer .footer-menu-container .about-us .group-container { margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { footer .footer-menu-container .auctions .group-container, footer .footer-menu-container .buy-and-sell .group-container, footer .footer-menu-container .departments .group-container, footer .footer-menu-container .about-us .group-container { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { footer .footer-menu-container .auctions .group-container, footer .footer-menu-container .buy-and-sell .group-container, footer .footer-menu-container .departments .group-container, footer .footer-menu-container .about-us .group-container { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { footer .footer-menu-container .auctions .group-container, footer .footer-menu-container .buy-and-sell .group-container, footer .footer-menu-container .departments .group-container, footer .footer-menu-container .about-us .group-container { font-size: 14px; } } footer .footer-menu-container .auctions .group-container:last-child, footer .footer-menu-container .buy-and-sell .group-container:last-child, footer .footer-menu-container .departments .group-container:last-child, footer .footer-menu-container .about-us .group-container:last-child { margin-bottom: 0px; } footer .footer-menu-container .auctions .group-container .title, footer .footer-menu-container .buy-and-sell .group-container .title, footer .footer-menu-container .departments .group-container .title, footer .footer-menu-container .about-us .group-container .title { margin-bottom: 12px; letter-spacing: 1px; } footer .footer-menu-container .auctions .group-container .items, footer .footer-menu-container .buy-and-sell .group-container .items, footer .footer-menu-container .departments .group-container .items, footer .footer-menu-container .about-us .group-container .items { margin-bottom: 12px; } footer .footer-menu-container .auctions .group-container .items a, footer .footer-menu-container .buy-and-sell .group-container .items a, footer .footer-menu-container .departments .group-container .items a, footer .footer-menu-container .about-us .group-container .items a { text-decoration: underline; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container .departments { padding-left: 20px !important; border-right: 0px; } } footer .footer-menu-container .buy-and-sell, footer .footer-menu-container .departments, footer .footer-menu-container .about-us { padding-left: 20px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { footer .footer-menu-container .buy-and-sell { padding-left: 0px; padding-bottom: 0px; } footer .footer-menu-container .buy-and-sell .items:last-child { margin-bottom: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container .buy-and-sell { padding-left: 0px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { footer .footer-menu-container .about-us { padding-bottom: 0px; } footer .footer-menu-container .about-us .items:last-child { margin-bottom: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container .about-us { border-right: 0px; } } footer .footer-menu-container .stay-update { width: 100%; padding-left: 20px; position: relative; height: 100%; } footer .footer-menu-container .stay-update .title { margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { footer .footer-menu-container .stay-update .title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { footer .footer-menu-container .stay-update .title { font-size: 24px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { footer .footer-menu-container .stay-update .title { font-size: 24px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container .stay-update { padding-left: 0px; padding-top: 25px; } } footer .footer-menu-container .stay-update .textbox-container { margin-bottom: 14px; } footer .footer-menu-container .stay-update .textbox-container input[type=text]::-webkit-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=password]::-webkit-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=number]::-webkit-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=email]::-webkit-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=tel]::-webkit-input-placeholder { color: #F4F2EA; font-size: 14px; font-weight: 300; } footer .footer-menu-container .stay-update .textbox-container input[type=text]::-moz-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=password]::-moz-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=number]::-moz-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=email]::-moz-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=tel]::-moz-placeholder { color: #F4F2EA; font-size: 14px; font-weight: 300; } footer .footer-menu-container .stay-update .textbox-container input[type=text]:-ms-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=password]:-ms-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=number]:-ms-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=email]:-ms-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=tel]:-ms-input-placeholder { color: #F4F2EA; font-size: 14px; font-weight: 300; } footer .footer-menu-container .stay-update .textbox-container input[type=text]::-webkit-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=password]::-webkit-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=number]::-webkit-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=email]::-webkit-input-placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=tel]::-webkit-input-placeholder { color: #F4F2EA; font-size: 14px; font-weight: 300; } footer .footer-menu-container .stay-update .textbox-container input[type=text]::placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=password]::placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=number]::placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=email]::placeholder, footer .footer-menu-container .stay-update .textbox-container input[type=tel]::placeholder { color: #F4F2EA; font-size: 14px; font-weight: 300; } footer .footer-menu-container .stay-update .footer-subscribe { width: 100%; } footer .footer-menu-container .stay-update .social-media-container { position: absolute; bottom: -10px; right: 0; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .footer-menu-container .stay-update .social-media-container { position: relative; text-align: left; order: 1; margin-top: 0px; margin-bottom: 0px; bottom: 0; width: 50%; } } footer .footer-menu-container .stay-update .social-media-container .facebook, footer .footer-menu-container .stay-update .social-media-container .instagram, footer .footer-menu-container .stay-update .social-media-container .wechat, footer .footer-menu-container .stay-update .social-media-container .weibo { width: 18px; height: 18px; position: relative; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; margin-right: 15px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -ms-transition: 0.2s all; -o-transition: 0.2s all; position: relative; top: 0; } footer .footer-menu-container .stay-update .social-media-container .facebook:hover, footer .footer-menu-container .stay-update .social-media-container .instagram:hover, footer .footer-menu-container .stay-update .social-media-container .wechat:hover, footer .footer-menu-container .stay-update .social-media-container .weibo:hover { position: relative; top: -3px; } footer .footer-menu-container .stay-update .social-media-container .facebook a, footer .footer-menu-container .stay-update .social-media-container .instagram a, footer .footer-menu-container .stay-update .social-media-container .wechat a, footer .footer-menu-container .stay-update .social-media-container .weibo a { position: absolute; width: 100%; height: 100%; } footer .footer-menu-container .stay-update .social-media-container .facebook { background-image: url("data:image/svg+xml,%3Csvg id='fb-icon' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Crect id='Rectangle_137' data-name='Rectangle 137' width='18' height='18' fill='none'/%3E%3Cpath id='fb' d='M2435.976,2184.178l1.695,0v-2.864a22.956,22.956,0,0,0-2.469-.125,3.855,3.855,0,0,0-4.115,4.228v2.36h-2.761v3.2h2.761v8.212h3.305v-8.212h2.757l.411-3.2h-3.168v-2.043C2434.392,2184.808,2434.65,2184.178,2435.976,2184.178Z' transform='translate(-2424.126 -2181.186)' fill='%23f4f2ea'/%3E%3C/svg%3E%0A"); } footer .footer-menu-container .stay-update .social-media-container .instagram { background-image: url("data:image/svg+xml,%3Csvg id='ig-icon' xmlns='http://www.w3.org/2000/svg' width='17.912' height='18' viewBox='0 0 17.912 18'%3E%3Crect id='Rectangle_138' data-name='Rectangle 138' width='17.912' height='18' fill='none'/%3E%3Cg id='ig'%3E%3Cpath id='Path_8' data-name='Path 8' d='M2429.629,2259.742H2422.5a5.341,5.341,0,0,0-5.392,5.277v7.445a5.341,5.341,0,0,0,5.392,5.278h7.129a5.342,5.342,0,0,0,5.391-5.278v-7.445A5.341,5.341,0,0,0,2429.629,2259.742Zm3.445,12.722a3.413,3.413,0,0,1-3.445,3.372H2422.5a3.413,3.413,0,0,1-3.444-3.372v-7.445a3.413,3.413,0,0,1,3.444-3.371h7.129a3.413,3.413,0,0,1,3.445,3.371Z' transform='translate(-2417.109 -2259.742)' fill='%23f4f2ea'/%3E%3Cpath id='Path_9' data-name='Path 9' d='M2432.568,2270.629a4.955,4.955,0,0,0-3.579,1.375,5,5,0,0,0,3.544,8.627,5.087,5.087,0,0,0,5.11-4.976,4.786,4.786,0,0,0-1.275-3.5A5.327,5.327,0,0,0,2432.568,2270.629Zm-.034,7.673a2.676,2.676,0,0,1-1.886-4.626,2.569,2.569,0,0,1,1.778-.719h.073a2.993,2.993,0,0,1,2.133.787,2.581,2.581,0,0,1,.633,1.86A2.729,2.729,0,0,1,2432.533,2278.3Z' transform='translate(-2423.578 -2266.655)' fill='%23f4f2ea'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M2452.227,2268.389a1.076,1.076,0,1,0,1.1,1.076A1.087,1.087,0,0,0,2452.227,2268.389Z' transform='translate(-2438.443 -2265.233)' fill='%23f4f2ea'/%3E%3C/g%3E%3C/svg%3E%0A"); } footer .footer-menu-container .stay-update .social-media-container .wechat { margin-right: 0px; width: 22px; background-image: url("data:image/svg+xml,%3Csvg id='wechat-icon' xmlns='http://www.w3.org/2000/svg' width='22.2' height='18' viewBox='0 0 22.2 18'%3E%3Crect id='Rectangle_140' data-name='Rectangle 140' width='22.2' height='18' fill='none'/%3E%3Cg id='wechat'%3E%3Cpath id='Path_6' data-name='Path 6' d='M2879.784,2204.17c0-3.129-3.128-5.676-6.642-5.676-3.722,0-6.653,2.547-6.653,5.676s2.931,5.675,6.653,5.675a9.778,9.778,0,0,0,2.345-.393l2.147,1.175-.589-1.955A5.921,5.921,0,0,0,2879.784,2204.17Zm-8.8-.981a.781.781,0,0,1,0-1.562.8.8,0,1,1,0,1.563Zm4.3,0a.781.781,0,0,1,0-1.562.8.8,0,1,1,0,1.563Z' transform='translate(-2857.686 -2192.626)' fill='%23f4f2ea'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M2857.328,2187.862a6.575,6.575,0,0,1,.753.047c-.677-3.152-4.045-5.493-7.891-5.493-4.3,0-7.822,2.93-7.822,6.651a6.418,6.418,0,0,0,3.133,5.282l-.784,2.35,2.735-1.371a13.334,13.334,0,0,0,2.739.4c.247,0,.489-.016.732-.034a5.779,5.779,0,0,1-.243-1.638A6.406,6.406,0,0,1,2857.328,2187.862Zm-4.2-2.121a.977.977,0,1,1,0,1.955.994.994,0,1,1,0-1.955Zm-5.474,1.955a.994.994,0,1,1,0-1.955.977.977,0,1,1,0,1.955Z' transform='translate(-2842.367 -2182.416)' fill='%23f4f2ea'/%3E%3C/g%3E%3C/svg%3E%0A"); } footer .footer-menu-container .stay-update .social-media-container .weibo { width: 22px; background-image: url("data:image/svg+xml,%3Csvg id='weibo-icon' xmlns='http://www.w3.org/2000/svg' width='22.222' height='18' viewBox='0 0 22.222 18'%3E%3Crect id='Rectangle_139' data-name='Rectangle 139' width='22.2' height='18' fill='none'/%3E%3Cg id='weibo'%3E%3Cpath id='Path_11' data-name='Path 11' d='M2764.881,2272.83c-.313-.095-.531-.158-.365-.569a2.312,2.312,0,0,0,.008-2.212c-.723-1.031-2.693-.974-4.954-.027,0,0-.713.31-.532-.255a2.544,2.544,0,0,0-.245-2.6c-1.226-1.226-4.491.047-7.294,2.844-2.093,2.1-3.311,4.32-3.311,6.241,0,3.675,4.712,5.907,9.321,5.907,6.045,0,10.065-3.51,10.065-6.3A3.376,3.376,0,0,0,2764.881,2272.83Zm-7.358,8.017c-3.68.363-6.853-1.3-7.094-3.713s2.552-4.668,6.226-5.03,6.858,1.3,7.1,3.713S2761.2,2280.484,2757.523,2280.847Z' transform='translate(-2748.188 -2264.163)' fill='%23f4f2ea'/%3E%3Cpath id='Path_12' data-name='Path 12' d='M2794.011,2261.681a5.891,5.891,0,0,0-5.6-1.81.851.851,0,1,0,.354,1.664,4.182,4.182,0,0,1,4.854,5.38.852.852,0,0,0,1.621.527v-.005A5.891,5.891,0,0,0,2794.011,2261.681Z' transform='translate(-2773.303 -2259.742)' fill='%23f4f2ea'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M2792.705,2272.233a.731.731,0,0,0,.923-.471,2.864,2.864,0,0,0-3.326-3.686.732.732,0,1,0,.3,1.432,1.4,1.4,0,0,1,1.626,1.8h0A.731.731,0,0,0,2792.705,2272.233Z' transform='translate(-2774.565 -2264.995)' fill='%23f4f2ea'/%3E%3Cpath id='Path_14' data-name='Path 14' d='M2766.431,2286.374a4.013,4.013,0,0,0-4.49,1.961,2.73,2.73,0,0,0,1.745,3.889,3.976,3.976,0,0,0,4.745-2.011A2.748,2.748,0,0,0,2766.431,2286.374Zm-1.337,4.02a1.389,1.389,0,0,1-1.69.553.975.975,0,0,1-.377-1.471,1.4,1.4,0,0,1,1.655-.558A.979.979,0,0,1,2765.094,2290.393Zm1.174-1.5a.534.534,0,0,1-.635.233.373.373,0,0,1-.167-.553.529.529,0,0,1,.625-.233A.372.372,0,0,1,2766.267,2288.89Z' transform='translate(-2756.729 -2276.578)' fill='%23f4f2ea'/%3E%3C/g%3E%3C/svg%3E%0A"); margin-right: 0px; } footer .copyright-container { display: flex; color: #F4F2EA; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; flex-wrap: wrap; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { footer .copyright-container { font-size: 12px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { footer .copyright-container { font-size: 12px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { footer .copyright-container { font-size: 12px; } } footer .copyright-container a { color: #F4F2EA; font-weight: 300; } footer .copyright-container a:hover { text-decoration: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .copyright-container { justify-content: center; } } footer .copyright-container .copyright { margin-right: 50px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { footer .copyright-container .copyright { width: 100%; margin-right: 0px; margin-bottom: 15px; text-align: center; } } footer .copyright-container .terms-and-conditions { margin-right: 50px; } .home .slider { height: 100vh; } .home .slider-mobile { height: 100vh; } .home .slider, .home .slider-mobile { overflow: hidden; position: relative; margin-bottom: 10px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .slider, .home .slider-mobile { height: 0; padding-top: 56.25%; margin-bottom: 0px; } } .home .slider .swiper-container, .home .slider-mobile .swiper-container { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .home .slider .swiper-container .swiper-wrapper .swiper-slide, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide { flex-wrap: wrap; align-items: flex-end !important; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide .bg, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .bg { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; top: 0px; left: 0px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .bg, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .bg { position: relative; flex: 1; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide { align-items: flex-end; flex-flow: column; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.left, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.left { justify-content: flex-start; } .home .slider .swiper-container .swiper-wrapper .swiper-slide.left .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.left .slide-content-container { padding-left: 90px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.left .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.left .slide-content-container { padding-left: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.left .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.left .slide-content-container { padding-left: 15px; padding-right: 15px; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.right, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.right { justify-content: flex-end; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.right, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.right { justify-content: flex-start; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.right .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.right .slide-content-container { padding-right: 90px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.right .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.right .slide-content-container { padding-right: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.right .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.right .slide-content-container { padding-left: 15px; padding-right: 15px; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.center, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.center { justify-content: center; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.center, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.center { justify-content: flex-start; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.center .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.center .slide-content-container { padding-right: 0px; padding-left: 0px; text-align: center; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.center .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.center .slide-content-container { padding-left: 15px; text-align: left; padding-right: 15px; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.style1, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style1 { color: #534F39; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.style1, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style1 { color: #ffffff; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.style2, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style2 { color: #262626; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.style2, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style2 { color: #ffffff; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.style3, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style3 { color: #262626; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.style3, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style3 { color: #ffffff; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.style4, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style4 { color: #ffffff; } .home .slider .swiper-container .swiper-wrapper .swiper-slide.style5, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style5 { color: #817A59; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.style5, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style5 { color: #ffffff; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.style6, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style6 { color: #646464; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.style6, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style6 { color: #ffffff; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide.style7, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style7 { color: #C9C9C9; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide.style7, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide.style7 { color: #ffffff; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container { width: 40%; max-width: 100%; font-weight: 400; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container { width: 55%; margin-top: 60px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container { width: 100%; padding-top: 25px; padding-bottom: 25px; position: relative; bottom: 0; background-color: #534F39; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .header, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .header { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .header, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .header { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .header, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .header { font-size: 17px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .header, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .header { font-size: 17px; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title { margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title { font-size: 46px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title { font-size: 34px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title { font-size: 28px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .title { line-height: 37px; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 50px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc { font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc { margin-bottom: 25px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .desc { margin-bottom: 8px; } } .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; letter-spacing: 1px; } .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction a, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction a { color: inherit; text-decoration: underline; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction a, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction a { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction a, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction a { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .slider .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction a, .home .slider-mobile .swiper-container .swiper-wrapper .swiper-slide .slide-content-container .view-auction a { font-size: 13px; } } .home .slider .swiper-container .swiper-pagination, .home .slider-mobile .swiper-container .swiper-pagination { bottom: 25px; -webkit-transition: 0.05s all; -moz-transition: 0.05s all; -ms-transition: 0.05s all; -o-transition: 0.05s all; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider .swiper-container .swiper-pagination, .home .slider-mobile .swiper-container .swiper-pagination { bottom: 255px; } } .home .slider .swiper-container .swiper-pagination .swiper-pagination-bullet, .home .slider-mobile .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 6px; opacity: 1; background-color: #262626; } .home .slider .swiper-container .swiper-pagination .swiper-pagination-bullet-active, .home .slider-mobile .swiper-container .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #262626; background-color: transparent !important; } .home .slider .swiper-container .swiper-pagination.style1 .swiper-pagination-bullet, .home .slider-mobile .swiper-container .swiper-pagination.style1 .swiper-pagination-bullet { background-color: #534F39; } .home .slider .swiper-container .swiper-pagination.style1 .swiper-pagination-bullet-active, .home .slider-mobile .swiper-container .swiper-pagination.style1 .swiper-pagination-bullet-active { border: 1px solid #534F39; } .home .slider .swiper-container .swiper-pagination.style2 .swiper-pagination-bullet, .home .slider-mobile .swiper-container .swiper-pagination.style2 .swiper-pagination-bullet { background-color: #262626; } .home .slider .swiper-container .swiper-pagination.style2 .swiper-pagination-bullet-active, .home .slider-mobile .swiper-container .swiper-pagination.style2 .swiper-pagination-bullet-active { border: 1px solid #262626; } .home .slider .swiper-container .swiper-pagination.style3 .swiper-pagination-bullet, .home .slider-mobile .swiper-container .swiper-pagination.style3 .swiper-pagination-bullet { background-color: #262626; } .home .slider .swiper-container .swiper-pagination.style3 .swiper-pagination-bullet-active, .home .slider-mobile .swiper-container .swiper-pagination.style3 .swiper-pagination-bullet-active { border: 1px solid #262626; } .home .slider .swiper-container .swiper-pagination.style4 .swiper-pagination-bullet, .home .slider-mobile .swiper-container .swiper-pagination.style4 .swiper-pagination-bullet { background-color: #ffffff; } .home .slider .swiper-container .swiper-pagination.style4 .swiper-pagination-bullet-active, .home .slider-mobile .swiper-container .swiper-pagination.style4 .swiper-pagination-bullet-active { border: 1px solid #ffffff; } .home .slider .swiper-container .swiper-pagination.style5 .swiper-pagination-bullet, .home .slider-mobile .swiper-container .swiper-pagination.style5 .swiper-pagination-bullet { background-color: #817A59; } .home .slider .swiper-container .swiper-pagination.style5 .swiper-pagination-bullet-active, .home .slider-mobile .swiper-container .swiper-pagination.style5 .swiper-pagination-bullet-active { border: 1px solid #817A59; } .home .slider .swiper-container .swiper-pagination.style6 .swiper-pagination-bullet, .home .slider-mobile .swiper-container .swiper-pagination.style6 .swiper-pagination-bullet { background-color: #646464; } .home .slider .swiper-container .swiper-pagination.style6 .swiper-pagination-bullet-active, .home .slider-mobile .swiper-container .swiper-pagination.style6 .swiper-pagination-bullet-active { border: 1px solid #646464; } .home .slider .swiper-container .swiper-pagination.style7 .swiper-pagination-bullet, .home .slider-mobile .swiper-container .swiper-pagination.style7 .swiper-pagination-bullet { background-color: #C9C9C9; } .home .slider .swiper-container .swiper-pagination.style7 .swiper-pagination-bullet-active, .home .slider-mobile .swiper-container .swiper-pagination.style7 .swiper-pagination-bullet-active { border: 1px solid #C9C9C9; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider { display: none; } } .home .slider-mobile { display: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .slider-mobile { display: block; } } .home .auctions-results .container { position: relative; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .container { padding-left: 30px; padding-right: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-button-next { display: block; top: calc(50% + 48px); transform: translateY(-50%); right: 3px !important; width: 20px !important; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-button-prev { display: block; top: calc(50% + 48px); transform: translateY(-50%); left: 3px !important; width: 20px !important; } } .home .auctions-results .swiper-pagination { display: none; -webkit-transition: 0.05s all; -moz-transition: 0.05s all; -ms-transition: 0.05s all; -o-transition: 0.05s all; } .home .auctions-results .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 6px; opacity: 1; background-color: #262626; } .home .auctions-results .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #262626; background-color: transparent !important; } .home .auctions-results .swiper-pagination.style1 .swiper-pagination-bullet { background-color: #534F39; } .home .auctions-results .swiper-pagination.style1 .swiper-pagination-bullet-active { border: 1px solid #534F39; } .home .auctions-results .swiper-pagination.style2 .swiper-pagination-bullet { background-color: #262626; } .home .auctions-results .swiper-pagination.style2 .swiper-pagination-bullet-active { border: 1px solid #262626; } .home .auctions-results .swiper-pagination.style3 .swiper-pagination-bullet { background-color: #262626; } .home .auctions-results .swiper-pagination.style3 .swiper-pagination-bullet-active { border: 1px solid #262626; } .home .auctions-results .swiper-pagination.style4 .swiper-pagination-bullet { background-color: #ffffff; } .home .auctions-results .swiper-pagination.style4 .swiper-pagination-bullet-active { border: 1px solid #ffffff; } .home .auctions-results .swiper-pagination.style5 .swiper-pagination-bullet { background-color: #817A59; } .home .auctions-results .swiper-pagination.style5 .swiper-pagination-bullet-active { border: 1px solid #817A59; } .home .auctions-results .swiper-pagination.style6 .swiper-pagination-bullet { background-color: #646464; } .home .auctions-results .swiper-pagination.style6 .swiper-pagination-bullet-active { border: 1px solid #646464; } .home .auctions-results .swiper-pagination.style7 .swiper-pagination-bullet { background-color: #C9C9C9; } .home .auctions-results .swiper-pagination.style7 .swiper-pagination-bullet-active { border: 1px solid #C9C9C9; } .home .auctions-results .swiper-container { width: 980px; max-width: 100%; margin: 0 auto; background-color: #F4F2EA; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-button-next { display: none; top: 225px; transform: translateY(-50%); right: 2px !important; width: 20px !important; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-button-prev { display: none; top: 225px; transform: translateY(-50%); left: 2px !important; width: 20px !important; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide { padding-top: 30px; position: relative; padding-bottom: 30px; padding-left: 90px; padding-right: 90px; display: flex; flex-wrap: wrap; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide { padding-left: 0px; padding-right: 0px; padding-bottom: 15px; padding-top: 0px; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col { width: calc(100% - 375px); padding-right: 30px; padding-top: 30px; position: relative; padding-bottom: 80px; } @media (min-width: 768px) and (max-width: 991px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col { width: 100%; order: 2; padding-left: 0px; padding-right: 0px; padding-top: 50px; padding-bottom: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col { width: 100%; order: 2; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 0px; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 30px; font-weight: 600; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .category { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .category { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .category { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .category { margin-bottom: 10px; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .header { margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .header { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .header { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .header { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .header { margin-bottom: 8px; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .title { margin-bottom: 18px; line-height: 42px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .title { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .title { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .title { line-height: 38px; margin-bottom: 20px; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .happening-now { margin-bottom: 55px; display: inline-block; padding: 10px 25px; background-color: #99C743; color: #ffffff; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .happening-now { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .happening-now { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .happening-now { font-size: 13px; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .datetime { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 55px; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .datetime { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .datetime { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .datetime { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .datetime { margin-bottom: 45px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .datetime { margin-bottom: 10px; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .bid-now-view-auction-container { position: absolute; bottom: 0px; width: 100%; height: 50px; display: flex; flex-wrap: wrap; } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .bid-now-view-auction-container .btn { position: relative; top: 0; left: 0; width: 42%; } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .bid-now-view-auction-container .btn:first-child { margin-right: 15px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .bid-now-view-auction-container { position: relative; height: auto; } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .bid-now-view-auction-container .btn { width: 100%; } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .bid-now-view-auction-container .btn:first-child { margin-bottom: 15px; margin-right: 0px; } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .bid-now-view-auction-container .upcoming-auctions-bit-now-btn { margin-bottom: 0px !important; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .starts-in { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 5px; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .starts-in { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .starts-in { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .starts-in { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .starts-in { display: none; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .time { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .time { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .time { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .time { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .time { display: none; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .btn { width: 280px; position: absolute; bottom: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .btn { position: relative; margin-top: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .left-col .btn { position: relative; margin-top: 15px; width: 100%; } } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .right-col { width: 375px; } .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .right-col img { width: 375px; max-width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .right-col img { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .right-col { width: 100%; order: 1; text-align: center; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .auctions-results .swiper-container .swiper-wrapper .swiper-slide .right-col { width: 100%; order: 1; text-align: center; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .available-now .swiper-button-next, .home .available-now .swiper-button-prev { width: 20px !important; } } .home .available-now .slider-container { padding-left: 90px; padding-right: 90px; } .home .available-now .swiper-slide .img { background-size: contain; background-position: center; background-repeat: no-repeat; margin-bottom: 10px; } .home .available-now .swiper-slide .title { margin-bottom: 17px; line-height: 24px; height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .available-now .swiper-slide .title { font-size: 20px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .available-now .swiper-slide .title { font-size: 20px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .available-now .swiper-slide .title { font-size: 18px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .available-now .swiper-slide .title { height: auto !important; -webkit-line-clamp: unset; } } .home .available-now .swiper-slide .price { margin-bottom: 30px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 500; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .available-now .swiper-slide .price { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .available-now .swiper-slide .price { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .available-now .swiper-slide .price { font-size: 13px; } } .home .available-now .swiper-slide .btn { width: 100%; } .home .video-section { background-color: #F7F7F7; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .video-section.common-padding { padding-top: 0px; padding-bottom: 0px; } } .home .video-section .video-container { margin: 0 auto; width: 980px; max-width: 100%; overflow: hidden; position: relative; cursor: pointer; } .home .video-section .video-container .play-btn { width: 78px; height: 78px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; } .home .video-section .video-container .bg { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } .home .video-section .video-container .bg:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .home .sales-highlights .box-container .box-wrapper { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: -0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .sales-highlights .box-container .box-wrapper { margin-bottom: -50px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .sales-highlights .box-container .box-wrapper { margin-bottom: -30px; } } .home .sales-highlights .box-container .box-wrapper .box { width: calc((100% - 100px) / 6); margin-bottom: 0px; margin-right: 20px; } .home .sales-highlights .box-container .box-wrapper .box:nth-child(6n) { margin-right: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .sales-highlights .box-container .box-wrapper .box { width: calc((100% - 80px) / 3); margin-right: 40px; margin-bottom: 50px; } .home .sales-highlights .box-container .box-wrapper .box:nth-child(6n) { margin-right: 40px; } .home .sales-highlights .box-container .box-wrapper .box:nth-child(3n) { margin-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .sales-highlights .box-container .box-wrapper .box { margin-right: 0px; margin-bottom: 30px; margin-right: 15px !important; width: calc((100% - 15px) / 2); } .home .sales-highlights .box-container .box-wrapper .box:nth-child(6n) { margin-right: 0px; } .home .sales-highlights .box-container .box-wrapper .box:nth-child(even) { margin-right: 0px !important; } .home .sales-highlights .box-container .box-wrapper .box:nth-last-child(2) { margin-bottom: 0px; } } .home .sales-highlights .box-container .box-wrapper .box a { color: inherit; } .home .sales-highlights .box-container .box-wrapper .box a:hover { text-decoration: none; } .home .sales-highlights .box-container .box-wrapper .box .img { background-size: contain; background-position: center; background-repeat: no-repeat; margin-bottom: 10px; } .home .sales-highlights .box-container .box-wrapper .box .title { margin-bottom: 17px; line-height: 24px; height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .sales-highlights .box-container .box-wrapper .box .title { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .sales-highlights .box-container .box-wrapper .box .title { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .sales-highlights .box-container .box-wrapper .box .title { font-size: 18px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .sales-highlights .box-container .box-wrapper .box .title { height: auto !important; } } .home .sales-highlights .box-container .box-wrapper .box .price { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 500; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .sales-highlights .box-container .box-wrapper .box .price { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .sales-highlights .box-container .box-wrapper .box .price { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .sales-highlights .box-container .box-wrapper .box .price { font-size: 13px; } } .home .sales-highlights .box-container .box-wrapper .box .btn { width: 100%; } .home .latest-news .box-container { display: -webkit-flex; display: flex; flex-wrap: wrap; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .latest-news .box-container { margin-bottom: -60px; } } .home .latest-news .box-container .box { margin-right: 20px; margin-bottom: 60px; } .home .latest-news .box-container .box:nth-child(-n+2) { width: calc((100% - 20px) / 2); } .home .latest-news .box-container .box:nth-child(3n+2) { margin-right: 0px; } .home .latest-news .box-container .box:nth-child(n+3) { width: calc(33.33% - 13.33px); } .home .latest-news .box-container .box:nth-child(n+3) .title { margin-bottom: 0; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .latest-news .box-container .box:nth-child(n+3) .title { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .latest-news .box-container .box:nth-child(n+3) .title { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .latest-news .box-container .box:nth-child(n+3) .title { font-size: 21px; } } .home .latest-news .box-container .box:nth-child(n+3) .desc { display: none; } .home .latest-news .box-container .box:nth-last-child(-n+3) { margin-bottom: 60px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .home .latest-news .box-container .box { margin-bottom: 60px; } .home .latest-news .box-container .box:nth-child(n+3) { width: calc((100% - 20px) / 2); } .home .latest-news .box-container .box:nth-last-child(-n+3) { margin-bottom: 60px; } .home .latest-news .box-container .box:nth-child(3n+2) { margin-right: 60px; } .home .latest-news .box-container .box:nth-child(even) { margin-right: 0px; } .home .latest-news .box-container .box:nth-last-child(-n+2) { margin-bottom: 0px; } .home .latest-news .box-container .box:nth-child(5) { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .latest-news .box-container .box { margin-bottom: 40px; width: 100%; margin-right: 0px; } .home .latest-news .box-container .box:nth-child(-n+2) { width: 100%; } .home .latest-news .box-container .box:nth-child(n+3) { width: 100%; } .home .latest-news .box-container .box:nth-last-child(-n+3) { margin-bottom: 40px; } .home .latest-news .box-container .box:nth-child(3n+2) { margin-right: 0px; } .home .latest-news .box-container .box:nth-child(even) { margin-right: 0px; } .home .latest-news .box-container .box:nth-last-child(-n+2) { margin-bottom: 40px; } .home .latest-news .box-container .box:last-child { margin-bottom: 0px; } .home .latest-news .box-container .box:nth-child(3), .home .latest-news .box-container .box:nth-child(4), .home .latest-news .box-container .box:nth-child(5) { display: none; } } .home .latest-news .box-container .box:hover .img .bg { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); } .home .latest-news .box-container .box a { color: inherit; } .home .latest-news .box-container .box a:hover { text-decoration: none; } .home .latest-news .box-container .box .img { margin-bottom: 15px; overflow: hidden; } .home .latest-news .box-container .box .img .bg { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } .home .latest-news .box-container .box .date { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 600; letter-spacing: 2px; margin-bottom: 12px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .latest-news .box-container .box .date { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .latest-news .box-container .box .date { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .latest-news .box-container .box .date { font-size: 12px; } } .home .latest-news .box-container .box .title { line-height: 35px; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .latest-news .box-container .box .title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .latest-news .box-container .box .title { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .latest-news .box-container .box .title { font-size: 21px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .latest-news .box-container .box .title { margin-bottom: 15px; line-height: 28px; height: auto !important; -webkit-line-clamp: unset; } } .home .latest-news .box-container .box .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 25px; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .home .latest-news .box-container .box .desc { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .home .latest-news .box-container .box .desc { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .home .latest-news .box-container .box .desc { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home .latest-news .box-container .box .desc { line-height: 24px; } } .common-padding { padding-top: 60px; padding-bottom: 60px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .common-padding { padding-top: 40px; padding-bottom: 40px; } } .section-title { margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .section-title { font-size: 38px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .section-title { font-size: 35px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .section-title { font-size: 32px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .section-title { margin-bottom: 25px; } } .filter-btn-responsive { position: absolute; top: 13px; right: 0px; display: none; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; letter-spacing: 1px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .filter-btn-responsive { display: block; } } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .filter-btn-responsive { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .filter-btn-responsive { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .filter-btn-responsive { font-size: 13px; } } .filter-btn-responsive:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='Group_460' data-name='Group 460' transform='translate(-247 -1070)'%3E%3Cg id='Group_459' data-name='Group 459' transform='translate(-244.209 432.147)'%3E%3Crect id='Rectangle_417' data-name='Rectangle 417' width='26' height='26' transform='translate(491.209 637.853)' fill='none'/%3E%3Cline id='Line_242' data-name='Line 242' x1='17.333' transform='translate(495.543 643.92)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cline id='Line_243' data-name='Line 243' x1='17.333' transform='translate(495.543 650.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cline id='Line_244' data-name='Line 244' x1='17.333' transform='translate(495.543 657.786)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Ccircle id='Ellipse_19' data-name='Ellipse 19' cx='1.733' cy='1.733' r='1.733' transform='translate(503.827 642.186)' fill='%23fff' stroke='%23534f39' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Ccircle id='Ellipse_20' data-name='Ellipse 20' cx='1.733' cy='1.733' r='1.733' transform='translate(498.506 649.12)' fill='%23fff' stroke='%23534f39' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Ccircle id='Ellipse_21' data-name='Ellipse 21' cx='1.733' cy='1.733' r='1.733' transform='translate(506.294 656.053)' fill='%23fff' stroke='%23534f39' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); width: 25px; height: 25px; top: 0; left: 0; position: absolute; top: -3px; left: -35px; background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .responsive-filter-container { display: none; } } .responsive-filter-container .filter-view { display: none; margin-bottom: 20px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .responsive-filter-container .filter-view { display: flex; } } .responsive-filter-container .filter-view .view-left-col { width: 50%; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; letter-spacing: 1px; position: relative; color: #BFBFBF; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .responsive-filter-container .filter-view .view-left-col { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .responsive-filter-container .filter-view .view-left-col { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .responsive-filter-container .filter-view .view-left-col { font-size: 13px; } } .responsive-filter-container .filter-view .view-left-col:before { content: ""; width: 25px; height: 25px; background-position: center; background-size: contain; background-repeat: no-repeat; margin-right: 12px; background-image: url("data:image/svg+xml,%3Csvg id='List-View' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='Rectangle_279' data-name='Rectangle 279' width='30' height='30' fill='none'/%3E%3Cg id='Group_289' data-name='Group 289' transform='translate(-568.253 -637.853)'%3E%3Crect id='Rectangle_280' data-name='Rectangle 280' width='4' height='4' transform='translate(573.253 650.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_281' data-name='Rectangle 281' width='12' height='4' transform='translate(581.253 650.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_282' data-name='Rectangle 282' width='4' height='4' transform='translate(573.253 642.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_283' data-name='Rectangle 283' width='12' height='4' transform='translate(581.253 642.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_284' data-name='Rectangle 284' width='4' height='4' transform='translate(573.253 658.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_285' data-name='Rectangle 285' width='12' height='4' transform='translate(581.253 658.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); position: absolute; top: -3px; } .responsive-filter-container .filter-view .view-left-col.active { color: #534F39; } .responsive-filter-container .filter-view .view-left-col.active:before { background-image: url("data:image/svg+xml,%3Csvg id='List-View' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='Rectangle_279' data-name='Rectangle 279' width='30' height='30' fill='none'/%3E%3Cg id='Group_289' data-name='Group 289' transform='translate(-568.253 -637.853)'%3E%3Crect id='Rectangle_280' data-name='Rectangle 280' width='4' height='4' transform='translate(573.253 650.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_281' data-name='Rectangle 281' width='12' height='4' transform='translate(581.253 650.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_282' data-name='Rectangle 282' width='4' height='4' transform='translate(573.253 642.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_283' data-name='Rectangle 283' width='12' height='4' transform='translate(581.253 642.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_284' data-name='Rectangle 284' width='4' height='4' transform='translate(573.253 658.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_285' data-name='Rectangle 285' width='12' height='4' transform='translate(581.253 658.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .responsive-filter-container .filter-view .view-left-col a { padding-left: 35px; } .responsive-filter-container .filter-view .view-right-col { width: 50%; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; letter-spacing: 1px; position: relative; color: #BFBFBF; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .responsive-filter-container .filter-view .view-right-col { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .responsive-filter-container .filter-view .view-right-col { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .responsive-filter-container .filter-view .view-right-col { font-size: 13px; } } .responsive-filter-container .filter-view .view-right-col:before { content: ""; width: 25px; height: 25px; background-position: center; background-size: contain; background-repeat: no-repeat; margin-right: 12px; background-image: url("data:image/svg+xml,%3Csvg id='Gallery-View' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='Rectangle_286' data-name='Rectangle 286' width='30' height='30' fill='none'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-606.028 -637.853)'%3E%3Crect id='Rectangle_287' data-name='Rectangle 287' width='8' height='8' transform='translate(611.028 642.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_288' data-name='Rectangle 288' width='8' height='8' transform='translate(623.028 642.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_289' data-name='Rectangle 289' width='8' height='8' transform='translate(611.028 654.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_290' data-name='Rectangle 290' width='8' height='8' transform='translate(623.028 654.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); position: absolute; top: -3px; } .responsive-filter-container .filter-view .view-right-col.active { color: #534F39; } .responsive-filter-container .filter-view .view-right-col.active:before { background-image: url("data:image/svg+xml,%3Csvg id='Gallery-View' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='Rectangle_286' data-name='Rectangle 286' width='30' height='30' fill='none'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-606.028 -637.853)'%3E%3Crect id='Rectangle_287' data-name='Rectangle 287' width='8' height='8' transform='translate(611.028 642.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_288' data-name='Rectangle 288' width='8' height='8' transform='translate(623.028 642.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_289' data-name='Rectangle 289' width='8' height='8' transform='translate(611.028 654.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_290' data-name='Rectangle 290' width='8' height='8' transform='translate(623.028 654.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .responsive-filter-container .filter-view .view-right-col a { padding-left: 35px; } .responsive-filter-container .filter-view a { color: inherit; } .responsive-filter-container .filter-view a:hover { text-decoration: none; } .common-view-more { position: absolute; top: 20px; right: 15px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .common-view-more { display: none; } } .common-view-more a { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; text-decoration: underline; letter-spacing: 1px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .common-view-more a { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .common-view-more a { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .common-view-more a { font-size: 13px; } } .common-view-more-bottom { display: none; text-align: center; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .common-view-more-bottom { display: block; } } .common-view-more-bottom a { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; text-decoration: underline; letter-spacing: 1px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .common-view-more-bottom a { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .common-view-more-bottom a { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .common-view-more-bottom a { font-size: 13px; } } .btn { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; padding: 13px 15px; font-weight: 400; text-align: center; border-radius: 0px; letter-spacing: 2px; border: 0px; align-items: center; display: flex; justify-content: center; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .btn { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .btn { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .btn { font-size: 14px; } } .btn.white { background-color: #ffffff; color: #262626; border: 1px solid #262626; } .btn.white:hover { border: 1px solid #534F39; background-color: #534F39; color: #F4F2EA; } .btn.springwood { background-color: #F4F2EA; color: #2C251C; } .btn.springwood:hover { color: #2C251C; background-color: rgba(255, 255, 255, 0.7); } .btn.red { background-color: transparent; color: #262626; border: 1px solid #262626; } .btn.red:hover { color: #F4F2EA !important; border: 1px solid #534F39; background-color: #534F39; } .btn.zeus { background-color: #2C251C; color: #F4F2EA; } .btn.zeus:hover { background-color: rgba(83, 79, 57, 0.7); color: #F4F2EA; } .btn.transparent-white { background-color: transparent; color: #ffffff; border: 1px solid #ffffff; } .btn.transparent-white:hover { background-color: rgba(255, 255, 255, 0.15); color: #F4F2EA; border: 1px solid #ffffff; } .btn.transparent-mineshaft, .btn.fav-btn, .btn.load-more-btn { background-color: transparent; color: #262626; border: 1px solid #262626; } .btn.transparent-mineshaft:hover, .btn.fav-btn:hover, .btn.load-more-btn:hover { color: #F4F2EA !important; border: 1px solid #534F39; background-color: #534F39; } .btn.fav-btn { padding-left: 0px; padding-right: 0px; } .btn.my-account-task { width: 100%; } .btn.account-details-change-password-btn { width: 100%; } .btn.acccount-details-form-submit { width: 100%; } .btn.contact-form-submit { min-width: 180px; } .btn.register-form-submit, .btn.password-reset-form-submit { margin-top: 20px; width: 100%; } .swiper-button-prev { background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.901 57.801'%3E%3Cpath id='Path_1' data-name='Path 1' d='M57.4,2202.09l-27.487,27.487L57.4,2257.063' transform='translate(-28.916 -2200.676)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); left: 25px !important; width: 27px !important; height: 54px !important; } .swiper-button-prev:after { display: none; } .swiper-button-next { background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.901 57.801'%3E%3Cpath id='Path_2' data-name='Path 2' d='M29.916,2202.09,57.4,2229.576l-27.487,27.487' transform='translate(-28.502 -2200.676)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); right: 25px !important; width: 27px !important; height: 54px !important; } .swiper-button-next:after { display: none; } input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel] { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; background-color: transparent; border: 0px none; border-bottom: 1px solid #F4F2EA; height: 45px; font-size: 14px; font-weight: 500; color: #F4F2EA; font-weight: 300; width: 100%; text-align: left; } input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder { color: #262626; font-size: 14px; font-weight: 300; } input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder { color: #262626; font-size: 14px; font-weight: 300; } input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder { color: #262626; font-size: 14px; font-weight: 300; } input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder { color: #262626; font-size: 14px; font-weight: 300; } input[type=text]::placeholder, input[type=password]::placeholder, input[type=number]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder { color: #262626; font-size: 14px; font-weight: 300; } .at-share-btn { margin: 0px !important; } .at-icon-wrapper { width: 35px; background-color: transparent !important; } .at-icon-wrapper svg { fill: white; width: 25px !important; height: 25px !important; } .to-top { width: 35px; height: 35px; background-image: url("data:image/svg+xml,%3Csvg id='go-to-top-btn' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Rectangle_359' data-name='Rectangle 359' fill='rgba(255,255,255,0.75)' stroke='%23534f39' stroke-width='1'%3E%3Crect width='30' height='30' rx='9' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='8.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_143' data-name='Path 143' d='M29.916,2202.09l9,9-9,9' transform='translate(-2195.59 49.416) rotate(-90)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; position: fixed; right: 30px; bottom: 50px; cursor: pointer; opacity: 0; pointer-events: none; z-index: 2; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .to-top { bottom: 25px; right: 15px; } } .to-top.active { cursor: pointer; opacity: 1; pointer-events: auto; } .top-menu-container { display: flex; padding-bottom: 2px; margin-bottom: 30px; width: 100%; position: relative; } .top-menu-container:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #262626; bottom: 3px; left: 0; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .top-menu-container { overflow: auto; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .top-menu-container { margin-bottom: 25px !important; } } .top-menu-container .menu-item { margin-right: 55px; padding-bottom: 2px; position: relative; position: relative; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .top-menu-container .menu-item { margin-right: 50px; white-space: nowrap; } } .top-menu-container .menu-item:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #262626; bottom: 1px; left: 0; } .top-menu-container .menu-item a { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 1px; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .top-menu-container .menu-item a { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .top-menu-container .menu-item a { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .top-menu-container .menu-item a { font-size: 14px; } } .top-menu-container .menu-item a:hover { text-decoration: none; } .top-menu-container .menu-item.active { border-bottom: 3px solid #262626; } .top-menu-container .menu-item.active a { color: #262626; } .top-menu-container .menu-item.active:after { display: none; } .my-account .hi-user, .order-summary-body .hi-user, .bidder-application-body .hi-user { margin-bottom: 25px; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .hi-user, .order-summary-body .hi-user, .bidder-application-body .hi-user { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .hi-user, .order-summary-body .hi-user, .bidder-application-body .hi-user { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .hi-user, .order-summary-body .hi-user, .bidder-application-body .hi-user { font-size: 32px; } } .my-account .hi-user .account-status, .order-summary-body .hi-user .account-status, .bidder-application-body .hi-user .account-status { position: absolute; bottom: 0; right: 0; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .hi-user .account-status, .order-summary-body .hi-user .account-status, .bidder-application-body .hi-user .account-status { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .hi-user .account-status, .order-summary-body .hi-user .account-status, .bidder-application-body .hi-user .account-status { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .hi-user .account-status, .order-summary-body .hi-user .account-status, .bidder-application-body .hi-user .account-status { font-size: 15px; } } @media (min-width: 768px) and (max-width: 991px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .hi-user .account-status, .order-summary-body .hi-user .account-status, .bidder-application-body .hi-user .account-status { position: relative; width: 100%; margin-top: 8px; } } .my-account .box-container .delivery-method-box .same-billing-cb-container, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container { margin-bottom: 27px; margin-top: -5px; } .my-account .box-container .delivery-method-box .same-billing-cb-container .custom-control-label, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label { padding-left: 8px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .delivery-method-box .same-billing-cb-container .custom-control-label, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .delivery-method-box .same-billing-cb-container .custom-control-label, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .delivery-method-box .same-billing-cb-container .custom-control-label, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label { font-size: 14px; } } .my-account .box-container .delivery-method-box .same-billing-cb-container .custom-control-label:before, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label:before, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label:before { border-radius: 0 !important; } .my-account .box-container .delivery-method-box .same-billing-cb-container .custom-control-label:after, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label:after, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label:after { left: -24px; } .my-account .box-container .delivery-method-box .same-billing-cb-container .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-color: #99C743 !important; } .my-account .box-container .delivery-method-box .same-billing-cb-container .custom-control-label::before, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label::before, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label::before { top: 0px !important; } .my-account .box-container .delivery-method-box .same-billing-cb-container .custom-control-label::after, .order-summary-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label::after, .bidder-application-body .box-container .delivery-method-box .same-billing-cb-container .custom-control-label::after { top: 0px !important; } .my-account .box-container .box, .order-summary-body .box-container .box, .bidder-application-body .box-container .box { background-color: #ffffff; margin-bottom: 20px; padding: 30px 30px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box, .order-summary-body .box-container .box, .bidder-application-body .box-container .box { padding: 15px; padding-top: 25px; padding-bottom: 25px; } } .my-account .box-container .box:last-child, .order-summary-body .box-container .box:last-child, .bidder-application-body .box-container .box:last-child { margin-bottom: 0px; } .my-account .box-container .box.task-box, .order-summary-body .box-container .box.task-box, .bidder-application-body .box-container .box.task-box { display: flex; flex-wrap: wrap; } .my-account .box-container .box.task-box .left-col, .order-summary-body .box-container .box.task-box .left-col, .bidder-application-body .box-container .box.task-box .left-col { width: calc(100% - 185px); padding-right: 25px; display: flex; align-items: top; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.task-box .left-col, .order-summary-body .box-container .box.task-box .left-col, .bidder-application-body .box-container .box.task-box .left-col { width: 100%; padding-right: 0px; margin-bottom: 35px; } } .my-account .box-container .box.task-box .left-col .icon, .order-summary-body .box-container .box.task-box .left-col .icon, .bidder-application-body .box-container .box.task-box .left-col .icon { width: 20px; margin-top: 2px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_73' data-name='Group 73' transform='translate(-318 -493)'%3E%3Ctext id='_' data-name='!' transform='translate(326 509)' fill='%23262626' font-size='14' font-family='SegoeUI, Segoe UI' letter-spacing='0.05em'%3E%3Ctspan x='0' y='0'%3E!%3C/tspan%3E%3C/text%3E%3Cg id='Ellipse_14' data-name='Ellipse 14' transform='translate(318 493)' fill='none' stroke='%23262626' stroke-width='1'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none'/%3E%3Ccircle cx='10' cy='10' r='9.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; } .my-account .box-container .box.task-box .left-col .content, .order-summary-body .box-container .box.task-box .left-col .content, .bidder-application-body .box-container .box.task-box .left-col .content { padding-left: 15px; width: calc(100% - 20px); font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.task-box .left-col .content, .order-summary-body .box-container .box.task-box .left-col .content, .bidder-application-body .box-container .box.task-box .left-col .content { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.task-box .left-col .content, .order-summary-body .box-container .box.task-box .left-col .content, .bidder-application-body .box-container .box.task-box .left-col .content { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.task-box .left-col .content, .order-summary-body .box-container .box.task-box .left-col .content, .bidder-application-body .box-container .box.task-box .left-col .content { font-size: 16px; } } .my-account .box-container .box.task-box .right-col, .order-summary-body .box-container .box.task-box .right-col, .bidder-application-body .box-container .box.task-box .right-col { width: 185px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.task-box .right-col, .order-summary-body .box-container .box.task-box .right-col, .bidder-application-body .box-container .box.task-box .right-col { width: 100%; } .my-account .box-container .box.task-box .right-col .btn, .order-summary-body .box-container .box.task-box .right-col .btn, .bidder-application-body .box-container .box.task-box .right-col .btn { width: 100%; } } .my-account .box-container .box.user-information-box .header, .order-summary-body .box-container .box.user-information-box .header, .bidder-application-body .box-container .box.user-information-box .header { border-bottom: 1px solid #BFBFBF; padding-bottom: 15px; position: relative; padding-right: 70px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.user-information-box .header, .order-summary-body .box-container .box.user-information-box .header, .bidder-application-body .box-container .box.user-information-box .header { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.user-information-box .header, .order-summary-body .box-container .box.user-information-box .header, .bidder-application-body .box-container .box.user-information-box .header { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.user-information-box .header, .order-summary-body .box-container .box.user-information-box .header, .bidder-application-body .box-container .box.user-information-box .header { font-size: 21px; } } .my-account .box-container .box.user-information-box .header a, .order-summary-body .box-container .box.user-information-box .header a, .bidder-application-body .box-container .box.user-information-box .header a { position: absolute; top: 4px; right: 0; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 2px; color: #534F39; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.user-information-box .header a, .order-summary-body .box-container .box.user-information-box .header a, .bidder-application-body .box-container .box.user-information-box .header a { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.user-information-box .header a, .order-summary-body .box-container .box.user-information-box .header a, .bidder-application-body .box-container .box.user-information-box .header a { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.user-information-box .header a, .order-summary-body .box-container .box.user-information-box .header a, .bidder-application-body .box-container .box.user-information-box .header a { font-size: 13px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.user-information-box .header a, .order-summary-body .box-container .box.user-information-box .header a, .bidder-application-body .box-container .box.user-information-box .header a { font-size: 0px; } } .my-account .box-container .box.user-information-box .header a:hover, .order-summary-body .box-container .box.user-information-box .header a:hover, .bidder-application-body .box-container .box.user-information-box .header a:hover { text-decoration: none; } .my-account .box-container .box.user-information-box .header a:before, .order-summary-body .box-container .box.user-information-box .header a:before, .bidder-application-body .box-container .box.user-information-box .header a:before { content: ""; width: 24px; height: 24px; position: absolute; top: -3px; padding-right: 40px; left: -35px; background-position: left; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_395' data-name='Group 395' transform='translate(-740.451 -673.434)'%3E%3Cpath id='Rectangle_197' data-name='Rectangle 197' d='M762.288,687.225v8.182H743.68V676.8h9.3' transform='translate(-0.668 -0.668)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='Group_393' data-name='Group 393' transform='translate(749.09 674.026)'%3E%3Cpath id='Path_57' data-name='Path 57' d='M764.036,679.449,761,676.41l-8.968,8.967-.837,3.876,3.876-.837Z' transform='translate(-751.193 -674.62)' fill='%23534f39'/%3E%3Cpath id='Rectangle_198' data-name='Rectangle 198' d='M767.7,674.827h0a2.149,2.149,0,0,1,0,3.039l-.352.352h0l-3.039-3.039h0l.352-.352A2.149,2.149,0,0,1,767.7,674.827Z' transform='translate(-753.698 -674.197)' fill='%23534f39'/%3E%3C/g%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='24' height='24' transform='translate(740.451 673.434)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A"); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.user-information-box .header a:before, .order-summary-body .box-container .box.user-information-box .header a:before, .bidder-application-body .box-container .box.user-information-box .header a:before { left: -16px; } } .my-account .box-container .box.user-information-box .edit-btn, .order-summary-body .box-container .box.user-information-box .edit-btn, .bidder-application-body .box-container .box.user-information-box .edit-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 2px; color: #534F39; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.user-information-box .edit-btn, .order-summary-body .box-container .box.user-information-box .edit-btn, .bidder-application-body .box-container .box.user-information-box .edit-btn { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.user-information-box .edit-btn, .order-summary-body .box-container .box.user-information-box .edit-btn, .bidder-application-body .box-container .box.user-information-box .edit-btn { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.user-information-box .edit-btn, .order-summary-body .box-container .box.user-information-box .edit-btn, .bidder-application-body .box-container .box.user-information-box .edit-btn { font-size: 13px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.user-information-box .edit-btn, .order-summary-body .box-container .box.user-information-box .edit-btn, .bidder-application-body .box-container .box.user-information-box .edit-btn { font-size: 0px; } } .my-account .box-container .box.user-information-box .edit-btn:hover, .order-summary-body .box-container .box.user-information-box .edit-btn:hover, .bidder-application-body .box-container .box.user-information-box .edit-btn:hover { text-decoration: none; } .my-account .box-container .box.user-information-box .edit-btn:before, .order-summary-body .box-container .box.user-information-box .edit-btn:before, .bidder-application-body .box-container .box.user-information-box .edit-btn:before { content: ""; width: 24px; height: 24px; position: absolute; top: -3px; padding-right: 40px; left: -35px; background-position: left; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_395' data-name='Group 395' transform='translate(-740.451 -673.434)'%3E%3Cpath id='Rectangle_197' data-name='Rectangle 197' d='M762.288,687.225v8.182H743.68V676.8h9.3' transform='translate(-0.668 -0.668)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='Group_393' data-name='Group 393' transform='translate(749.09 674.026)'%3E%3Cpath id='Path_57' data-name='Path 57' d='M764.036,679.449,761,676.41l-8.968,8.967-.837,3.876,3.876-.837Z' transform='translate(-751.193 -674.62)' fill='%23534f39'/%3E%3Cpath id='Rectangle_198' data-name='Rectangle 198' d='M767.7,674.827h0a2.149,2.149,0,0,1,0,3.039l-.352.352h0l-3.039-3.039h0l.352-.352A2.149,2.149,0,0,1,767.7,674.827Z' transform='translate(-753.698 -674.197)' fill='%23534f39'/%3E%3C/g%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='24' height='24' transform='translate(740.451 673.434)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A"); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.user-information-box .edit-btn:before, .order-summary-body .box-container .box.user-information-box .edit-btn:before, .bidder-application-body .box-container .box.user-information-box .edit-btn:before { left: -16px; } } .my-account .box-container .box.user-information-box .info-box, .order-summary-body .box-container .box.user-information-box .info-box, .bidder-application-body .box-container .box.user-information-box .info-box { position: relative; padding-top: 15px; padding-bottom: 15px; display: flex; border-bottom: 1px solid #BFBFBF; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.user-information-box .info-box, .order-summary-body .box-container .box.user-information-box .info-box, .bidder-application-body .box-container .box.user-information-box .info-box { flex-wrap: wrap; } } .my-account .box-container .box.user-information-box .info-box.profile-remark, .order-summary-body .box-container .box.user-information-box .info-box.profile-remark, .bidder-application-body .box-container .box.user-information-box .info-box.profile-remark { padding-bottom: 0px !important; padding-top: 15px !important; font-weight: 300; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.user-information-box .info-box.profile-remark, .order-summary-body .box-container .box.user-information-box .info-box.profile-remark, .bidder-application-body .box-container .box.user-information-box .info-box.profile-remark { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.user-information-box .info-box.profile-remark, .order-summary-body .box-container .box.user-information-box .info-box.profile-remark, .bidder-application-body .box-container .box.user-information-box .info-box.profile-remark { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.user-information-box .info-box.profile-remark, .order-summary-body .box-container .box.user-information-box .info-box.profile-remark, .bidder-application-body .box-container .box.user-information-box .info-box.profile-remark { font-size: 15px; } } .my-account .box-container .box.user-information-box .info-box.profile-remark a, .order-summary-body .box-container .box.user-information-box .info-box.profile-remark a, .bidder-application-body .box-container .box.user-information-box .info-box.profile-remark a { color: inherit; text-decoration: underline; } .my-account .box-container .box.user-information-box .info-box.profile-remark a:hover, .order-summary-body .box-container .box.user-information-box .info-box.profile-remark a:hover, .bidder-application-body .box-container .box.user-information-box .info-box.profile-remark a:hover { text-decoration: underline; } .my-account .box-container .box.user-information-box .info-box .info-left-col, .order-summary-body .box-container .box.user-information-box .info-box .info-left-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-left-col { width: 25%; color: #808080; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.user-information-box .info-box .info-left-col, .order-summary-body .box-container .box.user-information-box .info-box .info-left-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-left-col { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.user-information-box .info-box .info-left-col, .order-summary-body .box-container .box.user-information-box .info-box .info-left-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-left-col { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.user-information-box .info-box .info-left-col, .order-summary-body .box-container .box.user-information-box .info-box .info-left-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-left-col { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.user-information-box .info-box .info-left-col, .order-summary-body .box-container .box.user-information-box .info-box .info-left-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-left-col { width: 100%; margin-bottom: 7px; } } .my-account .box-container .box.user-information-box .info-box .info-right-col, .order-summary-body .box-container .box.user-information-box .info-box .info-right-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-right-col { width: 75%; color: #262626; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.user-information-box .info-box .info-right-col, .order-summary-body .box-container .box.user-information-box .info-box .info-right-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-right-col { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.user-information-box .info-box .info-right-col, .order-summary-body .box-container .box.user-information-box .info-box .info-right-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-right-col { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.user-information-box .info-box .info-right-col, .order-summary-body .box-container .box.user-information-box .info-box .info-right-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-right-col { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.user-information-box .info-box .info-right-col, .order-summary-body .box-container .box.user-information-box .info-box .info-right-col, .bidder-application-body .box-container .box.user-information-box .info-box .info-right-col { width: 100%; } } .my-account .box-container .box.lots-box a, .my-account .box-container .box.consignment-box a, .order-summary-body .box-container .box.lots-box a, .order-summary-body .box-container .box.consignment-box a, .bidder-application-body .box-container .box.lots-box a, .bidder-application-body .box-container .box.consignment-box a { color: inherit; } .my-account .box-container .box.lots-box a:hover, .my-account .box-container .box.consignment-box a:hover, .order-summary-body .box-container .box.lots-box a:hover, .order-summary-body .box-container .box.consignment-box a:hover, .bidder-application-body .box-container .box.lots-box a:hover, .bidder-application-body .box-container .box.consignment-box a:hover { text-decoration: none; } .my-account .box-container .box.lots-box .header, .my-account .box-container .box.consignment-box .header, .order-summary-body .box-container .box.lots-box .header, .order-summary-body .box-container .box.consignment-box .header, .bidder-application-body .box-container .box.lots-box .header, .bidder-application-body .box-container .box.consignment-box .header { border-bottom: 1px solid #BFBFBF; padding-bottom: 15px; position: relative; padding-right: 70px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .header, .my-account .box-container .box.consignment-box .header, .order-summary-body .box-container .box.lots-box .header, .order-summary-body .box-container .box.consignment-box .header, .bidder-application-body .box-container .box.lots-box .header, .bidder-application-body .box-container .box.consignment-box .header { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .header, .my-account .box-container .box.consignment-box .header, .order-summary-body .box-container .box.lots-box .header, .order-summary-body .box-container .box.consignment-box .header, .bidder-application-body .box-container .box.lots-box .header, .bidder-application-body .box-container .box.consignment-box .header { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .header, .my-account .box-container .box.consignment-box .header, .order-summary-body .box-container .box.lots-box .header, .order-summary-body .box-container .box.consignment-box .header, .bidder-application-body .box-container .box.lots-box .header, .bidder-application-body .box-container .box.consignment-box .header { font-size: 21px; } } .my-account .box-container .box.lots-box .lots-row, .my-account .box-container .box.consignment-box .lots-row, .order-summary-body .box-container .box.lots-box .lots-row, .order-summary-body .box-container .box.consignment-box .lots-row, .bidder-application-body .box-container .box.lots-box .lots-row, .bidder-application-body .box-container .box.consignment-box .lots-row { padding-top: 15px; padding-bottom: 15px; display: flex; border-bottom: 1px solid #BFBFBF; position: relative; } .my-account .box-container .box.lots-box .lots-row a, .my-account .box-container .box.consignment-box .lots-row a, .order-summary-body .box-container .box.lots-box .lots-row a, .order-summary-body .box-container .box.consignment-box .lots-row a, .bidder-application-body .box-container .box.lots-box .lots-row a, .bidder-application-body .box-container .box.consignment-box .lots-row a { width: 100%; } .my-account .box-container .box.lots-box .lots-row .add-to-favourite, .my-account .box-container .box.consignment-box .lots-row .add-to-favourite, .order-summary-body .box-container .box.lots-box .lots-row .add-to-favourite, .order-summary-body .box-container .box.consignment-box .lots-row .add-to-favourite, .bidder-application-body .box-container .box.lots-box .lots-row .add-to-favourite, .bidder-application-body .box-container .box.consignment-box .lots-row .add-to-favourite { cursor: pointer; position: absolute; top: 18px; z-index: 2; right: 7px; width: 18px; height: 18px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16.456' viewBox='0 0 18 16.456'%3E%3Cg id='Path_146' data-name='Path 146' transform='translate(-641.704 -483.897)' fill='%23eb1b3b' stroke-linejoin='round'%3E%3Cpath d='M 650.7042236328125 498.9389953613281 L 643.9553833007813 492.190185546875 C 642.2899169921875 490.524658203125 642.2899169921875 487.8143005371094 643.9554443359375 486.1483764648438 C 644.7623901367188 485.3416748046875 645.8353271484375 484.8973083496094 646.9765014648438 484.8973083496094 C 648.1175537109375 484.8973083496094 649.1903076171875 485.3416442871094 649.9971313476563 486.1484375 L 650.7042236328125 486.8555603027344 L 651.4113159179688 486.1484680175781 C 652.2181396484375 485.3416442871094 653.2909545898438 484.8973083496094 654.4320678710938 484.8973083496094 C 655.5732421875 484.8973083496094 656.6461181640625 485.3416748046875 657.4531860351563 486.1485290527344 C 659.1185302734375 487.8143005371094 659.1185302734375 490.524658203125 657.4530639648438 492.1902160644531 L 650.7042236328125 498.9389953613281 Z' stroke='none'/%3E%3Cpath d='M 646.9765014648438 485.8973083496094 C 646.1023559570313 485.8973083496094 645.280517578125 486.2377014160156 644.6626586914063 486.8554077148438 C 643.3869018554688 488.1314086914063 643.3868408203125 490.2073974609375 644.6624755859375 491.4830932617188 L 650.7042236328125 497.5247802734375 L 656.7459716796875 491.483154296875 C 658.0216064453125 490.2074279785156 658.0215454101563 488.1314086914063 656.7461547851563 486.855712890625 C 656.1279907226563 486.2376708984375 655.30615234375 485.8973083496094 654.4320678710938 485.8973083496094 C 653.5580444335938 485.8973083496094 652.7363891601563 486.2376403808594 652.118408203125 486.8555603027344 C 651.7433471679688 487.2306518554688 651.234619140625 487.4413452148438 650.7042236328125 487.4413452148438 C 650.1737670898438 487.4413146972656 649.6650390625 487.2306213378906 649.2899780273438 486.8555297851563 C 648.6720581054688 486.2376098632813 647.8504638671875 485.8973083496094 646.9765014648438 485.8973083496094 M 646.9765014648438 483.8973083496094 C 648.3257446289063 483.8973083496094 649.6749267578125 484.4119873046875 650.7042236328125 485.4413452148438 C 651.733642578125 484.4119873046875 653.0828247070313 483.8973083496094 654.4320678710938 483.8973083496094 C 655.7813110351563 483.8973083496094 657.130615234375 484.4119873046875 658.1602172851563 485.4413452148438 C 660.2188720703125 487.5005187988281 660.2188720703125 490.8385314941406 658.1602172851563 492.8973083496094 L 650.7042236328125 500.3532104492188 L 643.248291015625 492.8973083496094 C 641.1895751953125 490.8385314941406 641.1895751953125 487.5005187988281 643.248291015625 485.4413452148438 C 644.2779541015625 484.4119873046875 645.6272583007813 483.8973083496094 646.9765014648438 483.8973083496094 Z' stroke='none' fill='%23eb1b3b'/%3E%3C/g%3E%3C/svg%3E%0A"); } .my-account .box-container .box.lots-box .lots-row a, .my-account .box-container .box.consignment-box .lots-row a, .order-summary-body .box-container .box.lots-box .lots-row a, .order-summary-body .box-container .box.consignment-box .lots-row a, .bidder-application-body .box-container .box.lots-box .lots-row a, .bidder-application-body .box-container .box.consignment-box .lots-row a { display: flex; } .my-account .box-container .box.lots-box .lots-row .lots-left-col, .my-account .box-container .box.consignment-box .lots-row .lots-left-col, .order-summary-body .box-container .box.lots-box .lots-row .lots-left-col, .order-summary-body .box-container .box.consignment-box .lots-row .lots-left-col, .bidder-application-body .box-container .box.lots-box .lots-row .lots-left-col, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-left-col { width: 120px; background-position: center; background-size: contain; background-repeat: no-repeat; } .my-account .box-container .box.lots-box .lots-row .lots-left-col.consignment, .my-account .box-container .box.consignment-box .lots-row .lots-left-col.consignment, .order-summary-body .box-container .box.lots-box .lots-row .lots-left-col.consignment, .order-summary-body .box-container .box.consignment-box .lots-row .lots-left-col.consignment, .bidder-application-body .box-container .box.lots-box .lots-row .lots-left-col.consignment, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-left-col.consignment { position: relative; top: 50%; transform: translateY(-50%); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.lots-box .lots-row .lots-left-col, .my-account .box-container .box.consignment-box .lots-row .lots-left-col, .order-summary-body .box-container .box.lots-box .lots-row .lots-left-col, .order-summary-body .box-container .box.consignment-box .lots-row .lots-left-col, .bidder-application-body .box-container .box.lots-box .lots-row .lots-left-col, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-left-col { width: 75px; } } .my-account .box-container .box.lots-box .lots-row .lots-right-col, .my-account .box-container .box.consignment-box .lots-row .lots-right-col, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col { padding-left: 20px; padding-right: 20px; width: calc(100% - 120px); position: relative; } .my-account .box-container .box.lots-box .lots-row .lots-right-col.consignment, .my-account .box-container .box.consignment-box .lots-row .lots-right-col.consignment, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col.consignment, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col.consignment, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col.consignment, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col.consignment { width: calc(100% - 120px); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col.consignment, .my-account .box-container .box.consignment-box .lots-row .lots-right-col.consignment, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col.consignment, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col.consignment, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col.consignment, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col.consignment { width: calc(100% - 75px); } } .my-account .box-container .box.lots-box .lots-row .lots-right-col.consignment .item, .my-account .box-container .box.consignment-box .lots-row .lots-right-col.consignment .item, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col.consignment .item, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col.consignment .item, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col.consignment .item, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col.consignment .item { margin-bottom: 10px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col, .my-account .box-container .box.consignment-box .lots-row .lots-right-col, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col { width: calc(100% - 75px); padding-right: 30px; padding-left: 15px; } } .my-account .box-container .box.lots-box .lots-row .lots-right-col .item, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .item, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .item, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .item, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .item, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .item { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; color: #808080; letter-spacing: 2px; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .item, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .item, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .item, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .item, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .item, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .item { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .item, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .item, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .item, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .item, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .item, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .item { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .item, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .item, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .item, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .item, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .item, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .item { font-size: 12px; } } .my-account .box-container .box.lots-box .lots-row .lots-right-col .category, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .category, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .category, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .category, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .category, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; color: #808080; letter-spacing: 2px; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .category, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .category, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .category, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .category, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .category, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .category { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .category, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .category, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .category, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .category, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .category, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .category { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .category, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .category, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .category, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .category, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .category, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .category { font-size: 14px; } } .my-account .box-container .box.lots-box .lots-row .lots-right-col .con-title, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 23px; color: #262626; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .con-title, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .con-title, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .con-title, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .con-title, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .con-title, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .con-title { -webkit-line-clamp: 2; } } .my-account .box-container .box.lots-box .lots-row .lots-right-col .title, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .title, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .title, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .title, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .title, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .title { line-height: 24px; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .title, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .title, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .title, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .title, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .title, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .title { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .title, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .title, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .title, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .title, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .title, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .title { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .title, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .title, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .title, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .title, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .title, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .title { font-size: 16px; } } .my-account .box-container .box.lots-box .lots-row .lots-right-col .createDate, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .createDate, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .createDate, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .createDate, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .createDate, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .createDate { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; color: #262626; margin-bottom: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .createDate, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .createDate, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .createDate, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .createDate, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .createDate, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .createDate { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .createDate, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .createDate, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .createDate, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .createDate, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .createDate, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .createDate { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .createDate, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .createDate, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .createDate, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .createDate, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .createDate, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .createDate { font-size: 15px; } } .my-account .box-container .box.lots-box .lots-row .lots-right-col .status, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .status, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .status, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .status, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .status, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .status { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; color: #262626; margin-top: 5px; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .status, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .status, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .status, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .status, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .status, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .status { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .status, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .status, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .status, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .status, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .status, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .status { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .status, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .status, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .status, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .status, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .status, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .status { font-size: 15px; } } .my-account .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; color: #262626; margin-bottom: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .userRefNum, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .userRefNum { font-size: 15px; } } .my-account .box-container .box.lots-box .lots-row .lots-right-col .remark, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .remark, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .remark, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .remark, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .remark, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .remark { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; color: #262626; font-style: italic; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .remark, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .remark, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .remark, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .remark, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .remark, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .remark { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .remark, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .remark, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .remark, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .remark, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .remark, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .remark { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .lots-row .lots-right-col .remark, .my-account .box-container .box.consignment-box .lots-row .lots-right-col .remark, .order-summary-body .box-container .box.lots-box .lots-row .lots-right-col .remark, .order-summary-body .box-container .box.consignment-box .lots-row .lots-right-col .remark, .bidder-application-body .box-container .box.lots-box .lots-row .lots-right-col .remark, .bidder-application-body .box-container .box.consignment-box .lots-row .lots-right-col .remark { font-size: 16px; } } .my-account .box-container .box.lots-box .lots-row .status-container, .my-account .box-container .box.consignment-box .lots-row .status-container, .order-summary-body .box-container .box.lots-box .lots-row .status-container, .order-summary-body .box-container .box.consignment-box .lots-row .status-container, .bidder-application-body .box-container .box.lots-box .lots-row .status-container, .bidder-application-body .box-container .box.consignment-box .lots-row .status-container { width: 150px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.lots-box .lots-row .status-container, .my-account .box-container .box.consignment-box .lots-row .status-container, .order-summary-body .box-container .box.lots-box .lots-row .status-container, .order-summary-body .box-container .box.consignment-box .lots-row .status-container, .bidder-application-body .box-container .box.lots-box .lots-row .status-container, .bidder-application-body .box-container .box.consignment-box .lots-row .status-container { width: 45px; } } .my-account .box-container .box.lots-box .lots-row .status-container .status-box, .my-account .box-container .box.consignment-box .lots-row .status-container .status-box, .order-summary-body .box-container .box.lots-box .lots-row .status-container .status-box, .order-summary-body .box-container .box.consignment-box .lots-row .status-container .status-box, .bidder-application-body .box-container .box.lots-box .lots-row .status-container .status-box, .bidder-application-body .box-container .box.consignment-box .lots-row .status-container .status-box { width: 100%; max-width: 150px; text-align: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; color: #ffffff; letter-spacing: 2px; padding: 8px; position: relative; top: 50%; transform: translateY(-50%); } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .box-container .box.lots-box .lots-row .status-container .status-box, .my-account .box-container .box.consignment-box .lots-row .status-container .status-box, .order-summary-body .box-container .box.lots-box .lots-row .status-container .status-box, .order-summary-body .box-container .box.consignment-box .lots-row .status-container .status-box, .bidder-application-body .box-container .box.lots-box .lots-row .status-container .status-box, .bidder-application-body .box-container .box.consignment-box .lots-row .status-container .status-box { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .box-container .box.lots-box .lots-row .status-container .status-box, .my-account .box-container .box.consignment-box .lots-row .status-container .status-box, .order-summary-body .box-container .box.lots-box .lots-row .status-container .status-box, .order-summary-body .box-container .box.consignment-box .lots-row .status-container .status-box, .bidder-application-body .box-container .box.lots-box .lots-row .status-container .status-box, .bidder-application-body .box-container .box.consignment-box .lots-row .status-container .status-box { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .box-container .box.lots-box .lots-row .status-container .status-box, .my-account .box-container .box.consignment-box .lots-row .status-container .status-box, .order-summary-body .box-container .box.lots-box .lots-row .status-container .status-box, .order-summary-body .box-container .box.consignment-box .lots-row .status-container .status-box, .bidder-application-body .box-container .box.lots-box .lots-row .status-container .status-box, .bidder-application-body .box-container .box.consignment-box .lots-row .status-container .status-box { font-size: 13px; } } .my-account .box-container .box.lots-box .lots-row .status-container .status-box.in-process, .my-account .box-container .box.consignment-box .lots-row .status-container .status-box.in-process, .order-summary-body .box-container .box.lots-box .lots-row .status-container .status-box.in-process, .order-summary-body .box-container .box.consignment-box .lots-row .status-container .status-box.in-process, .bidder-application-body .box-container .box.lots-box .lots-row .status-container .status-box.in-process, .bidder-application-body .box-container .box.consignment-box .lots-row .status-container .status-box.in-process { background-color: #99C743; } .my-account .box-container .box.lots-box .lots-row .status-container .status-box.pending, .my-account .box-container .box.consignment-box .lots-row .status-container .status-box.pending, .order-summary-body .box-container .box.lots-box .lots-row .status-container .status-box.pending, .order-summary-body .box-container .box.consignment-box .lots-row .status-container .status-box.pending, .bidder-application-body .box-container .box.lots-box .lots-row .status-container .status-box.pending, .bidder-application-body .box-container .box.consignment-box .lots-row .status-container .status-box.pending { background-color: #BFBFBF; } .my-account .box-container .box.lots-box .lots-row .status-container .status-box.completed, .my-account .box-container .box.consignment-box .lots-row .status-container .status-box.completed, .order-summary-body .box-container .box.lots-box .lots-row .status-container .status-box.completed, .order-summary-body .box-container .box.consignment-box .lots-row .status-container .status-box.completed, .bidder-application-body .box-container .box.lots-box .lots-row .status-container .status-box.completed, .bidder-application-body .box-container .box.consignment-box .lots-row .status-container .status-box.completed { background-color: #2C251C; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-account .box-container .box.consignment-box .lots-right-col, .order-summary-body .box-container .box.consignment-box .lots-right-col, .bidder-application-body .box-container .box.consignment-box .lots-right-col { height: auto !important; padding-right: 15px !important; width: calc(100% - 68px) !important; } .my-account .box-container .box.consignment-box .lots-right-col .remark, .order-summary-body .box-container .box.consignment-box .lots-right-col .remark, .bidder-application-body .box-container .box.consignment-box .lots-right-col .remark { position: relative !important; top: 0; bottom: 0; } .my-account .box-container .box.consignment-box .lots-left-col, .order-summary-body .box-container .box.consignment-box .lots-left-col, .bidder-application-body .box-container .box.consignment-box .lots-left-col { width: 68px !important; } .my-account .box-container .box.consignment-box .status-container, .order-summary-body .box-container .box.consignment-box .status-container, .bidder-application-body .box-container .box.consignment-box .status-container { width: 20px !important; } .my-account .box-container .box.consignment-box .status-container .status-box, .order-summary-body .box-container .box.consignment-box .status-container .status-box, .bidder-application-body .box-container .box.consignment-box .status-container .status-box { position: relative !important; top: 0 !important; transform: none !important; padding: 0px !important; font-size: 0px !important; width: 20px; height: 20px; border-radius: 50%; } .my-account .box-container .box.consignment-box .lots-row a, .order-summary-body .box-container .box.consignment-box .lots-row a, .bidder-application-body .box-container .box.consignment-box .lots-row a { flex-wrap: wrap; } } .my-account .profile, .my-account .my-favourites, .my-account .my-consignments, .my-account .my-bids, .my-account .my-purchase, .my-account .my-cart, .my-account .order-summary, .my-account .bidder-application, .order-summary-body .profile, .order-summary-body .my-favourites, .order-summary-body .my-consignments, .order-summary-body .my-bids, .order-summary-body .my-purchase, .order-summary-body .my-cart, .order-summary-body .order-summary, .order-summary-body .bidder-application, .bidder-application-body .profile, .bidder-application-body .my-favourites, .bidder-application-body .my-consignments, .bidder-application-body .my-bids, .bidder-application-body .my-purchase, .bidder-application-body .my-cart, .bidder-application-body .order-summary, .bidder-application-body .bidder-application { background-color: #F7F7F7; } .my-account .my-consignments .get-started-box, .order-summary-body .my-consignments .get-started-box, .bidder-application-body .my-consignments .get-started-box { background-color: #ffffff; padding-top: 60px; padding-bottom: 60px; padding-left: 15px; padding-right: 15px; text-align: center; margin-bottom: 20px; } .my-account .my-consignments .get-started-box .btn, .order-summary-body .my-consignments .get-started-box .btn, .bidder-application-body .my-consignments .get-started-box .btn { margin-left: auto; margin-right: auto; } .my-account .my-consignments .get-started-box .title, .order-summary-body .my-consignments .get-started-box .title, .bidder-application-body .my-consignments .get-started-box .title { text-align: center; margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-account .my-consignments .get-started-box .title, .order-summary-body .my-consignments .get-started-box .title, .bidder-application-body .my-consignments .get-started-box .title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-account .my-consignments .get-started-box .title, .order-summary-body .my-consignments .get-started-box .title, .bidder-application-body .my-consignments .get-started-box .title { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-account .my-consignments .get-started-box .title, .order-summary-body .my-consignments .get-started-box .title, .bidder-application-body .my-consignments .get-started-box .title { font-size: 21px; } } .my-account .my-consignments .get-started-box .btn, .order-summary-body .my-consignments .get-started-box .btn, .bidder-application-body .my-consignments .get-started-box .btn { max-width: 180px; } .order-summary-body .box-container .header { border-bottom: 1px solid #808080 !important; } .forgot-password-div .fogot-password-remark { color: #262626; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: center; margin-bottom: 20px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .forgot-password-div .fogot-password-remark { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .forgot-password-div .fogot-password-remark { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .forgot-password-div .fogot-password-remark { font-size: 14px; } } .forgot-password-div .fogot-password-remark a { color: inherit; text-decoration: underline; } .forgot-password-div .fogot-password-remark a:hover { text-decoration: underline; } .sms-verification-div form { width: 100%; } .sms-verification-div .btn-container { width: 100%; margin-top: 45px; } .sms-verification-div .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; margin-bottom: 45px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .sms-verification-div .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .sms-verification-div .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .sms-verification-div .desc { font-size: 16px; } } .sms-verification-div .desc a { color: inherit; text-decoration: underline; } .sms-verification-div .btn { margin-bottom: 0px !important; } .confirm-your-application-div .desc { margin-bottom: 45px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .confirm-your-application-div .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .confirm-your-application-div .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .confirm-your-application-div .desc { font-size: 16px; } } .confirm-your-application-div .desc a { color: inherit; text-decoration: underline; } .confirm-your-application-div .btn-container { width: 100%; } .confirm-your-application-div .btn { height: 49px; } .lot-enquire-div { background-color: #F7F7F7 !important; } .lot-enquire-div .btn { margin-top: 35px; width: 100%; } .lot-enquire-div .form-row { margin-right: -12px; margin-left: -12px; } .lot-enquire-div .form-row > .col, .lot-enquire-div .form-row > [class*=col-] { padding-right: 12px; padding-left: 12px; } .lot-enquire-div .form-group { margin-bottom: 30px; } .lot-enquire-div .form-group:last-child { margin-bottom: 0px; } .lot-enquire-div label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .lot-enquire-div label { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .lot-enquire-div label { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .lot-enquire-div label { font-size: 15px; } } .lot-enquire-div .custom-select { height: 48px; border: 1px solid #BFBFBF; font-size: 13px; font-weight: 400; padding-left: 20px; padding-right: 45px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.414' height='11.707' viewBox='0 0 22.414 11.707'%3E%3Cpath id='Path_100' data-name='Path 100' d='M29.916,2202.09l10.5,10.5-10.5,10.5' transform='translate(2223.797 -29.209) rotate(90)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 10px top 50%; color: #BFBFBF; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .lot-enquire-div .custom-select { padding-left: 15px; } } .lot-enquire-div .custom-select.not-empty { color: #262626; } .lot-enquire-div .custom-checkbox label { position: relative; top: 1px; } .lot-enquire-div .custom-control-label::before { top: 0px !important; } .lot-enquire-div .custom-checkbox-label { font-weight: 300 !important; } .lot-enquire-div textarea { border: 1px solid #BFBFBF; border-radius: 0; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; font-size: 14px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .lot-enquire-div textarea { padding-left: 15px; padding-right: 15px; } } .lot-enquire-div textarea:focus { border: 1px solid #BFBFBF !important; } .lot-enquire-div textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .lot-enquire-div textarea::-moz-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .lot-enquire-div textarea:-ms-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .lot-enquire-div textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .lot-enquire-div input[type=text], .lot-enquire-div input[type=password], .lot-enquire-div input[type=number], .lot-enquire-div input[type=email], .lot-enquire-div input[type=tel] { height: 48px; border: 1px solid #BFBFBF !important; border-radius: 0; padding-left: 15px !important; padding-right: 15px !important; color: #262626; background-color: #ffffff !important; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .lot-enquire-div input[type=text], .lot-enquire-div input[type=password], .lot-enquire-div input[type=number], .lot-enquire-div input[type=email], .lot-enquire-div input[type=tel] { padding-left: 15px; padding-right: 15px; } } .lot-enquire-div input[type=text]::-webkit-input-placeholder, .lot-enquire-div input[type=password]::-webkit-input-placeholder, .lot-enquire-div input[type=number]::-webkit-input-placeholder, .lot-enquire-div input[type=email]::-webkit-input-placeholder, .lot-enquire-div input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .lot-enquire-div input[type=text]::-moz-placeholder, .lot-enquire-div input[type=password]::-moz-placeholder, .lot-enquire-div input[type=number]::-moz-placeholder, .lot-enquire-div input[type=email]::-moz-placeholder, .lot-enquire-div input[type=tel]::-moz-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .lot-enquire-div input[type=text]:-ms-input-placeholder, .lot-enquire-div input[type=password]:-ms-input-placeholder, .lot-enquire-div input[type=number]:-ms-input-placeholder, .lot-enquire-div input[type=email]:-ms-input-placeholder, .lot-enquire-div input[type=tel]:-ms-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .lot-enquire-div input[type=text]::-webkit-input-placeholder, .lot-enquire-div input[type=password]::-webkit-input-placeholder, .lot-enquire-div input[type=number]::-webkit-input-placeholder, .lot-enquire-div input[type=email]::-webkit-input-placeholder, .lot-enquire-div input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .lot-enquire-div input[type=text]::placeholder, .lot-enquire-div input[type=password]::placeholder, .lot-enquire-div input[type=number]::placeholder, .lot-enquire-div input[type=email]::placeholder, .lot-enquire-div input[type=tel]::placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .register-div .custom-captcha { display: flex; } .register-div .custom-captcha #reg_captcha { width: calc(100% - 10px - 150px); margin-left: 10px; padding-left: 10px; padding-right: 10px; border: 1px solid #262626; } .register-div .account-type .custom-checkbox { margin-top: 12px; } .register-div .account-type .custom-control-label { padding-left: 2px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .register-div .account-type .custom-control-label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .register-div .account-type .custom-control-label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .register-div .account-type .custom-control-label { font-size: 14px; } } .register-div .account-type .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-color: #99C743 !important; } .register-div .account-type .custom-control-label::before { top: 0px !important; } .register-div .account-type .custom-control-label::after { top: 5px !important; } .register-div .account-type .custom-control-label::before { width: 20px; height: 20px; background-color: #ffffff !important; border: 1px solid #262626 !important; border-radius: 50% !important; top: 0; } .register-div .account-type .custom-control-label::after { position: absolute; top: 5px; left: -19px; display: block; width: 10px; height: 10px; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 10px; } .register-div .account-type .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Ccircle id='Ellipse_20' data-name='Ellipse 20' cx='5' cy='5' r='5' fill='%23262626'/%3E%3C/svg%3E%0A"); } .register-div .account-type .custom-radio { margin-right: 15px; } .register-div .account-type .custom-radio:last-child { margin-bottom: 0px; } .change-currency-div, .lot-enquire-div, .share-div, .login-div, .register-div, .account-details-div, .personal-information-div, .forgot-password-div, .reset-password-div, .change-password-div, .auction-notices-div, .register-to-sale-div, .you-are-registered-div, .confirm-your-bid-div, .sms-verification-div, .confirm-your-application-div { overflow-y: auto; max-height: 100%; z-index: 11; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; width: 450px; max-width: calc(100% - 30px); padding-top: 50px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; pointer-events: none; opacity: 0; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; overflow: auto; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .change-currency-div, .lot-enquire-div, .share-div, .login-div, .register-div, .account-details-div, .personal-information-div, .forgot-password-div, .reset-password-div, .change-password-div, .auction-notices-div, .register-to-sale-div, .you-are-registered-div, .confirm-your-bid-div, .sms-verification-div, .confirm-your-application-div { width: 100%; height: 100%; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } } .change-currency-div .acccount-details-form-submit, .change-currency-div .account-details-change-password-btn, .lot-enquire-div .acccount-details-form-submit, .lot-enquire-div .account-details-change-password-btn, .share-div .acccount-details-form-submit, .share-div .account-details-change-password-btn, .login-div .acccount-details-form-submit, .login-div .account-details-change-password-btn, .register-div .acccount-details-form-submit, .register-div .account-details-change-password-btn, .account-details-div .acccount-details-form-submit, .account-details-div .account-details-change-password-btn, .personal-information-div .acccount-details-form-submit, .personal-information-div .account-details-change-password-btn, .forgot-password-div .acccount-details-form-submit, .forgot-password-div .account-details-change-password-btn, .reset-password-div .acccount-details-form-submit, .reset-password-div .account-details-change-password-btn, .change-password-div .acccount-details-form-submit, .change-password-div .account-details-change-password-btn, .auction-notices-div .acccount-details-form-submit, .auction-notices-div .account-details-change-password-btn, .register-to-sale-div .acccount-details-form-submit, .register-to-sale-div .account-details-change-password-btn, .you-are-registered-div .acccount-details-form-submit, .you-are-registered-div .account-details-change-password-btn, .confirm-your-bid-div .acccount-details-form-submit, .confirm-your-bid-div .account-details-change-password-btn, .sms-verification-div .acccount-details-form-submit, .sms-verification-div .account-details-change-password-btn, .confirm-your-application-div .acccount-details-form-submit, .confirm-your-application-div .account-details-change-password-btn { margin-top: 15px; } .change-currency-div .login-form-submit, .lot-enquire-div .login-form-submit, .share-div .login-form-submit, .login-div .login-form-submit, .register-div .login-form-submit, .account-details-div .login-form-submit, .personal-information-div .login-form-submit, .forgot-password-div .login-form-submit, .reset-password-div .login-form-submit, .change-password-div .login-form-submit, .auction-notices-div .login-form-submit, .register-to-sale-div .login-form-submit, .you-are-registered-div .login-form-submit, .confirm-your-bid-div .login-form-submit, .sms-verification-div .login-form-submit, .confirm-your-application-div .login-form-submit { margin-bottom: 15px; width: 100%; } .change-currency-div .login-form-register, .lot-enquire-div .login-form-register, .share-div .login-form-register, .login-div .login-form-register, .register-div .login-form-register, .account-details-div .login-form-register, .personal-information-div .login-form-register, .forgot-password-div .login-form-register, .reset-password-div .login-form-register, .change-password-div .login-form-register, .auction-notices-div .login-form-register, .register-to-sale-div .login-form-register, .you-are-registered-div .login-form-register, .confirm-your-bid-div .login-form-register, .sms-verification-div .login-form-register, .confirm-your-application-div .login-form-register { width: 100%; } .change-currency-div .close-btn, .lot-enquire-div .close-btn, .share-div .close-btn, .login-div .close-btn, .register-div .close-btn, .account-details-div .close-btn, .personal-information-div .close-btn, .forgot-password-div .close-btn, .reset-password-div .close-btn, .change-password-div .close-btn, .auction-notices-div .close-btn, .register-to-sale-div .close-btn, .you-are-registered-div .close-btn, .confirm-your-bid-div .close-btn, .sms-verification-div .close-btn, .confirm-your-application-div .close-btn { position: absolute; top: 25px; width: 25px; height: 25px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.414' height='25.414' viewBox='0 0 25.414 25.414'%3E%3Cg id='Group_57' data-name='Group 57' transform='translate(-182.05 -806.05)'%3E%3Cline id='Line_83' data-name='Line 83' x2='33.941' transform='translate(182.757 806.757) rotate(45)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3Cline id='Line_84' data-name='Line 84' x2='33.941' transform='translate(206.757 806.757) rotate(135)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); cursor: pointer; right: 25px; } .change-currency-div.active, .lot-enquire-div.active, .share-div.active, .login-div.active, .register-div.active, .account-details-div.active, .personal-information-div.active, .forgot-password-div.active, .reset-password-div.active, .change-password-div.active, .auction-notices-div.active, .register-to-sale-div.active, .you-are-registered-div.active, .confirm-your-bid-div.active, .sms-verification-div.active, .confirm-your-application-div.active { pointer-events: auto; opacity: 1; } .change-currency-div .title, .lot-enquire-div .title, .share-div .title, .login-div .title, .register-div .title, .account-details-div .title, .personal-information-div .title, .forgot-password-div .title, .reset-password-div .title, .change-password-div .title, .auction-notices-div .title, .register-to-sale-div .title, .you-are-registered-div .title, .confirm-your-bid-div .title, .sms-verification-div .title, .confirm-your-application-div .title { text-align: center; margin-bottom: 35px; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div .title, .lot-enquire-div .title, .share-div .title, .login-div .title, .register-div .title, .account-details-div .title, .personal-information-div .title, .forgot-password-div .title, .reset-password-div .title, .change-password-div .title, .auction-notices-div .title, .register-to-sale-div .title, .you-are-registered-div .title, .confirm-your-bid-div .title, .sms-verification-div .title, .confirm-your-application-div .title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div .title, .lot-enquire-div .title, .share-div .title, .login-div .title, .register-div .title, .account-details-div .title, .personal-information-div .title, .forgot-password-div .title, .reset-password-div .title, .change-password-div .title, .auction-notices-div .title, .register-to-sale-div .title, .you-are-registered-div .title, .confirm-your-bid-div .title, .sms-verification-div .title, .confirm-your-application-div .title { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div .title, .lot-enquire-div .title, .share-div .title, .login-div .title, .register-div .title, .account-details-div .title, .personal-information-div .title, .forgot-password-div .title, .reset-password-div .title, .change-password-div .title, .auction-notices-div .title, .register-to-sale-div .title, .you-are-registered-div .title, .confirm-your-bid-div .title, .sms-verification-div .title, .confirm-your-application-div .title { font-size: 26px; } } .change-currency-div form input[type=text], .change-currency-div form input[type=password], .change-currency-div form input[type=number], .change-currency-div form input[type=email], .change-currency-div form input[type=tel], .lot-enquire-div form input[type=text], .lot-enquire-div form input[type=password], .lot-enquire-div form input[type=number], .lot-enquire-div form input[type=email], .lot-enquire-div form input[type=tel], .share-div form input[type=text], .share-div form input[type=password], .share-div form input[type=number], .share-div form input[type=email], .share-div form input[type=tel], .login-div form input[type=text], .login-div form input[type=password], .login-div form input[type=number], .login-div form input[type=email], .login-div form input[type=tel], .register-div form input[type=text], .register-div form input[type=password], .register-div form input[type=number], .register-div form input[type=email], .register-div form input[type=tel], .account-details-div form input[type=text], .account-details-div form input[type=password], .account-details-div form input[type=number], .account-details-div form input[type=email], .account-details-div form input[type=tel], .personal-information-div form input[type=text], .personal-information-div form input[type=password], .personal-information-div form input[type=number], .personal-information-div form input[type=email], .personal-information-div form input[type=tel], .forgot-password-div form input[type=text], .forgot-password-div form input[type=password], .forgot-password-div form input[type=number], .forgot-password-div form input[type=email], .forgot-password-div form input[type=tel], .reset-password-div form input[type=text], .reset-password-div form input[type=password], .reset-password-div form input[type=number], .reset-password-div form input[type=email], .reset-password-div form input[type=tel], .change-password-div form input[type=text], .change-password-div form input[type=password], .change-password-div form input[type=number], .change-password-div form input[type=email], .change-password-div form input[type=tel], .auction-notices-div form input[type=text], .auction-notices-div form input[type=password], .auction-notices-div form input[type=number], .auction-notices-div form input[type=email], .auction-notices-div form input[type=tel], .register-to-sale-div form input[type=text], .register-to-sale-div form input[type=password], .register-to-sale-div form input[type=number], .register-to-sale-div form input[type=email], .register-to-sale-div form input[type=tel], .you-are-registered-div form input[type=text], .you-are-registered-div form input[type=password], .you-are-registered-div form input[type=number], .you-are-registered-div form input[type=email], .you-are-registered-div form input[type=tel], .confirm-your-bid-div form input[type=text], .confirm-your-bid-div form input[type=password], .confirm-your-bid-div form input[type=number], .confirm-your-bid-div form input[type=email], .confirm-your-bid-div form input[type=tel], .sms-verification-div form input[type=text], .sms-verification-div form input[type=password], .sms-verification-div form input[type=number], .sms-verification-div form input[type=email], .sms-verification-div form input[type=tel], .confirm-your-application-div form input[type=text], .confirm-your-application-div form input[type=password], .confirm-your-application-div form input[type=number], .confirm-your-application-div form input[type=email], .confirm-your-application-div form input[type=tel] { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; background-color: transparent; border: 0px none; border-bottom: 1px solid #BFBFBF; height: 45px; font-size: 15px; font-weight: 500; color: #262626; border-radius: 0px; font-weight: 400; width: 100%; text-align: left; padding-left: 0px; padding-right: 0px; } .change-currency-div form input[type=text]:disabled, .change-currency-div form input[type=password]:disabled, .change-currency-div form input[type=number]:disabled, .change-currency-div form input[type=email]:disabled, .change-currency-div form input[type=tel]:disabled, .lot-enquire-div form input[type=text]:disabled, .lot-enquire-div form input[type=password]:disabled, .lot-enquire-div form input[type=number]:disabled, .lot-enquire-div form input[type=email]:disabled, .lot-enquire-div form input[type=tel]:disabled, .share-div form input[type=text]:disabled, .share-div form input[type=password]:disabled, .share-div form input[type=number]:disabled, .share-div form input[type=email]:disabled, .share-div form input[type=tel]:disabled, .login-div form input[type=text]:disabled, .login-div form input[type=password]:disabled, .login-div form input[type=number]:disabled, .login-div form input[type=email]:disabled, .login-div form input[type=tel]:disabled, .register-div form input[type=text]:disabled, .register-div form input[type=password]:disabled, .register-div form input[type=number]:disabled, .register-div form input[type=email]:disabled, .register-div form input[type=tel]:disabled, .account-details-div form input[type=text]:disabled, .account-details-div form input[type=password]:disabled, .account-details-div form input[type=number]:disabled, .account-details-div form input[type=email]:disabled, .account-details-div form input[type=tel]:disabled, .personal-information-div form input[type=text]:disabled, .personal-information-div form input[type=password]:disabled, .personal-information-div form input[type=number]:disabled, .personal-information-div form input[type=email]:disabled, .personal-information-div form input[type=tel]:disabled, .forgot-password-div form input[type=text]:disabled, .forgot-password-div form input[type=password]:disabled, .forgot-password-div form input[type=number]:disabled, .forgot-password-div form input[type=email]:disabled, .forgot-password-div form input[type=tel]:disabled, .reset-password-div form input[type=text]:disabled, .reset-password-div form input[type=password]:disabled, .reset-password-div form input[type=number]:disabled, .reset-password-div form input[type=email]:disabled, .reset-password-div form input[type=tel]:disabled, .change-password-div form input[type=text]:disabled, .change-password-div form input[type=password]:disabled, .change-password-div form input[type=number]:disabled, .change-password-div form input[type=email]:disabled, .change-password-div form input[type=tel]:disabled, .auction-notices-div form input[type=text]:disabled, .auction-notices-div form input[type=password]:disabled, .auction-notices-div form input[type=number]:disabled, .auction-notices-div form input[type=email]:disabled, .auction-notices-div form input[type=tel]:disabled, .register-to-sale-div form input[type=text]:disabled, .register-to-sale-div form input[type=password]:disabled, .register-to-sale-div form input[type=number]:disabled, .register-to-sale-div form input[type=email]:disabled, .register-to-sale-div form input[type=tel]:disabled, .you-are-registered-div form input[type=text]:disabled, .you-are-registered-div form input[type=password]:disabled, .you-are-registered-div form input[type=number]:disabled, .you-are-registered-div form input[type=email]:disabled, .you-are-registered-div form input[type=tel]:disabled, .confirm-your-bid-div form input[type=text]:disabled, .confirm-your-bid-div form input[type=password]:disabled, .confirm-your-bid-div form input[type=number]:disabled, .confirm-your-bid-div form input[type=email]:disabled, .confirm-your-bid-div form input[type=tel]:disabled, .sms-verification-div form input[type=text]:disabled, .sms-verification-div form input[type=password]:disabled, .sms-verification-div form input[type=number]:disabled, .sms-verification-div form input[type=email]:disabled, .sms-verification-div form input[type=tel]:disabled, .confirm-your-application-div form input[type=text]:disabled, .confirm-your-application-div form input[type=password]:disabled, .confirm-your-application-div form input[type=number]:disabled, .confirm-your-application-div form input[type=email]:disabled, .confirm-your-application-div form input[type=tel]:disabled { color: #a5a9ad; font-weight: 300; } .change-currency-div form .form-group, .change-currency-div form .form-row, .lot-enquire-div form .form-group, .lot-enquire-div form .form-row, .share-div form .form-group, .share-div form .form-row, .login-div form .form-group, .login-div form .form-row, .register-div form .form-group, .register-div form .form-row, .account-details-div form .form-group, .account-details-div form .form-row, .personal-information-div form .form-group, .personal-information-div form .form-row, .forgot-password-div form .form-group, .forgot-password-div form .form-row, .reset-password-div form .form-group, .reset-password-div form .form-row, .change-password-div form .form-group, .change-password-div form .form-row, .auction-notices-div form .form-group, .auction-notices-div form .form-row, .register-to-sale-div form .form-group, .register-to-sale-div form .form-row, .you-are-registered-div form .form-group, .you-are-registered-div form .form-row, .confirm-your-bid-div form .form-group, .confirm-your-bid-div form .form-row, .sms-verification-div form .form-group, .sms-verification-div form .form-row, .confirm-your-application-div form .form-group, .confirm-your-application-div form .form-row { margin-bottom: 25px; } .change-currency-div form .custom-checkbox label, .lot-enquire-div form .custom-checkbox label, .share-div form .custom-checkbox label, .login-div form .custom-checkbox label, .register-div form .custom-checkbox label, .account-details-div form .custom-checkbox label, .personal-information-div form .custom-checkbox label, .forgot-password-div form .custom-checkbox label, .reset-password-div form .custom-checkbox label, .change-password-div form .custom-checkbox label, .auction-notices-div form .custom-checkbox label, .register-to-sale-div form .custom-checkbox label, .you-are-registered-div form .custom-checkbox label, .confirm-your-bid-div form .custom-checkbox label, .sms-verification-div form .custom-checkbox label, .confirm-your-application-div form .custom-checkbox label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div form .custom-checkbox label, .lot-enquire-div form .custom-checkbox label, .share-div form .custom-checkbox label, .login-div form .custom-checkbox label, .register-div form .custom-checkbox label, .account-details-div form .custom-checkbox label, .personal-information-div form .custom-checkbox label, .forgot-password-div form .custom-checkbox label, .reset-password-div form .custom-checkbox label, .change-password-div form .custom-checkbox label, .auction-notices-div form .custom-checkbox label, .register-to-sale-div form .custom-checkbox label, .you-are-registered-div form .custom-checkbox label, .confirm-your-bid-div form .custom-checkbox label, .sms-verification-div form .custom-checkbox label, .confirm-your-application-div form .custom-checkbox label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div form .custom-checkbox label, .lot-enquire-div form .custom-checkbox label, .share-div form .custom-checkbox label, .login-div form .custom-checkbox label, .register-div form .custom-checkbox label, .account-details-div form .custom-checkbox label, .personal-information-div form .custom-checkbox label, .forgot-password-div form .custom-checkbox label, .reset-password-div form .custom-checkbox label, .change-password-div form .custom-checkbox label, .auction-notices-div form .custom-checkbox label, .register-to-sale-div form .custom-checkbox label, .you-are-registered-div form .custom-checkbox label, .confirm-your-bid-div form .custom-checkbox label, .sms-verification-div form .custom-checkbox label, .confirm-your-application-div form .custom-checkbox label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div form .custom-checkbox label, .lot-enquire-div form .custom-checkbox label, .share-div form .custom-checkbox label, .login-div form .custom-checkbox label, .register-div form .custom-checkbox label, .account-details-div form .custom-checkbox label, .personal-information-div form .custom-checkbox label, .forgot-password-div form .custom-checkbox label, .reset-password-div form .custom-checkbox label, .change-password-div form .custom-checkbox label, .auction-notices-div form .custom-checkbox label, .register-to-sale-div form .custom-checkbox label, .you-are-registered-div form .custom-checkbox label, .confirm-your-bid-div form .custom-checkbox label, .sms-verification-div form .custom-checkbox label, .confirm-your-application-div form .custom-checkbox label { font-size: 14px; } } .change-currency-div form .custom-checkbox label a, .lot-enquire-div form .custom-checkbox label a, .share-div form .custom-checkbox label a, .login-div form .custom-checkbox label a, .register-div form .custom-checkbox label a, .account-details-div form .custom-checkbox label a, .personal-information-div form .custom-checkbox label a, .forgot-password-div form .custom-checkbox label a, .reset-password-div form .custom-checkbox label a, .change-password-div form .custom-checkbox label a, .auction-notices-div form .custom-checkbox label a, .register-to-sale-div form .custom-checkbox label a, .you-are-registered-div form .custom-checkbox label a, .confirm-your-bid-div form .custom-checkbox label a, .sms-verification-div form .custom-checkbox label a, .confirm-your-application-div form .custom-checkbox label a { color: inherit; text-decoration: underline; } .change-currency-div form::-webkit-input-placeholder, .lot-enquire-div form::-webkit-input-placeholder, .share-div form::-webkit-input-placeholder, .login-div form::-webkit-input-placeholder, .register-div form::-webkit-input-placeholder, .account-details-div form::-webkit-input-placeholder, .personal-information-div form::-webkit-input-placeholder, .forgot-password-div form::-webkit-input-placeholder, .reset-password-div form::-webkit-input-placeholder, .change-password-div form::-webkit-input-placeholder, .auction-notices-div form::-webkit-input-placeholder, .register-to-sale-div form::-webkit-input-placeholder, .you-are-registered-div form::-webkit-input-placeholder, .confirm-your-bid-div form::-webkit-input-placeholder, .sms-verification-div form::-webkit-input-placeholder, .confirm-your-application-div form::-webkit-input-placeholder { color: #262626; font-weight: 300; padding-left: 0px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div form::-webkit-input-placeholder, .lot-enquire-div form::-webkit-input-placeholder, .share-div form::-webkit-input-placeholder, .login-div form::-webkit-input-placeholder, .register-div form::-webkit-input-placeholder, .account-details-div form::-webkit-input-placeholder, .personal-information-div form::-webkit-input-placeholder, .forgot-password-div form::-webkit-input-placeholder, .reset-password-div form::-webkit-input-placeholder, .change-password-div form::-webkit-input-placeholder, .auction-notices-div form::-webkit-input-placeholder, .register-to-sale-div form::-webkit-input-placeholder, .you-are-registered-div form::-webkit-input-placeholder, .confirm-your-bid-div form::-webkit-input-placeholder, .sms-verification-div form::-webkit-input-placeholder, .confirm-your-application-div form::-webkit-input-placeholder { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div form::-webkit-input-placeholder, .lot-enquire-div form::-webkit-input-placeholder, .share-div form::-webkit-input-placeholder, .login-div form::-webkit-input-placeholder, .register-div form::-webkit-input-placeholder, .account-details-div form::-webkit-input-placeholder, .personal-information-div form::-webkit-input-placeholder, .forgot-password-div form::-webkit-input-placeholder, .reset-password-div form::-webkit-input-placeholder, .change-password-div form::-webkit-input-placeholder, .auction-notices-div form::-webkit-input-placeholder, .register-to-sale-div form::-webkit-input-placeholder, .you-are-registered-div form::-webkit-input-placeholder, .confirm-your-bid-div form::-webkit-input-placeholder, .sms-verification-div form::-webkit-input-placeholder, .confirm-your-application-div form::-webkit-input-placeholder { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div form::-webkit-input-placeholder, .lot-enquire-div form::-webkit-input-placeholder, .share-div form::-webkit-input-placeholder, .login-div form::-webkit-input-placeholder, .register-div form::-webkit-input-placeholder, .account-details-div form::-webkit-input-placeholder, .personal-information-div form::-webkit-input-placeholder, .forgot-password-div form::-webkit-input-placeholder, .reset-password-div form::-webkit-input-placeholder, .change-password-div form::-webkit-input-placeholder, .auction-notices-div form::-webkit-input-placeholder, .register-to-sale-div form::-webkit-input-placeholder, .you-are-registered-div form::-webkit-input-placeholder, .confirm-your-bid-div form::-webkit-input-placeholder, .sms-verification-div form::-webkit-input-placeholder, .confirm-your-application-div form::-webkit-input-placeholder { font-size: 15px; } } .change-currency-div form::-moz-placeholder, .lot-enquire-div form::-moz-placeholder, .share-div form::-moz-placeholder, .login-div form::-moz-placeholder, .register-div form::-moz-placeholder, .account-details-div form::-moz-placeholder, .personal-information-div form::-moz-placeholder, .forgot-password-div form::-moz-placeholder, .reset-password-div form::-moz-placeholder, .change-password-div form::-moz-placeholder, .auction-notices-div form::-moz-placeholder, .register-to-sale-div form::-moz-placeholder, .you-are-registered-div form::-moz-placeholder, .confirm-your-bid-div form::-moz-placeholder, .sms-verification-div form::-moz-placeholder, .confirm-your-application-div form::-moz-placeholder { color: #262626; font-weight: 300; padding-left: 0px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div form::-moz-placeholder, .lot-enquire-div form::-moz-placeholder, .share-div form::-moz-placeholder, .login-div form::-moz-placeholder, .register-div form::-moz-placeholder, .account-details-div form::-moz-placeholder, .personal-information-div form::-moz-placeholder, .forgot-password-div form::-moz-placeholder, .reset-password-div form::-moz-placeholder, .change-password-div form::-moz-placeholder, .auction-notices-div form::-moz-placeholder, .register-to-sale-div form::-moz-placeholder, .you-are-registered-div form::-moz-placeholder, .confirm-your-bid-div form::-moz-placeholder, .sms-verification-div form::-moz-placeholder, .confirm-your-application-div form::-moz-placeholder { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div form::-moz-placeholder, .lot-enquire-div form::-moz-placeholder, .share-div form::-moz-placeholder, .login-div form::-moz-placeholder, .register-div form::-moz-placeholder, .account-details-div form::-moz-placeholder, .personal-information-div form::-moz-placeholder, .forgot-password-div form::-moz-placeholder, .reset-password-div form::-moz-placeholder, .change-password-div form::-moz-placeholder, .auction-notices-div form::-moz-placeholder, .register-to-sale-div form::-moz-placeholder, .you-are-registered-div form::-moz-placeholder, .confirm-your-bid-div form::-moz-placeholder, .sms-verification-div form::-moz-placeholder, .confirm-your-application-div form::-moz-placeholder { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div form::-moz-placeholder, .lot-enquire-div form::-moz-placeholder, .share-div form::-moz-placeholder, .login-div form::-moz-placeholder, .register-div form::-moz-placeholder, .account-details-div form::-moz-placeholder, .personal-information-div form::-moz-placeholder, .forgot-password-div form::-moz-placeholder, .reset-password-div form::-moz-placeholder, .change-password-div form::-moz-placeholder, .auction-notices-div form::-moz-placeholder, .register-to-sale-div form::-moz-placeholder, .you-are-registered-div form::-moz-placeholder, .confirm-your-bid-div form::-moz-placeholder, .sms-verification-div form::-moz-placeholder, .confirm-your-application-div form::-moz-placeholder { font-size: 15px; } } .change-currency-div form:-ms-input-placeholder, .lot-enquire-div form:-ms-input-placeholder, .share-div form:-ms-input-placeholder, .login-div form:-ms-input-placeholder, .register-div form:-ms-input-placeholder, .account-details-div form:-ms-input-placeholder, .personal-information-div form:-ms-input-placeholder, .forgot-password-div form:-ms-input-placeholder, .reset-password-div form:-ms-input-placeholder, .change-password-div form:-ms-input-placeholder, .auction-notices-div form:-ms-input-placeholder, .register-to-sale-div form:-ms-input-placeholder, .you-are-registered-div form:-ms-input-placeholder, .confirm-your-bid-div form:-ms-input-placeholder, .sms-verification-div form:-ms-input-placeholder, .confirm-your-application-div form:-ms-input-placeholder { color: #262626; font-weight: 300; padding-left: 0px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div form:-ms-input-placeholder, .lot-enquire-div form:-ms-input-placeholder, .share-div form:-ms-input-placeholder, .login-div form:-ms-input-placeholder, .register-div form:-ms-input-placeholder, .account-details-div form:-ms-input-placeholder, .personal-information-div form:-ms-input-placeholder, .forgot-password-div form:-ms-input-placeholder, .reset-password-div form:-ms-input-placeholder, .change-password-div form:-ms-input-placeholder, .auction-notices-div form:-ms-input-placeholder, .register-to-sale-div form:-ms-input-placeholder, .you-are-registered-div form:-ms-input-placeholder, .confirm-your-bid-div form:-ms-input-placeholder, .sms-verification-div form:-ms-input-placeholder, .confirm-your-application-div form:-ms-input-placeholder { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div form:-ms-input-placeholder, .lot-enquire-div form:-ms-input-placeholder, .share-div form:-ms-input-placeholder, .login-div form:-ms-input-placeholder, .register-div form:-ms-input-placeholder, .account-details-div form:-ms-input-placeholder, .personal-information-div form:-ms-input-placeholder, .forgot-password-div form:-ms-input-placeholder, .reset-password-div form:-ms-input-placeholder, .change-password-div form:-ms-input-placeholder, .auction-notices-div form:-ms-input-placeholder, .register-to-sale-div form:-ms-input-placeholder, .you-are-registered-div form:-ms-input-placeholder, .confirm-your-bid-div form:-ms-input-placeholder, .sms-verification-div form:-ms-input-placeholder, .confirm-your-application-div form:-ms-input-placeholder { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div form:-ms-input-placeholder, .lot-enquire-div form:-ms-input-placeholder, .share-div form:-ms-input-placeholder, .login-div form:-ms-input-placeholder, .register-div form:-ms-input-placeholder, .account-details-div form:-ms-input-placeholder, .personal-information-div form:-ms-input-placeholder, .forgot-password-div form:-ms-input-placeholder, .reset-password-div form:-ms-input-placeholder, .change-password-div form:-ms-input-placeholder, .auction-notices-div form:-ms-input-placeholder, .register-to-sale-div form:-ms-input-placeholder, .you-are-registered-div form:-ms-input-placeholder, .confirm-your-bid-div form:-ms-input-placeholder, .sms-verification-div form:-ms-input-placeholder, .confirm-your-application-div form:-ms-input-placeholder { font-size: 15px; } } .change-currency-div form::-webkit-input-placeholder, .lot-enquire-div form::-webkit-input-placeholder, .share-div form::-webkit-input-placeholder, .login-div form::-webkit-input-placeholder, .register-div form::-webkit-input-placeholder, .account-details-div form::-webkit-input-placeholder, .personal-information-div form::-webkit-input-placeholder, .forgot-password-div form::-webkit-input-placeholder, .reset-password-div form::-webkit-input-placeholder, .change-password-div form::-webkit-input-placeholder, .auction-notices-div form::-webkit-input-placeholder, .register-to-sale-div form::-webkit-input-placeholder, .you-are-registered-div form::-webkit-input-placeholder, .confirm-your-bid-div form::-webkit-input-placeholder, .sms-verification-div form::-webkit-input-placeholder, .confirm-your-application-div form::-webkit-input-placeholder { color: #262626; font-weight: 300; padding-left: 0px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div form::-webkit-input-placeholder, .lot-enquire-div form::-webkit-input-placeholder, .share-div form::-webkit-input-placeholder, .login-div form::-webkit-input-placeholder, .register-div form::-webkit-input-placeholder, .account-details-div form::-webkit-input-placeholder, .personal-information-div form::-webkit-input-placeholder, .forgot-password-div form::-webkit-input-placeholder, .reset-password-div form::-webkit-input-placeholder, .change-password-div form::-webkit-input-placeholder, .auction-notices-div form::-webkit-input-placeholder, .register-to-sale-div form::-webkit-input-placeholder, .you-are-registered-div form::-webkit-input-placeholder, .confirm-your-bid-div form::-webkit-input-placeholder, .sms-verification-div form::-webkit-input-placeholder, .confirm-your-application-div form::-webkit-input-placeholder { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div form::-webkit-input-placeholder, .lot-enquire-div form::-webkit-input-placeholder, .share-div form::-webkit-input-placeholder, .login-div form::-webkit-input-placeholder, .register-div form::-webkit-input-placeholder, .account-details-div form::-webkit-input-placeholder, .personal-information-div form::-webkit-input-placeholder, .forgot-password-div form::-webkit-input-placeholder, .reset-password-div form::-webkit-input-placeholder, .change-password-div form::-webkit-input-placeholder, .auction-notices-div form::-webkit-input-placeholder, .register-to-sale-div form::-webkit-input-placeholder, .you-are-registered-div form::-webkit-input-placeholder, .confirm-your-bid-div form::-webkit-input-placeholder, .sms-verification-div form::-webkit-input-placeholder, .confirm-your-application-div form::-webkit-input-placeholder { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div form::-webkit-input-placeholder, .lot-enquire-div form::-webkit-input-placeholder, .share-div form::-webkit-input-placeholder, .login-div form::-webkit-input-placeholder, .register-div form::-webkit-input-placeholder, .account-details-div form::-webkit-input-placeholder, .personal-information-div form::-webkit-input-placeholder, .forgot-password-div form::-webkit-input-placeholder, .reset-password-div form::-webkit-input-placeholder, .change-password-div form::-webkit-input-placeholder, .auction-notices-div form::-webkit-input-placeholder, .register-to-sale-div form::-webkit-input-placeholder, .you-are-registered-div form::-webkit-input-placeholder, .confirm-your-bid-div form::-webkit-input-placeholder, .sms-verification-div form::-webkit-input-placeholder, .confirm-your-application-div form::-webkit-input-placeholder { font-size: 15px; } } .change-currency-div form::placeholder, .lot-enquire-div form::placeholder, .share-div form::placeholder, .login-div form::placeholder, .register-div form::placeholder, .account-details-div form::placeholder, .personal-information-div form::placeholder, .forgot-password-div form::placeholder, .reset-password-div form::placeholder, .change-password-div form::placeholder, .auction-notices-div form::placeholder, .register-to-sale-div form::placeholder, .you-are-registered-div form::placeholder, .confirm-your-bid-div form::placeholder, .sms-verification-div form::placeholder, .confirm-your-application-div form::placeholder { color: #262626; font-weight: 300; padding-left: 0px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div form::placeholder, .lot-enquire-div form::placeholder, .share-div form::placeholder, .login-div form::placeholder, .register-div form::placeholder, .account-details-div form::placeholder, .personal-information-div form::placeholder, .forgot-password-div form::placeholder, .reset-password-div form::placeholder, .change-password-div form::placeholder, .auction-notices-div form::placeholder, .register-to-sale-div form::placeholder, .you-are-registered-div form::placeholder, .confirm-your-bid-div form::placeholder, .sms-verification-div form::placeholder, .confirm-your-application-div form::placeholder { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div form::placeholder, .lot-enquire-div form::placeholder, .share-div form::placeholder, .login-div form::placeholder, .register-div form::placeholder, .account-details-div form::placeholder, .personal-information-div form::placeholder, .forgot-password-div form::placeholder, .reset-password-div form::placeholder, .change-password-div form::placeholder, .auction-notices-div form::placeholder, .register-to-sale-div form::placeholder, .you-are-registered-div form::placeholder, .confirm-your-bid-div form::placeholder, .sms-verification-div form::placeholder, .confirm-your-application-div form::placeholder { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div form::placeholder, .lot-enquire-div form::placeholder, .share-div form::placeholder, .login-div form::placeholder, .register-div form::placeholder, .account-details-div form::placeholder, .personal-information-div form::placeholder, .forgot-password-div form::placeholder, .reset-password-div form::placeholder, .change-password-div form::placeholder, .auction-notices-div form::placeholder, .register-to-sale-div form::placeholder, .you-are-registered-div form::placeholder, .confirm-your-bid-div form::placeholder, .sms-verification-div form::placeholder, .confirm-your-application-div form::placeholder { font-size: 15px; } } .change-currency-div form .forgot-pw-container, .lot-enquire-div form .forgot-pw-container, .share-div form .forgot-pw-container, .login-div form .forgot-pw-container, .register-div form .forgot-pw-container, .account-details-div form .forgot-pw-container, .personal-information-div form .forgot-pw-container, .forgot-password-div form .forgot-pw-container, .reset-password-div form .forgot-pw-container, .change-password-div form .forgot-pw-container, .auction-notices-div form .forgot-pw-container, .register-to-sale-div form .forgot-pw-container, .you-are-registered-div form .forgot-pw-container, .confirm-your-bid-div form .forgot-pw-container, .sms-verification-div form .forgot-pw-container, .confirm-your-application-div form .forgot-pw-container { text-align: center; margin-bottom: 45px; } .change-currency-div form .forgot-pw-container .forgot-pw, .lot-enquire-div form .forgot-pw-container .forgot-pw, .share-div form .forgot-pw-container .forgot-pw, .login-div form .forgot-pw-container .forgot-pw, .register-div form .forgot-pw-container .forgot-pw, .account-details-div form .forgot-pw-container .forgot-pw, .personal-information-div form .forgot-pw-container .forgot-pw, .forgot-password-div form .forgot-pw-container .forgot-pw, .reset-password-div form .forgot-pw-container .forgot-pw, .change-password-div form .forgot-pw-container .forgot-pw, .auction-notices-div form .forgot-pw-container .forgot-pw, .register-to-sale-div form .forgot-pw-container .forgot-pw, .you-are-registered-div form .forgot-pw-container .forgot-pw, .confirm-your-bid-div form .forgot-pw-container .forgot-pw, .sms-verification-div form .forgot-pw-container .forgot-pw, .confirm-your-application-div form .forgot-pw-container .forgot-pw { font-weight: 300; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; cursor: pointer; color: #262626; text-decoration: underline; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div form .forgot-pw-container .forgot-pw, .lot-enquire-div form .forgot-pw-container .forgot-pw, .share-div form .forgot-pw-container .forgot-pw, .login-div form .forgot-pw-container .forgot-pw, .register-div form .forgot-pw-container .forgot-pw, .account-details-div form .forgot-pw-container .forgot-pw, .personal-information-div form .forgot-pw-container .forgot-pw, .forgot-password-div form .forgot-pw-container .forgot-pw, .reset-password-div form .forgot-pw-container .forgot-pw, .change-password-div form .forgot-pw-container .forgot-pw, .auction-notices-div form .forgot-pw-container .forgot-pw, .register-to-sale-div form .forgot-pw-container .forgot-pw, .you-are-registered-div form .forgot-pw-container .forgot-pw, .confirm-your-bid-div form .forgot-pw-container .forgot-pw, .sms-verification-div form .forgot-pw-container .forgot-pw, .confirm-your-application-div form .forgot-pw-container .forgot-pw { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div form .forgot-pw-container .forgot-pw, .lot-enquire-div form .forgot-pw-container .forgot-pw, .share-div form .forgot-pw-container .forgot-pw, .login-div form .forgot-pw-container .forgot-pw, .register-div form .forgot-pw-container .forgot-pw, .account-details-div form .forgot-pw-container .forgot-pw, .personal-information-div form .forgot-pw-container .forgot-pw, .forgot-password-div form .forgot-pw-container .forgot-pw, .reset-password-div form .forgot-pw-container .forgot-pw, .change-password-div form .forgot-pw-container .forgot-pw, .auction-notices-div form .forgot-pw-container .forgot-pw, .register-to-sale-div form .forgot-pw-container .forgot-pw, .you-are-registered-div form .forgot-pw-container .forgot-pw, .confirm-your-bid-div form .forgot-pw-container .forgot-pw, .sms-verification-div form .forgot-pw-container .forgot-pw, .confirm-your-application-div form .forgot-pw-container .forgot-pw { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div form .forgot-pw-container .forgot-pw, .lot-enquire-div form .forgot-pw-container .forgot-pw, .share-div form .forgot-pw-container .forgot-pw, .login-div form .forgot-pw-container .forgot-pw, .register-div form .forgot-pw-container .forgot-pw, .account-details-div form .forgot-pw-container .forgot-pw, .personal-information-div form .forgot-pw-container .forgot-pw, .forgot-password-div form .forgot-pw-container .forgot-pw, .reset-password-div form .forgot-pw-container .forgot-pw, .change-password-div form .forgot-pw-container .forgot-pw, .auction-notices-div form .forgot-pw-container .forgot-pw, .register-to-sale-div form .forgot-pw-container .forgot-pw, .you-are-registered-div form .forgot-pw-container .forgot-pw, .confirm-your-bid-div form .forgot-pw-container .forgot-pw, .sms-verification-div form .forgot-pw-container .forgot-pw, .confirm-your-application-div form .forgot-pw-container .forgot-pw { font-size: 14px; } } .change-currency-div form .forgot-email, .lot-enquire-div form .forgot-email, .share-div form .forgot-email, .login-div form .forgot-email, .register-div form .forgot-email, .account-details-div form .forgot-email, .personal-information-div form .forgot-email, .forgot-password-div form .forgot-email, .reset-password-div form .forgot-email, .change-password-div form .forgot-email, .auction-notices-div form .forgot-email, .register-to-sale-div form .forgot-email, .you-are-registered-div form .forgot-email, .confirm-your-bid-div form .forgot-email, .sms-verification-div form .forgot-email, .confirm-your-application-div form .forgot-email { color: #262626; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: center; margin-bottom: 25px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div form .forgot-email, .lot-enquire-div form .forgot-email, .share-div form .forgot-email, .login-div form .forgot-email, .register-div form .forgot-email, .account-details-div form .forgot-email, .personal-information-div form .forgot-email, .forgot-password-div form .forgot-email, .reset-password-div form .forgot-email, .change-password-div form .forgot-email, .auction-notices-div form .forgot-email, .register-to-sale-div form .forgot-email, .you-are-registered-div form .forgot-email, .confirm-your-bid-div form .forgot-email, .sms-verification-div form .forgot-email, .confirm-your-application-div form .forgot-email { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div form .forgot-email, .lot-enquire-div form .forgot-email, .share-div form .forgot-email, .login-div form .forgot-email, .register-div form .forgot-email, .account-details-div form .forgot-email, .personal-information-div form .forgot-email, .forgot-password-div form .forgot-email, .reset-password-div form .forgot-email, .change-password-div form .forgot-email, .auction-notices-div form .forgot-email, .register-to-sale-div form .forgot-email, .you-are-registered-div form .forgot-email, .confirm-your-bid-div form .forgot-email, .sms-verification-div form .forgot-email, .confirm-your-application-div form .forgot-email { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div form .forgot-email, .lot-enquire-div form .forgot-email, .share-div form .forgot-email, .login-div form .forgot-email, .register-div form .forgot-email, .account-details-div form .forgot-email, .personal-information-div form .forgot-email, .forgot-password-div form .forgot-email, .reset-password-div form .forgot-email, .change-password-div form .forgot-email, .auction-notices-div form .forgot-email, .register-to-sale-div form .forgot-email, .you-are-registered-div form .forgot-email, .confirm-your-bid-div form .forgot-email, .sms-verification-div form .forgot-email, .confirm-your-application-div form .forgot-email { font-size: 14px; } } .change-currency-div form #strengthMessage, .change-currency-div form #account-strengthMessage, .change-currency-div form #resetpw-strengthMessage, .change-currency-div form #changepw-strengthMessage, .lot-enquire-div form #strengthMessage, .lot-enquire-div form #account-strengthMessage, .lot-enquire-div form #resetpw-strengthMessage, .lot-enquire-div form #changepw-strengthMessage, .share-div form #strengthMessage, .share-div form #account-strengthMessage, .share-div form #resetpw-strengthMessage, .share-div form #changepw-strengthMessage, .login-div form #strengthMessage, .login-div form #account-strengthMessage, .login-div form #resetpw-strengthMessage, .login-div form #changepw-strengthMessage, .register-div form #strengthMessage, .register-div form #account-strengthMessage, .register-div form #resetpw-strengthMessage, .register-div form #changepw-strengthMessage, .account-details-div form #strengthMessage, .account-details-div form #account-strengthMessage, .account-details-div form #resetpw-strengthMessage, .account-details-div form #changepw-strengthMessage, .personal-information-div form #strengthMessage, .personal-information-div form #account-strengthMessage, .personal-information-div form #resetpw-strengthMessage, .personal-information-div form #changepw-strengthMessage, .forgot-password-div form #strengthMessage, .forgot-password-div form #account-strengthMessage, .forgot-password-div form #resetpw-strengthMessage, .forgot-password-div form #changepw-strengthMessage, .reset-password-div form #strengthMessage, .reset-password-div form #account-strengthMessage, .reset-password-div form #resetpw-strengthMessage, .reset-password-div form #changepw-strengthMessage, .change-password-div form #strengthMessage, .change-password-div form #account-strengthMessage, .change-password-div form #resetpw-strengthMessage, .change-password-div form #changepw-strengthMessage, .auction-notices-div form #strengthMessage, .auction-notices-div form #account-strengthMessage, .auction-notices-div form #resetpw-strengthMessage, .auction-notices-div form #changepw-strengthMessage, .register-to-sale-div form #strengthMessage, .register-to-sale-div form #account-strengthMessage, .register-to-sale-div form #resetpw-strengthMessage, .register-to-sale-div form #changepw-strengthMessage, .you-are-registered-div form #strengthMessage, .you-are-registered-div form #account-strengthMessage, .you-are-registered-div form #resetpw-strengthMessage, .you-are-registered-div form #changepw-strengthMessage, .confirm-your-bid-div form #strengthMessage, .confirm-your-bid-div form #account-strengthMessage, .confirm-your-bid-div form #resetpw-strengthMessage, .confirm-your-bid-div form #changepw-strengthMessage, .sms-verification-div form #strengthMessage, .sms-verification-div form #account-strengthMessage, .sms-verification-div form #resetpw-strengthMessage, .sms-verification-div form #changepw-strengthMessage, .confirm-your-application-div form #strengthMessage, .confirm-your-application-div form #account-strengthMessage, .confirm-your-application-div form #resetpw-strengthMessage, .confirm-your-application-div form #changepw-strengthMessage { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div form #strengthMessage, .change-currency-div form #account-strengthMessage, .change-currency-div form #resetpw-strengthMessage, .change-currency-div form #changepw-strengthMessage, .lot-enquire-div form #strengthMessage, .lot-enquire-div form #account-strengthMessage, .lot-enquire-div form #resetpw-strengthMessage, .lot-enquire-div form #changepw-strengthMessage, .share-div form #strengthMessage, .share-div form #account-strengthMessage, .share-div form #resetpw-strengthMessage, .share-div form #changepw-strengthMessage, .login-div form #strengthMessage, .login-div form #account-strengthMessage, .login-div form #resetpw-strengthMessage, .login-div form #changepw-strengthMessage, .register-div form #strengthMessage, .register-div form #account-strengthMessage, .register-div form #resetpw-strengthMessage, .register-div form #changepw-strengthMessage, .account-details-div form #strengthMessage, .account-details-div form #account-strengthMessage, .account-details-div form #resetpw-strengthMessage, .account-details-div form #changepw-strengthMessage, .personal-information-div form #strengthMessage, .personal-information-div form #account-strengthMessage, .personal-information-div form #resetpw-strengthMessage, .personal-information-div form #changepw-strengthMessage, .forgot-password-div form #strengthMessage, .forgot-password-div form #account-strengthMessage, .forgot-password-div form #resetpw-strengthMessage, .forgot-password-div form #changepw-strengthMessage, .reset-password-div form #strengthMessage, .reset-password-div form #account-strengthMessage, .reset-password-div form #resetpw-strengthMessage, .reset-password-div form #changepw-strengthMessage, .change-password-div form #strengthMessage, .change-password-div form #account-strengthMessage, .change-password-div form #resetpw-strengthMessage, .change-password-div form #changepw-strengthMessage, .auction-notices-div form #strengthMessage, .auction-notices-div form #account-strengthMessage, .auction-notices-div form #resetpw-strengthMessage, .auction-notices-div form #changepw-strengthMessage, .register-to-sale-div form #strengthMessage, .register-to-sale-div form #account-strengthMessage, .register-to-sale-div form #resetpw-strengthMessage, .register-to-sale-div form #changepw-strengthMessage, .you-are-registered-div form #strengthMessage, .you-are-registered-div form #account-strengthMessage, .you-are-registered-div form #resetpw-strengthMessage, .you-are-registered-div form #changepw-strengthMessage, .confirm-your-bid-div form #strengthMessage, .confirm-your-bid-div form #account-strengthMessage, .confirm-your-bid-div form #resetpw-strengthMessage, .confirm-your-bid-div form #changepw-strengthMessage, .sms-verification-div form #strengthMessage, .sms-verification-div form #account-strengthMessage, .sms-verification-div form #resetpw-strengthMessage, .sms-verification-div form #changepw-strengthMessage, .confirm-your-application-div form #strengthMessage, .confirm-your-application-div form #account-strengthMessage, .confirm-your-application-div form #resetpw-strengthMessage, .confirm-your-application-div form #changepw-strengthMessage { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div form #strengthMessage, .change-currency-div form #account-strengthMessage, .change-currency-div form #resetpw-strengthMessage, .change-currency-div form #changepw-strengthMessage, .lot-enquire-div form #strengthMessage, .lot-enquire-div form #account-strengthMessage, .lot-enquire-div form #resetpw-strengthMessage, .lot-enquire-div form #changepw-strengthMessage, .share-div form #strengthMessage, .share-div form #account-strengthMessage, .share-div form #resetpw-strengthMessage, .share-div form #changepw-strengthMessage, .login-div form #strengthMessage, .login-div form #account-strengthMessage, .login-div form #resetpw-strengthMessage, .login-div form #changepw-strengthMessage, .register-div form #strengthMessage, .register-div form #account-strengthMessage, .register-div form #resetpw-strengthMessage, .register-div form #changepw-strengthMessage, .account-details-div form #strengthMessage, .account-details-div form #account-strengthMessage, .account-details-div form #resetpw-strengthMessage, .account-details-div form #changepw-strengthMessage, .personal-information-div form #strengthMessage, .personal-information-div form #account-strengthMessage, .personal-information-div form #resetpw-strengthMessage, .personal-information-div form #changepw-strengthMessage, .forgot-password-div form #strengthMessage, .forgot-password-div form #account-strengthMessage, .forgot-password-div form #resetpw-strengthMessage, .forgot-password-div form #changepw-strengthMessage, .reset-password-div form #strengthMessage, .reset-password-div form #account-strengthMessage, .reset-password-div form #resetpw-strengthMessage, .reset-password-div form #changepw-strengthMessage, .change-password-div form #strengthMessage, .change-password-div form #account-strengthMessage, .change-password-div form #resetpw-strengthMessage, .change-password-div form #changepw-strengthMessage, .auction-notices-div form #strengthMessage, .auction-notices-div form #account-strengthMessage, .auction-notices-div form #resetpw-strengthMessage, .auction-notices-div form #changepw-strengthMessage, .register-to-sale-div form #strengthMessage, .register-to-sale-div form #account-strengthMessage, .register-to-sale-div form #resetpw-strengthMessage, .register-to-sale-div form #changepw-strengthMessage, .you-are-registered-div form #strengthMessage, .you-are-registered-div form #account-strengthMessage, .you-are-registered-div form #resetpw-strengthMessage, .you-are-registered-div form #changepw-strengthMessage, .confirm-your-bid-div form #strengthMessage, .confirm-your-bid-div form #account-strengthMessage, .confirm-your-bid-div form #resetpw-strengthMessage, .confirm-your-bid-div form #changepw-strengthMessage, .sms-verification-div form #strengthMessage, .sms-verification-div form #account-strengthMessage, .sms-verification-div form #resetpw-strengthMessage, .sms-verification-div form #changepw-strengthMessage, .confirm-your-application-div form #strengthMessage, .confirm-your-application-div form #account-strengthMessage, .confirm-your-application-div form #resetpw-strengthMessage, .confirm-your-application-div form #changepw-strengthMessage { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div form #strengthMessage, .change-currency-div form #account-strengthMessage, .change-currency-div form #resetpw-strengthMessage, .change-currency-div form #changepw-strengthMessage, .lot-enquire-div form #strengthMessage, .lot-enquire-div form #account-strengthMessage, .lot-enquire-div form #resetpw-strengthMessage, .lot-enquire-div form #changepw-strengthMessage, .share-div form #strengthMessage, .share-div form #account-strengthMessage, .share-div form #resetpw-strengthMessage, .share-div form #changepw-strengthMessage, .login-div form #strengthMessage, .login-div form #account-strengthMessage, .login-div form #resetpw-strengthMessage, .login-div form #changepw-strengthMessage, .register-div form #strengthMessage, .register-div form #account-strengthMessage, .register-div form #resetpw-strengthMessage, .register-div form #changepw-strengthMessage, .account-details-div form #strengthMessage, .account-details-div form #account-strengthMessage, .account-details-div form #resetpw-strengthMessage, .account-details-div form #changepw-strengthMessage, .personal-information-div form #strengthMessage, .personal-information-div form #account-strengthMessage, .personal-information-div form #resetpw-strengthMessage, .personal-information-div form #changepw-strengthMessage, .forgot-password-div form #strengthMessage, .forgot-password-div form #account-strengthMessage, .forgot-password-div form #resetpw-strengthMessage, .forgot-password-div form #changepw-strengthMessage, .reset-password-div form #strengthMessage, .reset-password-div form #account-strengthMessage, .reset-password-div form #resetpw-strengthMessage, .reset-password-div form #changepw-strengthMessage, .change-password-div form #strengthMessage, .change-password-div form #account-strengthMessage, .change-password-div form #resetpw-strengthMessage, .change-password-div form #changepw-strengthMessage, .auction-notices-div form #strengthMessage, .auction-notices-div form #account-strengthMessage, .auction-notices-div form #resetpw-strengthMessage, .auction-notices-div form #changepw-strengthMessage, .register-to-sale-div form #strengthMessage, .register-to-sale-div form #account-strengthMessage, .register-to-sale-div form #resetpw-strengthMessage, .register-to-sale-div form #changepw-strengthMessage, .you-are-registered-div form #strengthMessage, .you-are-registered-div form #account-strengthMessage, .you-are-registered-div form #resetpw-strengthMessage, .you-are-registered-div form #changepw-strengthMessage, .confirm-your-bid-div form #strengthMessage, .confirm-your-bid-div form #account-strengthMessage, .confirm-your-bid-div form #resetpw-strengthMessage, .confirm-your-bid-div form #changepw-strengthMessage, .sms-verification-div form #strengthMessage, .sms-verification-div form #account-strengthMessage, .sms-verification-div form #resetpw-strengthMessage, .sms-verification-div form #changepw-strengthMessage, .confirm-your-application-div form #strengthMessage, .confirm-your-application-div form #account-strengthMessage, .confirm-your-application-div form #resetpw-strengthMessage, .confirm-your-application-div form #changepw-strengthMessage { font-size: 14px; } } .change-currency-div form #strengthMessage .level-text, .change-currency-div form #account-strengthMessage .level-text, .change-currency-div form #resetpw-strengthMessage .level-text, .change-currency-div form #changepw-strengthMessage .level-text, .lot-enquire-div form #strengthMessage .level-text, .lot-enquire-div form #account-strengthMessage .level-text, .lot-enquire-div form #resetpw-strengthMessage .level-text, .lot-enquire-div form #changepw-strengthMessage .level-text, .share-div form #strengthMessage .level-text, .share-div form #account-strengthMessage .level-text, .share-div form #resetpw-strengthMessage .level-text, .share-div form #changepw-strengthMessage .level-text, .login-div form #strengthMessage .level-text, .login-div form #account-strengthMessage .level-text, .login-div form #resetpw-strengthMessage .level-text, .login-div form #changepw-strengthMessage .level-text, .register-div form #strengthMessage .level-text, .register-div form #account-strengthMessage .level-text, .register-div form #resetpw-strengthMessage .level-text, .register-div form #changepw-strengthMessage .level-text, .account-details-div form #strengthMessage .level-text, .account-details-div form #account-strengthMessage .level-text, .account-details-div form #resetpw-strengthMessage .level-text, .account-details-div form #changepw-strengthMessage .level-text, .personal-information-div form #strengthMessage .level-text, .personal-information-div form #account-strengthMessage .level-text, .personal-information-div form #resetpw-strengthMessage .level-text, .personal-information-div form #changepw-strengthMessage .level-text, .forgot-password-div form #strengthMessage .level-text, .forgot-password-div form #account-strengthMessage .level-text, .forgot-password-div form #resetpw-strengthMessage .level-text, .forgot-password-div form #changepw-strengthMessage .level-text, .reset-password-div form #strengthMessage .level-text, .reset-password-div form #account-strengthMessage .level-text, .reset-password-div form #resetpw-strengthMessage .level-text, .reset-password-div form #changepw-strengthMessage .level-text, .change-password-div form #strengthMessage .level-text, .change-password-div form #account-strengthMessage .level-text, .change-password-div form #resetpw-strengthMessage .level-text, .change-password-div form #changepw-strengthMessage .level-text, .auction-notices-div form #strengthMessage .level-text, .auction-notices-div form #account-strengthMessage .level-text, .auction-notices-div form #resetpw-strengthMessage .level-text, .auction-notices-div form #changepw-strengthMessage .level-text, .register-to-sale-div form #strengthMessage .level-text, .register-to-sale-div form #account-strengthMessage .level-text, .register-to-sale-div form #resetpw-strengthMessage .level-text, .register-to-sale-div form #changepw-strengthMessage .level-text, .you-are-registered-div form #strengthMessage .level-text, .you-are-registered-div form #account-strengthMessage .level-text, .you-are-registered-div form #resetpw-strengthMessage .level-text, .you-are-registered-div form #changepw-strengthMessage .level-text, .confirm-your-bid-div form #strengthMessage .level-text, .confirm-your-bid-div form #account-strengthMessage .level-text, .confirm-your-bid-div form #resetpw-strengthMessage .level-text, .confirm-your-bid-div form #changepw-strengthMessage .level-text, .sms-verification-div form #strengthMessage .level-text, .sms-verification-div form #account-strengthMessage .level-text, .sms-verification-div form #resetpw-strengthMessage .level-text, .sms-verification-div form #changepw-strengthMessage .level-text, .confirm-your-application-div form #strengthMessage .level-text, .confirm-your-application-div form #account-strengthMessage .level-text, .confirm-your-application-div form #resetpw-strengthMessage .level-text, .confirm-your-application-div form #changepw-strengthMessage .level-text { margin-bottom: 5px; margin-top: 12px; display: none; } .change-currency-div form #strengthMessage .level, .change-currency-div form #account-strengthMessage .level, .change-currency-div form #resetpw-strengthMessage .level, .change-currency-div form #changepw-strengthMessage .level, .lot-enquire-div form #strengthMessage .level, .lot-enquire-div form #account-strengthMessage .level, .lot-enquire-div form #resetpw-strengthMessage .level, .lot-enquire-div form #changepw-strengthMessage .level, .share-div form #strengthMessage .level, .share-div form #account-strengthMessage .level, .share-div form #resetpw-strengthMessage .level, .share-div form #changepw-strengthMessage .level, .login-div form #strengthMessage .level, .login-div form #account-strengthMessage .level, .login-div form #resetpw-strengthMessage .level, .login-div form #changepw-strengthMessage .level, .register-div form #strengthMessage .level, .register-div form #account-strengthMessage .level, .register-div form #resetpw-strengthMessage .level, .register-div form #changepw-strengthMessage .level, .account-details-div form #strengthMessage .level, .account-details-div form #account-strengthMessage .level, .account-details-div form #resetpw-strengthMessage .level, .account-details-div form #changepw-strengthMessage .level, .personal-information-div form #strengthMessage .level, .personal-information-div form #account-strengthMessage .level, .personal-information-div form #resetpw-strengthMessage .level, .personal-information-div form #changepw-strengthMessage .level, .forgot-password-div form #strengthMessage .level, .forgot-password-div form #account-strengthMessage .level, .forgot-password-div form #resetpw-strengthMessage .level, .forgot-password-div form #changepw-strengthMessage .level, .reset-password-div form #strengthMessage .level, .reset-password-div form #account-strengthMessage .level, .reset-password-div form #resetpw-strengthMessage .level, .reset-password-div form #changepw-strengthMessage .level, .change-password-div form #strengthMessage .level, .change-password-div form #account-strengthMessage .level, .change-password-div form #resetpw-strengthMessage .level, .change-password-div form #changepw-strengthMessage .level, .auction-notices-div form #strengthMessage .level, .auction-notices-div form #account-strengthMessage .level, .auction-notices-div form #resetpw-strengthMessage .level, .auction-notices-div form #changepw-strengthMessage .level, .register-to-sale-div form #strengthMessage .level, .register-to-sale-div form #account-strengthMessage .level, .register-to-sale-div form #resetpw-strengthMessage .level, .register-to-sale-div form #changepw-strengthMessage .level, .you-are-registered-div form #strengthMessage .level, .you-are-registered-div form #account-strengthMessage .level, .you-are-registered-div form #resetpw-strengthMessage .level, .you-are-registered-div form #changepw-strengthMessage .level, .confirm-your-bid-div form #strengthMessage .level, .confirm-your-bid-div form #account-strengthMessage .level, .confirm-your-bid-div form #resetpw-strengthMessage .level, .confirm-your-bid-div form #changepw-strengthMessage .level, .sms-verification-div form #strengthMessage .level, .sms-verification-div form #account-strengthMessage .level, .sms-verification-div form #resetpw-strengthMessage .level, .sms-verification-div form #changepw-strengthMessage .level, .confirm-your-application-div form #strengthMessage .level, .confirm-your-application-div form #account-strengthMessage .level, .confirm-your-application-div form #resetpw-strengthMessage .level, .confirm-your-application-div form #changepw-strengthMessage .level { width: 100%; } .change-currency-div form #strengthMessage .level.excellent, .change-currency-div form #account-strengthMessage .level.excellent, .change-currency-div form #resetpw-strengthMessage .level.excellent, .change-currency-div form #changepw-strengthMessage .level.excellent, .lot-enquire-div form #strengthMessage .level.excellent, .lot-enquire-div form #account-strengthMessage .level.excellent, .lot-enquire-div form #resetpw-strengthMessage .level.excellent, .lot-enquire-div form #changepw-strengthMessage .level.excellent, .share-div form #strengthMessage .level.excellent, .share-div form #account-strengthMessage .level.excellent, .share-div form #resetpw-strengthMessage .level.excellent, .share-div form #changepw-strengthMessage .level.excellent, .login-div form #strengthMessage .level.excellent, .login-div form #account-strengthMessage .level.excellent, .login-div form #resetpw-strengthMessage .level.excellent, .login-div form #changepw-strengthMessage .level.excellent, .register-div form #strengthMessage .level.excellent, .register-div form #account-strengthMessage .level.excellent, .register-div form #resetpw-strengthMessage .level.excellent, .register-div form #changepw-strengthMessage .level.excellent, .account-details-div form #strengthMessage .level.excellent, .account-details-div form #account-strengthMessage .level.excellent, .account-details-div form #resetpw-strengthMessage .level.excellent, .account-details-div form #changepw-strengthMessage .level.excellent, .personal-information-div form #strengthMessage .level.excellent, .personal-information-div form #account-strengthMessage .level.excellent, .personal-information-div form #resetpw-strengthMessage .level.excellent, .personal-information-div form #changepw-strengthMessage .level.excellent, .forgot-password-div form #strengthMessage .level.excellent, .forgot-password-div form #account-strengthMessage .level.excellent, .forgot-password-div form #resetpw-strengthMessage .level.excellent, .forgot-password-div form #changepw-strengthMessage .level.excellent, .reset-password-div form #strengthMessage .level.excellent, .reset-password-div form #account-strengthMessage .level.excellent, .reset-password-div form #resetpw-strengthMessage .level.excellent, .reset-password-div form #changepw-strengthMessage .level.excellent, .change-password-div form #strengthMessage .level.excellent, .change-password-div form #account-strengthMessage .level.excellent, .change-password-div form #resetpw-strengthMessage .level.excellent, .change-password-div form #changepw-strengthMessage .level.excellent, .auction-notices-div form #strengthMessage .level.excellent, .auction-notices-div form #account-strengthMessage .level.excellent, .auction-notices-div form #resetpw-strengthMessage .level.excellent, .auction-notices-div form #changepw-strengthMessage .level.excellent, .register-to-sale-div form #strengthMessage .level.excellent, .register-to-sale-div form #account-strengthMessage .level.excellent, .register-to-sale-div form #resetpw-strengthMessage .level.excellent, .register-to-sale-div form #changepw-strengthMessage .level.excellent, .you-are-registered-div form #strengthMessage .level.excellent, .you-are-registered-div form #account-strengthMessage .level.excellent, .you-are-registered-div form #resetpw-strengthMessage .level.excellent, .you-are-registered-div form #changepw-strengthMessage .level.excellent, .confirm-your-bid-div form #strengthMessage .level.excellent, .confirm-your-bid-div form #account-strengthMessage .level.excellent, .confirm-your-bid-div form #resetpw-strengthMessage .level.excellent, .confirm-your-bid-div form #changepw-strengthMessage .level.excellent, .sms-verification-div form #strengthMessage .level.excellent, .sms-verification-div form #account-strengthMessage .level.excellent, .sms-verification-div form #resetpw-strengthMessage .level.excellent, .sms-verification-div form #changepw-strengthMessage .level.excellent, .confirm-your-application-div form #strengthMessage .level.excellent, .confirm-your-application-div form #account-strengthMessage .level.excellent, .confirm-your-application-div form #resetpw-strengthMessage .level.excellent, .confirm-your-application-div form #changepw-strengthMessage .level.excellent { background-color: #99C743; height: 12px; } .change-currency-div form #strengthMessage .level.weak, .change-currency-div form #account-strengthMessage .level.weak, .change-currency-div form #resetpw-strengthMessage .level.weak, .change-currency-div form #changepw-strengthMessage .level.weak, .lot-enquire-div form #strengthMessage .level.weak, .lot-enquire-div form #account-strengthMessage .level.weak, .lot-enquire-div form #resetpw-strengthMessage .level.weak, .lot-enquire-div form #changepw-strengthMessage .level.weak, .share-div form #strengthMessage .level.weak, .share-div form #account-strengthMessage .level.weak, .share-div form #resetpw-strengthMessage .level.weak, .share-div form #changepw-strengthMessage .level.weak, .login-div form #strengthMessage .level.weak, .login-div form #account-strengthMessage .level.weak, .login-div form #resetpw-strengthMessage .level.weak, .login-div form #changepw-strengthMessage .level.weak, .register-div form #strengthMessage .level.weak, .register-div form #account-strengthMessage .level.weak, .register-div form #resetpw-strengthMessage .level.weak, .register-div form #changepw-strengthMessage .level.weak, .account-details-div form #strengthMessage .level.weak, .account-details-div form #account-strengthMessage .level.weak, .account-details-div form #resetpw-strengthMessage .level.weak, .account-details-div form #changepw-strengthMessage .level.weak, .personal-information-div form #strengthMessage .level.weak, .personal-information-div form #account-strengthMessage .level.weak, .personal-information-div form #resetpw-strengthMessage .level.weak, .personal-information-div form #changepw-strengthMessage .level.weak, .forgot-password-div form #strengthMessage .level.weak, .forgot-password-div form #account-strengthMessage .level.weak, .forgot-password-div form #resetpw-strengthMessage .level.weak, .forgot-password-div form #changepw-strengthMessage .level.weak, .reset-password-div form #strengthMessage .level.weak, .reset-password-div form #account-strengthMessage .level.weak, .reset-password-div form #resetpw-strengthMessage .level.weak, .reset-password-div form #changepw-strengthMessage .level.weak, .change-password-div form #strengthMessage .level.weak, .change-password-div form #account-strengthMessage .level.weak, .change-password-div form #resetpw-strengthMessage .level.weak, .change-password-div form #changepw-strengthMessage .level.weak, .auction-notices-div form #strengthMessage .level.weak, .auction-notices-div form #account-strengthMessage .level.weak, .auction-notices-div form #resetpw-strengthMessage .level.weak, .auction-notices-div form #changepw-strengthMessage .level.weak, .register-to-sale-div form #strengthMessage .level.weak, .register-to-sale-div form #account-strengthMessage .level.weak, .register-to-sale-div form #resetpw-strengthMessage .level.weak, .register-to-sale-div form #changepw-strengthMessage .level.weak, .you-are-registered-div form #strengthMessage .level.weak, .you-are-registered-div form #account-strengthMessage .level.weak, .you-are-registered-div form #resetpw-strengthMessage .level.weak, .you-are-registered-div form #changepw-strengthMessage .level.weak, .confirm-your-bid-div form #strengthMessage .level.weak, .confirm-your-bid-div form #account-strengthMessage .level.weak, .confirm-your-bid-div form #resetpw-strengthMessage .level.weak, .confirm-your-bid-div form #changepw-strengthMessage .level.weak, .sms-verification-div form #strengthMessage .level.weak, .sms-verification-div form #account-strengthMessage .level.weak, .sms-verification-div form #resetpw-strengthMessage .level.weak, .sms-verification-div form #changepw-strengthMessage .level.weak, .confirm-your-application-div form #strengthMessage .level.weak, .confirm-your-application-div form #account-strengthMessage .level.weak, .confirm-your-application-div form #resetpw-strengthMessage .level.weak, .confirm-your-application-div form #changepw-strengthMessage .level.weak { background-color: #ce1010; height: 12px; } .change-currency-div form #strengthMessage .level.good, .change-currency-div form #account-strengthMessage .level.good, .change-currency-div form #resetpw-strengthMessage .level.good, .change-currency-div form #changepw-strengthMessage .level.good, .lot-enquire-div form #strengthMessage .level.good, .lot-enquire-div form #account-strengthMessage .level.good, .lot-enquire-div form #resetpw-strengthMessage .level.good, .lot-enquire-div form #changepw-strengthMessage .level.good, .share-div form #strengthMessage .level.good, .share-div form #account-strengthMessage .level.good, .share-div form #resetpw-strengthMessage .level.good, .share-div form #changepw-strengthMessage .level.good, .login-div form #strengthMessage .level.good, .login-div form #account-strengthMessage .level.good, .login-div form #resetpw-strengthMessage .level.good, .login-div form #changepw-strengthMessage .level.good, .register-div form #strengthMessage .level.good, .register-div form #account-strengthMessage .level.good, .register-div form #resetpw-strengthMessage .level.good, .register-div form #changepw-strengthMessage .level.good, .account-details-div form #strengthMessage .level.good, .account-details-div form #account-strengthMessage .level.good, .account-details-div form #resetpw-strengthMessage .level.good, .account-details-div form #changepw-strengthMessage .level.good, .personal-information-div form #strengthMessage .level.good, .personal-information-div form #account-strengthMessage .level.good, .personal-information-div form #resetpw-strengthMessage .level.good, .personal-information-div form #changepw-strengthMessage .level.good, .forgot-password-div form #strengthMessage .level.good, .forgot-password-div form #account-strengthMessage .level.good, .forgot-password-div form #resetpw-strengthMessage .level.good, .forgot-password-div form #changepw-strengthMessage .level.good, .reset-password-div form #strengthMessage .level.good, .reset-password-div form #account-strengthMessage .level.good, .reset-password-div form #resetpw-strengthMessage .level.good, .reset-password-div form #changepw-strengthMessage .level.good, .change-password-div form #strengthMessage .level.good, .change-password-div form #account-strengthMessage .level.good, .change-password-div form #resetpw-strengthMessage .level.good, .change-password-div form #changepw-strengthMessage .level.good, .auction-notices-div form #strengthMessage .level.good, .auction-notices-div form #account-strengthMessage .level.good, .auction-notices-div form #resetpw-strengthMessage .level.good, .auction-notices-div form #changepw-strengthMessage .level.good, .register-to-sale-div form #strengthMessage .level.good, .register-to-sale-div form #account-strengthMessage .level.good, .register-to-sale-div form #resetpw-strengthMessage .level.good, .register-to-sale-div form #changepw-strengthMessage .level.good, .you-are-registered-div form #strengthMessage .level.good, .you-are-registered-div form #account-strengthMessage .level.good, .you-are-registered-div form #resetpw-strengthMessage .level.good, .you-are-registered-div form #changepw-strengthMessage .level.good, .confirm-your-bid-div form #strengthMessage .level.good, .confirm-your-bid-div form #account-strengthMessage .level.good, .confirm-your-bid-div form #resetpw-strengthMessage .level.good, .confirm-your-bid-div form #changepw-strengthMessage .level.good, .sms-verification-div form #strengthMessage .level.good, .sms-verification-div form #account-strengthMessage .level.good, .sms-verification-div form #resetpw-strengthMessage .level.good, .sms-verification-div form #changepw-strengthMessage .level.good, .confirm-your-application-div form #strengthMessage .level.good, .confirm-your-application-div form #account-strengthMessage .level.good, .confirm-your-application-div form #resetpw-strengthMessage .level.good, .confirm-your-application-div form #changepw-strengthMessage .level.good { background-color: #ffb743; height: 12px; } .custom-select.not-empty { font-size: 15px; font-weight: 400; } .share-div { width: 500px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; } .share-div .row { margin-left: 0px; margin-right: 0px; padding-left: 25px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .share-div .row { padding-left: 20%; } } .share-div .title { margin-bottom: 35px; } .share-div .col-md-6 { margin-bottom: 20px; position: relative; padding-left: 10px; display: flex; align-items: center; } .share-div .col-md-6:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px; } .share-div .col-md-6 a { color: inherit; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-left: 23px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .share-div .col-md-6 a { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .share-div .col-md-6 a { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .share-div .col-md-6 a { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .share-div .col-md-6 a { margin-left: 35px; } } .share-div .col-md-6 a:hover { text-decoration: none; } .share-div .facebook-col:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_418' data-name='Group 418' transform='translate(-6498 8723)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(6498 -8723)' fill='none'/%3E%3Cg id='fb-icon' transform='translate(6503 -8718)'%3E%3Crect id='Rectangle_137' data-name='Rectangle 137' width='20' height='20' fill='none'/%3E%3Cpath id='fb' d='M2436.826,2184.51l1.883,0v-3.182a25.435,25.435,0,0,0-2.744-.14c-2.714,0-4.573,1.657-4.573,4.7v2.622h-3.067v3.556h3.067v9.124h3.672v-9.124h3.063l.457-3.556h-3.52v-2.271C2435.066,2185.21,2435.353,2184.51,2436.826,2184.51Z' transform='translate(-2423.659 -2181.186)' fill='%23262626'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .share-div .wechat-col:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_383' data-name='Group 383' transform='translate(-529 -1425)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(529 1425)' fill='none'/%3E%3Cg id='wechat-icon' transform='translate(532 1430)'%3E%3Crect id='Rectangle_140' data-name='Rectangle 140' width='24' height='19.838' fill='none'/%3E%3Cg id='wechat'%3E%3Cpath id='Path_6' data-name='Path 6' d='M2880.862,2204.63c0-3.383-3.381-6.136-7.181-6.136-4.024,0-7.193,2.754-7.193,6.136s3.169,6.135,7.193,6.135a10.578,10.578,0,0,0,2.535-.425l2.321,1.27-.636-2.113C2879.6,2208.224,2880.862,2206.538,2880.862,2204.63Zm-9.514-1.061a.845.845,0,0,1,0-1.689.866.866,0,1,1,0,1.689Zm4.652,0a.845.845,0,0,1,0-1.689.866.866,0,1,1,0,1.689Z' transform='translate(-2856.972 -2192.151)' fill='%23262626'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M2858.541,2188.3a7.076,7.076,0,0,1,.814.051c-.732-3.407-4.373-5.939-8.531-5.939-4.648,0-8.456,3.168-8.456,7.19,0,2.325,1.269,4.229,3.386,5.711l-.848,2.541,2.957-1.482a14.425,14.425,0,0,0,2.961.429c.267,0,.529-.017.791-.037a6.256,6.256,0,0,1-.263-1.771A6.925,6.925,0,0,1,2858.541,2188.3Zm-4.545-2.292a1.057,1.057,0,1,1,0,2.113,1.074,1.074,0,1,1,0-2.113Zm-5.917,2.113a1.075,1.075,0,1,1,0-2.113,1.057,1.057,0,0,1,0,2.113Z' transform='translate(-2842.368 -2182.416)' fill='%23262626'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .share-div .whatsapp-col:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_384' data-name='Group 384' transform='translate(-596 -1401)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(596 1401)' fill='none'/%3E%3Cg id='whatsapp-icon' transform='translate(601 1406)'%3E%3Cg id='Group_31' data-name='Group 31' transform='translate(0 0)'%3E%3Cg id='Group_29' data-name='Group 29'%3E%3Cpath id='Path_37' data-name='Path 37' d='M153.423,147.955a10,10,0,0,0-8.4,15.42l-1.519,3.346a.873.873,0,0,0,.795,1.234.888.888,0,0,0,.231-.031l4.185-1.148a10,10,0,1,0,4.711-18.821Zm0,18.253a8.246,8.246,0,0,1-4.156-1.123A.874.874,0,0,0,148.6,165l-2.734.751.952-2.1a.873.873,0,0,0-.087-.871,8.252,8.252,0,1,1,6.7,3.431Z' transform='translate(-143.423 -147.955)' fill='%23262626' fill-rule='evenodd'/%3E%3C/g%3E%3Cg id='Group_30' data-name='Group 30' transform='translate(5.14 5.434)'%3E%3Cpath id='Path_38' data-name='Path 38' d='M160.6,162.973a1.709,1.709,0,0,0-1.457-.328c-.379.155-.62.747-.865,1.05a.362.362,0,0,1-.469.1,6.6,6.6,0,0,1-3.293-2.821.4.4,0,0,1,.051-.552,2.236,2.236,0,0,0,.6-.972,2.13,2.13,0,0,0-.268-1.15,2.728,2.728,0,0,0-.849-1.279,1.163,1.163,0,0,0-1.263.188,2.564,2.564,0,0,0-.889,2.031,2.869,2.869,0,0,0,.08.645,5.328,5.328,0,0,0,.618,1.426,11.185,11.185,0,0,0,.646.982,9.964,9.964,0,0,0,2.8,2.6,8.464,8.464,0,0,0,1.746.83,3.88,3.88,0,0,0,2.033.321,2.462,2.462,0,0,0,1.843-1.371,1.194,1.194,0,0,0,.086-.7C161.639,163.492,160.987,163.206,160.6,162.973Z' transform='translate(-151.893 -156.908)' fill='%23262626' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3Crect id='Rectangle_137' data-name='Rectangle 137' width='20' height='20' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .share-div .line-col:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_381' data-name='Group 381' transform='translate(-705.81 -672.627)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(705.81 672.627)' fill='none'/%3E%3Cpath id='Path_144' data-name='Path 144' d='M1055.272,477.83c0-4.922-4.934-8.927-11-8.927s-11,4-11,8.927c0,4.413,3.913,8.108,9.2,8.807.358.077.846.236.969.542a2.258,2.258,0,0,1,.036.995s-.129.776-.157.942c-.048.278-.221,1.088.953.593a35.511,35.511,0,0,0,8.643-6.386h0A7.942,7.942,0,0,0,1055.272,477.83Zm-14.881,2.628a.214.214,0,0,1-.214.214h-3.083a.212.212,0,0,1-.148-.06l0,0,0,0a.213.213,0,0,1-.06-.148h0v-4.792a.214.214,0,0,1,.214-.214h.772a.214.214,0,0,1,.214.214v3.807h2.1a.214.214,0,0,1,.214.214Zm1.86,0a.214.214,0,0,1-.214.214h-.772a.214.214,0,0,1-.214-.214v-4.793a.214.214,0,0,1,.214-.214h.772a.214.214,0,0,1,.214.214Zm5.311,0a.214.214,0,0,1-.214.214h-.771a.216.216,0,0,1-.055-.007h0l-.015,0-.006,0-.01,0-.01-.005-.006,0-.013-.008,0,0a.217.217,0,0,1-.054-.053l-2.2-2.97v2.847a.214.214,0,0,1-.214.214h-.771a.214.214,0,0,1-.214-.214v-4.793a.214.214,0,0,1,.214-.214h.81l.012,0,.008,0,.013,0,.007,0,.012.005.007,0,.011.006.007,0,.011.008.005,0,.011.01,0,0,.013.013h0a.222.222,0,0,1,.016.022l2.2,2.966v-2.848a.214.214,0,0,1,.214-.214h.771a.214.214,0,0,1,.214.214Zm4.261-4.021a.214.214,0,0,1-.214.214h-2.1v.81h2.1a.214.214,0,0,1,.214.215v.771a.214.214,0,0,1-.214.214h-2.1v.81h2.1a.214.214,0,0,1,.214.214v.772a.214.214,0,0,1-.214.214h-3.083a.213.213,0,0,1-.148-.06l0,0,0,0a.212.212,0,0,1-.06-.148h0v-4.792h0a.214.214,0,0,1,.059-.148l0,0,0,0a.211.211,0,0,1,.148-.06h3.083a.214.214,0,0,1,.214.214Z' transform='translate(-323.462 208.724)' fill='%23262626'/%3E%3C/g%3E%3C/svg%3E%0A"); } .share-div .email-col:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_430' data-name='Group 430' transform='translate(-596 -1401)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(596 1401)' fill='none'/%3E%3Cg id='Group_432' data-name='Group 432' transform='translate(-108.051 687.293)'%3E%3Crect id='Rectangle_360' data-name='Rectangle 360' width='20' height='14' transform='translate(709.051 721.706)' fill='none' stroke='%23262626' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_145' data-name='Path 145' d='M709.283,721.722l9.768,9.239,9.768-9.239' fill='none' stroke='%23262626' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .share-div .copy-col:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_431' data-name='Group 431' transform='translate(-705.81 -672.627)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(705.81 672.627)' fill='none'/%3E%3Cg id='Group_380' data-name='Group 380'%3E%3Cpath id='Path_117' data-name='Path 117' d='M719.164,694.448l-1.641,1.64a3.761,3.761,0,0,1-5.174,0,3.673,3.673,0,0,1,0-5.175l1.64-1.64,3.712-3.712a3.58,3.58,0,0,1,3.707-.879,3.505,3.505,0,0,1,2.345,2.348l1.515-1.515a5.661,5.661,0,0,0-8.981-1.369l-2.591,2.591-2.761,2.762a5.659,5.659,0,0,0,8,8l2.761-2.761c-.122.006-.243.018-.366.018A7.719,7.719,0,0,1,719.164,694.448Z' fill='%23262626'/%3E%3Cpath id='Path_118' data-name='Path 118' d='M730.686,677.751a5.664,5.664,0,0,0-8,0l-2.758,2.758c.121-.006.242-.018.364-.018a7.727,7.727,0,0,1,2.169.312l1.639-1.638a3.659,3.659,0,0,1,5.174,5.175l-1.64,1.64-3.712,3.712a3.741,3.741,0,0,1-3.685.857,3.48,3.48,0,0,1-1.49-.857,3.6,3.6,0,0,1-.877-1.469l-1.515,1.515a5.637,5.637,0,0,0,8.981,1.368l2.591-2.591,2.762-2.761a5.675,5.675,0,0,0,0-8Z' fill='%23262626'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .change-currency-div { width: 500px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; align-items: center; } .change-currency-div .row { margin-left: 0px; margin-right: 0px; padding-left: 25px; padding-right: 25px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .change-currency-div .row { padding-right: 20px; padding-left: 20px; } } .change-currency-div .title { margin-bottom: 45px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .change-currency-div .title { margin-bottom: 35px; } } .change-currency-div .row { margin-bottom: -20px; } .change-currency-div .col-6 { margin-bottom: 20px; position: relative; padding-left: 10px; display: flex; align-items: center; } .change-currency-div .col-6:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px; } .change-currency-div .col-6 .box-container { display: flex; flex-wrap: wrap; height: 33px; align-items: center; } .change-currency-div .col-6 .box-container .flag { width: 40px; height: 33px; background-position: center; background-repeat: no-repeat; background-size: contain; } .change-currency-div .col-6 .box-container .desc { display: flex; align-items: center; height: 100%; padding-left: 15px; padding-right: 15px; width: calc(100% - 40px); } .change-currency-div .col-6 a { color: inherit; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .change-currency-div .col-6 a { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .change-currency-div .col-6 a { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .change-currency-div .col-6 a { font-size: 16px; } } .change-currency-div .col-6 a:hover { text-decoration: none; } .personal-information-div { padding-left: 30px; padding-right: 30px; width: 900px; max-width: calc(100% - 30px); } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .personal-information-div { padding-left: 25px; padding-right: 25px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .personal-information-div { max-width: 100%; } } .personal-information-div .submit-container { width: 100%; } .personal-information-div .personal-information-form-submit { width: 100%; max-width: 300px; position: relative; left: 50%; transform: translateX(-50%); margin-top: 30px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .personal-information-div .personal-information-form-submit { width: 100%; max-width: 100%; } } .personal-information-div .form-row.interests { margin-top: 15px; margin-bottom: 0px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .personal-information-div .form-row.interests { margin-bottom: 15px; } } .personal-information-div .form-container { display: flex; flex-wrap: wrap; } .personal-information-div .form-container input[type=text], .personal-information-div .form-container input[type=password], .personal-information-div .form-container input[type=number], .personal-information-div .form-container input[type=email], .personal-information-div .form-container input[type=tel] { color: #262626; } .personal-information-div .form-container .custom-checkbox { margin-bottom: 10px; } .personal-information-div .form-container .dob-title { padding-left: 7.5px; } .personal-information-div .form-container .custom-control-label::before { left: 0px; top: -1px !important; } .personal-information-div .form-container .custom-control-label::after { left: 0px; top: -1px !important; } .personal-information-div .form-container .custom-checkbox label { padding-left: 30px; } .personal-information-div .form-container .left-col { width: 50%; padding-right: 25px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .personal-information-div .form-container .left-col { padding-right: 20px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .personal-information-div .form-container .left-col { width: 100%; padding-left: 0px; padding-right: 0px; } } .personal-information-div .form-container .left-col .sub-title { margin-bottom: 8px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .personal-information-div .form-container .left-col .sub-title { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .personal-information-div .form-container .left-col .sub-title { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .personal-information-div .form-container .left-col .sub-title { font-size: 18px; } } .personal-information-div .form-container .right-col { width: 50%; padding-left: 25px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .personal-information-div .form-container .right-col { padding-left: 20px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .personal-information-div .form-container .right-col { width: 100%; padding-left: 0px; padding-right: 0px; } } .personal-information-div .form-container .right-col .sub-title { margin-bottom: 8px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .personal-information-div .form-container .right-col .sub-title { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .personal-information-div .form-container .right-col .sub-title { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .personal-information-div .form-container .right-col .sub-title { font-size: 18px; } } .side-menu { position: fixed; max-height: 100%; overflow-y: auto; width: 480px; height: 100%; max-width: 100%; background-color: #2C251C; z-index: 5; padding-bottom: 60px; padding-top: 145px; padding-left: 60px; padding-right: 60px; left: -480px; top: 0; opacity: 0; pointer-events: none; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .side-menu { padding-left: 25px; padding-top: 85px; padding-right: 25px; } } .side-menu.active { opacity: 1; left: 0; pointer-events: auto; } .side-menu .close-btn { position: absolute; top: 60px; right: 55px; width: 24px; height: 24px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.414' height='25.414' viewBox='0 0 25.414 25.414'%3E%3Cg id='Group_57' data-name='Group 57' transform='translate(-182.05 -806.05)'%3E%3Cline id='Line_83' data-name='Line 83' x2='33.941' transform='translate(182.757 806.757) rotate(45)' fill='none' stroke='%23f4f2ea' stroke-width='2'/%3E%3Cline id='Line_84' data-name='Line 84' x2='33.941' transform='translate(206.757 806.757) rotate(135)' fill='none' stroke='%23f4f2ea' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .side-menu .close-btn { top: 35px; right: 25px; } } .side-menu .menu-container { position: relative; width: 100%; height: 100%; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .side-menu .menu-container a { display: inline-block; width: 100%; } .side-menu .menu-container a:hover { text-decoration: none; } .side-menu .menu-container .seperator { width: 100%; height: 1px; background-color: #F4F2EA; margin-bottom: 27px; margin-top: 40px; } .side-menu .menu-container .group-container { margin-bottom: -25px; } .side-menu .menu-container .group-container.small { margin-bottom: -18px; } .side-menu .menu-container .responsive-menu-item { font-weight: 400; color: #F4F2EA; margin-top: 12px !important; margin-bottom: 12px !important; letter-spacing: 1px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .side-menu .menu-container .responsive-menu-item { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .side-menu .menu-container .responsive-menu-item { font-size: 20px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .side-menu .menu-container .responsive-menu-item { font-size: 20px; } } .side-menu .menu-container .responsive-menu-item.small { margin-top: 10px !important; margin-bottom: 10px !important; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .side-menu .menu-container .responsive-menu-item.small { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .side-menu .menu-container .responsive-menu-item.small { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .side-menu .menu-container .responsive-menu-item.small { font-size: 14px; } } .side-menu .menu-container .responsive-menu-item.sub-root { margin-bottom: 20px; position: relative; } .side-menu .menu-container .responsive-menu-item.sub-root.small { margin-top: 10px !important; margin-bottom: 10px !important; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .side-menu .menu-container .responsive-menu-item.sub-root.small { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .side-menu .menu-container .responsive-menu-item.sub-root.small { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .side-menu .menu-container .responsive-menu-item.sub-root.small { font-size: 14px; } } .side-menu .menu-container .responsive-menu-item.sub-root:after { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; content: ""; width: 15px; height: 15px; position: absolute; right: 0px; top: 0px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.67' height='15.828' viewBox='0 0 8.67 15.828'%3E%3Cpath id='Path_61' data-name='Path 61' d='M29.916,2202.089l6.256,6.5-6.256,6.5' transform='translate(-28.502 -2200.676)' fill='none' stroke='%23f4f2ea' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); transform: rotate(90deg); -webkit-transform: rotate(90deg); } .side-menu .menu-container .responsive-menu-item.sub-root.on:after { top: 3px; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .side-menu .menu-container .responsive-menu-item.sub-menu { font-size: 13px !important; margin-top: 7px !important; margin-bottom: 7px !important; padding-left: 15px; padding-right: 15px; color: #F4F2EA; } .side-menu .menu-container .sub-menu-container { display: none; position: relative; } .side-menu .menu-container .sub-menu-container a:last-child .sub-menu { margin-bottom: 14px !important; } .side-menu .menu-container .sub-menu-container.active { display: block; } .side-menu .menu-container .social-media-container { position: relative; bottom: 35px; left: 0; display: inline-block; margin-bottom: 10px; } .side-menu .menu-container .social-media-container .facebook, .side-menu .menu-container .social-media-container .instagram, .side-menu .menu-container .social-media-container .wechat, .side-menu .menu-container .social-media-container .weibo { width: 18px; height: 18px; position: relative; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; margin-right: 15px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -ms-transition: 0.2s all; -o-transition: 0.2s all; position: relative; top: 0; } .side-menu .menu-container .social-media-container .facebook:hover, .side-menu .menu-container .social-media-container .instagram:hover, .side-menu .menu-container .social-media-container .wechat:hover, .side-menu .menu-container .social-media-container .weibo:hover { position: relative; top: -3px; } .side-menu .menu-container .social-media-container .facebook a, .side-menu .menu-container .social-media-container .instagram a, .side-menu .menu-container .social-media-container .wechat a, .side-menu .menu-container .social-media-container .weibo a { position: absolute; width: 100%; height: 100%; } .side-menu .menu-container .social-media-container .facebook { background-image: url("data:image/svg+xml,%3Csvg id='fb-icon' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Crect id='Rectangle_137' data-name='Rectangle 137' width='18' height='18' fill='none'/%3E%3Cpath id='fb' d='M2435.976,2184.178l1.695,0v-2.864a22.956,22.956,0,0,0-2.469-.125,3.855,3.855,0,0,0-4.115,4.228v2.36h-2.761v3.2h2.761v8.212h3.305v-8.212h2.757l.411-3.2h-3.168v-2.043C2434.392,2184.808,2434.65,2184.178,2435.976,2184.178Z' transform='translate(-2424.126 -2181.186)' fill='%23f4f2ea'/%3E%3C/svg%3E%0A"); } .side-menu .menu-container .social-media-container .instagram { background-image: url("data:image/svg+xml,%3Csvg id='ig-icon' xmlns='http://www.w3.org/2000/svg' width='17.912' height='18' viewBox='0 0 17.912 18'%3E%3Crect id='Rectangle_138' data-name='Rectangle 138' width='17.912' height='18' fill='none'/%3E%3Cg id='ig'%3E%3Cpath id='Path_8' data-name='Path 8' d='M2429.629,2259.742H2422.5a5.341,5.341,0,0,0-5.392,5.277v7.445a5.341,5.341,0,0,0,5.392,5.278h7.129a5.342,5.342,0,0,0,5.391-5.278v-7.445A5.341,5.341,0,0,0,2429.629,2259.742Zm3.445,12.722a3.413,3.413,0,0,1-3.445,3.372H2422.5a3.413,3.413,0,0,1-3.444-3.372v-7.445a3.413,3.413,0,0,1,3.444-3.371h7.129a3.413,3.413,0,0,1,3.445,3.371Z' transform='translate(-2417.109 -2259.742)' fill='%23f4f2ea'/%3E%3Cpath id='Path_9' data-name='Path 9' d='M2432.568,2270.629a4.955,4.955,0,0,0-3.579,1.375,5,5,0,0,0,3.544,8.627,5.087,5.087,0,0,0,5.11-4.976,4.786,4.786,0,0,0-1.275-3.5A5.327,5.327,0,0,0,2432.568,2270.629Zm-.034,7.673a2.676,2.676,0,0,1-1.886-4.626,2.569,2.569,0,0,1,1.778-.719h.073a2.993,2.993,0,0,1,2.133.787,2.581,2.581,0,0,1,.633,1.86A2.729,2.729,0,0,1,2432.533,2278.3Z' transform='translate(-2423.578 -2266.655)' fill='%23f4f2ea'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M2452.227,2268.389a1.076,1.076,0,1,0,1.1,1.076A1.087,1.087,0,0,0,2452.227,2268.389Z' transform='translate(-2438.443 -2265.233)' fill='%23f4f2ea'/%3E%3C/g%3E%3C/svg%3E%0A"); } .side-menu .menu-container .social-media-container .wechat { width: 22px; background-image: url("data:image/svg+xml,%3Csvg id='wechat-icon' xmlns='http://www.w3.org/2000/svg' width='22.2' height='18' viewBox='0 0 22.2 18'%3E%3Crect id='Rectangle_140' data-name='Rectangle 140' width='22.2' height='18' fill='none'/%3E%3Cg id='wechat'%3E%3Cpath id='Path_6' data-name='Path 6' d='M2879.784,2204.17c0-3.129-3.128-5.676-6.642-5.676-3.722,0-6.653,2.547-6.653,5.676s2.931,5.675,6.653,5.675a9.778,9.778,0,0,0,2.345-.393l2.147,1.175-.589-1.955A5.921,5.921,0,0,0,2879.784,2204.17Zm-8.8-.981a.781.781,0,0,1,0-1.562.8.8,0,1,1,0,1.563Zm4.3,0a.781.781,0,0,1,0-1.562.8.8,0,1,1,0,1.563Z' transform='translate(-2857.686 -2192.626)' fill='%23f4f2ea'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M2857.328,2187.862a6.575,6.575,0,0,1,.753.047c-.677-3.152-4.045-5.493-7.891-5.493-4.3,0-7.822,2.93-7.822,6.651a6.418,6.418,0,0,0,3.133,5.282l-.784,2.35,2.735-1.371a13.334,13.334,0,0,0,2.739.4c.247,0,.489-.016.732-.034a5.779,5.779,0,0,1-.243-1.638A6.406,6.406,0,0,1,2857.328,2187.862Zm-4.2-2.121a.977.977,0,1,1,0,1.955.994.994,0,1,1,0-1.955Zm-5.474,1.955a.994.994,0,1,1,0-1.955.977.977,0,1,1,0,1.955Z' transform='translate(-2842.367 -2182.416)' fill='%23f4f2ea'/%3E%3C/g%3E%3C/svg%3E%0A"); } .side-menu .menu-container .social-media-container .weibo { width: 22px; background-image: url("data:image/svg+xml,%3Csvg id='weibo-icon' xmlns='http://www.w3.org/2000/svg' width='22.222' height='18' viewBox='0 0 22.222 18'%3E%3Crect id='Rectangle_139' data-name='Rectangle 139' width='22.2' height='18' fill='none'/%3E%3Cg id='weibo'%3E%3Cpath id='Path_11' data-name='Path 11' d='M2764.881,2272.83c-.313-.095-.531-.158-.365-.569a2.312,2.312,0,0,0,.008-2.212c-.723-1.031-2.693-.974-4.954-.027,0,0-.713.31-.532-.255a2.544,2.544,0,0,0-.245-2.6c-1.226-1.226-4.491.047-7.294,2.844-2.093,2.1-3.311,4.32-3.311,6.241,0,3.675,4.712,5.907,9.321,5.907,6.045,0,10.065-3.51,10.065-6.3A3.376,3.376,0,0,0,2764.881,2272.83Zm-7.358,8.017c-3.68.363-6.853-1.3-7.094-3.713s2.552-4.668,6.226-5.03,6.858,1.3,7.1,3.713S2761.2,2280.484,2757.523,2280.847Z' transform='translate(-2748.188 -2264.163)' fill='%23f4f2ea'/%3E%3Cpath id='Path_12' data-name='Path 12' d='M2794.011,2261.681a5.891,5.891,0,0,0-5.6-1.81.851.851,0,1,0,.354,1.664,4.182,4.182,0,0,1,4.854,5.38.852.852,0,0,0,1.621.527v-.005A5.891,5.891,0,0,0,2794.011,2261.681Z' transform='translate(-2773.303 -2259.742)' fill='%23f4f2ea'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M2792.705,2272.233a.731.731,0,0,0,.923-.471,2.864,2.864,0,0,0-3.326-3.686.732.732,0,1,0,.3,1.432,1.4,1.4,0,0,1,1.626,1.8h0A.731.731,0,0,0,2792.705,2272.233Z' transform='translate(-2774.565 -2264.995)' fill='%23f4f2ea'/%3E%3Cpath id='Path_14' data-name='Path 14' d='M2766.431,2286.374a4.013,4.013,0,0,0-4.49,1.961,2.73,2.73,0,0,0,1.745,3.889,3.976,3.976,0,0,0,4.745-2.011A2.748,2.748,0,0,0,2766.431,2286.374Zm-1.337,4.02a1.389,1.389,0,0,1-1.69.553.975.975,0,0,1-.377-1.471,1.4,1.4,0,0,1,1.655-.558A.979.979,0,0,1,2765.094,2290.393Zm1.174-1.5a.534.534,0,0,1-.635.233.373.373,0,0,1-.167-.553.529.529,0,0,1,.625-.233A.372.372,0,0,1,2766.267,2288.89Z' transform='translate(-2756.729 -2276.578)' fill='%23f4f2ea'/%3E%3C/g%3E%3C/svg%3E%0A"); margin-right: 0px; } .side-menu .menu-container .language-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; position: relative; width: 82px; justify-content: flex-end; margin-left: auto; margin-top: 45px; margin-bottom: 15px; } .side-menu .menu-container .language-container a { color: #F4F2EA; text-decoration: none; position: relative; margin-right: 15px; font-size: 14px; position: relative; } .side-menu .menu-container .language-container a:after { content: ""; position: absolute; right: -8px; height: 14px; top: 50%; transform: translateY(-50%); width: 2px; margin-top: -1px; } .side-menu .menu-container .language-container a:last-child { margin-right: 0px; } .side-menu .menu-container .language-container a:last-child:after { display: none; } .side-menu .menu-container .language-container a:before { content: ""; height: 3px; background-color: transparent; width: 100%; left: 0; position: absolute; bottom: -4px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -ms-transition: 0.2s all; -o-transition: 0.2s all; } .video-div { z-index: 4; position: fixed; width: 1200px; max-width: 100%; background-color: #ffffff; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; opacity: 0; } .video-div.active { opacity: 1; pointer-events: auto; } .video-div video { width: 100%; height: 100%; } .video-div .close-btn { position: absolute; top: -35px; right: -30px; width: 25px; height: 25px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.414' height='25.414' viewBox='0 0 25.414 25.414'%3E%3Cg id='Group_57' data-name='Group 57' transform='translate(-182.05 -806.05)'%3E%3Cline id='Line_83' data-name='Line 83' x2='33.941' transform='translate(182.757 806.757) rotate(45)' fill='none' stroke='%23FFFFFF' stroke-width='2'/%3E%3Cline id='Line_84' data-name='Line 84' x2='33.941' transform='translate(206.757 806.757) rotate(135)' fill='none' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); cursor: pointer; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .video-div .close-btn { top: -38px; right: 8px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .video-div .close-btn { top: -38px; right: 5px; } } .search-div { z-index: 4; position: fixed; width: 100%; background-color: #ffffff; top: -355px; padding-top: 40px; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-div { padding-top: 20px; } } .search-div.active { top: 0; } .search-div .search-close { position: absolute; top: 45px; width: 25px; height: 25px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.414' height='25.414' viewBox='0 0 25.414 25.414'%3E%3Cg id='Group_57' data-name='Group 57' transform='translate(-182.05 -806.05)'%3E%3Cline id='Line_83' data-name='Line 83' x2='33.941' transform='translate(182.757 806.757) rotate(45)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3Cline id='Line_84' data-name='Line 84' x2='33.941' transform='translate(206.757 806.757) rotate(135)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); cursor: pointer; right: 19.3%; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .search-div .search-close { right: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-div .search-close { right: 15px; top: 25px; } } .search-div .search-header { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .search-div .search-header .logo-container { width: 155px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(../png/logo1.png); height: 75px; margin-bottom: 15px; margin-left: auto; margin-right: auto; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-div .search-header .logo-container { height: 60px; } } .search-div .search-header .search-textbox-container { padding-top: 80px; width: 100%; padding-bottom: 80px; text-align: center; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .search-div .search-header .search-textbox-container { padding-top: 60px; padding-bottom: 70px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-div .search-header .search-textbox-container { padding-top: 35px; padding-bottom: 40px; } } .search-div .search-header .search-textbox-container .search-wrapper { width: 580px; margin: 0 auto; display: flex; max-width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-div .search-header .search-textbox-container .search-wrapper { width: 300px; } } .search-div .search-header .search-textbox-container .search-wrapper .search-btn-container { width: 40px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-div .search-header .search-textbox-container .search-wrapper .search-btn-container { width: 25px; } } .search-div .search-header .search-textbox-container .search-wrapper .search-btn-container button { background-image: url("data:image/svg+xml,%3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='39' height='39' viewBox='0 0 39 39'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='39' height='39' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(2.6 2.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='13.813' cy='13.813' r='13.813' transform='translate(0 0)' fill='none' stroke='gray' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_2' data-name='Line 2' x2='6.337' y2='6.338' transform='translate(27.463 27.463)' fill='none' stroke='gray' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 100%; height: 40px; border: 0px solid; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-div .search-header .search-textbox-container .search-wrapper .search-btn-container button { height: 25px; background-position: bottom; margin-top: 12px; } } .search-div .search-header .search-textbox-container .search-wrapper .search-textbox { width: calc(100% - 40px); padding-right: 10px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-div .search-header .search-textbox-container .search-wrapper .search-textbox { width: calc(100% - 25px); } } .search-div .search-header .search-textbox-container .search-wrapper .search-textbox input { color: #808080; border-bottom: 1px solid #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .search-div .search-header .search-textbox-container .search-wrapper .search-textbox input { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .search-div .search-header .search-textbox-container .search-wrapper .search-textbox input { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .search-div .search-header .search-textbox-container .search-wrapper .search-textbox input { font-size: 21px; } } .search-div .search-header .search-textbox-container .search-wrapper .search-textbox input::-webkit-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .search-div .search-header .search-textbox-container .search-wrapper .search-textbox input::-moz-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .search-div .search-header .search-textbox-container .search-wrapper .search-textbox input:-ms-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .search-div .search-header .search-textbox-container .search-wrapper .search-textbox input::-webkit-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .search-div .search-header .search-textbox-container .search-wrapper .search-textbox input::placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .news .box-container { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: -60px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news .box-container { margin-bottom: 0px; } } .news .box-container .box { margin-right: 20px; margin-bottom: 60px; } .news .box-container .box:nth-child(-n+2) { width: calc((100% - 20px) / 2); } .news .box-container .box:nth-child(3n+2) { margin-right: 0px; } .news .box-container .box:nth-child(n+3) { width: calc((100% - 20px - 20px) / 3); } .news .box-container .box:nth-child(n+3) .title { line-height: 28px; height: 60px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .news .box-container .box:nth-child(n+3) .title { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .news .box-container .box:nth-child(n+3) .title { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .news .box-container .box:nth-child(n+3) .title { font-size: 21px; } } .news .box-container .box:nth-last-child(-n+3) { margin-bottom: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .news .box-container .box { margin-bottom: 60px; } .news .box-container .box:nth-child(n+3) { width: calc((100% - 20px) / 2); } .news .box-container .box:nth-last-child(-n+3) { margin-bottom: 60px; } .news .box-container .box:nth-child(3n+2) { margin-right: 20px; } .news .box-container .box:nth-child(even) { margin-right: 0px; } .news .box-container .box:nth-last-child(-n+2) { margin-bottom: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news .box-container .box { margin-bottom: 40px; width: 100%; margin-right: 0px; } .news .box-container .box:nth-child(-n+2) { width: 100%; } .news .box-container .box:nth-child(n+3) { width: 100%; } .news .box-container .box:nth-last-child(-n+3) { margin-bottom: 40px; } .news .box-container .box:nth-child(3n+2) { margin-right: 0px; } .news .box-container .box:nth-child(even) { margin-right: 0px; } .news .box-container .box:nth-last-child(-n+2) { margin-bottom: 40px; } .news .box-container .box:last-child { margin-bottom: 0px; } } .news .box-container .box:hover .img .bg { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); } .news .box-container .box a { color: inherit; } .news .box-container .box a:hover { text-decoration: none; } .news .box-container .box .img { margin-bottom: 15px; overflow: hidden; } .news .box-container .box .img .bg { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } .news .box-container .box .date { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 600; letter-spacing: 2px; margin-bottom: 8px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .news .box-container .box .date { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .news .box-container .box .date { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .news .box-container .box .date { font-size: 14px; } } .news .box-container .box .title { line-height: 35px; margin-bottom: 12px; height: 70px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .news .box-container .box .title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .news .box-container .box .title { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .news .box-container .box .title { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news .box-container .box .title { -webkit-line-clamp: unset; height: auto !important; } } .news .box-container .box .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; height: 52px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 60px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .news .box-container .box .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .news .box-container .box .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .news .box-container .box .desc { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .news .box-container .box .desc { margin-bottom: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news .box-container .box .desc { -webkit-line-clamp: unset; height: auto !important; margin-bottom: 0px; } } .article .box-container { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: -60px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article .box-container { margin-bottom: 0px; } } .article .box-container .box { margin-right: 20px; margin-bottom: 60px; } .article .box-container .box:nth-child(-n+2) { width: calc((100% - 20px) / 2); } .article .box-container .box:nth-child(3n+2) { margin-right: 0px; } .article .box-container .box:nth-child(n+3) { width: calc((100% - 20px - 20px) / 3); } .article .box-container .box:nth-child(n+3) .title { line-height: 28px; height: 60px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .article .box-container .box:nth-child(n+3) .title { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .article .box-container .box:nth-child(n+3) .title { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .article .box-container .box:nth-child(n+3) .title { font-size: 21px; } } .article .box-container .box:nth-last-child(-n+3) { margin-bottom: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .article .box-container .box { margin-bottom: 60px; } .article .box-container .box:nth-child(n+3) { width: calc((100% - 20px) / 2); } .article .box-container .box:nth-last-child(-n+3) { margin-bottom: 60px; } .article .box-container .box:nth-child(3n+2) { margin-right: 20px; } .article .box-container .box:nth-child(even) { margin-right: 0px; } .article .box-container .box:nth-last-child(-n+2) { margin-bottom: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article .box-container .box { margin-bottom: 40px; width: 100%; margin-right: 0px; } .article .box-container .box:nth-child(-n+2) { width: 100%; } .article .box-container .box:nth-child(n+3) { width: 100%; } .article .box-container .box:nth-last-child(-n+3) { margin-bottom: 40px; } .article .box-container .box:nth-child(3n+2) { margin-right: 0px; } .article .box-container .box:nth-child(even) { margin-right: 0px; } .article .box-container .box:nth-last-child(-n+2) { margin-bottom: 40px; } .article .box-container .box:last-child { margin-bottom: 0px; } } .article .box-container .box:hover .img .bg { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); } .article .box-container .box a { color: inherit; } .article .box-container .box a:hover { text-decoration: none; } .article .box-container .box .img { margin-bottom: 15px; overflow: hidden; } .article .box-container .box .img .bg { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } .article .box-container .box .date { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 600; letter-spacing: 2px; margin-bottom: 8px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .article .box-container .box .date { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .article .box-container .box .date { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .article .box-container .box .date { font-size: 14px; } } .article .box-container .box .title { line-height: 35px; margin-bottom: 12px; height: 70px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .article .box-container .box .title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .article .box-container .box .title { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .article .box-container .box .title { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article .box-container .box .title { -webkit-line-clamp: unset; height: auto !important; } } .article .box-container .box .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; height: 52px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 60px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .article .box-container .box .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .article .box-container .box .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .article .box-container .box .desc { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .article .box-container .box .desc { margin-bottom: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article .box-container .box .desc { -webkit-line-clamp: unset; height: auto !important; margin-bottom: 0px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .press-release .press-release-list .container-m { padding-left: 0px; padding-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .press-release .press-release-list .container-m { padding-left: 0px; padding-right: 0px; } } .press-release .press-release-list .year { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; margin-bottom: 28px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .press-release .press-release-list .year { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .press-release .press-release-list .year { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .press-release .press-release-list .year { font-size: 26px; } } .press-release .press-release-list .list-container { border-top: 1px solid #E6E6E6; margin-bottom: 60px; } .press-release .press-release-list .list-container a { color: inherit; } .press-release .press-release-list .list-container a:hover { text-decoration: none; } .press-release .press-release-list .list-container:last-child { margin-bottom: 0px; } .press-release .press-release-list .list-container .box { display: flex; padding: 30px; border-bottom: 1px solid #E6E6E6; -webkit-transition: 0.1s all; -moz-transition: 0.1s all; -ms-transition: 0.1s all; -o-transition: 0.1s all; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .press-release .press-release-list .list-container .box { padding-left: 15px; padding-right: 15px; padding-top: 25px; padding-bottom: 25px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .press-release .press-release-list .list-container .box { padding-left: 15px; padding-right: 15px; } } .press-release .press-release-list .list-container .box:hover { background-color: #F7F7F7; } .press-release .press-release-list .list-container .box .left-col { width: calc(100% - 30px); padding-right: 25px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .press-release .press-release-list .list-container .box .left-col { width: 100%; padding-right: 0px; } } .press-release .press-release-list .list-container .box .left-col .date { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .press-release .press-release-list .list-container .box .left-col .date { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .press-release .press-release-list .list-container .box .left-col .date { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .press-release .press-release-list .list-container .box .left-col .date { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .press-release .press-release-list .list-container .box .left-col .date { margin-bottom: 10px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .press-release .press-release-list .list-container .box .left-col .date { margin-bottom: 12px; } } .press-release .press-release-list .list-container .box .left-col .desc { line-height: 24px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .press-release .press-release-list .list-container .box .left-col .desc { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .press-release .press-release-list .list-container .box .left-col .desc { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .press-release .press-release-list .list-container .box .left-col .desc { font-size: 18px; } } .press-release .press-release-list .list-container .box .right-col { width: 30px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .press-release .press-release-list .list-container .box .right-col { display: none; } } .press-release .press-release-list .list-container .box .right-col .pdf-btn { position: relative; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.336' height='36' viewBox='0 0 27.336 36'%3E%3Cg id='Group_354' data-name='Group 354' transform='translate(-13.5 -1.8)'%3E%3Cpath id='Path_105' data-name='Path 105' d='M27.839,29.3a3.362,3.362,0,0,0,2.315-.672,2.61,2.61,0,0,0,.747-2.091,2.776,2.776,0,0,0-.747-2.129A3.4,3.4,0,0,0,27.8,23.7H25.3v7.768h1.568V29.3Zm-.971-4.108h.9a1.951,1.951,0,0,1,1.158.3,1.12,1.12,0,0,1,.373.971,1.545,1.545,0,0,1-.3,1.008,1.39,1.39,0,0,1-1.083.336H26.868Z' transform='translate(-7.393 -13.722)' fill='%23534f39'/%3E%3Cpath id='Path_106' data-name='Path 106' d='M47.652,30.322a3.952,3.952,0,0,0,.971-2.876,3.877,3.877,0,0,0-1.008-2.838A3.944,3.944,0,0,0,44.7,23.6H42.2v7.768h2.427A3.835,3.835,0,0,0,47.652,30.322Zm-1.2-1.046a2.118,2.118,0,0,1-1.643.6H43.806V25.131h.9a2.435,2.435,0,0,1,1.793.635,2.553,2.553,0,0,1,.6,1.755A2.762,2.762,0,0,1,46.457,29.276Z' transform='translate(-17.982 -13.659)' fill='%23534f39'/%3E%3Cpath id='Path_107' data-name='Path 107' d='M66.555,25.231V23.7H61.7v7.768h1.568V28.405h3.1V26.912h-3.1v-1.68Z' transform='translate(-30.2 -13.722)' fill='%23534f39'/%3E%3Cpath id='Path_108' data-name='Path 108' d='M38.409,1.8H15.853A2.343,2.343,0,0,0,13.5,4.153v27.56a2.343,2.343,0,0,0,2.353,2.353h5.191l-.71-.71-.71-.71H15.89a.925.925,0,0,1-.934-.934V4.153a.925.925,0,0,1,.934-.934H38.483a.925.925,0,0,1,.934.934v27.56a.925.925,0,0,1-.934.934H35.272l-.71.71-.71.71h4.631a2.343,2.343,0,0,0,2.353-2.353V4.153A2.432,2.432,0,0,0,38.409,1.8Z' transform='translate(0)' fill='%23534f39'/%3E%3Cpath id='Path_109' data-name='Path 109' d='M44.406,62.8l-4.892-.037V54.7H32.792v7.954L27.9,62.58l8.365,8.365Z' transform='translate(-9.022 -33.145)' fill='%23534f39'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; height: 36px; } .press-release .press-release-list .list-container .box .right-col .pdf-btn a { position: absolute; height: 100%; width: 100%; } .past-events .year { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; margin-bottom: 28px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .past-events .year { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .past-events .year { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .past-events .year { font-size: 26px; } } .past-events .box-container { margin-bottom: 90px; } .past-events .box-container .box-wrapper { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: -40px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .past-events .box-container .box-wrapper { margin-bottom: -40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .past-events .box-container .box-wrapper { margin-bottom: -30px; } } .past-events .box-container .box-wrapper .box { width: calc((100% - 20px) / 2); margin-bottom: 40px; margin-right: 20px; } .past-events .box-container .box-wrapper .box:nth-child(2n) { margin-right: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .past-events .box-container .box-wrapper .box { width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 40px; } .past-events .box-container .box-wrapper .box:nth-child(2n) { margin-right: 20px; } .past-events .box-container .box-wrapper .box:nth-child(2n) { margin-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .past-events .box-container .box-wrapper .box { width: 100%; margin-right: 0px; margin-bottom: 30px; } .past-events .box-container .box-wrapper .box:nth-child(2n) { margin-right: 0px; } } .past-events .box-container .box-wrapper .box:hover .img .bg { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .past-events .box-container .box-wrapper .box a { color: inherit; } .past-events .box-container .box-wrapper .box a:hover { text-decoration: none; } .past-events .box-container .box-wrapper .box .img { margin-bottom: 15px; overflow: hidden; } .past-events .box-container .box-wrapper .box .img .bg { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } .past-events .box-container .box-wrapper .box .date { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 600; letter-spacing: 2px; margin-bottom: 8px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .past-events .box-container .box-wrapper .box .date { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .past-events .box-container .box-wrapper .box .date { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .past-events .box-container .box-wrapper .box .date { font-size: 14px; } } .past-events .box-container .box-wrapper .box .title { line-height: 28px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .past-events .box-container .box-wrapper .box .title { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .past-events .box-container .box-wrapper .box .title { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .past-events .box-container .box-wrapper .box .title { font-size: 21px; } } .article-detail .article-banner { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 45px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .article-banner { margin-bottom: 30px; margin-left: -15px; width: calc(100% + 30px); } } .article-detail .container { position: relative; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .article-detail .container-m { padding-left: 0px; padding-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .container-m { padding-left: 0px; padding-right: 0px; } } .article-detail .detail-container { display: flex; position: relative; flex-wrap: wrap; justify-content: center; } .article-detail .detail-container .left-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.414' height='26.828' viewBox='0 0 14.414 26.828'%3E%3Cpath id='Path_104' data-name='Path 104' d='M41.916,2202.09l-12,12,5,5,7,7' transform='translate(-28.916 -2200.676)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; left: -50px; width: 10px; height: 25px; } .article-detail .detail-container .left-arrow a { position: absolute; width: 100%; height: 100%; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .article-detail .detail-container .left-arrow { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .detail-container .left-arrow { display: none; } } .article-detail .detail-container .right-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.414' height='26.828' viewBox='0 0 14.414 26.828'%3E%3Cpath id='Path_104' data-name='Path 104' d='M41.916,2202.09l-12,12,5,5,7,7' transform='translate(43.33 2227.504) rotate(180)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; right: -50px; width: 10px; height: 25px; } .article-detail .detail-container .right-arrow a { position: absolute; width: 100%; height: 100%; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .article-detail .detail-container .right-arrow { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .detail-container .right-arrow { display: none; } } .article-detail .detail-container .top-col { width: 70%; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .article-detail .detail-container .top-col { padding-right: 0px; width: 100%; margin-bottom: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .detail-container .top-col { width: 100%; padding-right: 0px; } } .article-detail .detail-container .top-col hr { margin-top: 25px; margin-bottom: 35px; } .article-detail .detail-container .top-col .date { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 600; letter-spacing: 2px; margin-top: 10px; text-align: center; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .article-detail .detail-container .top-col .date { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .article-detail .detail-container .top-col .date { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .article-detail .detail-container .top-col .date { font-size: 14px; } } .article-detail .detail-container .top-col .title { line-height: 48px; margin-bottom: 25px; text-align: center; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .article-detail .detail-container .top-col .title { font-size: 38px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .article-detail .detail-container .top-col .title { font-size: 38px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .article-detail .detail-container .top-col .title { font-size: 32px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .article-detail .detail-container .top-col .title { margin-bottom: 25px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .detail-container .top-col .title { line-height: 40px; margin-bottom: 20px; } } .article-detail .detail-container .top-col .caption { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 28px; text-align: center; font-size: 17px; } .article-detail .detail-container .bottom-col { width: 70%; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .article-detail .detail-container .bottom-col { width: 100%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .detail-container .bottom-col { width: 100%; padding-left: 0px; } } .article-detail .detail-container .bottom-col .ck-box { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 28px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .article-detail .detail-container .bottom-col .ck-box { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .article-detail .detail-container .bottom-col .ck-box { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .article-detail .detail-container .bottom-col .ck-box { font-size: 16px; } } .article-detail .detail-container .bottom-col .ck-box h2 { font-family: "Playfair Display", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .article-detail .detail-container .bottom-col .ck-box h2 { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .article-detail .detail-container .bottom-col .ck-box h2 { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .article-detail .detail-container .bottom-col .ck-box h2 { font-size: 26px; } } .article-detail .detail-container .bottom-col .slider { margin-top: 55px; margin-bottom: 55px; overflow: hidden; } .article-detail .detail-container .bottom-col .slider .swiper-wrapper { align-items: center; } .article-detail .detail-container .bottom-col .slider .swiper-pagination { width: 100%; margin-top: 25px; position: relative; } .article-detail .detail-container .bottom-col .slider .swiper-pagination .swiper-pagination-bullet { margin-left: 3px; margin-right: 3px; } .article-detail .detail-container .bottom-col .slider .swiper-pagination .swiper-pagination-bullet-active { background: #534f39; } .article-detail .detail-container .bottom-col .slider .swiper-slide .img { text-align: center; margin-bottom: 35px; } .article-detail .detail-container .bottom-col .slider .swiper-slide .img img { width: 500px; max-width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .detail-container .bottom-col .slider .swiper-slide .img img { max-width: calc(100% - 75px); } } .article-detail .detail-container .bottom-col .slider .swiper-slide .img-caption { text-align: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .article-detail .detail-container .bottom-col .slider .swiper-slide .img-caption { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .article-detail .detail-container .bottom-col .slider .swiper-slide .img-caption { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .article-detail .detail-container .bottom-col .slider .swiper-slide .img-caption { font-size: 13px; } } .article-detail .detail-container .bottom-col .slider .swiper-button-prev { left: 25px !important; width: 27px !important; height: 54px !important; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .detail-container .bottom-col .slider .swiper-button-prev { left: 0px !important; width: 20px !important; } } .article-detail .detail-container .bottom-col .slider .swiper-button-next { right: 25px !important; width: 27px !important; height: 54px !important; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .article-detail .detail-container .bottom-col .slider .swiper-button-next { right: 0px !important; width: 20px !important; } } .article-detail .detail-container .bottom-col .share-container { display: flex; align-items: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-size: 13px; letter-spacing: 1px; font-weight: 400; margin-top: 45px; } .article-detail .detail-container .bottom-col .share-container .share-txt { padding-left: 39px; letter-spacing: 1.5px; } .article-detail .detail-container .bottom-col .share-container .addthis_inline_share_toolbox_o1ts { display: inline-block; } .article-detail .detail-container .bottom-col .share-container svg { display: none; } .article-detail .detail-container .bottom-col .share-container .at-share-btn-elements .at-svc-compact { padding-right: 90px; } .article-detail .detail-container .bottom-col .share-container .at-share-btn-elements .at-icon-wrapper .at-icon-wrapper { margin-left: -5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_441' data-name='Group 441' transform='translate(-568.111 -688.94)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(568.111 688.94)' fill='none'/%3E%3Cg id='Group_306' data-name='Group 306' transform='translate(0 -1)'%3E%3Cpath id='Rectangle_178-2' data-name='Rectangle 178' d='M586.961,699.44h3.75a1.9,1.9,0,0,1,1.9,1.9v11.2a1.9,1.9,0,0,1-1.9,1.9h-15.2a1.9,1.9,0,0,1-1.9-1.9v-11.2a1.9,1.9,0,0,1,1.9-1.9h3.75' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='Line_161' data-name='Line 161' y1='15' transform='translate(583.111 692.44)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_95' data-name='Path 95' d='M579.688,696.864l3.424-3.424,3.424,3.424' transform='translate(0 -1)' fill='none' stroke='%23534f39' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; } .news-detail .news-banner, .events-detail .news-banner { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 60px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news-detail .news-banner, .events-detail .news-banner { margin-bottom: 30px; margin-left: -15px; width: calc(100% + 30px); } } .news-detail .container, .events-detail .container { position: relative; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .news-detail .container-m, .events-detail .container-m { padding-left: 0px; padding-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news-detail .container-m, .events-detail .container-m { padding-left: 0px; padding-right: 0px; } } .news-detail .detail-container, .events-detail .detail-container { display: flex; position: relative; flex-wrap: wrap; } .news-detail .detail-container .left-arrow, .events-detail .detail-container .left-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.414' height='26.828' viewBox='0 0 14.414 26.828'%3E%3Cpath id='Path_104' data-name='Path 104' d='M41.916,2202.09l-12,12,5,5,7,7' transform='translate(-28.916 -2200.676)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; left: -50px; width: 10px; height: 25px; } .news-detail .detail-container .left-arrow a, .events-detail .detail-container .left-arrow a { position: absolute; width: 100%; height: 100%; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .news-detail .detail-container .left-arrow, .events-detail .detail-container .left-arrow { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news-detail .detail-container .left-arrow, .events-detail .detail-container .left-arrow { display: none; } } .news-detail .detail-container .right-arrow, .events-detail .detail-container .right-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.414' height='26.828' viewBox='0 0 14.414 26.828'%3E%3Cpath id='Path_104' data-name='Path 104' d='M41.916,2202.09l-12,12,5,5,7,7' transform='translate(43.33 2227.504) rotate(180)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; right: -50px; width: 10px; height: 25px; } .news-detail .detail-container .right-arrow a, .events-detail .detail-container .right-arrow a { position: absolute; width: 100%; height: 100%; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .news-detail .detail-container .right-arrow, .events-detail .detail-container .right-arrow { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news-detail .detail-container .right-arrow, .events-detail .detail-container .right-arrow { display: none; } } .news-detail .detail-container .left-col, .events-detail .detail-container .left-col { width: 400px; padding-right: 25px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .news-detail .detail-container .left-col, .events-detail .detail-container .left-col { padding-right: 0px; width: 100%; margin-bottom: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news-detail .detail-container .left-col, .events-detail .detail-container .left-col { width: 100%; padding-right: 0px; } } .news-detail .detail-container .left-col .date, .events-detail .detail-container .left-col .date { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 600; letter-spacing: 2px; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .news-detail .detail-container .left-col .date, .events-detail .detail-container .left-col .date { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .news-detail .detail-container .left-col .date, .events-detail .detail-container .left-col .date { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .news-detail .detail-container .left-col .date, .events-detail .detail-container .left-col .date { font-size: 14px; } } .news-detail .detail-container .left-col .title, .events-detail .detail-container .left-col .title { line-height: 48px; margin-bottom: 55px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .news-detail .detail-container .left-col .title, .events-detail .detail-container .left-col .title { font-size: 38px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .news-detail .detail-container .left-col .title, .events-detail .detail-container .left-col .title { font-size: 38px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .news-detail .detail-container .left-col .title, .events-detail .detail-container .left-col .title { font-size: 32px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .news-detail .detail-container .left-col .title, .events-detail .detail-container .left-col .title { margin-bottom: 25px; padding-right: 120px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news-detail .detail-container .left-col .title, .events-detail .detail-container .left-col .title { line-height: 40px; margin-bottom: 20px; } } .news-detail .detail-container .left-col .share-container, .events-detail .detail-container .left-col .share-container { display: flex; align-items: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-size: 13px; letter-spacing: 1px; font-weight: 400; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .news-detail .detail-container .left-col .share-container, .events-detail .detail-container .left-col .share-container { position: absolute; top: 38px; right: 0; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news-detail .detail-container .left-col .share-container, .events-detail .detail-container .left-col .share-container { margin-bottom: 18px; } } .news-detail .detail-container .left-col .share-container .share-txt, .events-detail .detail-container .left-col .share-container .share-txt { padding-left: 39px; letter-spacing: 1.5px; } .news-detail .detail-container .left-col .share-container .addthis_inline_share_toolbox_o1ts, .events-detail .detail-container .left-col .share-container .addthis_inline_share_toolbox_o1ts { display: inline-block; } .news-detail .detail-container .left-col .share-container svg, .events-detail .detail-container .left-col .share-container svg { display: none; } .news-detail .detail-container .left-col .share-container .at-share-btn-elements .at-svc-compact, .events-detail .detail-container .left-col .share-container .at-share-btn-elements .at-svc-compact { padding-right: 90px; } .news-detail .detail-container .left-col .share-container .at-share-btn-elements .at-icon-wrapper .at-icon-wrapper, .events-detail .detail-container .left-col .share-container .at-share-btn-elements .at-icon-wrapper .at-icon-wrapper { margin-left: -5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_441' data-name='Group 441' transform='translate(-568.111 -688.94)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(568.111 688.94)' fill='none'/%3E%3Cg id='Group_306' data-name='Group 306' transform='translate(0 -1)'%3E%3Cpath id='Rectangle_178-2' data-name='Rectangle 178' d='M586.961,699.44h3.75a1.9,1.9,0,0,1,1.9,1.9v11.2a1.9,1.9,0,0,1-1.9,1.9h-15.2a1.9,1.9,0,0,1-1.9-1.9v-11.2a1.9,1.9,0,0,1,1.9-1.9h3.75' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='Line_161' data-name='Line 161' y1='15' transform='translate(583.111 692.44)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_95' data-name='Path 95' d='M579.688,696.864l3.424-3.424,3.424,3.424' transform='translate(0 -1)' fill='none' stroke='%23534f39' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; } .news-detail .detail-container .right-col, .events-detail .detail-container .right-col { width: calc(100% - 400px); padding-left: 10px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .news-detail .detail-container .right-col, .events-detail .detail-container .right-col { width: 100%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .news-detail .detail-container .right-col, .events-detail .detail-container .right-col { width: 100%; padding-left: 0px; } } .news-detail .detail-container .right-col .ck-box, .events-detail .detail-container .right-col .ck-box { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 28px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .news-detail .detail-container .right-col .ck-box, .events-detail .detail-container .right-col .ck-box { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .news-detail .detail-container .right-col .ck-box, .events-detail .detail-container .right-col .ck-box { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .news-detail .detail-container .right-col .ck-box, .events-detail .detail-container .right-col .ck-box { font-size: 16px; } } .news-detail .detail-container .right-col .ck-box h2, .events-detail .detail-container .right-col .ck-box h2 { font-family: "Playfair Display", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .news-detail .detail-container .right-col .ck-box h2, .events-detail .detail-container .right-col .ck-box h2 { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .news-detail .detail-container .right-col .ck-box h2, .events-detail .detail-container .right-col .ck-box h2 { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .news-detail .detail-container .right-col .ck-box h2, .events-detail .detail-container .right-col .ck-box h2 { font-size: 26px; } } .contact-us footer { margin-top: 0px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .contact-us .contact-us-section { padding-bottom: 0px; } } .contact-us .contact-us-section .container { display: flex; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .contact-us .contact-us-section .container { flex-wrap: wrap; } } .contact-us .contact-us-section .container .left-col { width: 50%; padding-right: 110px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .contact-us .contact-us-section .container .left-col { padding-right: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .contact-us .contact-us-section .container .left-col { width: 100%; padding-right: 0px; margin-bottom: 40px; } } .contact-us .contact-us-section .container .left-col .contact-box { margin-bottom: 55px; position: relative; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .contact-us .contact-us-section .container .left-col .contact-box .map { position: absolute; right: 5px; top: -5px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .contact-us .contact-us-section .container .left-col .contact-box .map { right: 8px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .contact-us .contact-us-section .container .left-col .contact-box .map { right: 16px; top: -3px; } } .contact-us .contact-us-section .container .left-col .contact-box .map a { letter-spacing: 2px; width: 100%; height: 100%; color: #99C743; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .contact-us .contact-us-section .container .left-col .contact-box .map a { font-size: 12px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .contact-us .contact-us-section .container .left-col .contact-box .map a { font-size: 12px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-us .contact-us-section .container .left-col .contact-box .map a { font-size: 12px; } } .contact-us .contact-us-section .container .left-col .contact-box .map:after { content: ""; width: 7.5px; position: absolute; right: -15px; top: 5px; height: 15px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.914' height='17.828' viewBox='0 0 9.914 17.828'%3E%3Cpath id='Path_112' data-name='Path 112' d='M29.916,2202.09l7.5,7.5-7.5,7.5' transform='translate(-28.502 -2200.676)' fill='none' stroke='%2399c743' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); } .contact-us .contact-us-section .container .left-col .contact-box:last-child { margin-bottom: 0px; } .contact-us .contact-us-section .container .left-col .contact-box .title { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; letter-spacing: 2px; margin-bottom: 15px; padding-right: 65px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .contact-us .contact-us-section .container .left-col .contact-box .title { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .contact-us .contact-us-section .container .left-col .contact-box .title { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-us .contact-us-section .container .left-col .contact-box .title { font-size: 14px; } } .contact-us .contact-us-section .container .left-col .contact-box .title.no-padding { padding-right: 0px; } .contact-us .contact-us-section .container .left-col .contact-box .address { font-weight: 300; margin-bottom: 12px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .contact-us .contact-us-section .container .left-col .contact-box .address { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .contact-us .contact-us-section .container .left-col .contact-box .address { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-us .contact-us-section .container .left-col .contact-box .address { font-size: 15px; } } .contact-us .contact-us-section .container .left-col .contact-box a { color: inherit; } .contact-us .contact-us-section .container .left-col .contact-box a:hover { text-decoration: none; } .contact-us .contact-us-section .container .left-col .contact-box .hours { font-weight: 300; margin-bottom: 3px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .contact-us .contact-us-section .container .left-col .contact-box .hours { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .contact-us .contact-us-section .container .left-col .contact-box .hours { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-us .contact-us-section .container .left-col .contact-box .hours { font-size: 15px; } } .contact-us .contact-us-section .container .left-col .contact-box .tel { font-weight: 300; margin-bottom: 3px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .contact-us .contact-us-section .container .left-col .contact-box .tel { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .contact-us .contact-us-section .container .left-col .contact-box .tel { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-us .contact-us-section .container .left-col .contact-box .tel { font-size: 15px; } } .contact-us .contact-us-section .container .left-col .contact-box .fax { font-weight: 300; margin-bottom: 3px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .contact-us .contact-us-section .container .left-col .contact-box .fax { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .contact-us .contact-us-section .container .left-col .contact-box .fax { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-us .contact-us-section .container .left-col .contact-box .fax { font-size: 15px; } } .contact-us .contact-us-section .container .left-col .contact-box .email { font-weight: 300; text-decoration: underline; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .contact-us .contact-us-section .container .left-col .contact-box .email { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .contact-us .contact-us-section .container .left-col .contact-box .email { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-us .contact-us-section .container .left-col .contact-box .email { font-size: 15px; } } .contact-us .contact-us-section .container .right-col { width: 50%; padding: 25px 30px; background-color: #F7F7F7; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .contact-us .contact-us-section .container .right-col { padding-left: 25px; padding-right: 25px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .contact-us .contact-us-section .container .right-col { padding-left: 0px; padding-right: 0px; width: 100%; position: relative; } .contact-us .contact-us-section .container .right-col:before { content: ""; position: absolute; left: -15px; width: 15px; top: 0; height: 100%; background-color: #F7F7F7; } .contact-us .contact-us-section .container .right-col:after { content: ""; position: absolute; right: -15px; width: 15px; top: 0; height: 100%; background-color: #F7F7F7; } } .contact-us .contact-us-section .container .right-col .title { margin-bottom: 25px; font-family: "Playfair Display", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .contact-us .contact-us-section .container .right-col .title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .contact-us .contact-us-section .container .right-col .title { font-size: 24px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-us .contact-us-section .container .right-col .title { font-size: 24px; } } .contact-us .contact-us-section .container .right-col .enquiry-form { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .contact-us .contact-us-section .container .right-col .enquiry-form { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .contact-us .contact-us-section .container .right-col .enquiry-form { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-us .contact-us-section .container .right-col .enquiry-form { font-size: 15px; } } .contact-us .contact-us-section .container .right-col .enquiry-form .form-group { margin-bottom: 30px; } .contact-us .contact-us-section .container .right-col .enquiry-form .form-group.captcha-form-group { display: flex; flex-wrap: wrap; } .contact-us .contact-us-section .container .right-col .enquiry-form .form-group.captcha-form-group label { width: 100%; } .contact-us .contact-us-section .container .right-col .enquiry-form .form-group.captcha-form-group .captcha_image { width: 130px; height: 50px; } .contact-us .contact-us-section .container .right-col .enquiry-form .form-group.captcha-form-group #form_captcha { width: calc(100% - 130px - 10px); height: 50px; margin-left: 10px; font-size: 18px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .contact-us .contact-us-section .container .right-col .enquiry-form .btn { width: 100%; } } .contact-us .contact-us-section .container .right-col .enquiry-form label { font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=text], .contact-us .contact-us-section .container .right-col .enquiry-form input[type=password], .contact-us .contact-us-section .container .right-col .enquiry-form input[type=number], .contact-us .contact-us-section .container .right-col .enquiry-form input[type=email], .contact-us .contact-us-section .container .right-col .enquiry-form input[type=tel] { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; background-color: #ffffff; border: 1px solid #BFBFBF; height: 48px; font-size: 13px; color: #262626; font-weight: 300; width: 100%; border-radius: 0; text-align: left; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=text]::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=password]::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=number]::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=email]::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea::-moz-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=text]::-moz-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=password]::-moz-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=number]::-moz-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=email]::-moz-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=tel]::-moz-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea:-ms-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=text]:-ms-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=password]:-ms-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=number]:-ms-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=email]:-ms-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=tel]:-ms-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=text]::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=password]::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=number]::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=email]::-webkit-input-placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea::placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=text]::placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=password]::placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=number]::placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=email]::placeholder, .contact-us .contact-us-section .container .right-col .enquiry-form input[type=tel]::placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea { height: 120px; padding-top: 10px; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea::-moz-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea:-ms-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form textarea::placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form::-webkit-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form::-moz-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form:-ms-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form::-webkit-input-placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .contact-us .contact-us-section .container .right-col .enquiry-form::placeholder { color: #BFBFBF; font-size: 14px; font-weight: 400; } .top-banner { background-size: cover; background-position: top; background-repeat: no-repeat; height: 480px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .top-banner { height: 400px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .top-banner { height: 300px; } } .section-sell .title { text-align: center; margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .section-sell .title { font-size: 38px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .section-sell .title { font-size: 36px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .section-sell .title { font-size: 32px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .section-sell .title { line-height: 40px; margin-bottom: 50px; } } .section-sell .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; margin-left: auto; margin-right: auto; width: 585px; max-width: 100%; text-align: center; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .section-sell .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .section-sell .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .section-sell .desc { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .section-sell .desc { line-height: 24px; } } .section-sell .step-title { text-align: center; margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .section-sell .step-title { font-size: 36px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .section-sell .step-title { font-size: 36px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .section-sell .step-title { font-size: 36px; } } .section-sell .img { height: 70px; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 15px; } .section-sell .step-no { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: center; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .section-sell .step-no { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .section-sell .step-no { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .section-sell .step-no { font-size: 16px; } } .section-sell .step-desc { text-align: center; line-height: 26px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .section-sell .step-desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .section-sell .step-desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .section-sell .step-desc { font-size: 16px; } } .section-sell .btn { margin-top: 30px; position: relative; left: 50%; transform: translateX(-50%); width: 180px; } .section-sell .col-md-4 { margin-bottom: 40px; } .section-sell .col-md-4:last-child { margin-bottom: 25px; } .auctions .upcomming-auctions .upcoming-auctions-filter { width: 280px; position: absolute; top: 10px; right: 15px; font-weight: 400; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.414' height='11.707' viewBox='0 0 22.414 11.707'%3E%3Cpath id='Path_35' data-name='Path 35' d='M29.916,2202.09l10.5,10.5-10.5,10.5' transform='translate(2223.797 -29.209) rotate(90)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 1px top 45%; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-filter { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-filter { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-filter { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-filter { display: none; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box { background-color: #F4F2EA; padding-top: 30px; padding-bottom: 30px; padding-left: 90px; padding-right: 90px; display: flex; flex-wrap: wrap; margin-bottom: 30px; background-color: #F7F7F7; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box { padding-left: 30px; padding-right: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box { padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; margin-bottom: 40px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box:last-child { margin-bottom: 0px; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col { width: calc(100% - 375px); padding-right: 30px; padding-top: 30px; padding-bottom: 65px; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col { width: 100%; order: 2; padding-right: 30px; padding-left: 30px; padding-top: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col { width: 100%; order: 2; padding-right: 15px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .bid-now-view-auction-container { position: absolute; bottom: 0px; width: 100%; height: 50px; display: flex; flex-wrap: wrap; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .bid-now-view-auction-container .btn { position: relative; top: 0; left: 0; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .bid-now-view-auction-container { position: relative; height: auto; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .bid-now-view-auction-container .btn { width: 100%; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .bid-now-view-auction-container .btn:first-child { margin-bottom: 15px; margin-right: 0px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 35px; font-weight: 600; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { margin-bottom: 10px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .header { margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .header { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .header { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .header { font-size: 26px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { margin-bottom: 20px; line-height: 42px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { line-height: 34px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .happening-now { margin-bottom: 55px; display: inline-block; padding: 10px 25px; background-color: #99C743; color: #ffffff; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .happening-now { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .happening-now { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .happening-now { font-size: 13px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { font-size: 16px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 5px; margin-top: 55px; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { font-size: 15px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { margin-top: 35px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { margin-top: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { display: none; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .time { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .time { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .time { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .time { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .time { display: none; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .btn { width: 280px; position: absolute; bottom: 0px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .left-col .btn { position: relative; width: 100%; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .right-col { width: 375px; text-align: right; } @media (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .right-col { width: 100%; order: 1; text-align: center; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .right-col { width: 100%; order: 1; text-align: center; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .right-col img { max-width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box .right-col img { width: 100%; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result { position: relative; padding-top: 80px; padding-bottom: 80px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result { padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result { padding-top: 60px; padding-bottom: 60px; padding-left: 15px; padding-right: 15px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container { text-align: center; width: 100%; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .line1 { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .line1 { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .line1 { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .line1 { font-size: 21px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .line2 { margin-bottom: 40px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .line2 { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .line2 { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .line2 { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .line2 { line-height: 34px; } } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .textbox-container { margin-bottom: 28px; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .textbox-container .subscribe-email { width: 380px; max-width: 100%; border-bottom: 1px solid #808080; color: #808080; text-align: center; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .textbox-container .subscribe-email::-webkit-input-placeholder { color: #808080 !important; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .textbox-container .subscribe-email::-moz-placeholder { color: #808080 !important; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .textbox-container .subscribe-email:-ms-input-placeholder { color: #808080 !important; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .textbox-container .subscribe-email::-webkit-input-placeholder { color: #808080 !important; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .textbox-container .subscribe-email::placeholder { color: #808080 !important; } .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .upcoming-auctions-subscribe-btn { width: 180px; margin-left: auto; margin-right: auto; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions .upcomming-auctions .upcoming-auctions-box-container .upcoming-auctions-box.no-result .content-container .upcoming-auctions-subscribe-btn { width: 100% !important; } } .selling-exhibition-body .selling-title { text-align: center; margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-title { font-size: 38px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-title { font-size: 36px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-title { font-size: 32px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-title { line-height: 40px; margin-bottom: 50px; } } .selling-exhibition-body .selling-desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; margin-left: auto; margin-right: auto; width: 585px; max-width: 100%; text-align: center; margin-bottom: 115px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-desc { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-desc { line-height: 24px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-filter { width: 280px; position: absolute; top: 10px; right: 15px; font-weight: 400; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.414' height='11.707' viewBox='0 0 22.414 11.707'%3E%3Cpath id='Path_35' data-name='Path 35' d='M29.916,2202.09l10.5,10.5-10.5,10.5' transform='translate(2223.797 -29.209) rotate(90)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 1px top 45%; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-filter { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-filter { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-filter { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-filter { display: none; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box { background-color: #F7F7F7; padding-top: 30px; padding-bottom: 30px; padding-left: 90px; padding-right: 90px; display: flex; flex-wrap: wrap; margin-bottom: 30px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box { padding-left: 30px; padding-right: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box { padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; margin-bottom: 40px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box:last-child { margin-bottom: 0px; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col { width: calc(100% - 375px); padding-right: 30px; padding-top: 30px; padding-bottom: 65px; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col { width: 100%; order: 2; padding-right: 30px; padding-left: 30px; padding-top: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col { width: 100%; order: 2; padding-right: 15px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .bid-now-view-auction-container { position: absolute; bottom: 0px; width: 100%; height: 50px; display: flex; flex-wrap: wrap; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .bid-now-view-auction-container .btn { position: relative; top: 0; left: 0; width: 200px; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .bid-now-view-auction-container .btn:first-child { margin-right: 15px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .bid-now-view-auction-container { position: relative; height: auto; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .bid-now-view-auction-container .btn { width: 100%; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .bid-now-view-auction-container .btn:first-child { margin-bottom: 15px; margin-right: 0px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 35px; font-weight: 600; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .category { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .category { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .category { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .category { margin-bottom: 10px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .header { margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .header { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .header { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .header { font-size: 26px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .title { margin-bottom: 20px; line-height: 42px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .title { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .title { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .title { line-height: 34px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .happening-now { margin-bottom: 55px; display: inline-block; padding: 10px 25px; background-color: #99C743; color: #ffffff; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .happening-now { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .happening-now { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .happening-now { font-size: 13px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .datetime { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .datetime { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .datetime { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .datetime { font-size: 16px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .starts-in { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 5px; margin-top: 55px; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .starts-in { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .starts-in { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .starts-in { font-size: 15px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .starts-in { margin-top: 35px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .starts-in { margin-top: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .starts-in { display: none; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .time { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .time { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .time { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .time { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .time { display: none; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .btn { width: 280px; position: absolute; bottom: 0px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .left-col .btn { position: relative; width: 100%; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .right-col { width: 375px; text-align: right; } @media (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .right-col { width: 100%; order: 1; text-align: center; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .right-col { width: 100%; order: 1; text-align: center; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .right-col img { max-width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box .right-col img { width: 100%; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result { position: relative; padding-top: 80px; padding-bottom: 80px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result { padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result { padding-top: 60px; padding-bottom: 60px; padding-left: 15px; padding-right: 15px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container { text-align: center; width: 100%; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .line1 { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .line1 { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .line1 { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .line1 { font-size: 21px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .line2 { margin-bottom: 40px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .line2 { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .line2 { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .line2 { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .line2 { line-height: 34px; } } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .textbox-container { margin-bottom: 28px; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .textbox-container .subscribe-email { width: 380px; max-width: 100%; border-bottom: 1px solid #808080; color: #808080; text-align: center; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .textbox-container .subscribe-email::-webkit-input-placeholder { color: #808080 !important; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .textbox-container .subscribe-email::-moz-placeholder { color: #808080 !important; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .textbox-container .subscribe-email:-ms-input-placeholder { color: #808080 !important; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .textbox-container .subscribe-email::-webkit-input-placeholder { color: #808080 !important; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .textbox-container .subscribe-email::placeholder { color: #808080 !important; } .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .upcoming-auctions-subscribe-btn { width: 180px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-body .selling-exhibition .selling-exhibition-box-container .selling-exhibition-box.no-result .content-container .upcoming-auctions-subscribe-btn { width: 100% !important; } } .current-auctions-bg-layer { width: 100%; height: 36vw; position: absolute; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; max-height: 655px; } .exhibition-introduction .title { text-align: center; margin-bottom: 25px; margin-left: auto; margin-right: auto; max-width: 600px; color: #262626; text-align: center; line-height: 1.625em; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .exhibition-introduction .title { font-size: 38px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .exhibition-introduction .title { font-size: 35px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .exhibition-introduction .title { font-size: 32px; } } .exhibition-introduction .desc { margin-left: auto; margin-right: auto; max-width: 600px; color: #262626; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: center; line-height: 1.625em; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .exhibition-introduction .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .exhibition-introduction .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .exhibition-introduction .desc { font-size: 16px; } } .current-auctions-auctions-list-banner-box .textarea-content { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 30px; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .textarea-content { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .textarea-content { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .textarea-content { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container { padding-left: 0px; padding-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container { padding-left: 0px; padding-right: 0px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box { background-color: #F4F2EA; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; display: flex; margin-bottom: 30px; flex-wrap: wrap; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box { padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 15px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box:last-child { margin-bottom: 0px; } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col { width: 50%; padding-right: 30px; padding-top: 30px; position: relative; padding-bottom: 65px; } @media (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col { padding-top: 40px; width: 100%; order: 2; padding-left: 15px; padding-right: 15px; padding-bottom: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col { padding-top: 15px; width: 100%; order: 2; padding-left: 15px; padding-right: 15px; padding-bottom: 0px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .sale-total-title { color: #808080; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .sale-total-title { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .sale-total-title { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .sale-total-title { font-size: 15px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .sale-total { margin-bottom: 30px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .sale-total { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .sale-total { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .sale-total { font-size: 26px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 35px; font-weight: 600; letter-spacing: 2px; position: relative; padding-right: 135px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { margin-bottom: 25px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category { margin-bottom: 10px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category .paddle { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; position: absolute; color: #262626; top: 0; right: 0; padding-left: 25px; letter-spacing: 0px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category .paddle { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category .paddle { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category .paddle { font-size: 14px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .category .paddle:before { content: ""; left: 0; position: absolute; top: 50%; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; width: 16px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.702' height='21.434' viewBox='0 0 17.702 21.434'%3E%3Cg id='Group_501' data-name='Group 501' transform='translate(-384.095 -699.506)'%3E%3Cpath id='Path_170' data-name='Path 170' d='M401.047,707.73c0-4.128-3.627-7.474-8.1-7.474s-8.1,3.347-8.1,7.474a7.522,7.522,0,0,0,5.238,6.99,1.786,1.786,0,0,1,1.218,1.794l-.117,1.8a1.765,1.765,0,0,0,1.762,1.88h0a1.766,1.766,0,0,0,1.762-1.88l-.117-1.8a1.785,1.785,0,0,1,1.218-1.794A7.522,7.522,0,0,0,401.047,707.73Z' transform='translate(0 0)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cg id='Group_470' data-name='Group 470' transform='translate(387.584 705.166)'%3E%3Cpath id='Path_171' data-name='Path 171' d='M391.3,716.888v-5.009l.613.006q.172,0,.349-.012l.382-.024c.137-.007.291-.011.461-.011a3.306,3.306,0,0,1,1.121.157,1.2,1.2,0,0,1,.614.445,1.212,1.212,0,0,1,.19.685,1.439,1.439,0,0,1-.082.493,1.009,1.009,0,0,1-.251.391.963.963,0,0,1-.421.234,1.238,1.238,0,0,1,.52.185,1.069,1.069,0,0,1,.364.389,1.138,1.138,0,0,1,.133.557,1.711,1.711,0,0,1-.185.81,1.261,1.261,0,0,1-.636.552,3.168,3.168,0,0,1-1.253.2q-.346,0-.712-.019l-.574-.029Zm1.246-2.969c.027,0,.062.009.1.011l.137.009.136.005.108,0a.966.966,0,0,0,.6-.157.66.66,0,0,0,.2-.551.456.456,0,0,0-.22-.436,1.332,1.332,0,0,0-.635-.123l-.138,0c-.06,0-.119.006-.177.012a.328.328,0,0,0-.116.025Zm0,2.121a.449.449,0,0,0,.152.044,2.174,2.174,0,0,0,.233.023c.084.005.16.007.228.007a1.015,1.015,0,0,0,.643-.171.68.68,0,0,0,.212-.563.592.592,0,0,0-.211-.492,1.1,1.1,0,0,0-.685-.168l-.144,0-.172.005c-.059,0-.11.005-.157.009a.77.77,0,0,0-.1.011Z' transform='translate(-391.298 -711.831)' fill='%23262626'/%3E%3Cpath id='Path_172' data-name='Path 172' d='M402.437,716.952v-5H403.7v5Z' transform='translate(-397.708 -711.895)' fill='%23262626'/%3E%3Cpath id='Path_173' data-name='Path 173' d='M407.754,716.879v-5h.465c.083,0,.2,0,.358-.013l.505-.027q.271-.013.5-.014a2.439,2.439,0,0,1,1.865.636,2.534,2.534,0,0,1,.593,1.794,3.228,3.228,0,0,1-.3,1.453,2.087,2.087,0,0,1-.865.916,2.752,2.752,0,0,1-1.367.311q-.367-.006-.695-.03t-.618-.024h-.444Zm1.259-.922a1.156,1.156,0,0,0,.253.042q.155.012.32.012a1.094,1.094,0,0,0,.611-.179,1.117,1.117,0,0,0,.4-.539,2.575,2.575,0,0,0,.143-.932,2.881,2.881,0,0,0-.131-.961.951.951,0,0,0-.4-.517,1.3,1.3,0,0,0-.674-.158,2.733,2.733,0,0,0-.28.015q-.155.015-.246.032Z' transform='translate(-400.768 -711.822)' fill='%23262626'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .header { margin-bottom: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .header { font-size: 25px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .header { font-size: 25px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .header { font-size: 26px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { margin-bottom: 18px; line-height: 42px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { font-size: 36px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { font-size: 36px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .title { line-height: 34px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .happening-now { margin-bottom: 35px; display: inline-block; padding: 10px 25px; background-color: #99C743; color: #ffffff; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .happening-now { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .happening-now { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .happening-now { font-size: 13px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 1px; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { margin-bottom: 1px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .datetime { margin-bottom: 1px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 5px; font-weight: 400; margin-top: 35px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .starts-in { margin-top: 40px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .time { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; margin-bottom: 25px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .time { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .time { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .time { font-size: 26px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .register-to-sale-view-live-auction-btn-container { display: flex; flex-wrap: wrap; position: absolute; bottom: 0px; width: calc(100% - 30px); } @media (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .register-to-sale-view-live-auction-btn-container { position: relative; bottom: 0; width: 100%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .register-to-sale-view-live-auction-btn-container { position: relative; bottom: 0; width: 100%; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .register-to-sale-view-live-auction-btn-container .zeus { width: calc((100% - 20px) / 2); margin-right: 20px; position: relative; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .register-to-sale-view-live-auction-btn-container .zeus { width: 100%; margin-right: 0px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .register-to-sale-view-live-auction-btn-container .red { width: 280px; margin-right: 0px; position: relative; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .register-to-sale-view-live-auction-btn-container .red { width: 100%; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .register-to-sale-view-live-auction-btn-container .zeus ~ .red { width: calc((100% - 20px) / 2); margin-right: 0px; position: relative; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .register-to-sale-view-live-auction-btn-container .zeus ~ .red { width: 100%; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container { display: flex; flex-wrap: wrap; } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container a { width: 100%; color: inherit; } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container a:hover { text-decoration: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container a { width: 100%; margin-bottom: 2px; } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container a:last-child { margin-bottom: 0px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon { margin-bottom: 12px; display: flex; align-self: center; width: 50%; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon { width: 100%; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon .icon-img { background-position: center; background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon .icon-img.catalogue { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_35' data-name='Group 35' transform='translate(-593.515 -346.928)'%3E%3Cg id='Group_34' data-name='Group 34' transform='translate(596.013 351.085)'%3E%3Cpath id='Path_39' data-name='Path 39' d='M615.146,361.185a12.137,12.137,0,0,0-7.788-2.8h-4.714v19.3h4.714a9.741,9.741,0,0,1,6.932,2.872l.856.854Z' transform='translate(-602.644 -358.382)' fill='none' stroke='%23534f39' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_40' data-name='Path 40' d='M613.515,381.406l.855-.854a9.74,9.74,0,0,1,6.932-2.872h4.714v-19.3H621.3a12.132,12.132,0,0,0-7.787,2.8Z' transform='translate(-601.013 -358.382)' fill='none' stroke='%23534f39' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(593.515 346.928)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon .icon-img.saleroom-notice { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_377' data-name='Group 377' transform='translate(4503 9066)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(-4503 -9066)' fill='none'/%3E%3Cg id='Group_378' data-name='Group 378' transform='translate(-5070.021 -9421.382)'%3E%3Cpath id='Path_113' data-name='Path 113' d='M591.029,358.382H573.021v24h11.736l6.272-6.272Z' transform='translate(0 0)' fill='none' stroke='%23534f39' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_114' data-name='Path 114' d='M582.81,379.442l6.272-6.273H582.81Z' transform='translate(1.946 2.94)' fill='none' stroke='%23534f39' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_211' data-name='Line 211' x2='8.35' transform='translate(577.85 364.09)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_212' data-name='Line 212' x2='8.35' transform='translate(577.85 368.627)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon .icon-img.discover-lots { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_37' data-name='Group 37' transform='translate(-230 -730.001)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(230 730.001)' fill='none'/%3E%3Cg id='Group_36' data-name='Group 36' transform='translate(-419.489 377.82)'%3E%3Cg id='Group_303' data-name='Group 303' transform='translate(652.878 355.57)'%3E%3Crect id='Rectangle_181' data-name='Rectangle 181' width='6' height='6' transform='translate(-0.39 8.611)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_297' data-name='Rectangle 297' width='6' height='6' transform='translate(-0.39 17.611)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_300' data-name='Rectangle 300' width='6' height='6' transform='translate(-0.39 -0.389)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_295' data-name='Rectangle 295' width='6' height='6' transform='translate(8.61 8.611)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_298' data-name='Rectangle 298' width='6' height='6' transform='translate(8.61 17.611)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_301' data-name='Rectangle 301' width='6' height='6' transform='translate(8.61 -0.389)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_296' data-name='Rectangle 296' width='6' height='6' transform='translate(17.61 8.611)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_299' data-name='Rectangle 299' width='6' height='6' transform='translate(17.61 17.611)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_302' data-name='Rectangle 302' width='6' height='6' transform='translate(17.61 -0.389)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon .icon-img.pdf { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.336' height='36' viewBox='0 0 27.336 36'%3E%3Cg id='Group_354' data-name='Group 354' transform='translate(-13.5 -1.8)'%3E%3Cpath id='Path_105' data-name='Path 105' d='M27.839,29.3a3.362,3.362,0,0,0,2.315-.672,2.61,2.61,0,0,0,.747-2.091,2.776,2.776,0,0,0-.747-2.129A3.4,3.4,0,0,0,27.8,23.7H25.3v7.768h1.568V29.3Zm-.971-4.108h.9a1.951,1.951,0,0,1,1.158.3,1.12,1.12,0,0,1,.373.971,1.545,1.545,0,0,1-.3,1.008,1.39,1.39,0,0,1-1.083.336H26.868Z' transform='translate(-7.393 -13.722)' fill='%23534f39'/%3E%3Cpath id='Path_106' data-name='Path 106' d='M47.652,30.322a3.952,3.952,0,0,0,.971-2.876,3.877,3.877,0,0,0-1.008-2.838A3.944,3.944,0,0,0,44.7,23.6H42.2v7.768h2.427A3.835,3.835,0,0,0,47.652,30.322Zm-1.2-1.046a2.118,2.118,0,0,1-1.643.6H43.806V25.131h.9a2.435,2.435,0,0,1,1.793.635,2.553,2.553,0,0,1,.6,1.755A2.762,2.762,0,0,1,46.457,29.276Z' transform='translate(-17.982 -13.659)' fill='%23534f39'/%3E%3Cpath id='Path_107' data-name='Path 107' d='M66.555,25.231V23.7H61.7v7.768h1.568V28.405h3.1V26.912h-3.1v-1.68Z' transform='translate(-30.2 -13.722)' fill='%23534f39'/%3E%3Cpath id='Path_108' data-name='Path 108' d='M38.409,1.8H15.853A2.343,2.343,0,0,0,13.5,4.153v27.56a2.343,2.343,0,0,0,2.353,2.353h5.191l-.71-.71-.71-.71H15.89a.925.925,0,0,1-.934-.934V4.153a.925.925,0,0,1,.934-.934H38.483a.925.925,0,0,1,.934.934v27.56a.925.925,0,0,1-.934.934H35.272l-.71.71-.71.71h4.631a2.343,2.343,0,0,0,2.353-2.353V4.153A2.432,2.432,0,0,0,38.409,1.8Z' transform='translate(0)' fill='%23534f39'/%3E%3Cpath id='Path_109' data-name='Path 109' d='M44.406,62.8l-4.892-.037V54.7H32.792v7.954L27.9,62.58l8.365,8.365Z' transform='translate(-9.022 -33.145)' fill='%23534f39'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon .icon-text { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; letter-spacing: 1.5px; font-weight: 400; padding-left: 10px; width: 100%; line-height: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon .icon-text { font-size: 12px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon .icon-text { font-size: 12px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .icon-container .icon .icon-text { font-size: 12px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .btn { width: 280px; position: absolute; bottom: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .btn { position: relative; margin-top: 20px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .left-col .btn { position: relative; width: 100%; margin-top: 20px; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .right-col { width: 50%; text-align: right; } @media (min-width: 768px) and (max-width: 991px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .right-col { width: 100%; order: 1; text-align: center; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .right-col { width: 100%; order: 1; } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .right-col img { width: 100%; } } .current-auctions-auctions-list-banner-box .upcoming-auctions-box-container .upcoming-auctions-box .right-col img { width: 100%; max-width: 100%; } .current-auctions-list-container .container, .search-result-list-container .container { display: flex; flex-wrap: wrap; } .current-auctions-list-container .container .top-menu-container, .search-result-list-container .container .top-menu-container { margin-bottom: 55px; } .current-auctions-list-container .container > .left-col, .search-result-list-container .container > .left-col { width: 240px; position: relative; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-list-container .container > .left-col, .search-result-list-container .container > .left-col { width: 200px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-container .container > .left-col, .search-result-list-container .container > .left-col { width: 100%; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter, .current-auctions-list-container .container > .left-col .search-result-left-filter, .search-result-list-container .container > .left-col .current-auctions-left-filter, .search-result-list-container .container > .left-col .search-result-left-filter { position: sticky; top: 90px; height: calc(100vh - 90px); overflow-y: auto; overflow-x: hidden; padding-right: 5px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter, .current-auctions-list-container .container > .left-col .search-result-left-filter, .search-result-list-container .container > .left-col .current-auctions-left-filter, .search-result-list-container .container > .left-col .search-result-left-filter { position: relative; padding-right: 0px; top: 0px; height: auto; overflow-y: unset; overflow-x: unset; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .title, .current-auctions-list-container .container > .left-col .search-result-left-filter .title, .search-result-list-container .container > .left-col .current-auctions-left-filter .title, .search-result-list-container .container > .left-col .search-result-left-filter .title { margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .title, .current-auctions-list-container .container > .left-col .search-result-left-filter .title, .search-result-list-container .container > .left-col .current-auctions-left-filter .title, .search-result-list-container .container > .left-col .search-result-left-filter .title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .title, .current-auctions-list-container .container > .left-col .search-result-left-filter .title, .search-result-list-container .container > .left-col .current-auctions-left-filter .title, .search-result-list-container .container > .left-col .search-result-left-filter .title { font-size: 28px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .title, .current-auctions-list-container .container > .left-col .search-result-left-filter .title, .search-result-list-container .container > .left-col .current-auctions-left-filter .title, .search-result-list-container .container > .left-col .search-result-left-filter .title { font-size: 28px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .title, .current-auctions-list-container .container > .left-col .search-result-left-filter .title, .search-result-list-container .container > .left-col .current-auctions-left-filter .title, .search-result-list-container .container > .left-col .search-result-left-filter .title { margin-bottom: 25px; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-title, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-title, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-title, .search-result-list-container .container > .left-col .search-result-left-filter .filter-title { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; color: #808080; letter-spacing: 2px; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-title, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-title, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-title, .search-result-list-container .container > .left-col .search-result-left-filter .filter-title { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-title, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-title, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-title, .search-result-list-container .container > .left-col .search-result-left-filter .filter-title { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-title, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-title, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-title, .search-result-list-container .container > .left-col .search-result-left-filter .filter-title { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-title, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-title, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-title, .search-result-list-container .container > .left-col .search-result-left-filter .filter-title { display: none; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .border-container, .current-auctions-list-container .container > .left-col .search-result-left-filter .border-container, .search-result-list-container .container > .left-col .current-auctions-left-filter .border-container, .search-result-list-container .container > .left-col .search-result-left-filter .border-container { border-bottom: 1px solid #808080; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .border-container.show-xs, .current-auctions-list-container .container > .left-col .search-result-left-filter .border-container.show-xs, .search-result-list-container .container > .left-col .current-auctions-left-filter .border-container.show-xs, .search-result-list-container .container > .left-col .search-result-left-filter .border-container.show-xs { display: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .border-container.show-xs, .current-auctions-list-container .container > .left-col .search-result-left-filter .border-container.show-xs, .search-result-list-container .container > .left-col .current-auctions-left-filter .border-container.show-xs, .search-result-list-container .container > .left-col .search-result-left-filter .border-container.show-xs { display: block; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .btn-container, .current-auctions-list-container .container > .left-col .search-result-left-filter .btn-container, .search-result-list-container .container > .left-col .current-auctions-left-filter .btn-container, .search-result-list-container .container > .left-col .search-result-left-filter .btn-container { margin-top: 25px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .btn-container, .current-auctions-list-container .container > .left-col .search-result-left-filter .btn-container, .search-result-list-container .container > .left-col .current-auctions-left-filter .btn-container, .search-result-list-container .container > .left-col .search-result-left-filter .btn-container { margin-bottom: 30px; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .btn-container .btn, .current-auctions-list-container .container > .left-col .search-result-left-filter .btn-container .btn, .search-result-list-container .container > .left-col .current-auctions-left-filter .btn-container .btn, .search-result-list-container .container > .left-col .search-result-left-filter .btn-container .btn { background-color: #ffffff; width: 100%; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .btn-container .btn:hover, .current-auctions-list-container .container > .left-col .search-result-left-filter .btn-container .btn:hover, .search-result-list-container .container > .left-col .current-auctions-left-filter .btn-container .btn:hover, .search-result-list-container .container > .left-col .search-result-left-filter .btn-container .btn:hover { background-color: #262626; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container { border-top: solid 1px #808080; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; padding-top: 20px; padding-bottom: 20px; color: #262626; font-weight: 600; cursor: pointer; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title { font-size: 14px; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title.collapsed:after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title.collapsed:after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title.collapsed:after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title.collapsed:after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 12px; height: 12px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='Group_310' data-name='Group 310' transform='translate(-288 -1009)'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(56.5 751)'%3E%3Cline id='Line_83' data-name='Line 83' x2='12' transform='translate(231.5 264)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_311' data-name='Group 311' transform='translate(1309 721) rotate(90)'%3E%3Cg id='Group_23-2' data-name='Group 23' transform='translate(56.5 751)'%3E%3Cline id='Line_83-2' data-name='Line 83' x2='12' transform='translate(231.5 264)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title:after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title:after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-box-title:after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-box-title:after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 12px; height: 12px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='2' viewBox='0 0 12 2'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(-231.5 -263)'%3E%3Cline id='Line_83' data-name='Line 83' x2='12' transform='translate(231.5 264)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper .filter-padding-bottom, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper .filter-padding-bottom, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper .filter-padding-bottom, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper .filter-padding-bottom { padding-bottom: 20px; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom { display: flex; flex-wrap: wrap; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high { width: 40px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; line-height: 36px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .low-high { font-size: 14px; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency { width: 40px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; line-height: 36px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .currency { font-size: 14px; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container { width: calc(100% - 80px); margin-bottom: 12px; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container:last-of-type, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container:last-of-type, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container:last-of-type, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container:last-of-type { margin-bottom: 0px; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text], .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password], .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number], .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email], .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel], .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text], .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password], .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number], .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email], .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel], .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text], .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password], .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number], .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email], .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel], .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text], .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password], .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number], .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email], .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel] { border: 1px solid #808080; height: 36px; border-radius: 0; color: #262626; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-webkit-input-placeholder { color: #262626; font-size: 14px; font-weight: 300; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-moz-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-moz-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-moz-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-moz-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-moz-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-moz-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-moz-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-moz-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-moz-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-moz-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-moz-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-moz-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-moz-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-moz-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-moz-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-moz-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-moz-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-moz-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-moz-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-moz-placeholder { color: #262626; font-size: 14px; font-weight: 300; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]:-ms-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]:-ms-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]:-ms-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]:-ms-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]:-ms-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]:-ms-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]:-ms-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]:-ms-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]:-ms-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]:-ms-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]:-ms-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]:-ms-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]:-ms-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]:-ms-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]:-ms-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]:-ms-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]:-ms-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]:-ms-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]:-ms-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]:-ms-input-placeholder { color: #262626; font-size: 14px; font-weight: 300; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-webkit-input-placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::-webkit-input-placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::-webkit-input-placeholder { color: #262626; font-size: 14px; font-weight: 300; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::placeholder, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::placeholder, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::placeholder, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=text]::placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=password]::placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=number]::placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=email]::placeholder, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#price-filter .filter-padding-bottom .textbox-container input[type=tel]::placeholder { color: #262626; font-size: 14px; font-weight: 300; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .custom-checkbox, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .custom-checkbox, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .custom-checkbox, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .custom-checkbox, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .custom-checkbox, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .custom-checkbox, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .custom-checkbox, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .custom-checkbox, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .custom-checkbox, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .custom-checkbox, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .custom-checkbox, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .custom-checkbox, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .custom-checkbox, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .custom-checkbox, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .custom-checkbox, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .custom-checkbox { order: 2; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .option-to-top, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .option-to-top, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .option-to-top, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .option-to-top, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .option-to-top, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .option-to-top, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .option-to-top, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .option-to-top, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .option-to-top, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .option-to-top, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .option-to-top, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .option-to-top, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .option-to-top, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .option-to-top, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .option-to-top, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .option-to-top { order: 1; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label::before, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label::before, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label::before, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label::before, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label::before, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label::before, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label::before, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label::before, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label::before, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label::before, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label::before, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label::before, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label::before, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label::before, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label::before, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label::before { left: 0; top: -1px !important; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control { margin-bottom: 10px; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label::after, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label::after, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label::after, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label::after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label::after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label::after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label::after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label::after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label::after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label::after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label::after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label::after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label::after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label::after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label::after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label::after { left: 0; top: -1px !important; } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label { padding-left: 30px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-control-label, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-control-label { font-size: 14px; } } .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .current-auctions-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .current-auctions-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .search-result-list-container .container > .left-col .current-auctions-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#type-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#material-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper#year-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .search-result-list-container .container > .left-col .search-result-left-filter .filter-container .filter-wrapper.main-filter .filter-padding-bottom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-color: #99C743 !important; } .current-auctions-list-container .container > .right-col, .search-result-list-container .container > .right-col { padding-left: 60px; width: calc(100% - 240px); } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-list-container .container > .right-col, .search-result-list-container .container > .right-col { padding-left: 40px; width: calc(100% - 200px); } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-container .container > .right-col, .search-result-list-container .container > .right-col { width: 100%; padding-left: 0px; } } .search-result-list-container .search-result-left-filter { top: 100px !important; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-result-list-container .search-result-left-filter { top: 65px !important; } } .search-result-list-container .view-by { margin-right: 0px !important; width: 100% !important; } .search-result-gallery-view .box-container, .search-result-list-view .box-container { margin-bottom: 0px !important; } .search-result-others .top-menu-container { margin-bottom: 55px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .search-result-others .top-menu-container { margin-bottom: 45px; } } .search-result-others .search-result-others-list-container a { display: flex; color: inherit; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-result-others .search-result-others-list-container a { flex-wrap: wrap; } } .search-result-others .search-result-others-list-container a:hover { text-decoration: none; } .search-result-others .search-result-others-list-container .box { margin-bottom: 30px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .search-result-others .search-result-others-list-container .box { margin-bottom: 50px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-result-others .search-result-others-list-container .box { margin-bottom: 40px; } } .search-result-others .search-result-others-list-container .box:last-child { margin-bottom: 0px; } .search-result-others .search-result-others-list-container .box:hover .left-col .bg { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .search-result-others .search-result-others-list-container .box .left-col { width: 280px; height: 177px; overflow: hidden; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .search-result-others .search-result-others-list-container .box .left-col { width: 240px; height: 155px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-result-others .search-result-others-list-container .box .left-col { width: 100%; height: 210px; margin-bottom: 15px; } } .search-result-others .search-result-others-list-container .box .left-col .bg { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .search-result-others .search-result-others-list-container .box .right-col { width: calc(100% - 280px); padding-left: 20px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .search-result-others .search-result-others-list-container .box .right-col { width: calc(100% - 240px); padding-left: 25px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-result-others .search-result-others-list-container .box .right-col { width: 100%; padding-left: 0px; } } .search-result-others .search-result-others-list-container .box .right-col .category-date { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; color: #808080; margin-bottom: 8px; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .search-result-others .search-result-others-list-container .box .right-col .category-date { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .search-result-others .search-result-others-list-container .box .right-col .category-date { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .search-result-others .search-result-others-list-container .box .right-col .category-date { font-size: 14px; } } .search-result-others .search-result-others-list-container .box .right-col .title { margin-bottom: 7px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .search-result-others .search-result-others-list-container .box .right-col .title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .search-result-others .search-result-others-list-container .box .right-col .title { font-size: 22px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .search-result-others .search-result-others-list-container .box .right-col .title { font-size: 22px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .search-result-others .search-result-others-list-container .box .right-col .title { margin-bottom: 9px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-result-others .search-result-others-list-container .box .right-col .title { margin-bottom: 10px; } } .search-result-others .search-result-others-list-container .box .right-col .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; color: #262626; line-height: 26px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .search-result-others .search-result-others-list-container .box .right-col .desc { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .search-result-others .search-result-others-list-container .box .right-col .desc { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .search-result-others .search-result-others-list-container .box .right-col .desc { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-sort-container, .search-result-sort-container { margin-top: 0px; margin-bottom: 0px; } } .current-auctions-sort-container .custom-select, .search-result-sort-container .custom-select { font-weight: 400 !important; } .current-auctions-sort-container .sort-filter, .search-result-sort-container .sort-filter { width: 100%; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.414' height='11.707' viewBox='0 0 22.414 11.707'%3E%3Cpath id='Path_35' data-name='Path 35' d='M29.916,2202.09l10.5,10.5-10.5,10.5' transform='translate(2223.797 -29.209) rotate(90)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 1px top 45%; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-sort-container .sort-filter, .search-result-sort-container .sort-filter { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-sort-container .sort-filter, .search-result-sort-container .sort-filter { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-sort-container .sort-filter, .search-result-sort-container .sort-filter { font-size: 14px; } } .current-auctions-sort-container.right .box-wrapper, .search-result-sort-container.right .box-wrapper { justify-content: flex-end; } .current-auctions-sort-container.right .box, .search-result-sort-container.right .box { margin-right: 0 !important; } .current-auctions-sort-container .box-container .box-wrapper, .search-result-sort-container .box-container .box-wrapper { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: flex-end; } .current-auctions-sort-container .box-container .box-wrapper .box, .search-result-sort-container .box-container .box-wrapper .box { width: calc((100% - 60px) / 3); margin-bottom: 30px; margin-right: 30px; padding-right: 30px; } .current-auctions-sort-container .box-container .box-wrapper .box:nth-child(3n), .search-result-sort-container .box-container .box-wrapper .box:nth-child(3n) { margin-right: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-sort-container .box-container .box-wrapper .box, .search-result-sort-container .box-container .box-wrapper .box { width: calc((100% - 40px) / 3); margin-right: 20px; margin-bottom: 20px; width: calc((100% - 90px - 40px) / 2); } .current-auctions-sort-container .box-container .box-wrapper .box:nth-child(3n), .search-result-sort-container .box-container .box-wrapper .box:nth-child(3n) { margin-right: 20px; } .current-auctions-sort-container .box-container .box-wrapper .box:nth-child(3n), .search-result-sort-container .box-container .box-wrapper .box:nth-child(3n) { margin-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-sort-container .box-container .box-wrapper .box, .search-result-sort-container .box-container .box-wrapper .box { width: 100%; margin-right: 0px; margin-bottom: 30px; display: none; } .current-auctions-sort-container .box-container .box-wrapper .box:nth-child(3n), .search-result-sort-container .box-container .box-wrapper .box:nth-child(3n) { margin-right: 0px; } } .current-auctions-sort-container .box-container .box-wrapper .box.view-by, .search-result-sort-container .box-container .box-wrapper .box.view-by { display: flex; align-self: center; justify-content: flex-end; width: 75px; padding-right: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-sort-container .box-container .box-wrapper .box.view-by, .search-result-sort-container .box-container .box-wrapper .box.view-by { width: 75px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-sort-container .box-container .box-wrapper .box.view-by, .search-result-sort-container .box-container .box-wrapper .box.view-by { display: flex; display: none; } } .current-auctions-sort-container .box-container .box-wrapper .box.view-by .list-view, .search-result-sort-container .box-container .box-wrapper .box.view-by .list-view { width: 30px; height: 30px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg id='List-View' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='Rectangle_279' data-name='Rectangle 279' width='30' height='30' fill='none'/%3E%3Cg id='Group_289' data-name='Group 289' transform='translate(-568.253 -637.853)'%3E%3Crect id='Rectangle_280' data-name='Rectangle 280' width='4' height='4' transform='translate(573.253 650.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_281' data-name='Rectangle 281' width='12' height='4' transform='translate(581.253 650.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_282' data-name='Rectangle 282' width='4' height='4' transform='translate(573.253 642.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_283' data-name='Rectangle 283' width='12' height='4' transform='translate(581.253 642.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_284' data-name='Rectangle 284' width='4' height='4' transform='translate(573.253 658.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_285' data-name='Rectangle 285' width='12' height='4' transform='translate(581.253 658.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); position: relative; } .current-auctions-sort-container .box-container .box-wrapper .box.view-by .list-view.active, .search-result-sort-container .box-container .box-wrapper .box.view-by .list-view.active { background-image: url("data:image/svg+xml,%3Csvg id='List-View' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='Rectangle_279' data-name='Rectangle 279' width='30' height='30' fill='none'/%3E%3Cg id='Group_289' data-name='Group 289' transform='translate(-568.253 -637.853)'%3E%3Crect id='Rectangle_280' data-name='Rectangle 280' width='4' height='4' transform='translate(573.253 650.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_281' data-name='Rectangle 281' width='12' height='4' transform='translate(581.253 650.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_282' data-name='Rectangle 282' width='4' height='4' transform='translate(573.253 642.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_283' data-name='Rectangle 283' width='12' height='4' transform='translate(581.253 642.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_284' data-name='Rectangle 284' width='4' height='4' transform='translate(573.253 658.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_285' data-name='Rectangle 285' width='12' height='4' transform='translate(581.253 658.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-sort-container .box-container .box-wrapper .box.view-by .list-view a, .search-result-sort-container .box-container .box-wrapper .box.view-by .list-view a { position: absolute; width: 100%; height: 100%; } .current-auctions-sort-container .box-container .box-wrapper .box.view-by .gallery-view, .search-result-sort-container .box-container .box-wrapper .box.view-by .gallery-view { width: 30px; height: 30px; margin-right: 12px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg id='Gallery-View' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='Rectangle_286' data-name='Rectangle 286' width='30' height='30' fill='none'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-606.028 -637.853)'%3E%3Crect id='Rectangle_287' data-name='Rectangle 287' width='8' height='8' transform='translate(611.028 642.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_288' data-name='Rectangle 288' width='8' height='8' transform='translate(623.028 642.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_289' data-name='Rectangle 289' width='8' height='8' transform='translate(611.028 654.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_290' data-name='Rectangle 290' width='8' height='8' transform='translate(623.028 654.853)' fill='none' stroke='%23bfbfbf' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); position: relative; } .current-auctions-sort-container .box-container .box-wrapper .box.view-by .gallery-view.active, .search-result-sort-container .box-container .box-wrapper .box.view-by .gallery-view.active { background-image: url("data:image/svg+xml,%3Csvg id='Gallery-View' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='Rectangle_286' data-name='Rectangle 286' width='30' height='30' fill='none'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-606.028 -637.853)'%3E%3Crect id='Rectangle_287' data-name='Rectangle 287' width='8' height='8' transform='translate(611.028 642.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_288' data-name='Rectangle 288' width='8' height='8' transform='translate(623.028 642.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_289' data-name='Rectangle 289' width='8' height='8' transform='translate(611.028 654.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_290' data-name='Rectangle 290' width='8' height='8' transform='translate(623.028 654.853)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-sort-container .box-container .box-wrapper .box.view-by .gallery-view a, .search-result-sort-container .box-container .box-wrapper .box.view-by .gallery-view a { position: absolute; width: 100%; height: 100%; } .current-auctions-gallery-view .box-container a, .search-result-gallery-view .box-container a { color: inherit; } .current-auctions-gallery-view .box-container a:hover, .search-result-gallery-view .box-container a:hover { text-decoration: none; } .current-auctions-gallery-view .box-container .box-wrapper, .search-result-gallery-view .box-container .box-wrapper { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: -40px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-gallery-view .box-container .box-wrapper, .search-result-gallery-view .box-container .box-wrapper { margin-bottom: -40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-gallery-view .box-container .box-wrapper, .search-result-gallery-view .box-container .box-wrapper { margin-bottom: -30px; } } .current-auctions-gallery-view .box-container .box-wrapper .box, .search-result-gallery-view .box-container .box-wrapper .box { width: calc((100% - 60px) / 3); margin-bottom: 40px; margin-right: 30px; -webkit-transition: 0.2s all 0.5s; -moz-transition: 0.2s all 0.5s; -ms-transition: 0.2s all 0.5s; -o-transition: 0.2s all 0.5s; height: auto; opacity: 1; } .current-auctions-gallery-view .box-container .box-wrapper .box:nth-child(3n), .search-result-gallery-view .box-container .box-wrapper .box:nth-child(3n) { margin-right: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-gallery-view .box-container .box-wrapper .box, .search-result-gallery-view .box-container .box-wrapper .box { width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 40px; } .current-auctions-gallery-view .box-container .box-wrapper .box:nth-child(3n), .search-result-gallery-view .box-container .box-wrapper .box:nth-child(3n) { margin-right: 30px; } .current-auctions-gallery-view .box-container .box-wrapper .box:nth-child(2n), .search-result-gallery-view .box-container .box-wrapper .box:nth-child(2n) { margin-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-gallery-view .box-container .box-wrapper .box, .search-result-gallery-view .box-container .box-wrapper .box { width: calc((100% - 15px) / 2); margin-right: 15px !important; margin-bottom: 30px; } .current-auctions-gallery-view .box-container .box-wrapper .box:nth-child(even), .search-result-gallery-view .box-container .box-wrapper .box:nth-child(even) { margin-right: 0px !important; } .current-auctions-gallery-view .box-container .box-wrapper .box:nth-last-child(2), .search-result-gallery-view .box-container .box-wrapper .box:nth-last-child(2) { margin-bottom: 0px; } } @media (min-width: 1200px) and (max-width: 1549px), (min-width: 1550px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-gallery-view .box-container .box-wrapper .box, .search-result-gallery-view .box-container .box-wrapper .box { position: relative; padding-bottom: 50px; } } .current-auctions-gallery-view .box-container .box-wrapper .box .img, .search-result-gallery-view .box-container .box-wrapper .box .img { margin-bottom: 15px; background-repeat: no-repeat; background-size: contain; background-position: center; } .current-auctions-gallery-view .box-container .box-wrapper .box .lot, .search-result-gallery-view .box-container .box-wrapper .box .lot { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; letter-spacing: 2px; font-weight: 600; color: #808080; margin-bottom: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-gallery-view .box-container .box-wrapper .box .lot, .search-result-gallery-view .box-container .box-wrapper .box .lot { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-gallery-view .box-container .box-wrapper .box .lot, .search-result-gallery-view .box-container .box-wrapper .box .lot { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-gallery-view .box-container .box-wrapper .box .lot, .search-result-gallery-view .box-container .box-wrapper .box .lot { font-size: 14px; } } .current-auctions-gallery-view .box-container .box-wrapper .box .title, .search-result-gallery-view .box-container .box-wrapper .box .title { margin-bottom: 12px; line-height: 28px; height: 90px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-gallery-view .box-container .box-wrapper .box .title, .search-result-gallery-view .box-container .box-wrapper .box .title { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-gallery-view .box-container .box-wrapper .box .title, .search-result-gallery-view .box-container .box-wrapper .box .title { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-gallery-view .box-container .box-wrapper .box .title, .search-result-gallery-view .box-container .box-wrapper .box .title { font-size: 18px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-gallery-view .box-container .box-wrapper .box .title, .search-result-gallery-view .box-container .box-wrapper .box .title { line-height: 24px; height: 75px; } } .current-auctions-gallery-view .box-container .box-wrapper .box .sub-title, .search-result-gallery-view .box-container .box-wrapper .box .sub-title { margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-style: italic; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-gallery-view .box-container .box-wrapper .box .sub-title, .search-result-gallery-view .box-container .box-wrapper .box .sub-title { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-gallery-view .box-container .box-wrapper .box .sub-title, .search-result-gallery-view .box-container .box-wrapper .box .sub-title { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-gallery-view .box-container .box-wrapper .box .sub-title, .search-result-gallery-view .box-container .box-wrapper .box .sub-title { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-gallery-view .box-container .box-wrapper .box .sub-title, .search-result-gallery-view .box-container .box-wrapper .box .sub-title { line-height: 24px; height: 46px; } } .current-auctions-gallery-view .box-container .box-wrapper .box .estimate, .current-auctions-gallery-view .box-container .box-wrapper .box .sold-for, .search-result-gallery-view .box-container .box-wrapper .box .estimate, .search-result-gallery-view .box-container .box-wrapper .box .sold-for { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; line-height: 24px; margin-bottom: 18px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-gallery-view .box-container .box-wrapper .box .estimate, .current-auctions-gallery-view .box-container .box-wrapper .box .sold-for, .search-result-gallery-view .box-container .box-wrapper .box .estimate, .search-result-gallery-view .box-container .box-wrapper .box .sold-for { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-gallery-view .box-container .box-wrapper .box .estimate, .current-auctions-gallery-view .box-container .box-wrapper .box .sold-for, .search-result-gallery-view .box-container .box-wrapper .box .estimate, .search-result-gallery-view .box-container .box-wrapper .box .sold-for { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-gallery-view .box-container .box-wrapper .box .estimate, .current-auctions-gallery-view .box-container .box-wrapper .box .sold-for, .search-result-gallery-view .box-container .box-wrapper .box .estimate, .search-result-gallery-view .box-container .box-wrapper .box .sold-for { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-gallery-view .box-container .box-wrapper .box .estimate, .current-auctions-gallery-view .box-container .box-wrapper .box .sold-for, .search-result-gallery-view .box-container .box-wrapper .box .estimate, .search-result-gallery-view .box-container .box-wrapper .box .sold-for { margin-bottom: 0px; } } .current-auctions-gallery-view .box-container .box-wrapper .box .btn-container, .search-result-gallery-view .box-container .box-wrapper .box .btn-container { display: flex; } @media (min-width: 1200px) and (max-width: 1549px), (min-width: 1550px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-gallery-view .box-container .box-wrapper .box .btn-container, .search-result-gallery-view .box-container .box-wrapper .box .btn-container { bottom: 0; width: 100%; position: absolute; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-gallery-view .box-container .box-wrapper .box .btn-container, .search-result-gallery-view .box-container .box-wrapper .box .btn-container { display: none; } } .current-auctions-gallery-view .box-container .box-wrapper .box .btn-container .view-details-btn, .search-result-gallery-view .box-container .box-wrapper .box .btn-container .view-details-btn { height: 48px; width: calc(100% - 48px - 5px); margin-right: 5px; } .current-auctions-gallery-view .box-container .box-wrapper .box .btn-container .view-details-btn:hover, .search-result-gallery-view .box-container .box-wrapper .box .btn-container .view-details-btn:hover { color: #F4F2EA; } .current-auctions-gallery-view .box-container .box-wrapper .box .btn-container .fav-btn, .search-result-gallery-view .box-container .box-wrapper .box .btn-container .fav-btn { width: 48px; height: 48px; background-position: center; background-repeat: no-repeat; background-size: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16.456' viewBox='0 0 18 16.456'%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(-641.704 -483.897)' fill='none' stroke-linejoin='round'%3E%3Cpath d='M658.16,485.441a5.273,5.273,0,0,0-7.456,0,5.272,5.272,0,1,0-7.456,7.456l7.456,7.456,7.456-7.456A5.273,5.273,0,0,0,658.16,485.441Z' stroke='none'/%3E%3Cpath d='M 646.9765014648438 485.8973083496094 C 646.1023559570313 485.8973083496094 645.280517578125 486.2377014160156 644.6626586914063 486.8554077148438 C 643.3869018554688 488.1314086914063 643.3868408203125 490.2073974609375 644.6624755859375 491.4830932617188 L 650.7042236328125 497.5247802734375 L 656.7459716796875 491.483154296875 C 658.0216064453125 490.2074279785156 658.0215454101563 488.1314086914063 656.7461547851563 486.855712890625 C 656.1279907226563 486.2376708984375 655.30615234375 485.8973083496094 654.4320678710938 485.8973083496094 C 653.5580444335938 485.8973083496094 652.7363891601563 486.2376403808594 652.118408203125 486.8555603027344 C 651.7433471679688 487.2306518554688 651.234619140625 487.4413452148438 650.7042236328125 487.4413452148438 C 650.1737670898438 487.4413146972656 649.6650390625 487.2306213378906 649.2899780273438 486.8555297851563 C 648.6720581054688 486.2376098632813 647.8504638671875 485.8973083496094 646.9765014648438 485.8973083496094 M 646.9765014648438 483.8973083496094 C 648.3257446289063 483.8973083496094 649.6749267578125 484.4119873046875 650.7042236328125 485.4413452148438 C 651.733642578125 484.4119873046875 653.0828247070313 483.8973083496094 654.4320678710938 483.8973083496094 C 655.7813110351563 483.8973083496094 657.130615234375 484.4119873046875 658.1602172851563 485.4413452148438 C 660.2188720703125 487.5005187988281 660.2188720703125 490.8385314941406 658.1602172851563 492.8973083496094 L 650.7042236328125 500.3532104492188 L 643.248291015625 492.8973083496094 C 641.1895751953125 490.8385314941406 641.1895751953125 487.5005187988281 643.248291015625 485.4413452148438 C 644.2779541015625 484.4119873046875 645.6272583007813 483.8973083496094 646.9765014648438 483.8973083496094 Z' stroke='none' fill='%23262626'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-gallery-view .box-container .box-wrapper .box .btn-container .fav-btn.active, .search-result-gallery-view .box-container .box-wrapper .box .btn-container .fav-btn.active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16.456' viewBox='0 0 18 16.456'%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(-641.704 -483.897)' fill='%23eb1b3b' stroke-linejoin='round'%3E%3Cpath d='M 650.7042236328125 498.9389953613281 L 643.9553833007813 492.190185546875 C 642.2899169921875 490.524658203125 642.2899169921875 487.8143005371094 643.9554443359375 486.1483764648438 C 644.7623901367188 485.3416748046875 645.8353271484375 484.8973083496094 646.9765014648438 484.8973083496094 C 648.1175537109375 484.8973083496094 649.1903076171875 485.3416442871094 649.9971313476563 486.1484375 L 650.7042236328125 486.8555603027344 L 651.4113159179688 486.1484680175781 C 652.2181396484375 485.3416442871094 653.2909545898438 484.8973083496094 654.4320678710938 484.8973083496094 C 655.5732421875 484.8973083496094 656.6461181640625 485.3416748046875 657.4531860351563 486.1485290527344 C 659.1185302734375 487.8143005371094 659.1185302734375 490.524658203125 657.4530639648438 492.1902160644531 L 650.7042236328125 498.9389953613281 Z' stroke='none'/%3E%3Cpath d='M 646.9765014648438 485.8973083496094 C 646.1023559570313 485.8973083496094 645.280517578125 486.2377014160156 644.6626586914063 486.8554077148438 C 643.3869018554688 488.1314086914063 643.3868408203125 490.2073974609375 644.6624755859375 491.4830932617188 L 650.7042236328125 497.5247802734375 L 656.7459716796875 491.483154296875 C 658.0216064453125 490.2074279785156 658.0215454101563 488.1314086914063 656.7461547851563 486.855712890625 C 656.1279907226563 486.2376708984375 655.30615234375 485.8973083496094 654.4320678710938 485.8973083496094 C 653.5580444335938 485.8973083496094 652.7363891601563 486.2376403808594 652.118408203125 486.8555603027344 C 651.7433471679688 487.2306518554688 651.234619140625 487.4413452148438 650.7042236328125 487.4413452148438 C 650.1737670898438 487.4413146972656 649.6650390625 487.2306213378906 649.2899780273438 486.8555297851563 C 648.6720581054688 486.2376098632813 647.8504638671875 485.8973083496094 646.9765014648438 485.8973083496094 M 646.9765014648438 483.8973083496094 C 648.3257446289063 483.8973083496094 649.6749267578125 484.4119873046875 650.7042236328125 485.4413452148438 C 651.733642578125 484.4119873046875 653.0828247070313 483.8973083496094 654.4320678710938 483.8973083496094 C 655.7813110351563 483.8973083496094 657.130615234375 484.4119873046875 658.1602172851563 485.4413452148438 C 660.2188720703125 487.5005187988281 660.2188720703125 490.8385314941406 658.1602172851563 492.8973083496094 L 650.7042236328125 500.3532104492188 L 643.248291015625 492.8973083496094 C 641.1895751953125 490.8385314941406 641.1895751953125 487.5005187988281 643.248291015625 485.4413452148438 C 644.2779541015625 484.4119873046875 645.6272583007813 483.8973083496094 646.9765014648438 483.8973083496094 Z' stroke='none' fill='%23eb1b3b'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-gallery-view .box-container .box-wrapper .box .btn-container .fav-btn:hover, .search-result-gallery-view .box-container .box-wrapper .box .btn-container .fav-btn:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16.456' viewBox='0 0 18 16.456'%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(-641.704 -483.897)' fill='none' stroke-linejoin='round'%3E%3Cpath d='M658.16,485.441a5.273,5.273,0,0,0-7.456,0,5.272,5.272,0,1,0-7.456,7.456l7.456,7.456,7.456-7.456A5.273,5.273,0,0,0,658.16,485.441Z' stroke='none'/%3E%3Cpath d='M 646.9765014648438 485.8973083496094 C 646.1023559570313 485.8973083496094 645.280517578125 486.2377014160156 644.6626586914063 486.8554077148438 C 643.3869018554688 488.1314086914063 643.3868408203125 490.2073974609375 644.6624755859375 491.4830932617188 L 650.7042236328125 497.5247802734375 L 656.7459716796875 491.483154296875 C 658.0216064453125 490.2074279785156 658.0215454101563 488.1314086914063 656.7461547851563 486.855712890625 C 656.1279907226563 486.2376708984375 655.30615234375 485.8973083496094 654.4320678710938 485.8973083496094 C 653.5580444335938 485.8973083496094 652.7363891601563 486.2376403808594 652.118408203125 486.8555603027344 C 651.7433471679688 487.2306518554688 651.234619140625 487.4413452148438 650.7042236328125 487.4413452148438 C 650.1737670898438 487.4413146972656 649.6650390625 487.2306213378906 649.2899780273438 486.8555297851563 C 648.6720581054688 486.2376098632813 647.8504638671875 485.8973083496094 646.9765014648438 485.8973083496094 M 646.9765014648438 483.8973083496094 C 648.3257446289063 483.8973083496094 649.6749267578125 484.4119873046875 650.7042236328125 485.4413452148438 C 651.733642578125 484.4119873046875 653.0828247070313 483.8973083496094 654.4320678710938 483.8973083496094 C 655.7813110351563 483.8973083496094 657.130615234375 484.4119873046875 658.1602172851563 485.4413452148438 C 660.2188720703125 487.5005187988281 660.2188720703125 490.8385314941406 658.1602172851563 492.8973083496094 L 650.7042236328125 500.3532104492188 L 643.248291015625 492.8973083496094 C 641.1895751953125 490.8385314941406 641.1895751953125 487.5005187988281 643.248291015625 485.4413452148438 C 644.2779541015625 484.4119873046875 645.6272583007813 483.8973083496094 646.9765014648438 483.8973083496094 Z' stroke='none' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-gallery-view .box-container .box-wrapper .box .btn-container .fav-btn:hover.active, .search-result-gallery-view .box-container .box-wrapper .box .btn-container .fav-btn:hover.active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16.456' viewBox='0 0 18 16.456'%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(-641.704 -483.897)' fill='%23eb1b3b' stroke-linejoin='round'%3E%3Cpath d='M 650.7042236328125 498.9389953613281 L 643.9553833007813 492.190185546875 C 642.2899169921875 490.524658203125 642.2899169921875 487.8143005371094 643.9554443359375 486.1483764648438 C 644.7623901367188 485.3416748046875 645.8353271484375 484.8973083496094 646.9765014648438 484.8973083496094 C 648.1175537109375 484.8973083496094 649.1903076171875 485.3416442871094 649.9971313476563 486.1484375 L 650.7042236328125 486.8555603027344 L 651.4113159179688 486.1484680175781 C 652.2181396484375 485.3416442871094 653.2909545898438 484.8973083496094 654.4320678710938 484.8973083496094 C 655.5732421875 484.8973083496094 656.6461181640625 485.3416748046875 657.4531860351563 486.1485290527344 C 659.1185302734375 487.8143005371094 659.1185302734375 490.524658203125 657.4530639648438 492.1902160644531 L 650.7042236328125 498.9389953613281 Z' stroke='none'/%3E%3Cpath d='M 646.9765014648438 485.8973083496094 C 646.1023559570313 485.8973083496094 645.280517578125 486.2377014160156 644.6626586914063 486.8554077148438 C 643.3869018554688 488.1314086914063 643.3868408203125 490.2073974609375 644.6624755859375 491.4830932617188 L 650.7042236328125 497.5247802734375 L 656.7459716796875 491.483154296875 C 658.0216064453125 490.2074279785156 658.0215454101563 488.1314086914063 656.7461547851563 486.855712890625 C 656.1279907226563 486.2376708984375 655.30615234375 485.8973083496094 654.4320678710938 485.8973083496094 C 653.5580444335938 485.8973083496094 652.7363891601563 486.2376403808594 652.118408203125 486.8555603027344 C 651.7433471679688 487.2306518554688 651.234619140625 487.4413452148438 650.7042236328125 487.4413452148438 C 650.1737670898438 487.4413146972656 649.6650390625 487.2306213378906 649.2899780273438 486.8555297851563 C 648.6720581054688 486.2376098632813 647.8504638671875 485.8973083496094 646.9765014648438 485.8973083496094 M 646.9765014648438 483.8973083496094 C 648.3257446289063 483.8973083496094 649.6749267578125 484.4119873046875 650.7042236328125 485.4413452148438 C 651.733642578125 484.4119873046875 653.0828247070313 483.8973083496094 654.4320678710938 483.8973083496094 C 655.7813110351563 483.8973083496094 657.130615234375 484.4119873046875 658.1602172851563 485.4413452148438 C 660.2188720703125 487.5005187988281 660.2188720703125 490.8385314941406 658.1602172851563 492.8973083496094 L 650.7042236328125 500.3532104492188 L 643.248291015625 492.8973083496094 C 641.1895751953125 490.8385314941406 641.1895751953125 487.5005187988281 643.248291015625 485.4413452148438 C 644.2779541015625 484.4119873046875 645.6272583007813 483.8973083496094 646.9765014648438 483.8973083496094 Z' stroke='none' fill='%23eb1b3b'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-gallery-view .box-container .box-wrapper .box.hide, .search-result-gallery-view .box-container .box-wrapper .box.hide { display: none; height: 0; opacity: 0; margin-bottom: 0px; pointer-events: none; } .current-auctions-gallery-view .check-add, .search-result-gallery-view .check-add { width: 100%; height: 25px; } .current-auctions-gallery-view .check-add.active, .search-result-gallery-view .check-add.active { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../gif/loading.gif); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-result-gallery-view { margin-top: 55px; } } .current-auctions-list-view .box-container, .search-result-list-view .box-container { margin-bottom: 50px; } .current-auctions-list-view .box-container .box-wrapper, .search-result-list-view .box-container .box-wrapper { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: -0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-list-view .box-container .box-wrapper, .search-result-list-view .box-container .box-wrapper { margin-bottom: -0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-view .box-container .box-wrapper, .search-result-list-view .box-container .box-wrapper { margin-bottom: -0px; } } .current-auctions-list-view .box-container .box-wrapper .box, .search-result-list-view .box-container .box-wrapper .box { width: calc((100% - 0px) / 1); margin-bottom: 0px; margin-right: 0px; flex-wrap: wrap; display: flex; border-bottom: 1px solid #E6E6E6; padding-top: 35px; padding-bottom: 35px; -webkit-transition: 0.2s all 0.5s; -moz-transition: 0.2s all 0.5s; -ms-transition: 0.2s all 0.5s; -o-transition: 0.2s all 0.5s; height: auto; opacity: 1; } .current-auctions-list-view .box-container .box-wrapper .box:nth-child(1n), .search-result-list-view .box-container .box-wrapper .box:nth-child(1n) { margin-right: 0px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-list-view .box-container .box-wrapper .box, .search-result-list-view .box-container .box-wrapper .box { width: calc((100% - 0px) / 1); margin-right: 0px; margin-bottom: 0px; } .current-auctions-list-view .box-container .box-wrapper .box:nth-child(1n), .search-result-list-view .box-container .box-wrapper .box:nth-child(1n) { margin-right: 0px; } .current-auctions-list-view .box-container .box-wrapper .box:nth-child(1n), .search-result-list-view .box-container .box-wrapper .box:nth-child(1n) { margin-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-view .box-container .box-wrapper .box, .search-result-list-view .box-container .box-wrapper .box { width: 100%; margin-right: 0px; margin-bottom: 0px; } .current-auctions-list-view .box-container .box-wrapper .box:nth-child(1n), .search-result-list-view .box-container .box-wrapper .box:nth-child(1n) { margin-right: 0px; } } .current-auctions-list-view .box-container .box-wrapper .box .img, .search-result-list-view .box-container .box-wrapper .box .img { width: 180px; margin-bottom: 0px; background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-view .box-container .box-wrapper .box .img, .search-result-list-view .box-container .box-wrapper .box .img { width: 100px; margin-top: 25px; } } .current-auctions-list-view .box-container .box-wrapper .box .desc-container, .search-result-list-view .box-container .box-wrapper .box .desc-container { width: calc((100% - 180px) * 0.65); padding-right: 30px; padding-left: 20px; cursor: pointer; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container, .search-result-list-view .box-container .box-wrapper .box .desc-container { padding-left: 25px; padding-right: 0px; width: calc(100% - 180px); } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container, .search-result-list-view .box-container .box-wrapper .box .desc-container { width: calc(100% - 100px); padding-right: 0px; } } .current-auctions-list-view .box-container .box-wrapper .box .desc-container .lot, .search-result-list-view .box-container .box-wrapper .box .desc-container .lot { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; letter-spacing: 2px; font-weight: 600; color: #808080; margin-bottom: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .lot, .search-result-list-view .box-container .box-wrapper .box .desc-container .lot { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .lot, .search-result-list-view .box-container .box-wrapper .box .desc-container .lot { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .lot, .search-result-list-view .box-container .box-wrapper .box .desc-container .lot { font-size: 14px; } } .current-auctions-list-view .box-container .box-wrapper .box .desc-container .title, .search-result-list-view .box-container .box-wrapper .box .desc-container .title { margin-bottom: 12px; line-height: 28px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .title, .search-result-list-view .box-container .box-wrapper .box .desc-container .title { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .title, .search-result-list-view .box-container .box-wrapper .box .desc-container .title { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .title, .search-result-list-view .box-container .box-wrapper .box .desc-container .title { font-size: 18px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .title, .search-result-list-view .box-container .box-wrapper .box .desc-container .title { line-height: 24px; margin-bottom: 12px; } } .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sub-title, .search-result-list-view .box-container .box-wrapper .box .desc-container .sub-title { margin-bottom: 25px; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-style: italic; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sub-title, .search-result-list-view .box-container .box-wrapper .box .desc-container .sub-title { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sub-title, .search-result-list-view .box-container .box-wrapper .box .desc-container .sub-title { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sub-title, .search-result-list-view .box-container .box-wrapper .box .desc-container .sub-title { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sub-title, .search-result-list-view .box-container .box-wrapper .box .desc-container .sub-title { margin-bottom: 12px; } } .current-auctions-list-view .box-container .box-wrapper .box .desc-container .estimate, .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sold-for, .search-result-list-view .box-container .box-wrapper .box .desc-container .estimate, .search-result-list-view .box-container .box-wrapper .box .desc-container .sold-for { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; line-height: 24px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .estimate, .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sold-for, .search-result-list-view .box-container .box-wrapper .box .desc-container .estimate, .search-result-list-view .box-container .box-wrapper .box .desc-container .sold-for { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .estimate, .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sold-for, .search-result-list-view .box-container .box-wrapper .box .desc-container .estimate, .search-result-list-view .box-container .box-wrapper .box .desc-container .sold-for { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .estimate, .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sold-for, .search-result-list-view .box-container .box-wrapper .box .desc-container .estimate, .search-result-list-view .box-container .box-wrapper .box .desc-container .sold-for { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-view .box-container .box-wrapper .box .desc-container .estimate, .current-auctions-list-view .box-container .box-wrapper .box .desc-container .sold-for, .search-result-list-view .box-container .box-wrapper .box .desc-container .estimate, .search-result-list-view .box-container .box-wrapper .box .desc-container .sold-for { line-height: 22px; } } .current-auctions-list-view .box-container .box-wrapper .box .btn-container, .search-result-list-view .box-container .box-wrapper .box .btn-container { width: calc((100% - 180px) * 0.35); display: flex; align-items: center; justify-content: flex-end; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .current-auctions-list-view .box-container .box-wrapper .box .btn-container, .search-result-list-view .box-container .box-wrapper .box .btn-container { width: 100%; padding-left: 210px; padding-top: 20px; justify-content: flex-start; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-view .box-container .box-wrapper .box .btn-container, .search-result-list-view .box-container .box-wrapper .box .btn-container { display: none; } } .current-auctions-list-view .box-container .box-wrapper .box .btn-container .view-details-btn, .search-result-list-view .box-container .box-wrapper .box .btn-container .view-details-btn { height: 48px; width: calc(100% - 48px - 5px); margin-right: 5px; max-width: 190px; } .current-auctions-list-view .box-container .box-wrapper .box .btn-container .fav-btn, .search-result-list-view .box-container .box-wrapper .box .btn-container .fav-btn { width: 48px; height: 48px; background-position: center; background-repeat: no-repeat; background-size: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16.456' viewBox='0 0 18 16.456'%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(-641.704 -483.897)' fill='none' stroke-linejoin='round'%3E%3Cpath d='M658.16,485.441a5.273,5.273,0,0,0-7.456,0,5.272,5.272,0,1,0-7.456,7.456l7.456,7.456,7.456-7.456A5.273,5.273,0,0,0,658.16,485.441Z' stroke='none'/%3E%3Cpath d='M 646.9765014648438 485.8973083496094 C 646.1023559570313 485.8973083496094 645.280517578125 486.2377014160156 644.6626586914063 486.8554077148438 C 643.3869018554688 488.1314086914063 643.3868408203125 490.2073974609375 644.6624755859375 491.4830932617188 L 650.7042236328125 497.5247802734375 L 656.7459716796875 491.483154296875 C 658.0216064453125 490.2074279785156 658.0215454101563 488.1314086914063 656.7461547851563 486.855712890625 C 656.1279907226563 486.2376708984375 655.30615234375 485.8973083496094 654.4320678710938 485.8973083496094 C 653.5580444335938 485.8973083496094 652.7363891601563 486.2376403808594 652.118408203125 486.8555603027344 C 651.7433471679688 487.2306518554688 651.234619140625 487.4413452148438 650.7042236328125 487.4413452148438 C 650.1737670898438 487.4413146972656 649.6650390625 487.2306213378906 649.2899780273438 486.8555297851563 C 648.6720581054688 486.2376098632813 647.8504638671875 485.8973083496094 646.9765014648438 485.8973083496094 M 646.9765014648438 483.8973083496094 C 648.3257446289063 483.8973083496094 649.6749267578125 484.4119873046875 650.7042236328125 485.4413452148438 C 651.733642578125 484.4119873046875 653.0828247070313 483.8973083496094 654.4320678710938 483.8973083496094 C 655.7813110351563 483.8973083496094 657.130615234375 484.4119873046875 658.1602172851563 485.4413452148438 C 660.2188720703125 487.5005187988281 660.2188720703125 490.8385314941406 658.1602172851563 492.8973083496094 L 650.7042236328125 500.3532104492188 L 643.248291015625 492.8973083496094 C 641.1895751953125 490.8385314941406 641.1895751953125 487.5005187988281 643.248291015625 485.4413452148438 C 644.2779541015625 484.4119873046875 645.6272583007813 483.8973083496094 646.9765014648438 483.8973083496094 Z' stroke='none' fill='%23262626'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-list-view .box-container .box-wrapper .box .btn-container .fav-btn.active, .search-result-list-view .box-container .box-wrapper .box .btn-container .fav-btn.active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16.456' viewBox='0 0 18 16.456'%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(-641.704 -483.897)' fill='%23eb1b3b' stroke-linejoin='round'%3E%3Cpath d='M 650.7042236328125 498.9389953613281 L 643.9553833007813 492.190185546875 C 642.2899169921875 490.524658203125 642.2899169921875 487.8143005371094 643.9554443359375 486.1483764648438 C 644.7623901367188 485.3416748046875 645.8353271484375 484.8973083496094 646.9765014648438 484.8973083496094 C 648.1175537109375 484.8973083496094 649.1903076171875 485.3416442871094 649.9971313476563 486.1484375 L 650.7042236328125 486.8555603027344 L 651.4113159179688 486.1484680175781 C 652.2181396484375 485.3416442871094 653.2909545898438 484.8973083496094 654.4320678710938 484.8973083496094 C 655.5732421875 484.8973083496094 656.6461181640625 485.3416748046875 657.4531860351563 486.1485290527344 C 659.1185302734375 487.8143005371094 659.1185302734375 490.524658203125 657.4530639648438 492.1902160644531 L 650.7042236328125 498.9389953613281 Z' stroke='none'/%3E%3Cpath d='M 646.9765014648438 485.8973083496094 C 646.1023559570313 485.8973083496094 645.280517578125 486.2377014160156 644.6626586914063 486.8554077148438 C 643.3869018554688 488.1314086914063 643.3868408203125 490.2073974609375 644.6624755859375 491.4830932617188 L 650.7042236328125 497.5247802734375 L 656.7459716796875 491.483154296875 C 658.0216064453125 490.2074279785156 658.0215454101563 488.1314086914063 656.7461547851563 486.855712890625 C 656.1279907226563 486.2376708984375 655.30615234375 485.8973083496094 654.4320678710938 485.8973083496094 C 653.5580444335938 485.8973083496094 652.7363891601563 486.2376403808594 652.118408203125 486.8555603027344 C 651.7433471679688 487.2306518554688 651.234619140625 487.4413452148438 650.7042236328125 487.4413452148438 C 650.1737670898438 487.4413146972656 649.6650390625 487.2306213378906 649.2899780273438 486.8555297851563 C 648.6720581054688 486.2376098632813 647.8504638671875 485.8973083496094 646.9765014648438 485.8973083496094 M 646.9765014648438 483.8973083496094 C 648.3257446289063 483.8973083496094 649.6749267578125 484.4119873046875 650.7042236328125 485.4413452148438 C 651.733642578125 484.4119873046875 653.0828247070313 483.8973083496094 654.4320678710938 483.8973083496094 C 655.7813110351563 483.8973083496094 657.130615234375 484.4119873046875 658.1602172851563 485.4413452148438 C 660.2188720703125 487.5005187988281 660.2188720703125 490.8385314941406 658.1602172851563 492.8973083496094 L 650.7042236328125 500.3532104492188 L 643.248291015625 492.8973083496094 C 641.1895751953125 490.8385314941406 641.1895751953125 487.5005187988281 643.248291015625 485.4413452148438 C 644.2779541015625 484.4119873046875 645.6272583007813 483.8973083496094 646.9765014648438 483.8973083496094 Z' stroke='none' fill='%23eb1b3b'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-list-view .box-container .box-wrapper .box .btn-container .fav-btn:hover, .search-result-list-view .box-container .box-wrapper .box .btn-container .fav-btn:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16.456' viewBox='0 0 18 16.456'%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(-641.704 -483.897)' fill='none' stroke-linejoin='round'%3E%3Cpath d='M658.16,485.441a5.273,5.273,0,0,0-7.456,0,5.272,5.272,0,1,0-7.456,7.456l7.456,7.456,7.456-7.456A5.273,5.273,0,0,0,658.16,485.441Z' stroke='none'/%3E%3Cpath d='M 646.9765014648438 485.8973083496094 C 646.1023559570313 485.8973083496094 645.280517578125 486.2377014160156 644.6626586914063 486.8554077148438 C 643.3869018554688 488.1314086914063 643.3868408203125 490.2073974609375 644.6624755859375 491.4830932617188 L 650.7042236328125 497.5247802734375 L 656.7459716796875 491.483154296875 C 658.0216064453125 490.2074279785156 658.0215454101563 488.1314086914063 656.7461547851563 486.855712890625 C 656.1279907226563 486.2376708984375 655.30615234375 485.8973083496094 654.4320678710938 485.8973083496094 C 653.5580444335938 485.8973083496094 652.7363891601563 486.2376403808594 652.118408203125 486.8555603027344 C 651.7433471679688 487.2306518554688 651.234619140625 487.4413452148438 650.7042236328125 487.4413452148438 C 650.1737670898438 487.4413146972656 649.6650390625 487.2306213378906 649.2899780273438 486.8555297851563 C 648.6720581054688 486.2376098632813 647.8504638671875 485.8973083496094 646.9765014648438 485.8973083496094 M 646.9765014648438 483.8973083496094 C 648.3257446289063 483.8973083496094 649.6749267578125 484.4119873046875 650.7042236328125 485.4413452148438 C 651.733642578125 484.4119873046875 653.0828247070313 483.8973083496094 654.4320678710938 483.8973083496094 C 655.7813110351563 483.8973083496094 657.130615234375 484.4119873046875 658.1602172851563 485.4413452148438 C 660.2188720703125 487.5005187988281 660.2188720703125 490.8385314941406 658.1602172851563 492.8973083496094 L 650.7042236328125 500.3532104492188 L 643.248291015625 492.8973083496094 C 641.1895751953125 490.8385314941406 641.1895751953125 487.5005187988281 643.248291015625 485.4413452148438 C 644.2779541015625 484.4119873046875 645.6272583007813 483.8973083496094 646.9765014648438 483.8973083496094 Z' stroke='none' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-list-view .box-container .box-wrapper .box .btn-container .fav-btn:hover.active, .search-result-list-view .box-container .box-wrapper .box .btn-container .fav-btn:hover.active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16.456' viewBox='0 0 18 16.456'%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(-641.704 -483.897)' fill='%23eb1b3b' stroke-linejoin='round'%3E%3Cpath d='M 650.7042236328125 498.9389953613281 L 643.9553833007813 492.190185546875 C 642.2899169921875 490.524658203125 642.2899169921875 487.8143005371094 643.9554443359375 486.1483764648438 C 644.7623901367188 485.3416748046875 645.8353271484375 484.8973083496094 646.9765014648438 484.8973083496094 C 648.1175537109375 484.8973083496094 649.1903076171875 485.3416442871094 649.9971313476563 486.1484375 L 650.7042236328125 486.8555603027344 L 651.4113159179688 486.1484680175781 C 652.2181396484375 485.3416442871094 653.2909545898438 484.8973083496094 654.4320678710938 484.8973083496094 C 655.5732421875 484.8973083496094 656.6461181640625 485.3416748046875 657.4531860351563 486.1485290527344 C 659.1185302734375 487.8143005371094 659.1185302734375 490.524658203125 657.4530639648438 492.1902160644531 L 650.7042236328125 498.9389953613281 Z' stroke='none'/%3E%3Cpath d='M 646.9765014648438 485.8973083496094 C 646.1023559570313 485.8973083496094 645.280517578125 486.2377014160156 644.6626586914063 486.8554077148438 C 643.3869018554688 488.1314086914063 643.3868408203125 490.2073974609375 644.6624755859375 491.4830932617188 L 650.7042236328125 497.5247802734375 L 656.7459716796875 491.483154296875 C 658.0216064453125 490.2074279785156 658.0215454101563 488.1314086914063 656.7461547851563 486.855712890625 C 656.1279907226563 486.2376708984375 655.30615234375 485.8973083496094 654.4320678710938 485.8973083496094 C 653.5580444335938 485.8973083496094 652.7363891601563 486.2376403808594 652.118408203125 486.8555603027344 C 651.7433471679688 487.2306518554688 651.234619140625 487.4413452148438 650.7042236328125 487.4413452148438 C 650.1737670898438 487.4413146972656 649.6650390625 487.2306213378906 649.2899780273438 486.8555297851563 C 648.6720581054688 486.2376098632813 647.8504638671875 485.8973083496094 646.9765014648438 485.8973083496094 M 646.9765014648438 483.8973083496094 C 648.3257446289063 483.8973083496094 649.6749267578125 484.4119873046875 650.7042236328125 485.4413452148438 C 651.733642578125 484.4119873046875 653.0828247070313 483.8973083496094 654.4320678710938 483.8973083496094 C 655.7813110351563 483.8973083496094 657.130615234375 484.4119873046875 658.1602172851563 485.4413452148438 C 660.2188720703125 487.5005187988281 660.2188720703125 490.8385314941406 658.1602172851563 492.8973083496094 L 650.7042236328125 500.3532104492188 L 643.248291015625 492.8973083496094 C 641.1895751953125 490.8385314941406 641.1895751953125 487.5005187988281 643.248291015625 485.4413452148438 C 644.2779541015625 484.4119873046875 645.6272583007813 483.8973083496094 646.9765014648438 483.8973083496094 Z' stroke='none' fill='%23eb1b3b'/%3E%3C/g%3E%3C/svg%3E%0A"); } .current-auctions-list-view .box-container .box-wrapper .box.hide, .search-result-list-view .box-container .box-wrapper .box.hide { display: none; height: 0; opacity: 0; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; pointer-events: none; } .current-auctions-list-view .box-container .box-wrapper .box.hide .log, .current-auctions-list-view .box-container .box-wrapper .box.hide .title, .current-auctions-list-view .box-container .box-wrapper .box.hide .estimate, .search-result-list-view .box-container .box-wrapper .box.hide .log, .search-result-list-view .box-container .box-wrapper .box.hide .title, .search-result-list-view .box-container .box-wrapper .box.hide .estimate { margin-bottom: 0px; } .current-auctions-list-view .check-add, .search-result-list-view .check-add { width: 100%; height: 25px; } .current-auctions-list-view .check-add.active, .search-result-list-view .check-add.active { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../gif/loading.gif); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .search-result-list-view { margin-top: 40px; } } .saleroom-notice .notice-remark { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; margin-bottom: 20px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .saleroom-notice .notice-remark { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .saleroom-notice .notice-remark { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .saleroom-notice .notice-remark { font-size: 15px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .saleroom-notice .container-m { padding-left: 0px; padding-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .saleroom-notice .container-m { padding-left: 0px; padding-right: 0px; } } .saleroom-notice .saleroom-notice-table .header-row { border-bottom: 3px solid #534F39; display: flex; } .saleroom-notice .saleroom-notice-table .header-row .number-col, .saleroom-notice .saleroom-notice-table .header-row .notice-col { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; letter-spacing: 2px; color: #534F39; padding-bottom: 8px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .saleroom-notice .saleroom-notice-table .header-row .number-col, .saleroom-notice .saleroom-notice-table .header-row .notice-col { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .saleroom-notice .saleroom-notice-table .header-row .number-col, .saleroom-notice .saleroom-notice-table .header-row .notice-col { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .saleroom-notice .saleroom-notice-table .header-row .number-col, .saleroom-notice .saleroom-notice-table .header-row .notice-col { font-size: 14px; } } .saleroom-notice .saleroom-notice-table .content-row { display: flex; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #BFBFBF; } .saleroom-notice .saleroom-notice-table .content-row:last-of-type { border-bottom: 3px solid #534F39; } .saleroom-notice .saleroom-notice-table .content-row:nth-child(odd) { background-color: #F7F7F7; } .saleroom-notice .saleroom-notice-table .content-row:nth-child(even) { background-color: #ffffff; } .saleroom-notice .saleroom-notice-table .content-row .number-col { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; padding-left: 10px; padding-right: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .saleroom-notice .saleroom-notice-table .content-row .number-col { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .saleroom-notice .saleroom-notice-table .content-row .number-col { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .saleroom-notice .saleroom-notice-table .content-row .number-col { font-size: 15px; } } .saleroom-notice .saleroom-notice-table .content-row .notice-col { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .saleroom-notice .saleroom-notice-table .content-row .notice-col { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .saleroom-notice .saleroom-notice-table .content-row .notice-col { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .saleroom-notice .saleroom-notice-table .content-row .notice-col { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .saleroom-notice .saleroom-notice-table .content-row .notice-col { line-height: 24px; } } .saleroom-notice .saleroom-notice-table .number-col { width: 200px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .saleroom-notice .saleroom-notice-table .number-col { width: 90px; } } .saleroom-notice .saleroom-notice-table .notice-col { width: calc(100% - 200px); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .saleroom-notice .saleroom-notice-table .notice-col { width: calc(100% - 90px); } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .saleroom-notice .saleroom-notice-table .header-row .notice-col { width: 90px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail { padding-bottom: 0px; } } .auction-detail .container { display: flex; flex-wrap: wrap; } .auction-detail .left-col { width: 50%; padding-right: 15px; position: relative; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-detail .left-col { width: 40%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .left-col { width: 100%; padding-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .left-col .left-col-sticky-container { position: relative; top: 0px; } } .auction-detail .left-col .zoom-icon { width: 21px; z-index: 2; height: 21px; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 15px; left: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.314' height='23.314' viewBox='0 0 23.314 23.314'%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.1 1.1)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(-0.1 -0.1)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-width='2'/%3E%3Cg id='Group_422' data-name='Group 422' transform='translate(-283.6 -1004.6)'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(288 1013)'%3E%3Cline id='Line_83' data-name='Line 83' x2='8' fill='none' stroke='gray' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_311' data-name='Group 311' transform='translate(292 1009) rotate(90)'%3E%3Cg id='Group_23-2' data-name='Group 23'%3E%3Cline id='Line_83-2' data-name='Line 83' x2='8' fill='none' stroke='gray' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .auction-detail .left-col .box-img { background-position: center; background-size: contain; background-repeat: no-repeat; border: 1px solid #E6E6E6; visibility: hidden; margin-top: -2px; width: 0; } .auction-detail .left-col .box-img.active { display: block; visibility: visible; pointer-events: auto; width: 100%; margin-bottom: 20px; } .auction-detail .left-col .box-img-thumbnail-container { display: flex; position: relative; } .auction-detail .left-col .box-img-thumbnail-container .swiper-button-disabled { display: none; } .auction-detail .left-col .box-img-thumbnail-container .button-next { position: absolute; left: 0; width: 30px; cursor: pointer; height: 100%; background-position: left; background-size: 12px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.901' height='57.801' viewBox='0 0 29.901 57.801'%3E%3Cpath id='Path_1' data-name='Path 1' d='M57.4,2202.09l-27.487,27.487L57.4,2257.063' transform='translate(-28.916 -2200.676)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); } .auction-detail .left-col .box-img-thumbnail-container .button-prev { position: absolute; right: 0; width: 30px; height: 100%; cursor: pointer; background-position: right; background-size: 12px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.901' height='57.801' viewBox='0 0 29.901 57.801'%3E%3Cpath id='Path_2' data-name='Path 2' d='M29.916,2202.09,57.4,2229.576l-27.487,27.487' transform='translate(-28.502 -2200.676)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); } .auction-detail .left-col .box-img-thumbnail-container .swiper-container { width: calc(100% - 60px); overflow: hidden; } .auction-detail .left-col .box-img-thumbnail-container .swiper-container.no-arrow { width: 100%; } .auction-detail .left-col .box-img-thumbnail-container .swiper-container .swiper-slide { border: 1px solid #E6E6E6; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; position: relative; } .auction-detail .left-col .box-img-thumbnail-container .swiper-container .swiper-slide .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35px; height: 35px; } .auction-detail .right-col { width: 50%; padding-left: 15px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-detail .right-col { width: 60%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col { width: 100%; padding-left: 0px; margin-top: 30px; margin-left: -15px; width: calc(100% + 30px); margin-right: -15px; } } .auction-detail .right-col .detail-box { padding: 30px; padding-top: 23px; padding-bottom: 23px; background-color: #F4F2EA; } .auction-detail .right-col .detail-box.exhibition { background-color: #F7F7F7; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-detail .right-col .detail-box { padding: 25px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box { padding-left: 15px; padding-top: 15px; padding-right: 15px; display: flex; flex-wrap: wrap; } } .auction-detail .right-col .detail-box .header-remark { margin-bottom: 30px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: center; border-bottom: 1px solid #808080; padding-bottom: 20px; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .header-remark { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .header-remark { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .header-remark { font-size: 21px; } } .auction-detail .right-col .detail-box .header-remark.red { color: #C90F2C; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .header-remark.red .row1 { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .header-remark.red .row1 { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .header-remark.red .row1 { font-size: 26px; } } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .header-remark.red .row2 { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .header-remark.red .row2 { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .header-remark.red .row2 { font-size: 21px; } } .auction-detail .right-col .detail-box .header-remark.green { color: #29840D; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .header-remark.green .row1 { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .header-remark.green .row1 { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .header-remark.green .row1 { font-size: 26px; } } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .header-remark.green .row2 { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .header-remark.green .row2 { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .header-remark.green .row2 { font-size: 21px; } } .auction-detail .right-col .detail-box .detail-bottom-btn { margin-top: 15px; width: 100%; } .auction-detail .right-col .detail-box .cat-and-go-to-lot-container { display: flex; flex-wrap: wrap; margin-bottom: 25px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .cat-and-go-to-lot-container { margin-bottom: 10px; } } .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .auction-category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; letter-spacing: 2px; color: #808080; width: 50%; display: flex; align-items: center; padding-right: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .auction-category { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .auction-category { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .auction-category { font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .auction-category { width: 100%; } } .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .go-to-lot { width: 50%; display: flex; justify-content: flex-end; align-items: center; } @media (min-width: 768px) and (max-width: 991px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .go-to-lot { display: none; } } .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .go-to-lot .go-to-lot-label { font-size: 13px; margin-right: 8px; color: #534f39; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 1px; position: relative; } .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .go-to-lot .go-to-lot-textbox { width: 60px; border: 1px solid #d6d6d6; background-color: #ffffff; color: #262626; font-size: 14px; text-align: center; font-weight: 500; height: 26px; border-radius: 5px; } .auction-detail .right-col .detail-box .cat-and-go-to-lot-container .go-to-lot .go-to-lot-btn { width: 105px; height: 25px; padding-left: 0px; padding-right: 0px; text-align: center; font-size: 11px; } .auction-detail .right-col .detail-box .category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; letter-spacing: 2px; color: #808080; margin-bottom: 25px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .category { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .category { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .category { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .category { margin-bottom: 10px; } } .auction-detail .right-col .detail-box .lot-previous-next { display: flex; align-items: center; margin-bottom: 5px; justify-content: space-between; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .lot-previous-next { width: 100%; order: -1; margin-bottom: 20px; } } .auction-detail .right-col .detail-box .lot-previous-next .lot { width: calc(100% - 180px); font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .lot-previous-next .lot { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .lot-previous-next .lot { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .lot-previous-next .lot { font-size: 14px; } } .auction-detail .right-col .detail-box .lot-previous-next .previous { width: 90px; color: #534F39; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 1px; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .lot-previous-next .previous { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .lot-previous-next .previous { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .lot-previous-next .previous { font-size: 13px; } } .auction-detail .right-col .detail-box .lot-previous-next .previous:before { content: ""; width: 15px; height: 15px; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.914' height='17.828' viewBox='0 0 9.914 17.828'%3E%3Cpath id='Path_116' data-name='Path 116' d='M37.416,2202.09l-7.5,7.5,7.5,7.5' transform='translate(-28.916 -2200.676)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; top: 1px; } .auction-detail .right-col .detail-box .lot-previous-next .previous a { color: inherit; padding-left: 20px; } .auction-detail .right-col .detail-box .lot-previous-next .previous a:hover { text-decoration: none; } .auction-detail .right-col .detail-box .lot-previous-next .next { width: 90px; color: #534F39; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 1px; text-align: right; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .lot-previous-next .next { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .lot-previous-next .next { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .lot-previous-next .next { font-size: 13px; } } .auction-detail .right-col .detail-box .lot-previous-next .next:after { content: ""; width: 15px; height: 15px; right: 0; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.914' height='17.828' viewBox='0 0 9.914 17.828'%3E%3Cpath id='Path_35' data-name='Path 35' d='M29.916,2202.09l7.5,7.5-7.5,7.5' transform='translate(-28.502 -2200.676)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; top: 1px; } .auction-detail .right-col .detail-box .lot-previous-next .next a { width: 100%; color: inherit; padding-right: 20px; } .auction-detail .right-col .detail-box .lot-previous-next .next a:hover { text-decoration: none; } .auction-detail .right-col .detail-box .title { margin-bottom: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .title { font-size: 36px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .title { font-size: 30px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .title { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-detail .right-col .detail-box .title { margin-bottom: 40px; line-height: 45px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .title { line-height: 34px; margin-bottom: 30px; width: 100%; } } .auction-detail .right-col .detail-box .sub-title { margin-bottom: 60px; font-style: italic; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .sub-title { font-size: 22px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .sub-title { font-size: 22px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .sub-title { font-size: 22px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .sub-title { width: 100%; margin-bottom: 15px; } } .auction-detail .right-col .detail-box form { width: 100%; } .auction-detail .right-col .detail-box .price-quantitiy-container { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 30px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .price-quantitiy-container { margin-bottom: 5px; } } .auction-detail .right-col .detail-box .price-quantitiy-container .pq-left-col { width: calc(100% - 105px); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .price-quantitiy-container .pq-left-col { width: 100%; margin-top: 25px; margin-bottom: 10px; } } .auction-detail .right-col .detail-box .price-quantitiy-container .pq-right-col { width: 105px; display: flex; align-items: flex-start; flex-wrap: wrap; } .auction-detail .right-col .detail-box .price-quantitiy-container .pq-right-col .select-box-container { width: 100%; text-align: right; margin-top: -10px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .price-quantitiy-container .pq-right-col .select-box-container { margin-top: 0px; text-align: left; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .price-quantitiy-container .pq-right-col { width: 100%; margin-bottom: 15px; } } .auction-detail .right-col .detail-box .price-quantitiy-container .pq-right-col .exhibition-quantity { border-radius: 8px; border: 1px solid #BFBFBF; padding-left: 15px; padding-right: 20px; color: #000000; font-size: 15px; height: 35px; background-position: right 10px top 50%; max-width: 90px; } .auction-detail .right-col .detail-box .quantity { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; margin-bottom: 8px; position: relative; width: 100%; text-align: right; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .quantity { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .quantity { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .quantity { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .quantity { text-align: left; } } .auction-detail .right-col .detail-box .estimate { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; margin-bottom: 8px; position: relative; padding-right: 175px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .estimate { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .estimate { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .estimate { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .estimate { width: 100%; } } .auction-detail .right-col .detail-box .estimate.exhibition { padding-right: 15px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .estimate.exhibition { width: 100%; margin-bottom: 2px; } } .auction-detail .right-col .detail-box .estimate .change-currency { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .auction-detail .right-col .detail-box .estimate .change-currency a { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; letter-spacing: 1px; color: #534F39; padding-left: 25px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .estimate .change-currency a { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .estimate .change-currency a { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .estimate .change-currency a { font-size: 13px; } } .auction-detail .right-col .detail-box .estimate .change-currency a:hover { text-decoration: none; } .auction-detail .right-col .detail-box .estimate .change-currency:before { content: ""; width: 19px; height: 19px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg id='Group_442' data-name='Group 442' transform='translate(-580.111 -693.939)'%3E%3Cpath id='Path_155' data-name='Path 155' d='M683.053,650.118a9.5,9.5,0,1,0,9.5,9.5A9.5,9.5,0,0,0,683.053,650.118Zm.658,14.858v1.807h-1.439v-1.7a6.078,6.078,0,0,1-2.841-.772l.474-1.649a5.56,5.56,0,0,0,2.736.755c1.1,0,1.876-.544,1.876-1.369,0-.806-.63-1.3-1.929-1.771-1.825-.667-3.034-1.508-3.034-3.139a3.066,3.066,0,0,1,2.824-2.98v-1.7h1.437v1.613a5.441,5.441,0,0,1,2.421.6l-.474,1.594a5.239,5.239,0,0,0-2.386-.6c-1.227,0-1.665.632-1.665,1.228,0,.718.632,1.139,2.122,1.718,1.981.737,2.841,1.665,2.841,3.245A3.207,3.207,0,0,1,683.711,664.976Z' transform='translate(-93.442 43.821)' fill='%23534f39'/%3E%3C/g%3E%3C/svg%3E%0A"); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; } .auction-detail .right-col .detail-box .price { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 35px; margin-bottom: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .price { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .price { font-size: 22px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .price { font-size: 22px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-detail .right-col .detail-box .price { margin-bottom: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .price { width: 100%; } } .auction-detail .right-col .detail-box .sold-for { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #808080; margin-bottom: 8px; position: relative; padding-right: 175px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .sold-for { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .sold-for { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .sold-for { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .sold-for { width: 100%; } } .auction-detail .right-col .detail-box .sold-for .change-currency { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .auction-detail .right-col .detail-box .sold-for .change-currency a { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; letter-spacing: 1px; color: #534F39; padding-left: 25px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .sold-for .change-currency a { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .sold-for .change-currency a { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .sold-for .change-currency a { font-size: 13px; } } .auction-detail .right-col .detail-box .sold-for .change-currency a:hover { text-decoration: none; } .auction-detail .right-col .detail-box .sold-for .change-currency:before { content: ""; width: 19px; height: 19px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg id='Group_442' data-name='Group 442' transform='translate(-580.111 -693.939)'%3E%3Cpath id='Path_155' data-name='Path 155' d='M683.053,650.118a9.5,9.5,0,1,0,9.5,9.5A9.5,9.5,0,0,0,683.053,650.118Zm.658,14.858v1.807h-1.439v-1.7a6.078,6.078,0,0,1-2.841-.772l.474-1.649a5.56,5.56,0,0,0,2.736.755c1.1,0,1.876-.544,1.876-1.369,0-.806-.63-1.3-1.929-1.771-1.825-.667-3.034-1.508-3.034-3.139a3.066,3.066,0,0,1,2.824-2.98v-1.7h1.437v1.613a5.441,5.441,0,0,1,2.421.6l-.474,1.594a5.239,5.239,0,0,0-2.386-.6c-1.227,0-1.665.632-1.665,1.228,0,.718.632,1.139,2.122,1.718,1.981.737,2.841,1.665,2.841,3.245A3.207,3.207,0,0,1,683.711,664.976Z' transform='translate(-93.442 43.821)' fill='%23534f39'/%3E%3C/g%3E%3C/svg%3E%0A"); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; } .auction-detail .right-col .detail-box .sold-for-price { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; line-height: 35px; margin-bottom: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .sold-for-price { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .sold-for-price { font-size: 22px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .sold-for-price { font-size: 22px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-detail .right-col .detail-box .sold-for-price { margin-bottom: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .sold-for-price { width: 100%; } } .auction-detail .right-col .detail-box .withdraw { color: #534F39; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; position: relative; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .withdraw { font-size: 24px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .withdraw { font-size: 20px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .withdraw { font-size: 20px; } } .auction-detail .right-col .detail-box .withdraw span { margin-left: 28px; position: relative; top: 2px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-detail .right-col .detail-box .withdraw span { top: 1px; } } .auction-detail .right-col .detail-box .withdraw:before { position: absolute; content: ""; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_363' data-name='Group 363' transform='translate(-318 -493)'%3E%3Ctext id='_' data-name='!' transform='translate(326 509)' fill='%23534f39' font-size='14' font-family='SegoeUI, Segoe UI' letter-spacing='0.05em'%3E%3Ctspan x='0' y='0'%3E!%3C/tspan%3E%3C/text%3E%3Cg id='Ellipse_14' data-name='Ellipse 14' transform='translate(318 493)' fill='none' stroke='%23534f39' stroke-width='1'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none'/%3E%3Ccircle cx='10' cy='10' r='9.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; top: 50%; transform: translateY(-50%); } .auction-detail .right-col .detail-box .price-remark { margin-top: 15px; color: #534F39; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .price-remark { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .price-remark { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .price-remark { font-size: 13px; } } .auction-detail .right-col .detail-box .price-remark span { margin-left: 28px; font-style: italic; position: relative; top: 2px; } .auction-detail .right-col .detail-box .price-remark:before { position: absolute; content: ""; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath id='Path_156' data-name='Path 156' d='M703.52,659.424l.471-1.958,6.77,1.619a9.5,9.5,0,1,0-.105,2.046Zm-3.728-6.438a.4.4,0,0,1,.18-.249.412.412,0,0,1,.209-.058.34.34,0,0,1,.094.012l4.364,1.045a.4.4,0,0,1,.3.484l-.388,1.613a.106.106,0,0,1-.05.067.1.1,0,0,1-.082.013l-4.933-1.183h0a.105.105,0,0,1-.079-.13Zm.038,2.208.6.143,3.465.832-1.05,4.368-.987-.237-3.08-.738Zm-1.7,4.7a.108.108,0,0,1,.105-.083l.025,0,.253.061,4.427,1.062h0l.253.06a.114.114,0,0,1,.067.05.112.112,0,0,1,.013.082l-.388,1.613a.4.4,0,0,1-.485.3l-4.364-1.047a.4.4,0,0,1-.3-.484Zm8.165,6.248H696.254V664.8h10.041Z' transform='translate(-691.761 -650.118)' fill='%23534f39'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } .auction-detail .right-col .detail-box .seperator { width: 100%; margin-top: 32px; margin-bottom: 25px; height: 1px; background-color: #808080; } .auction-detail .right-col .detail-box .desc-title { margin-bottom: 15px; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .desc-title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .desc-title { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .desc-title { font-size: 26px; } } .auction-detail .right-col .detail-box .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .desc { font-size: 16px; } } .auction-detail .right-col .detail-box .accordion-box-container { width: 100%; } .auction-detail .right-col .detail-box .accordion-box-container .accordion-box-title:first-child { margin-top: 50px; } .auction-detail .right-col .detail-box .accordion-box-title { margin-bottom: 15px; cursor: pointer; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-detail .right-col .detail-box .accordion-box-title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-detail .right-col .detail-box .accordion-box-title { font-size: 24px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-detail .right-col .detail-box .accordion-box-title { font-size: 24px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .accordion-box-title { width: 100%; } } .auction-detail .right-col .detail-box .accordion-box-title.collapsed:after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 20px; height: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_422' data-name='Group 422' transform='translate(-288 -1009)'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(288 1019)'%3E%3Cline id='Line_83' data-name='Line 83' x2='20' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_311' data-name='Group 311' transform='translate(298 1009) rotate(90)'%3E%3Cg id='Group_23-2' data-name='Group 23'%3E%3Cline id='Line_83-2' data-name='Line 83' x2='20' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .auction-detail .right-col .detail-box .accordion-box-title:after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 20px; height: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='2' viewBox='0 0 20 2'%3E%3Cg id='Group_428' data-name='Group 428' transform='translate(-288 -1018)'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(288 1019)'%3E%3Cline id='Line_83' data-name='Line 83' x2='20' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .auction-detail .right-col .detail-box .sign-in-to-view-btn { padding-left: 30px; padding-right: 30px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-detail .right-col .detail-box .sign-in-to-view-btn { margin-top: 20px; width: 100%; } } .auction-detail .right-col .detail-box .accordion-wrapper .accordion-padding-bottom { padding-bottom: 20px; } .auction-detail .right-col .detail-box .share-favourite { display: flex; } .auction-detail .right-col .detail-box .share-favourite .share { width: 125px; display: flex; align-items: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-size: 13px; letter-spacing: 1px; font-weight: 400; } .auction-detail .right-col .detail-box .share-favourite .share .share-txt { padding-left: 39px; letter-spacing: 1.5px; } .auction-detail .right-col .detail-box .share-favourite .share .addthis_inline_share_toolbox_o1ts { display: inline-block; } .auction-detail .right-col .detail-box .share-favourite .share svg { display: none; } .auction-detail .right-col .detail-box .share-favourite .share .at-share-btn-elements .at-svc-compact { padding-right: 90px; } .auction-detail .right-col .detail-box .share-favourite .share .at-share-btn-elements .at-icon-wrapper .at-icon-wrapper { margin-left: -5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_441' data-name='Group 441' transform='translate(-568.111 -688.94)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(568.111 688.94)' fill='none'/%3E%3Cg id='Group_306' data-name='Group 306' transform='translate(0 -1)'%3E%3Cpath id='Rectangle_178-2' data-name='Rectangle 178' d='M586.961,699.44h3.75a1.9,1.9,0,0,1,1.9,1.9v11.2a1.9,1.9,0,0,1-1.9,1.9h-15.2a1.9,1.9,0,0,1-1.9-1.9v-11.2a1.9,1.9,0,0,1,1.9-1.9h3.75' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='Line_161' data-name='Line 161' y1='15' transform='translate(583.111 692.44)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_95' data-name='Path 95' d='M579.688,696.864l3.424-3.424,3.424,3.424' transform='translate(0 -1)' fill='none' stroke='%23534f39' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; } .auction-detail .right-col .detail-box .share-favourite .favourite { width: 125px; display: flex; align-items: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-size: 13px; letter-spacing: 1px; font-weight: 400; position: relative; } .auction-detail .right-col .detail-box .share-favourite .favourite:before { content: ""; position: absolute; left: 0; height: 30px; width: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_305' data-name='Group 305' transform='translate(-967 -422)'%3E%3Crect id='Rectangle_293' data-name='Rectangle 293' width='30' height='30' transform='translate(967 422)' fill='none'/%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(328.994 -57.07)' fill='none' stroke-linejoin='round'%3E%3Cpath d='M662.369,485.836a6.621,6.621,0,0,0-9.363,0,6.621,6.621,0,1,0-9.363,9.363l9.363,9.363,9.363-9.363A6.621,6.621,0,0,0,662.369,485.836Z' stroke='none'/%3E%3Cpath d='M 648.3250122070313 485.8972778320313 C 647.0907592773438 485.8972778320313 645.9302368164063 486.3778991699219 645.0576171875 487.2503051757813 C 643.256103515625 489.0522155761719 643.2560424804688 491.9837341308594 645.0574340820313 493.78515625 L 653.00634765625 501.7339477539063 L 660.9551391601563 493.78515625 C 662.756591796875 491.9837341308594 662.7565307617188 489.0521850585938 660.955322265625 487.2506103515625 C 660.0823974609375 486.3778991699219 658.9219360351563 485.8972778320313 657.6876831054688 485.8972778320313 C 656.4534912109375 485.8972778320313 655.293212890625 486.3778381347656 654.4205322265625 487.2504577636719 C 654.030029296875 487.6409912109375 653.5181884765625 487.8362426757813 653.00634765625 487.8362426757813 C 652.4945068359375 487.8362426757813 651.982666015625 487.6409912109375 651.5921630859375 487.2504577636719 C 650.719482421875 486.3778381347656 649.5592041015625 485.8972778320313 648.3250122070313 485.8972778320313 M 648.3250122070313 483.8972778320313 C 650.0194091796875 483.8972778320313 651.7136840820313 484.5436096191406 653.00634765625 485.8362426757813 C 654.2990112304688 484.5436096191406 655.9932861328125 483.8972778320313 657.6876831054688 483.8972778320313 C 659.3820190429688 483.8972778320313 661.0764770507813 484.5436096191406 662.369384765625 485.8362426757813 C 664.9547119140625 488.4221496582031 664.9547119140625 492.614013671875 662.369384765625 495.1993713378906 L 653.00634765625 504.5623779296875 L 643.6432495117188 495.1993713378906 C 641.0579223632813 492.614013671875 641.0579223632813 488.4221496582031 643.6432495117188 485.8362426757813 C 644.9362182617188 484.5436096191406 646.6306762695313 483.8972778320313 648.3250122070313 483.8972778320313 Z' stroke='none' fill='%23534f39'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } .auction-detail .right-col .detail-box .share-favourite .favourite.active:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_305' data-name='Group 305' transform='translate(-967 -422)'%3E%3Crect id='Rectangle_293' data-name='Rectangle 293' width='30' height='30' transform='translate(967 422)' fill='none'/%3E%3Cg id='Path_90' data-name='Path 90' transform='translate(328.994 -57.07)' fill='%23EB1B3B' stroke-linejoin='round'%3E%3Cpath d='M662.369,485.836a6.621,6.621,0,0,0-9.363,0,6.621,6.621,0,1,0-9.363,9.363l9.363,9.363,9.363-9.363A6.621,6.621,0,0,0,662.369,485.836Z' stroke='%23EB1B3B'/%3E%3Cpath d='M 648.3250122070313 485.8972778320313 C 647.0907592773438 485.8972778320313 645.9302368164063 486.3778991699219 645.0576171875 487.2503051757813 C 643.256103515625 489.0522155761719 643.2560424804688 491.9837341308594 645.0574340820313 493.78515625 L 653.00634765625 501.7339477539063 L 660.9551391601563 493.78515625 C 662.756591796875 491.9837341308594 662.7565307617188 489.0521850585938 660.955322265625 487.2506103515625 C 660.0823974609375 486.3778991699219 658.9219360351563 485.8972778320313 657.6876831054688 485.8972778320313 C 656.4534912109375 485.8972778320313 655.293212890625 486.3778381347656 654.4205322265625 487.2504577636719 C 654.030029296875 487.6409912109375 653.5181884765625 487.8362426757813 653.00634765625 487.8362426757813 C 652.4945068359375 487.8362426757813 651.982666015625 487.6409912109375 651.5921630859375 487.2504577636719 C 650.719482421875 486.3778381347656 649.5592041015625 485.8972778320313 648.3250122070313 485.8972778320313 M 648.3250122070313 483.8972778320313 C 650.0194091796875 483.8972778320313 651.7136840820313 484.5436096191406 653.00634765625 485.8362426757813 C 654.2990112304688 484.5436096191406 655.9932861328125 483.8972778320313 657.6876831054688 483.8972778320313 C 659.3820190429688 483.8972778320313 661.0764770507813 484.5436096191406 662.369384765625 485.8362426757813 C 664.9547119140625 488.4221496582031 664.9547119140625 492.614013671875 662.369384765625 495.1993713378906 L 653.00634765625 504.5623779296875 L 643.6432495117188 495.1993713378906 C 641.0579223632813 492.614013671875 641.0579223632813 488.4221496582031 643.6432495117188 485.8362426757813 C 644.9362182617188 484.5436096191406 646.6306762695313 483.8972778320313 648.3250122070313 483.8972778320313 Z' stroke='%23EB1B3B' fill='%23EB1B3B'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .auction-detail .right-col .detail-box .share-favourite .favourite a { padding-left: 40px; position: absolute; color: inherit; } .auction-detail .right-col .detail-box .share-favourite .favourite a:hover { text-decoration: none; } .terms .content-div, .privacy .content-div { width: 100%; } .how-to-buy .container, .how-to-sell .container { display: flex; flex-wrap: wrap; } .how-to-buy .container .section-title, .how-to-sell .container .section-title { width: 100%; } .how-to-buy .container .left-menu-responsive, .how-to-sell .container .left-menu-responsive { width: 100%; display: none; margin-bottom: 25px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .how-to-buy .container .left-menu-responsive, .how-to-sell .container .left-menu-responsive { display: block; } } .how-to-buy .container .left-menu-responsive .custom-select, .how-to-sell .container .left-menu-responsive .custom-select { width: 100%; } .how-to-buy .container .left-menu, .how-to-sell .container .left-menu { width: 240px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .how-to-buy .container .left-menu, .how-to-sell .container .left-menu { width: 200px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .how-to-buy .container .left-menu, .how-to-sell .container .left-menu { width: 100%; margin-bottom: 35px; display: none; } } .how-to-buy .container .left-menu .menu-item, .how-to-buy .container .left-menu .download-item, .how-to-sell .container .left-menu .menu-item, .how-to-sell .container .left-menu .download-item { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; border-bottom: 1px solid #808080; transition: none; cursor: pointer; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .how-to-buy .container .left-menu .menu-item, .how-to-buy .container .left-menu .download-item, .how-to-sell .container .left-menu .menu-item, .how-to-sell .container .left-menu .download-item { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .how-to-buy .container .left-menu .menu-item, .how-to-buy .container .left-menu .download-item, .how-to-sell .container .left-menu .menu-item, .how-to-sell .container .left-menu .download-item { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .how-to-buy .container .left-menu .menu-item, .how-to-buy .container .left-menu .download-item, .how-to-sell .container .left-menu .menu-item, .how-to-sell .container .left-menu .download-item { font-size: 14px; } } .how-to-buy .container .left-menu .menu-item a, .how-to-buy .container .left-menu .download-item a, .how-to-sell .container .left-menu .menu-item a, .how-to-sell .container .left-menu .download-item a { transition: none; } .how-to-buy .container .left-menu .menu-item:first-child, .how-to-buy .container .left-menu .download-item:first-child, .how-to-sell .container .left-menu .menu-item:first-child, .how-to-sell .container .left-menu .download-item:first-child { border-top: 1px solid #808080; } .how-to-buy .container .left-menu .menu-item a, .how-to-buy .container .left-menu .download-item a, .how-to-sell .container .left-menu .menu-item a, .how-to-sell .container .left-menu .download-item a { color: inherit; } .how-to-buy .container .left-menu .menu-item a:hover, .how-to-buy .container .left-menu .download-item a:hover, .how-to-sell .container .left-menu .menu-item a:hover, .how-to-sell .container .left-menu .download-item a:hover { text-decoration: none; } .how-to-buy .container .left-menu .menu-item.active, .how-to-buy .container .left-menu .download-item.active, .how-to-sell .container .left-menu .menu-item.active, .how-to-sell .container .left-menu .download-item.active { background-color: #99C743; } .how-to-buy .container .left-menu .menu-item.active a, .how-to-buy .container .left-menu .download-item.active a, .how-to-sell .container .left-menu .menu-item.active a, .how-to-sell .container .left-menu .download-item.active a { font-weight: 500; color: #ffffff; } .how-to-buy .container .right-col, .how-to-sell .container .right-col { width: calc(100% - 240px); padding-left: 60px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .how-to-buy .container .right-col, .how-to-sell .container .right-col { width: calc(100% - 200px); padding-left: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .how-to-buy .container .right-col, .how-to-sell .container .right-col { width: 100%; padding-left: 0px; padding-right: 0px; } } .how-to-buy .container .right-col hr, .how-to-sell .container .right-col hr { margin-bottom: 55px; } .how-to-buy .container .right-col .content-div, .how-to-sell .container .right-col .content-div { display: none; } .how-to-buy .container .right-col .content-div.active, .how-to-sell .container .right-col .content-div.active { display: block; } .how-to-buy .container .right-col .how-tosell a, .how-to-sell .container .right-col .how-tosell a { margin-left: 10px; color: inherit; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .how-to-buy .container .right-col .how-tosell a, .how-to-sell .container .right-col .how-tosell a { margin-left: 0px; } .how-to-buy .container .right-col .how-tosell a:last-of-type, .how-to-sell .container .right-col .how-tosell a:last-of-type { width: 100%; } } .how-to-buy .container .right-col .how-tosell a:hover, .how-to-sell .container .right-col .how-tosell a:hover { text-decoration: none; } .how-to-buy .container .right-col .before-the-sale .subscribe-now-container, .how-to-sell .container .right-col .before-the-sale .subscribe-now-container { display: flex; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .how-to-buy .container .right-col .before-the-sale .subscribe-now-container, .how-to-sell .container .right-col .before-the-sale .subscribe-now-container { flex-wrap: wrap; } } .how-to-buy .container .right-col .before-the-sale .subscribe-now-container .subscribe-email, .how-to-sell .container .right-col .before-the-sale .subscribe-now-container .subscribe-email { width: 280px; border-bottom: 1px solid #808080; margin-right: 15px; height: 48px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .how-to-buy .container .right-col .before-the-sale .subscribe-now-container .subscribe-email, .how-to-sell .container .right-col .before-the-sale .subscribe-now-container .subscribe-email { width: 100%; margin-bottom: 30px; margin-right: 0px; } } .how-to-buy .container .right-col .before-the-sale .subscribe-now-container #btn-subscribe-inner, .how-to-sell .container .right-col .before-the-sale .subscribe-now-container #btn-subscribe-inner { width: auto; padding-left: 30px; padding-right: 30px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .how-to-buy .container .right-col .before-the-sale .subscribe-now-container #btn-subscribe-inner, .how-to-sell .container .right-col .before-the-sale .subscribe-now-container #btn-subscribe-inner { width: 100%; } } .how-to-buy .container .right-col .during-the-sale .btn, .how-to-sell .container .right-col .during-the-sale .btn { width: auto; padding-left: 60px; padding-right: 60px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .how-to-buy .container .right-col .during-the-sale .btn, .how-to-sell .container .right-col .during-the-sale .btn { width: 100%; } } .how-to-buy .container .right-col .during-the-sale .btn:hover, .how-to-sell .container .right-col .during-the-sale .btn:hover { color: #ffffff; } .how-to-buy .container .right-col .guide-to-online-bidding, .how-to-sell .container .right-col .guide-to-online-bidding { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 28px; font-size: 16px; } .how-to-buy .container .right-col .guide-to-online-bidding .banner, .how-to-sell .container .right-col .guide-to-online-bidding .banner { max-width: 100%; } .how-to-buy .container .right-col .guide-to-online-bidding .img, .how-to-sell .container .right-col .guide-to-online-bidding .img { position: relative; left: 50%; transform: translateX(-50%); width: 700px; max-width: 100%; } .how-to-buy .container .right-col .bidders-note img, .how-to-sell .container .right-col .bidders-note img { position: relative; top: -2px; margin-right: 3px; } .how-to-buy .container .right-col .bidders-note .header-title, .how-to-sell .container .right-col .bidders-note .header-title { margin-bottom: 25px; } .how-to-buy .container .right-col .bidders-note .first, .how-to-sell .container .right-col .bidders-note .first { color: #000000; font-weight: 500; } .how-to-buy .container .right-col .bidders-note .title, .how-to-sell .container .right-col .bidders-note .title { color: #000000; font-weight: 500; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .how-to-buy .container .right-col .bidders-note .desc, .how-to-sell .container .right-col .bidders-note .desc { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .how-to-buy .container .right-col .bidders-note .desc, .how-to-sell .container .right-col .bidders-note .desc { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .how-to-buy .container .right-col .bidders-note .desc, .how-to-sell .container .right-col .bidders-note .desc { font-size: 15px; } } .how-to-buy .container .right-col .bidders-note hr, .how-to-sell .container .right-col .bidders-note hr { margin-bottom: 30px; } .how-to-buy .container .right-col .bidders-note table tr td, .how-to-sell .container .right-col .bidders-note table tr td { padding-bottom: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .how-to-buy .container .right-col .bidders-note table tr td, .how-to-sell .container .right-col .bidders-note table tr td { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .how-to-buy .container .right-col .bidders-note table tr td, .how-to-sell .container .right-col .bidders-note table tr td { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .how-to-buy .container .right-col .bidders-note table tr td, .how-to-sell .container .right-col .bidders-note table tr td { font-size: 15px; } } .how-to-buy .container .right-col .bidders-note table tr td:first-child, .how-to-sell .container .right-col .bidders-note table tr td:first-child { vertical-align: top; } .how-to-buy .container .right-col .bidders-note p, .how-to-sell .container .right-col .bidders-note p { margin-bottom: 0px; } .how-to-buy .container .right-col .terms-and-conditions-for-online-bidding, .how-to-sell .container .right-col .terms-and-conditions-for-online-bidding { margin-top: 7px; } .how-to-buy .container .right-col .terms-and-conditions p, .how-to-sell .container .right-col .terms-and-conditions p { margin-bottom: 0px; } .how-to-buy .container .right-col .terms-and-conditions .header-title, .how-to-sell .container .right-col .terms-and-conditions .header-title { margin-bottom: 25px; } .how-to-buy .container .right-col .terms-and-conditions .remark, .how-to-sell .container .right-col .terms-and-conditions .remark { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 20px; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .how-to-buy .container .right-col .terms-and-conditions .remark, .how-to-sell .container .right-col .terms-and-conditions .remark { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .how-to-buy .container .right-col .terms-and-conditions .remark, .how-to-sell .container .right-col .terms-and-conditions .remark { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .how-to-buy .container .right-col .terms-and-conditions .remark, .how-to-sell .container .right-col .terms-and-conditions .remark { font-size: 15px; } } .how-to-buy .container .right-col .terms-and-conditions .first, .how-to-sell .container .right-col .terms-and-conditions .first { color: #000000; font-weight: 500; } .how-to-buy .container .right-col .terms-and-conditions .title, .how-to-sell .container .right-col .terms-and-conditions .title { color: #000000; font-weight: 500; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .how-to-buy .container .right-col .terms-and-conditions .desc, .how-to-sell .container .right-col .terms-and-conditions .desc { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .how-to-buy .container .right-col .terms-and-conditions .desc, .how-to-sell .container .right-col .terms-and-conditions .desc { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .how-to-buy .container .right-col .terms-and-conditions .desc, .how-to-sell .container .right-col .terms-and-conditions .desc { font-size: 15px; } } .how-to-buy .container .right-col .terms-and-conditions hr, .how-to-sell .container .right-col .terms-and-conditions hr { margin-bottom: 30px; } .how-to-buy .container .right-col .terms-and-conditions table tr td, .how-to-sell .container .right-col .terms-and-conditions table tr td { padding-bottom: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .how-to-buy .container .right-col .terms-and-conditions table tr td, .how-to-sell .container .right-col .terms-and-conditions table tr td { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .how-to-buy .container .right-col .terms-and-conditions table tr td, .how-to-sell .container .right-col .terms-and-conditions table tr td { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .how-to-buy .container .right-col .terms-and-conditions table tr td, .how-to-sell .container .right-col .terms-and-conditions table tr td { font-size: 15px; } } .how-to-buy .container .right-col .terms-and-conditions table tr td:first-child, .how-to-sell .container .right-col .terms-and-conditions table tr td:first-child { vertical-align: top; } .how-to-buy .container .right-col .header-title, .how-to-buy .container .right-col strong, .how-to-sell .container .right-col .header-title, .how-to-sell .container .right-col strong { font-family: "Playfair Display", "Noto Sans TC", "Noto Sans SC", sans-serif !important; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .how-to-buy .container .right-col .header-title, .how-to-buy .container .right-col strong, .how-to-sell .container .right-col .header-title, .how-to-sell .container .right-col strong { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .how-to-buy .container .right-col .header-title, .how-to-buy .container .right-col strong, .how-to-sell .container .right-col .header-title, .how-to-sell .container .right-col strong { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .how-to-buy .container .right-col .header-title, .how-to-buy .container .right-col strong, .how-to-sell .container .right-col .header-title, .how-to-sell .container .right-col strong { font-size: 26px; } } .how-to-buy .container .right-col .desc, .how-to-sell .container .right-col .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; margin-bottom: 55px; line-height: 26px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .how-to-buy .container .right-col .desc, .how-to-sell .container .right-col .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .how-to-buy .container .right-col .desc, .how-to-sell .container .right-col .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .how-to-buy .container .right-col .desc, .how-to-sell .container .right-col .desc { font-size: 16px; } } .general-message { padding-top: 100px !important; text-align: center; } .general-message .title { margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .general-message .title { font-size: 35px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .general-message .title { font-size: 35px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .general-message .title { font-size: 35px; } } .general-message .desc { margin-bottom: 45px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .general-message .desc { font-size: 17px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .general-message .desc { font-size: 17px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .general-message .desc { font-size: 17px; } } .general-message .btn { width: 150px; margin-left: auto; margin-right: auto; } .general-message .desc a { color: inherit; text-decoration: underline; } .first-section { margin-top: 135px; padding-top: 25px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .first-section { margin-top: 65px; } } .paging { margin-top: 90px; width: 330px; max-width: 100%; margin-left: auto; margin-right: auto; display: flex; height: 20px; align-self: center; margin-bottom: 60px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .paging { margin-top: 60px; } } .paging .left-arrow { width: 10px; height: 20px; position: relative; } .paging .left-arrow a { width: 100%; height: 100%; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.414' height='20.828' viewBox='0 0 11.414 20.828'%3E%3Cpath id='Path_92' data-name='Path 92' d='M29.916,2202.09l9,9-9,9' transform='translate(39.916 2221.504) rotate(180)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .paging .right-arrow { width: 10px; height: 20px; position: relative; } .paging .right-arrow a { width: 100%; height: 100%; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.414' height='20.828' viewBox='0 0 11.414 20.828'%3E%3Cpath id='Path_93' data-name='Path 93' d='M29.916,2202.09l9,9-9,9' transform='translate(-28.502 -2200.676)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .paging .page-list { width: calc(100% - 40px); padding-left: 50px; padding-right: 50px; text-align: center; display: flex; align-self: center; justify-content: center; } .paging .page-list a { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; letter-spacing: 2px; font-weight: 600; font-size: 14px; color: #BFBFBF; padding-left: 12px; padding-right: 12px; position: relative; } .paging .page-list a:after { content: ""; position: absolute; right: 0; top: 1px; height: 18px; width: 1px; background-color: #BFBFBF; } .paging .page-list a.active { color: #534F39; } .paging .page-list a:hover { text-decoration: none; color: #534F39; } .paging .page-list a:last-child:after { display: none; } .auction-result-list .check-add { width: 100%; height: 25px; } .auction-result-list .check-add.active { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../gif/loading.gif); } .auction-result-list .box { -webkit-transition: 0.2s all 0.5s; -moz-transition: 0.2s all 0.5s; -ms-transition: 0.2s all 0.5s; -o-transition: 0.2s all 0.5s; display: flex; opacity: 1; flex-wrap: wrap; background-color: #F4F2EA; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; margin-bottom: 35px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .box { padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } } .auction-result-list .box:last-child { margin-bottom: 0px; } .auction-result-list .box .left-col { width: calc(100% - 305px); padding-right: 30px; padding-top: 30px; padding-bottom: 65px; position: relative; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-result-list .box .left-col { width: 100%; order: 2; padding-right: 0px; padding-top: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .box .left-col { width: 100%; order: 2; padding-bottom: 15px; padding-top: 15px; padding-left: 15px; padding-right: 15px; } } .auction-result-list .box .left-col .category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 30px; font-weight: 600; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-result-list .box .left-col .category { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-result-list .box .left-col .category { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-result-list .box .left-col .category { font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-result-list .box .left-col .category { margin-bottom: 20px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .box .left-col .category { margin-bottom: 10px; } } .auction-result-list .box .left-col .title { margin-bottom: 18px; line-height: 35px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-result-list .box .left-col .title { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-result-list .box .left-col .title { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-result-list .box .left-col .title { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .box .left-col .title { line-height: 34px; } } .auction-result-list .box .left-col .datetime { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 28px; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-result-list .box .left-col .datetime { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-result-list .box .left-col .datetime { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-result-list .box .left-col .datetime { font-size: 16px; } } .auction-result-list .box .left-col .sale-total-title { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 5px; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-result-list .box .left-col .sale-total-title { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-result-list .box .left-col .sale-total-title { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-result-list .box .left-col .sale-total-title { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .box .left-col .sale-total-title { display: none; } } .auction-result-list .box .left-col .sale-total { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 5px; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-result-list .box .left-col .sale-total { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-result-list .box .left-col .sale-total { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-result-list .box .left-col .sale-total { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .box .left-col .sale-total { display: none; } } .auction-result-list .box .left-col .btn { width: 280px; position: absolute; bottom: 0px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .box .left-col .btn { position: relative; width: 100%; } } .auction-result-list .box .right-col { width: 305px; text-align: right; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .auction-result-list .box .right-col { width: 100%; order: 1; text-align: center; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .box .right-col { width: 100%; order: 1; } } .auction-result-list .box .right-col img { max-width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .box .right-col img { width: 100%; } } .auction-result-list .box.hide { display: none; height: 0; opacity: 0; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; pointer-events: none; } .toggle-layer { opacity: 0; position: fixed; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); z-index: 4; top: 0; pointer-events: none; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } .toggle-layer.active { background-color: rgba(0, 0, 0, 0.7); opacity: 1; pointer-events: auto; } .show-after-load { display: none; } .show-after-load.active { display: block; } .custom-select { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #262626; border: 0; height: 45px; border-bottom: 1px solid #BFBFBF; background-color: #ffffff; border-radius: 0; padding-left: 0px; font-weight: 300; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.414' viewBox='0 0 14.828 8.414'%3E%3Cpath id='Path_158' data-name='Path 158' d='M35.916,2202.09l-6,6,6,6' transform='translate(-2200.676 37.33) rotate(-90)' fill='none' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 1px top 50%; padding-right: 20px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .custom-select { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .custom-select { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .custom-select { font-size: 14px; } } .custom-select:focus { border-color: transparent; outline: 0; border-bottom: 1px solid #BFBFBF; box-shadow: 0 0 0 0 rgba(128, 189, 255, 0.5); } .custom-select.rounded { height: 35px; border: 1px solid #BFBFBF; padding-left: 12px; padding-right: 12px; width: 90px; background-position: right 10px top 50%; color: #262626; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .custom-select.rounded { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .custom-select.rounded { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .custom-select.rounded { font-size: 14px; } } .custom-select.rounded.not-empty { font-weight: 400; } .custom-control-label { cursor: pointer; } .custom-control-label::before { width: 20px; height: 20px; background-color: #ffffff !important; border: 1px solid #262626; border-radius: 0 !important; top: 1px !important; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #ffffff; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23262626' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); width: 20px; height: 20px; top: 1px; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0px #fff, 0 0 0 0rem rgba(0, 123, 255, 0.25); } .custom-checkbox label { padding-left: 5px; } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25); } .not-required::-webkit-input-placeholder { color: #808080 !important; } .not-required::-moz-placeholder { color: #808080 !important; } .not-required:-ms-input-placeholder { color: #808080 !important; } .not-required::-webkit-input-placeholder { color: #808080 !important; } .not-required::placeholder { color: #808080 !important; } body.scrolled header { background-color: #ffffff; border-bottom: solid 1px #b2b2b2; color: #534f39; height: 80px; } body.scrolled header .menu-item-container .dropdown-content { margin-top: 29px; } body.scrolled header .menu-item-container .dropdown-content:before { height: 30px; top: -30px; } body.scrolled header .dropdown-content { background-color: #ffffff; } body.scrolled header .logo-container { background-image: url(../png/logo1.png); height: 60px; } body.scrolled header .left-col .responsive-menu-btn span { background-color: #534f39; } body.scrolled header .right-col .language-container a { color: #534f39; } body.scrolled header .right-col .language-container a:after { background-color: #534f39; } body.scrolled header .right-col .language-container a:hover:before { background-color: #99C743; } body.scrolled header .menu-item-container .menu-item:hover:after { background-color: #99C743; } body.scrolled header .menu-item-container .menu-item a { color: #262626; text-decoration: none; } body.scrolled header .cart-btn { background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.48 400.05'%3E%3Cpath d='M295,91.5a77.16,77.16,0,0,0-59,56c-1.5,5.9-2.2,12.5-2.7,24.7l-.6,16.8H206.6c-37,0-36.3-.5-38.9,28.1-3.1,33.7-9.6,105.7-15.2,168.4-3,34.1-6.1,68.5-6.9,76.4-.8,8.8-1,15.5-.5,17.5,1,3.7,5.1,8.4,8.6,9.7,1.5.5,63,.9,156.4.9,149.5,0,154.1-.1,157.7-1.9,5.1-2.6,7.6-7.3,7.5-13.6-.1-2.7-2.2-27.5-4.7-55-5.7-62-7.6-83.2-12.6-139.5-7.6-84.6-7.1-80.9-9.4-84.3-4.4-6.3-6.2-6.7-35.2-6.7H387.3l-.6-16.8c-.9-24.4-5-37.7-16.1-52.1C352.5,96.8,322.8,85.6,295,91.5Zm26,28.6c13,3,25.5,13.1,31.6,25.4,4.4,9,5.4,14.8,5.4,30.6V189H262V176.1c0-15.8,1-21.6,5.5-30.6,6.2-12.8,19.6-23.4,32.5-25.8C304.7,118.9,316.5,119.1,321,120.1Zm-88,99.1c.2,26,.5,28.4,3,32.1,4.6,6.8,14.2,8.5,20.4,3.6,4.9-3.9,5.6-6.6,5.6-22.4V218h96v14.9c0,13.7.2,15.1,2.3,18.2,6,9,17.2,8.8,24.1-.5,2-2.6,2.5-8.9,2.6-31.4,0-.9,4.3-1.2,18.3-1.2h18.4l1.2,14.2c.7,7.9,2.1,23.7,3.2,35.3s4.3,48.9,7.4,83,6.1,69,7,77.5,1.7,19.4,2.1,24.3l.7,8.7H175v-2.8c0-1.5.9-12.7,2-24.8s2.9-32,4-44.4,2.9-32.4,4-44.5,3.6-39.6,5.5-61,4-45,4.7-52.3l1.2-13.2h18.3C228.7,218,233,218.3,233,219.2Z' transform='translate(-144.83 -89.95)' fill='%23534f39'/%3E%3C/svg%3E"); } body.scrolled header .cart-btn .cart-quantity { color: white; background-color: #534f39; } body.scrolled header .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } body.scrolled header .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } body.scrolled header .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .about-tiancheng { background-color: #F4F2EA; } .about-tiancheng .row1 { width: 780px; margin-left: auto; margin-right: auto; overflow: hidden; max-width: 100%; margin-bottom: 90px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .about-tiancheng .row1 { width: 100%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .row1 { width: 100%; margin-bottom: 70px; } } .about-tiancheng .about-title { line-height: 48px; margin-bottom: 30px; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .about-tiancheng .about-title { font-size: 38px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .about-tiancheng .about-title { font-size: 34px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-tiancheng .about-title { font-size: 32px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .about-title { line-height: 40px; } } .about-tiancheng .about-title:after { content: ""; position: absolute; top: 75px; width: 100%; left: 43%; height: 1px; background-color: #808080; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .about-tiancheng .about-title:after { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .about-title:after { display: none; } } .about-tiancheng .desc1 { width: 580px; max-width: 100%; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; line-height: 30px; font-weight: 300; margin-left: auto; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .about-tiancheng .desc1 { font-size: 19px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .about-tiancheng .desc1 { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-tiancheng .desc1 { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .about-tiancheng .desc1 { width: 100%; margin-left: 0; max-width: 100%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .desc1 { width: 100%; margin-left: 0; max-width: 100%; } } .about-tiancheng .row2 { display: flex; flex-wrap: wrap; margin-bottom: 90px; } .about-tiancheng .row2 .left-col { width: 50%; text-align: right; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .row2 .left-col { width: 100%; } } .about-tiancheng .row2 .left-col .img { width: 480px; max-width: 100%; margin-bottom: 55px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .row2 .left-col .img { margin-bottom: 45px; width: 100%; } } .about-tiancheng .row2 .left-col .content-container { width: 380px; max-width: 100%; text-align: left; margin-left: auto; } .about-tiancheng .row2 .left-col .content-container .content-title { margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .about-tiancheng .row2 .left-col .content-container .content-title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .about-tiancheng .row2 .left-col .content-container .content-title { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-tiancheng .row2 .left-col .content-container .content-title { font-size: 32px; } } .about-tiancheng .row2 .left-col .content-container .content-desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; line-height: 26px; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .about-tiancheng .row2 .left-col .content-container .content-desc { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .about-tiancheng .row2 .left-col .content-container .content-desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-tiancheng .row2 .left-col .content-container .content-desc { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .about-tiancheng .row2 .left-col .content-container .content-desc { line-height: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .row2 .left-col .content-container .content-desc { line-height: 30px; } } .about-tiancheng .row2 .right-col { width: 50%; padding-left: 120px; padding-top: 60px; position: relative; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .about-tiancheng .row2 .right-col { padding-top: 80px; padding-left: 55px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .row2 .right-col { width: 100%; padding-top: 80px; padding-left: 55px; padding-left: 0px; } } .about-tiancheng .row2 .right-col .img { width: 380px; max-width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .row2 .right-col .img { width: 100%; } } .about-tiancheng .row3 { text-align: center; } .about-tiancheng .row3 .title { margin-bottom: 45px; text-align: center; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .about-tiancheng .row3 .title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .about-tiancheng .row3 .title { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-tiancheng .row3 .title { font-size: 26px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .row3 .title { line-height: 34px; } } .about-tiancheng .row3 .subscribe-email { width: 380px; max-width: 100%; text-align: center; border-bottom: 1px solid #808080; margin-bottom: 30px; color: #262626; } .about-tiancheng .row3 .subscribe-email::-webkit-input-placeholder { color: #808080; font-size: 14px; font-weight: 300; } .about-tiancheng .row3 .subscribe-email::-moz-placeholder { color: #808080; font-size: 14px; font-weight: 300; } .about-tiancheng .row3 .subscribe-email:-ms-input-placeholder { color: #808080; font-size: 14px; font-weight: 300; } .about-tiancheng .row3 .subscribe-email::-webkit-input-placeholder { color: #808080; font-size: 14px; font-weight: 300; } .about-tiancheng .row3 .subscribe-email::placeholder { color: #808080; font-size: 14px; font-weight: 300; } .about-tiancheng .row3 .btn { width: auto; padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng .row3 .btn { width: 100%; } } .jewellery-and-jadeite .row1 { width: 780px; margin-left: auto; margin-right: auto; overflow: hidden; margin-bottom: 90px; max-width: 100%; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .jewellery-and-jadeite .row1 { width: 100%; margin-bottom: 70px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .jewellery-and-jadeite .row1 { width: 100%; margin-bottom: 50px; } } .jewellery-and-jadeite .about-title { line-height: 48px; margin-bottom: 30px; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .jewellery-and-jadeite .about-title { font-size: 38px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .jewellery-and-jadeite .about-title { font-size: 34px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .jewellery-and-jadeite .about-title { font-size: 32px; } } .jewellery-and-jadeite .about-title:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 46%; height: 1px; background-color: #808080; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .jewellery-and-jadeite .about-title:after { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .jewellery-and-jadeite .about-title:after { display: none; } } .jewellery-and-jadeite .desc1 { width: 580px; max-width: 100%; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; line-height: 30px; font-weight: 300; margin-left: auto; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .jewellery-and-jadeite .desc1 { font-size: 19px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .jewellery-and-jadeite .desc1 { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .jewellery-and-jadeite .desc1 { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .jewellery-and-jadeite .desc1 { width: 100%; } } .jewellery-and-jadeite .row2 { text-align: left; margin-bottom: 60px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .jewellery-and-jadeite .row2 { margin-bottom: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .jewellery-and-jadeite .row2 { margin-bottom: 25px; } } .jewellery-and-jadeite .row2 .img { width: 720px; max-width: 100%; } .jewellery-and-jadeite .row3 { text-align: right; } .jewellery-and-jadeite .row3 .img { width: 680px; max-width: 100%; } .jewellery-and-jadeite-footer-bannner { width: 100%; height: 240px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 30px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; background-size: cover; background-image: url(../jpg/footer_banner.jpg); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .jewellery-and-jadeite-footer-bannner { background-image: url(../jpg/footer_banner_mobile.jpg); } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .jewellery-and-jadeite-footer-bannner { margin-top: 0px; flex-wrap: wrap; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; height: 100vw; } } .jewellery-and-jadeite-footer-bannner .desc-container { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .jewellery-and-jadeite-footer-bannner .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #ffffff; font-weight: 300; margin-right: 60px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .jewellery-and-jadeite-footer-bannner .desc { font-size: 24px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .jewellery-and-jadeite-footer-bannner .desc { font-size: 20px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .jewellery-and-jadeite-footer-bannner .desc { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .jewellery-and-jadeite-footer-bannner .desc { margin-right: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .jewellery-and-jadeite-footer-bannner .desc { margin-right: 0px; width: 100%; text-align: center; line-height: 35px; padding-left: 45px; padding-right: 45px; margin-bottom: 25px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .jewellery-and-jadeite-footer-bannner .btn { width: 100%; } } .modern-and-contemporary-art .row1 { overflow: hidden; display: flex; flex-wrap: wrap; } .modern-and-contemporary-art .row1 .left-col { width: 240px; padding-top: 240px; } .modern-and-contemporary-art .row1 .left-col img { width: 240px; max-width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .modern-and-contemporary-art .row1 .left-col img { display: none; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .modern-and-contemporary-art .row1 .left-col { padding-top: 100px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .modern-and-contemporary-art .row1 .left-col { padding-top: 0px; width: 100%; } .modern-and-contemporary-art .row1 .left-col img { width: 100%; margin-bottom: 30px; } } .modern-and-contemporary-art .row1 .right-col { width: calc(100% - 240px); padding-left: 60px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .modern-and-contemporary-art .row1 .right-col { width: 100%; padding-left: 0px; } } .modern-and-contemporary-art .row1 .right-col .img-xs { display: none; width: 100%; margin-bottom: 50px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .modern-and-contemporary-art .row1 .right-col .img-xs { display: block; } } .modern-and-contemporary-art .row1 .right-col .desc1 { max-width: 100%; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; line-height: 30px; font-weight: 300; margin-bottom: 60px; width: 580px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .modern-and-contemporary-art .row1 .right-col .desc1 { font-size: 19px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .modern-and-contemporary-art .row1 .right-col .desc1 { font-size: 17px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .modern-and-contemporary-art .row1 .right-col .desc1 { font-size: 17px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .modern-and-contemporary-art .row1 .right-col .desc1 { margin-bottom: 30px; } } .modern-and-contemporary-art .row1 .right-col .desc2 { width: 580px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; line-height: 26px; font-weight: 300; margin-bottom: 55px; max-width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .modern-and-contemporary-art .row1 .right-col .desc2 { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .modern-and-contemporary-art .row1 .right-col .desc2 { font-size: 17px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .modern-and-contemporary-art .row1 .right-col .desc2 { font-size: 17px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .modern-and-contemporary-art .row1 .right-col .desc2 { width: 100%; line-height: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .modern-and-contemporary-art .row1 .right-col .desc2 { margin-bottom: 30px; } } .modern-and-contemporary-art .row1 .right-col .img { width: 680px; max-width: 100%; } .modern-and-contemporary-art .title-container { width: 100%; margin-bottom: 40px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .modern-and-contemporary-art .title-container { margin-bottom: 45px; } } .modern-and-contemporary-art .about-title { width: 785px; overflow: hidden; margin-left: auto; max-width: 100%; margin-right: auto; line-height: 48px; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .modern-and-contemporary-art .about-title { font-size: 38px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .modern-and-contemporary-art .about-title { font-size: 34px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .modern-and-contemporary-art .about-title { font-size: 32px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .modern-and-contemporary-art .about-title { width: 100%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .modern-and-contemporary-art .about-title { width: 100%; line-height: 40px; } } .modern-and-contemporary-art .about-title:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 68%; height: 1px; background-color: #808080; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .modern-and-contemporary-art .about-title:after { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .modern-and-contemporary-art .about-title:after { display: none; } } .transparent-header header { background-color: transparent; } #at-expanded-menu-host .at-expanded-menu-service-list li * { outline-color: white; color: white; } #at-expanded-menu-host .at-expanded-menu-title { font-family: "Playfair Display", "Noto Sans TC", "Noto Sans SC", sans-serif !important; font-size: 36px !important; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-list-gallery-body .current-auctions-bg-layer, .auction-list-list-body .current-auctions-bg-layer { display: none; } .auction-list-gallery-body .style1, .auction-list-gallery-body .style2.style4, .auction-list-gallery-body .style3, .auction-list-gallery-body .style5, .auction-list-gallery-body .style6, .auction-list-gallery-body .style7, .auction-list-list-body .style1, .auction-list-list-body .style2.style4, .auction-list-list-body .style3, .auction-list-list-body .style5, .auction-list-list-body .style6, .auction-list-list-body .style7 { color: #534F39; background-color: #ffffff; } .auction-list-gallery-body .style1 .logo-container, .auction-list-gallery-body .style2.style4 .logo-container, .auction-list-gallery-body .style3 .logo-container, .auction-list-gallery-body .style5 .logo-container, .auction-list-gallery-body .style6 .logo-container, .auction-list-gallery-body .style7 .logo-container, .auction-list-list-body .style1 .logo-container, .auction-list-list-body .style2.style4 .logo-container, .auction-list-list-body .style3 .logo-container, .auction-list-list-body .style5 .logo-container, .auction-list-list-body .style6 .logo-container, .auction-list-list-body .style7 .logo-container { background-image: url(../png/logo1.png); } .auction-list-gallery-body .style1 .left-col .responsive-menu-btn span, .auction-list-gallery-body .style2.style4 .left-col .responsive-menu-btn span, .auction-list-gallery-body .style3 .left-col .responsive-menu-btn span, .auction-list-gallery-body .style5 .left-col .responsive-menu-btn span, .auction-list-gallery-body .style6 .left-col .responsive-menu-btn span, .auction-list-gallery-body .style7 .left-col .responsive-menu-btn span, .auction-list-list-body .style1 .left-col .responsive-menu-btn span, .auction-list-list-body .style2.style4 .left-col .responsive-menu-btn span, .auction-list-list-body .style3 .left-col .responsive-menu-btn span, .auction-list-list-body .style5 .left-col .responsive-menu-btn span, .auction-list-list-body .style6 .left-col .responsive-menu-btn span, .auction-list-list-body .style7 .left-col .responsive-menu-btn span { background-color: #534F39; } .auction-list-gallery-body .style1 .right-col .language-container a, .auction-list-gallery-body .style2.style4 .right-col .language-container a, .auction-list-gallery-body .style3 .right-col .language-container a, .auction-list-gallery-body .style5 .right-col .language-container a, .auction-list-gallery-body .style6 .right-col .language-container a, .auction-list-gallery-body .style7 .right-col .language-container a, .auction-list-list-body .style1 .right-col .language-container a, .auction-list-list-body .style2.style4 .right-col .language-container a, .auction-list-list-body .style3 .right-col .language-container a, .auction-list-list-body .style5 .right-col .language-container a, .auction-list-list-body .style6 .right-col .language-container a, .auction-list-list-body .style7 .right-col .language-container a { color: #534F39; } .auction-list-gallery-body .style1 .right-col .language-container a:after, .auction-list-gallery-body .style2.style4 .right-col .language-container a:after, .auction-list-gallery-body .style3 .right-col .language-container a:after, .auction-list-gallery-body .style5 .right-col .language-container a:after, .auction-list-gallery-body .style6 .right-col .language-container a:after, .auction-list-gallery-body .style7 .right-col .language-container a:after, .auction-list-list-body .style1 .right-col .language-container a:after, .auction-list-list-body .style2.style4 .right-col .language-container a:after, .auction-list-list-body .style3 .right-col .language-container a:after, .auction-list-list-body .style5 .right-col .language-container a:after, .auction-list-list-body .style6 .right-col .language-container a:after, .auction-list-list-body .style7 .right-col .language-container a:after { background-color: #534F39; } .auction-list-gallery-body .style1 .right-col .language-container a:hover:before, .auction-list-gallery-body .style2.style4 .right-col .language-container a:hover:before, .auction-list-gallery-body .style3 .right-col .language-container a:hover:before, .auction-list-gallery-body .style5 .right-col .language-container a:hover:before, .auction-list-gallery-body .style6 .right-col .language-container a:hover:before, .auction-list-gallery-body .style7 .right-col .language-container a:hover:before, .auction-list-list-body .style1 .right-col .language-container a:hover:before, .auction-list-list-body .style2.style4 .right-col .language-container a:hover:before, .auction-list-list-body .style3 .right-col .language-container a:hover:before, .auction-list-list-body .style5 .right-col .language-container a:hover:before, .auction-list-list-body .style6 .right-col .language-container a:hover:before, .auction-list-list-body .style7 .right-col .language-container a:hover:before { background-color: #99C743; } .auction-list-gallery-body .style1 .menu-item-container .menu-item:hover:after, .auction-list-gallery-body .style2.style4 .menu-item-container .menu-item:hover:after, .auction-list-gallery-body .style3 .menu-item-container .menu-item:hover:after, .auction-list-gallery-body .style5 .menu-item-container .menu-item:hover:after, .auction-list-gallery-body .style6 .menu-item-container .menu-item:hover:after, .auction-list-gallery-body .style7 .menu-item-container .menu-item:hover:after, .auction-list-list-body .style1 .menu-item-container .menu-item:hover:after, .auction-list-list-body .style2.style4 .menu-item-container .menu-item:hover:after, .auction-list-list-body .style3 .menu-item-container .menu-item:hover:after, .auction-list-list-body .style5 .menu-item-container .menu-item:hover:after, .auction-list-list-body .style6 .menu-item-container .menu-item:hover:after, .auction-list-list-body .style7 .menu-item-container .menu-item:hover:after { background-color: #99C743; } .auction-list-gallery-body .style1 .menu-item-container .menu-item a, .auction-list-gallery-body .style2.style4 .menu-item-container .menu-item a, .auction-list-gallery-body .style3 .menu-item-container .menu-item a, .auction-list-gallery-body .style5 .menu-item-container .menu-item a, .auction-list-gallery-body .style6 .menu-item-container .menu-item a, .auction-list-gallery-body .style7 .menu-item-container .menu-item a, .auction-list-list-body .style1 .menu-item-container .menu-item a, .auction-list-list-body .style2.style4 .menu-item-container .menu-item a, .auction-list-list-body .style3 .menu-item-container .menu-item a, .auction-list-list-body .style5 .menu-item-container .menu-item a, .auction-list-list-body .style6 .menu-item-container .menu-item a, .auction-list-list-body .style7 .menu-item-container .menu-item a { color: #534F39; text-decoration: none; } .auction-list-gallery-body .style1 .cart-container, .auction-list-gallery-body .style2.style4 .cart-container, .auction-list-gallery-body .style3 .cart-container, .auction-list-gallery-body .style5 .cart-container, .auction-list-gallery-body .style6 .cart-container, .auction-list-gallery-body .style7 .cart-container, .auction-list-list-body .style1 .cart-container, .auction-list-list-body .style2.style4 .cart-container, .auction-list-list-body .style3 .cart-container, .auction-list-list-body .style5 .cart-container, .auction-list-list-body .style6 .cart-container, .auction-list-list-body .style7 .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .auction-list-gallery-body .style1 .search-container, .auction-list-gallery-body .style2.style4 .search-container, .auction-list-gallery-body .style3 .search-container, .auction-list-gallery-body .style5 .search-container, .auction-list-gallery-body .style6 .search-container, .auction-list-gallery-body .style7 .search-container, .auction-list-list-body .style1 .search-container, .auction-list-list-body .style2.style4 .search-container, .auction-list-list-body .style3 .search-container, .auction-list-list-body .style5 .search-container, .auction-list-list-body .style6 .search-container, .auction-list-list-body .style7 .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .auction-list-gallery-body .style1 .user-container, .auction-list-gallery-body .style2.style4 .user-container, .auction-list-gallery-body .style3 .user-container, .auction-list-gallery-body .style5 .user-container, .auction-list-gallery-body .style6 .user-container, .auction-list-gallery-body .style7 .user-container, .auction-list-list-body .style1 .user-container, .auction-list-list-body .style2.style4 .user-container, .auction-list-list-body .style3 .user-container, .auction-list-list-body .style5 .user-container, .auction-list-list-body .style6 .user-container, .auction-list-list-body .style7 .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } } .load-more-btn { padding-left: 60px; padding-right: 60px; margin-top: 50px; position: relative; left: 50%; transform: translateX(-50%); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-gallery-view .load-more-btn { margin-top: 40px; } } .current-auctions-list-view .load-more-btn { margin-top: 0px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .current-auctions-list-view .load-more-btn { margin-top: -12px; } } .auction-result-list .load-more-btn { margin-top: 25px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auction-result-list .load-more-btn { margin-top: 5px; } } .anchor { display: block; position: relative; top: -60px; visibility: hidden; } .user-container { margin-right: 20px; display: none; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .user-container { display: block; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .user-container { margin-right: 15px; } } .consignment-step-container { display: flex; margin-top: 20px; margin-bottom: 30px; flex-wrap: wrap; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-step-container { margin-top: 30px; margin-bottom: 30px; } } .consignment-step-container .step-item { width: 33.33%; } .consignment-step-container .step-item .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #BFBFBF; font-weight: 400; margin-bottom: 4px; padding-right: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-step-container .step-item .desc { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-step-container .step-item .desc { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-step-container .step-item .desc { font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-step-container .step-item .desc { display: none; } } .consignment-step-container .step-item .bar { width: 100%; height: 12px; background-color: #E6E6E6; } .consignment-step-container .step-item.active .desc { color: #262626; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-step-container .step-item.active .desc { display: none; } } .consignment-step-container .step-item.active .bar { background-color: #99C743; } .consignment-step-container .active-step-desc-for-repsonsive { width: 100%; display: none; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #262626; font-weight: 300; margin-bottom: 4px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-step-container .active-step-desc-for-repsonsive { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-step-container .active-step-desc-for-repsonsive { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-step-container .active-step-desc-for-repsonsive { font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-step-container .active-step-desc-for-repsonsive { display: block; } } .consignment-form { background-color: #F7F7F7; } .consignment-form .form-container { background-color: #ffffff; padding-left: 100px; padding-right: 100px; padding-top: 50px; padding-bottom: 70px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .consignment-form .form-container { padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 50px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .form-container { padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 35px; } } .consignment-form .form-container .title { margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .form-container .title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .form-container .title { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .form-container .title { font-size: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .form-container .title { line-height: 42px; } } .consignment-form .form-container .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .form-container .desc { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .form-container .desc { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .form-container .desc { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .form-container .desc { line-height: 24px; } } .consignment-form .form-container .desc a { color: inherit; text-decoration: underline; } .consignment-form .form-container .seperator { width: 100%; height: 1px; background-color: #808080; margin-top: 55px; margin-bottom: 55px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .consignment-form .form-container .seperator { margin-top: 40px; margin-bottom: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .form-container .seperator { margin-top: 30px; margin-bottom: 30px; } } .consignment-form .form-container .btn-container { display: flex; flex-wrap: wrap; justify-content: flex-end; } .consignment-form .form-container .btn-container .btn { padding-left: 67px; padding-right: 67px; max-width: 100%; min-width: 195px; font-weight: 400; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .form-container .btn-container .btn { width: 100% !important; } } .consignment-form .form-container .btn-container .btn:last-child { margin-left: 35px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .form-container .btn-container .btn:last-child { margin-left: 0px; margin-top: 15px; } } .consignment-form .form-container .btn-container .btn.zeus { padding-left: 67px; padding-right: 67px; max-width: 100%; width: auto; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form textarea { height: 110px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .xs-margin-bottom-15 { margin-bottom: 15px; } } .consignment-form .xs-mm { display: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .xs-mm { display: inline-block; margin-left: 5px; } } .consignment-form .consignment-form-step1 .form-row { margin-right: -12px; margin-left: -12px; } .consignment-form .consignment-form-step1 .form-row > .col, .consignment-form .consignment-form-step1 .form-row > [class*=col-] { padding-right: 12px; padding-left: 12px; } .consignment-form .consignment-form-step1 .form-group { margin-bottom: 30px; } .consignment-form .consignment-form-step1 .form-group:last-child { margin-bottom: 0px; } .consignment-form .consignment-form-step1 label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step1 label { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step1 label { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step1 label { font-size: 15px; } } .consignment-form .consignment-form-step1 .mm { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; display: flex; align-items: center; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step1 .mm { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step1 .mm { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step1 .mm { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step1 .mm { display: none; } } .consignment-form .consignment-form-step1 .custom-select { height: 48px; border: 1px solid #BFBFBF; font-size: 13px; font-weight: 400; padding-left: 20px; padding-right: 45px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.414' height='11.707' viewBox='0 0 22.414 11.707'%3E%3Cpath id='Path_100' data-name='Path 100' d='M29.916,2202.09l10.5,10.5-10.5,10.5' transform='translate(2223.797 -29.209) rotate(90)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 10px top 50%; color: #BFBFBF; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step1 .custom-select { padding-left: 15px; } } .consignment-form .consignment-form-step1 .custom-select.not-empty { color: #262626; } .consignment-form .consignment-form-step1 .custom-checkbox label { position: relative; top: 1px; } .consignment-form .consignment-form-step1 .custom-control-label::before { top: 0px !important; } .consignment-form .consignment-form-step1 .custom-checkbox-label { font-weight: 300 !important; } .consignment-form .consignment-form-step1 textarea { border: 1px solid #BFBFBF; border-radius: 0; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; font-size: 14px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step1 textarea { padding-left: 15px; padding-right: 15px; } } .consignment-form .consignment-form-step1 textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .consignment-form .consignment-form-step1 textarea::-moz-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .consignment-form .consignment-form-step1 textarea:-ms-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .consignment-form .consignment-form-step1 textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .consignment-form .consignment-form-step1 input[type=text], .consignment-form .consignment-form-step1 input[type=password], .consignment-form .consignment-form-step1 input[type=number], .consignment-form .consignment-form-step1 input[type=email], .consignment-form .consignment-form-step1 input[type=tel] { height: 48px; border: 1px solid #BFBFBF; border-radius: 0; padding-left: 20px; padding-right: 20px; color: #262626; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step1 input[type=text], .consignment-form .consignment-form-step1 input[type=password], .consignment-form .consignment-form-step1 input[type=number], .consignment-form .consignment-form-step1 input[type=email], .consignment-form .consignment-form-step1 input[type=tel] { padding-left: 15px; padding-right: 15px; } } .consignment-form .consignment-form-step1 input[type=text]::-webkit-input-placeholder, .consignment-form .consignment-form-step1 input[type=password]::-webkit-input-placeholder, .consignment-form .consignment-form-step1 input[type=number]::-webkit-input-placeholder, .consignment-form .consignment-form-step1 input[type=email]::-webkit-input-placeholder, .consignment-form .consignment-form-step1 input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .consignment-form .consignment-form-step1 input[type=text]::-moz-placeholder, .consignment-form .consignment-form-step1 input[type=password]::-moz-placeholder, .consignment-form .consignment-form-step1 input[type=number]::-moz-placeholder, .consignment-form .consignment-form-step1 input[type=email]::-moz-placeholder, .consignment-form .consignment-form-step1 input[type=tel]::-moz-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .consignment-form .consignment-form-step1 input[type=text]:-ms-input-placeholder, .consignment-form .consignment-form-step1 input[type=password]:-ms-input-placeholder, .consignment-form .consignment-form-step1 input[type=number]:-ms-input-placeholder, .consignment-form .consignment-form-step1 input[type=email]:-ms-input-placeholder, .consignment-form .consignment-form-step1 input[type=tel]:-ms-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .consignment-form .consignment-form-step1 input[type=text]::-webkit-input-placeholder, .consignment-form .consignment-form-step1 input[type=password]::-webkit-input-placeholder, .consignment-form .consignment-form-step1 input[type=number]::-webkit-input-placeholder, .consignment-form .consignment-form-step1 input[type=email]::-webkit-input-placeholder, .consignment-form .consignment-form-step1 input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .consignment-form .consignment-form-step1 input[type=text]::placeholder, .consignment-form .consignment-form-step1 input[type=password]::placeholder, .consignment-form .consignment-form-step1 input[type=number]::placeholder, .consignment-form .consignment-form-step1 input[type=email]::placeholder, .consignment-form .consignment-form-step1 input[type=tel]::placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .consignment-form .consignment-form-step2 .form-row { margin-right: -12px; margin-left: -12px; } .consignment-form .consignment-form-step2 .form-row > .col, .consignment-form .consignment-form-step2 .form-row > [class*=col-] { padding-right: 12px; padding-left: 12px; } .consignment-form .consignment-form-step2 .form-group { margin-bottom: 0px; } .consignment-form .consignment-form-step2 label { font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step2 label { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step2 label { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step2 label { font-size: 21px; } } .consignment-form .consignment-form-step2 .custom-file { display: none; } .consignment-form .consignment-form-step2 .upload-box { display: flex; width: 100%; border-radius: 20px; border: 1px solid #BFBFBF; justify-content: center; align-items: center; text-align: center; padding-top: 100%; position: relative; cursor: pointer; } .consignment-form .consignment-form-step2 .upload-box .remove-btn { width: 45px; height: 45px; position: absolute; top: 5px; right: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='15.414' viewBox='0 0 15.414 15.414'%3E%3Cg id='Group_490' data-name='Group 490' transform='translate(-182.05 -806.05)'%3E%3Cline id='Line_83' data-name='Line 83' x2='19.799' transform='translate(182.757 806.757) rotate(45)' fill='none' stroke='%23808080' stroke-width='2'/%3E%3Cline id='Line_84' data-name='Line 84' x2='19.799' transform='translate(196.757 806.757) rotate(135)' fill='none' stroke='%23808080' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: 20px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step2 .upload-box { padding-top: 0; margin-bottom: 15px; } } .consignment-form .consignment-form-step2 .upload-box .box-content { position: absolute; top: 50%; transform: translateY(-50%); padding-left: 25px; padding-right: 25px; width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step2 .upload-box .box-content { position: relative; top: 0; transform: none; width: 100%; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; display: flex; } } .consignment-form .consignment-form-step2 .upload-box .box-content .img.photo { width: 68px; height: 62px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='62' viewBox='0 0 68 62'%3E%3Cg id='Group_343' data-name='Group 343' transform='translate(-644 -728)'%3E%3Crect id='Rectangle_324' data-name='Rectangle 324' width='68' height='62' transform='translate(644 728)' fill='none'/%3E%3Cg id='Group_44' data-name='Group 44' transform='translate(-318.627 548.832)'%3E%3Cpath id='Path_52' data-name='Path 52' d='M996.731,197.449h-6.425a6.027,6.027,0,0,0-5.393,3.329l-1.341,2.7h-1.906a9.039,9.039,0,0,0-9.039,9.039v21.091a9.039,9.039,0,0,0,9.039,9.039h30.13a9.039,9.039,0,0,0,9.039-9.039V219.294' transform='translate(0 -3.476)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_53' data-name='Path 53' d='M987.98,226.043a12.589,12.589,0,1,0,12.589-12.59A12.59,12.59,0,0,0,987.98,226.043Z' transform='translate(-3.838 -7.477)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_54' data-name='Path 54' d='M996.329,228.129a6.328,6.328,0,1,0,6.328-6.328A6.327,6.327,0,0,0,996.329,228.129Z' transform='translate(-5.925 -9.902)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='Line_103' data-name='Line 103' x2='27.422' transform='translate(1003.059 193.133)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='Line_104' data-name='Line 104' y2='27.422' transform='translate(1016.77 179.168)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); margin-left: auto; margin-right: auto; margin-bottom: 20px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step2 .upload-box .box-content .img.photo { width: 44px; height: 40px; margin-bottom: 0px; } } .consignment-form .consignment-form-step2 .upload-box .box-content .img.doc { width: 75px; height: 62px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='62' viewBox='0 0 75 62'%3E%3Cg id='Group_348' data-name='Group 348' transform='translate(-669 -952)'%3E%3Crect id='Rectangle_324' data-name='Rectangle 324' width='75' height='62' transform='translate(669 952)' fill='none'/%3E%3Cg id='Group_347' data-name='Group 347' transform='translate(-89.872 270)'%3E%3Crect id='Rectangle_197' data-name='Rectangle 197' width='42.972' height='58' rx='7' transform='translate(775 684)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_56' data-name='Path 56' d='M871.12,232.893l-5.565-5.565-16.421,16.421-1.532,7.1,7.1-1.533Z' transform='translate(-42.289 487.671)' fill='%23fff'/%3E%3Cline id='Line_105' data-name='Line 105' x2='25.957' transform='translate(783.2 696.009)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_106' data-name='Line 106' x2='25.957' transform='translate(783.2 703.337)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_107' data-name='Line 107' x2='25.957' transform='translate(783.2 710.665)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_47' data-name='Group 47' transform='translate(805.314 708.059)'%3E%3Cpath id='Path_57' data-name='Path 57' d='M871.12,227.557l-5.565-5.565-16.421,16.421-1.532,7.1,7.1-1.533Z' transform='translate(-847.602 -218.566)' fill='%23fff' stroke='gray' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_108' data-name='Line 108' x2='5.565' y2='5.565' transform='translate(2.307 19.072)' fill='none' stroke='gray' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Rectangle_198' data-name='Rectangle 198' d='M3.615,0h.64A3.615,3.615,0,0,1,7.87,3.615V4.845a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V3.615A3.615,3.615,0,0,1,3.615,0Z' transform='translate(21.379 0) rotate(45)' fill='none' stroke='gray' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='Path_58' data-name='Path 58' d='M849.133,252.073l.01,2.694,2.694.01Z' transform='translate(-43.077 479.219)' fill='gray' stroke='gray' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); margin-left: auto; margin-right: auto; margin-bottom: 20px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step2 .upload-box .box-content .img.doc { width: 44px; height: 40px; margin-bottom: 0px; } } .consignment-form .consignment-form-step2 .upload-box .box-content .box-desc { line-height: 20px; word-break: break-all; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step2 .upload-box .box-content .box-desc { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step2 .upload-box .box-content .box-desc { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step2 .upload-box .box-content .box-desc { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step2 .upload-box .box-content .box-desc { width: calc(100% - 44px); } } .consignment-form .consignment-form-step2 .upload-box.required { border: 1px solid #C90F2C; position: relative; } .consignment-form .consignment-form-step2 .upload-box.required:before { content: "*"; position: absolute; top: 15px; left: 20px; color: #C90F2C; font-size: 20px; } .consignment-form .consignment-form-step3 .disclaimer { font-size: 15px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; } .consignment-form .consignment-form-step3 .btn-container { margin-top: 70px; } .consignment-form .consignment-form-step3 .form-row { margin-right: -12px; margin-left: -12px; } .consignment-form .consignment-form-step3 .form-row > .col, .consignment-form .consignment-form-step3 .form-row > [class*=col-] { padding-right: 12px; padding-left: 12px; } .consignment-form .consignment-form-step3 .form-group { margin-bottom: 30px; } .consignment-form .consignment-form-step3 .form-group:last-child { margin-bottom: 0px; } .consignment-form .consignment-form-step3 .filled-title { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step3 .filled-title { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step3 .filled-title { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step3 .filled-title { font-size: 16px; } } .consignment-form .consignment-form-step3 .filled-content { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step3 .filled-content { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step3 .filled-content { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step3 .filled-content { font-size: 16px; } } .consignment-form .consignment-form-step3 label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step3 label { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step3 label { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step3 label { font-size: 15px; } } .consignment-form .consignment-form-step3 .custom-checkbox-label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step3 .custom-checkbox-label { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step3 .custom-checkbox-label { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step3 .custom-checkbox-label { font-size: 15px; } } .consignment-form .consignment-form-step3 .custom-checkbox-label a { color: inherit; text-decoration: underline; } .consignment-form .consignment-form-step3 .uploaded-title { font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step3 .uploaded-title { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step3 .uploaded-title { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step3 .uploaded-title { font-size: 21px; } } .consignment-form .consignment-form-step3 .img-box { padding: 30px; display: flex; width: 100%; border-radius: 20px; border: 1px solid #BFBFBF; justify-content: center; align-items: center; text-align: center; background-size: contain; background-repeat: no-repeat; background-position: center; position: relative; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .consignment-form .consignment-form-step3 .img-box { padding: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step3 .img-box { margin-bottom: 25px; } } .consignment-form .consignment-form-step3 .img-box a { width: 100%; height: 100%; } .consignment-form .consignment-form-step3 .doc-box { display: flex; width: 100%; border-radius: 20px; border: 1px solid #BFBFBF; justify-content: center; align-items: center; text-align: center; padding-top: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step3 .doc-box { padding-top: 0; margin-bottom: 15px; } } .consignment-form .consignment-form-step3 .doc-box .box-content .img.photo { width: 68px; height: 62px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='62' viewBox='0 0 68 62'%3E%3Cg id='Group_343' data-name='Group 343' transform='translate(-644 -728)'%3E%3Crect id='Rectangle_324' data-name='Rectangle 324' width='68' height='62' transform='translate(644 728)' fill='none'/%3E%3Cg id='Group_44' data-name='Group 44' transform='translate(-318.627 548.832)'%3E%3Cpath id='Path_52' data-name='Path 52' d='M996.731,197.449h-6.425a6.027,6.027,0,0,0-5.393,3.329l-1.341,2.7h-1.906a9.039,9.039,0,0,0-9.039,9.039v21.091a9.039,9.039,0,0,0,9.039,9.039h30.13a9.039,9.039,0,0,0,9.039-9.039V219.294' transform='translate(0 -3.476)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_53' data-name='Path 53' d='M987.98,226.043a12.589,12.589,0,1,0,12.589-12.59A12.59,12.59,0,0,0,987.98,226.043Z' transform='translate(-3.838 -7.477)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_54' data-name='Path 54' d='M996.329,228.129a6.328,6.328,0,1,0,6.328-6.328A6.327,6.327,0,0,0,996.329,228.129Z' transform='translate(-5.925 -9.902)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='Line_103' data-name='Line 103' x2='27.422' transform='translate(1003.059 193.133)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='Line_104' data-name='Line 104' y2='27.422' transform='translate(1016.77 179.168)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); margin-left: auto; margin-right: auto; margin-bottom: 20px; } .consignment-form .consignment-form-step3 .doc-box .box-content .img.doc { width: 75px; height: 62px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='62' viewBox='0 0 75 62'%3E%3Cg id='Group_348' data-name='Group 348' transform='translate(-669 -952)'%3E%3Crect id='Rectangle_324' data-name='Rectangle 324' width='75' height='62' transform='translate(669 952)' fill='none'/%3E%3Cg id='Group_347' data-name='Group 347' transform='translate(-89.872 270)'%3E%3Crect id='Rectangle_197' data-name='Rectangle 197' width='42.972' height='58' rx='7' transform='translate(775 684)' fill='none' stroke='gray' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_56' data-name='Path 56' d='M871.12,232.893l-5.565-5.565-16.421,16.421-1.532,7.1,7.1-1.533Z' transform='translate(-42.289 487.671)' fill='%23fff'/%3E%3Cline id='Line_105' data-name='Line 105' x2='25.957' transform='translate(783.2 696.009)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_106' data-name='Line 106' x2='25.957' transform='translate(783.2 703.337)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_107' data-name='Line 107' x2='25.957' transform='translate(783.2 710.665)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_47' data-name='Group 47' transform='translate(805.314 708.059)'%3E%3Cpath id='Path_57' data-name='Path 57' d='M871.12,227.557l-5.565-5.565-16.421,16.421-1.532,7.1,7.1-1.533Z' transform='translate(-847.602 -218.566)' fill='%23fff' stroke='gray' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_108' data-name='Line 108' x2='5.565' y2='5.565' transform='translate(2.307 19.072)' fill='none' stroke='gray' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Rectangle_198' data-name='Rectangle 198' d='M3.615,0h.64A3.615,3.615,0,0,1,7.87,3.615V4.845a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V3.615A3.615,3.615,0,0,1,3.615,0Z' transform='translate(21.379 0) rotate(45)' fill='none' stroke='gray' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='Path_58' data-name='Path 58' d='M849.133,252.073l.01,2.694,2.694.01Z' transform='translate(-43.077 479.219)' fill='gray' stroke='gray' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); margin-left: auto; margin-right: auto; margin-bottom: 20px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step3 .doc-box .box-content .img.doc { width: 44px; height: 40px; margin-bottom: 0px; } } .consignment-form .consignment-form-step3 .doc-box .box-content.doc { position: absolute; top: 50%; transform: translateY(-50%); padding-left: 25px; padding-right: 25px; width: 100%; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step3 .doc-box .box-content.doc { position: relative; top: 0; transform: none; width: 100%; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; display: flex; } } .consignment-form .consignment-form-step3 .doc-box .box-content .box-desc { line-height: 20px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; word-break: break-all; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .consignment-form .consignment-form-step3 .doc-box .box-content .box-desc { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .consignment-form .consignment-form-step3 .doc-box .box-content .box-desc { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .consignment-form .consignment-form-step3 .doc-box .box-content .box-desc { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .consignment-form .consignment-form-step3 .doc-box .box-content .box-desc.doc { width: calc(100% - 44px); text-align: left; padding-left: 20px; padding-right: 20px; } } .no-result-text { margin-top: 15px; margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .no-result-text { font-size: 25px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .no-result-text { font-size: 22px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .no-result-text { font-size: 22px; } } .auction-results-body .current-auctions-sort-container .box { padding-right: 0px !important; } textarea, input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel] { -webkit-appearance: none; -webkit-border-radius: 0; } .tc .modern-and-contemporary-art .about-title:after, .sc .modern-and-contemporary-art .about-title:after { left: 37%; } .tc .jewellery-and-jadeite .about-title:after, .sc .jewellery-and-jadeite .about-title:after { left: 27%; } .tc .about-tiancheng .about-title:after, .sc .about-tiancheng .about-title:after { top: 72px; left: 32%; } .tc .filter-container .filter-padding-bottom .low-high, .sc .filter-container .filter-padding-bottom .low-high { width: 58px !important; } .tc .filter-container .filter-padding-bottom .textbox-container, .sc .filter-container .filter-padding-bottom .textbox-container { width: calc(100% - 98px) !important; } .tc .share-div .row, .sc .share-div .row { padding-left: 39px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .tc .share-div .row, .sc .share-div .row { padding-left: 23%; } } .tc .share-txt, .sc .share-txt { letter-spacing: 2px !important; } .tc .news-detail .detail-container .left-col .title, .tc .events-detail .detail-container .left-col .title, .sc .news-detail .detail-container .left-col .title, .sc .events-detail .detail-container .left-col .title { letter-spacing: 2px !important; } .tc .news-detail .detail-container .right-col .ck-box, .tc .events-detail .detail-container .right-col .ck-box, .sc .news-detail .detail-container .right-col .ck-box, .sc .events-detail .detail-container .right-col .ck-box { font-size: 17px !important; letter-spacing: 0.5px !important; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .home-common-view-more { margin-top: 25px; } } .addthis_inline_share_toolbox_o1ts { display: none !important; } .share-txt { cursor: pointer; position: relative; } .share-txt:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_307' data-name='Group 307' transform='translate(-568.111 -688.94)'%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='30' height='30' transform='translate(568.111 688.94)' fill='none'/%3E%3Cg id='Group_306' data-name='Group 306' transform='translate(0 -1)'%3E%3Cpath id='Rectangle_178-2' data-name='Rectangle 178' d='M586.961,699.44h3.75a1.9,1.9,0,0,1,1.9,1.9v11.2a1.9,1.9,0,0,1-1.9,1.9h-15.2a1.9,1.9,0,0,1-1.9-1.9v-11.2a1.9,1.9,0,0,1,1.9-1.9h3.75' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='Line_161' data-name='Line 161' y1='15' transform='translate(583.111 692.44)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_95' data-name='Path 95' d='M579.688,696.864l3.424-3.424,3.424,3.424' transform='translate(0 -1)' fill='none' stroke='%23534f39' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); width: 30px; left: -3px; height: 30px; background-position: center; background-size: contain; background-repeat: no-repeat; } .about-tiancheng-banner { background-image: url(../jpg/about_tiancheng.jpg); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .about-tiancheng-banner { background-image: url(../jpg/about_tiancheng_mobile.jpg); height: 56vw; } } .jewellery-and-jadeite-banner { background-image: url(../jpg/jewellery_and_jedeite.jpg); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .jewellery-and-jadeite-banner { background-image: url(../jewellery_and_jedeite_mobile.html); height: 56vw; } } .jewellery-and-jadeite-body footer, .about-tiancheng-body footer, .my-account footer, .order-summary-body footer, .bidder-application-body footer { margin-top: 0px; } .modern-and-contemporary-art-banner { background-image: url(https://www.tianchengauction.com/image/common/banner/modern_and_comtemporary_art.jpg); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .modern-and-contemporary-art-banner { background-image: url(https://www.tianchengauction.com/image/common/banner/modern_and_comtemporary_art_mobile.jpg); height: 56vw; } } .how-to-buy-banner, .how-to-sell-banner { background-image: url(https://www.tianchengauction.com/image/common/banner/how_to_buy.jpg); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .how-to-buy-banner, .how-to-sell-banner { background-image: url(https://www.tianchengauction.com/image/common/banner/how_to_buy_mobile.jpg); height: 56vw; } } .upcoming-banner { background-image: url(https://www.tianchengauction.com/image/common/auctions/banner.jpg); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .upcoming-banner { background-image: url(https://www.tianchengauction.com/image/common/auctions/banner_mobile.jpg); height: 56vw; } } .selling-exhibition-banner { background-image: url(https://www.tianchengauction.com/image/common/selling_exhibition/banner.jpg); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .selling-exhibition-banner { background-image: url(https://www.tianchengauction.com/image/common/selling_exhibition/banner_mobile.jpg); height: 56vw; } } .sell-banner { background-image: url(https://www.tianchengauction.com/image/common/banner/sell.jpg); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .sell-banner { background-image: url(https://www.tianchengauction.com/image/common/banner/sell_mobile.jpg); height: 56vw; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .auctions-list header.style1, .auctions-list header.style2, .auctions-list header.style3, .auctions-list header.style4, .auctions-list header.style5, .auctions-list header.style6, .auctions-list header.style7 { color: #534F39; background-color: #ffffff; } .auctions-list header.style1 .logo-container, .auctions-list header.style2 .logo-container, .auctions-list header.style3 .logo-container, .auctions-list header.style4 .logo-container, .auctions-list header.style5 .logo-container, .auctions-list header.style6 .logo-container, .auctions-list header.style7 .logo-container { background-image: url(https://www.tianchengauction.com/image/common/header/logo1.png); } .auctions-list header.style1 .left-col .responsive-menu-btn span, .auctions-list header.style2 .left-col .responsive-menu-btn span, .auctions-list header.style3 .left-col .responsive-menu-btn span, .auctions-list header.style4 .left-col .responsive-menu-btn span, .auctions-list header.style5 .left-col .responsive-menu-btn span, .auctions-list header.style6 .left-col .responsive-menu-btn span, .auctions-list header.style7 .left-col .responsive-menu-btn span { background-color: #534F39; } .auctions-list header.style1 .right-col .language-container a, .auctions-list header.style2 .right-col .language-container a, .auctions-list header.style3 .right-col .language-container a, .auctions-list header.style4 .right-col .language-container a, .auctions-list header.style5 .right-col .language-container a, .auctions-list header.style6 .right-col .language-container a, .auctions-list header.style7 .right-col .language-container a { color: #534F39; } .auctions-list header.style1 .right-col .language-container a:after, .auctions-list header.style2 .right-col .language-container a:after, .auctions-list header.style3 .right-col .language-container a:after, .auctions-list header.style4 .right-col .language-container a:after, .auctions-list header.style5 .right-col .language-container a:after, .auctions-list header.style6 .right-col .language-container a:after, .auctions-list header.style7 .right-col .language-container a:after { background-color: #534F39; } .auctions-list header.style1 .right-col .language-container a:hover:before, .auctions-list header.style2 .right-col .language-container a:hover:before, .auctions-list header.style3 .right-col .language-container a:hover:before, .auctions-list header.style4 .right-col .language-container a:hover:before, .auctions-list header.style5 .right-col .language-container a:hover:before, .auctions-list header.style6 .right-col .language-container a:hover:before, .auctions-list header.style7 .right-col .language-container a:hover:before { background-color: #99C743; } .auctions-list header.style1 .menu-item-container .menu-item:hover:after, .auctions-list header.style2 .menu-item-container .menu-item:hover:after, .auctions-list header.style3 .menu-item-container .menu-item:hover:after, .auctions-list header.style4 .menu-item-container .menu-item:hover:after, .auctions-list header.style5 .menu-item-container .menu-item:hover:after, .auctions-list header.style6 .menu-item-container .menu-item:hover:after, .auctions-list header.style7 .menu-item-container .menu-item:hover:after { background-color: #99C743; } .auctions-list header.style1 .menu-item-container .menu-item a, .auctions-list header.style2 .menu-item-container .menu-item a, .auctions-list header.style3 .menu-item-container .menu-item a, .auctions-list header.style4 .menu-item-container .menu-item a, .auctions-list header.style5 .menu-item-container .menu-item a, .auctions-list header.style6 .menu-item-container .menu-item a, .auctions-list header.style7 .menu-item-container .menu-item a { color: #534F39; text-decoration: none; } .auctions-list header.style1 .cart-container, .auctions-list header.style2 .cart-container, .auctions-list header.style3 .cart-container, .auctions-list header.style4 .cart-container, .auctions-list header.style5 .cart-container, .auctions-list header.style6 .cart-container, .auctions-list header.style7 .cart-container { background-image: url("data:image/svg+xml,%3Csvg id='cart-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_422' data-name='Rectangle 422' width='24' height='24' fill='none'/%3E%3Cg id='Group_508' data-name='Group 508' transform='translate(-796.981 -716.104)'%3E%3Cpath id='Path_189' data-name='Path 189' d='M802.5,721.159h17.3l-2,7.575h-13.82' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_190' data-name='Path 190' d='M797.981,719.1h2.454a1.971,1.971,0,0,1,1.967,1.537l2.217,11.308h12.827' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='1.64' cy='1.64' r='1.64' transform='translate(804.946 734.953)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_24' data-name='Ellipse 24' cx='1.64' cy='1.64' r='1.64' transform='translate(814.062 734.953)' fill='none' stroke='%23534f39' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .auctions-list header.style1 .search-container, .auctions-list header.style2 .search-container, .auctions-list header.style3 .search-container, .auctions-list header.style4 .search-container, .auctions-list header.style5 .search-container, .auctions-list header.style6 .search-container, .auctions-list header.style7 .search-container { background-image: url("data:image/svg+xml, %3Csvg id='search-ico' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='24' height='24' fill='none'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(1.6 1.6)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='8.5' cy='8.5' r='8.5' transform='translate(0 0)' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_2' data-name='Line 2' x2='3.9' y2='3.9' transform='translate(16.9 16.9)' fill='none' stroke='%23534F39' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .auctions-list header.style1 .user-container, .auctions-list header.style2 .user-container, .auctions-list header.style3 .user-container, .auctions-list header.style4 .user-container, .auctions-list header.style5 .user-container, .auctions-list header.style6 .user-container, .auctions-list header.style7 .user-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.306' height='20.999' viewBox='0 0 20.306 20.999'%3E%3Cg id='Group_453' data-name='Group 453' transform='translate(9539.5 15717.007)'%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='4.662' cy='4.662' r='4.662' transform='translate(-9534.154 -15716.008)' fill='none' stroke='%23534F39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M221.956,135.03V134.7a7.8,7.8,0,0,1,7.8-7.8h2.707a7.8,7.8,0,0,1,7.8,7.8v.331' transform='translate(-9760.456 -15831.038)' fill='none' stroke='%23534F39' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } } .mobile-next, .mobile-prev { display: none !important; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .mobile-next, .mobile-prev { display: block !important; } } .my-bids .my-bids-box .header { border-bottom: 1px solid #BFBFBF; padding-bottom: 15px; position: relative; padding-right: 70px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .header { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .header { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .header { font-size: 21px; } } .my-bids .my-bids-box .header a { position: absolute; top: 4px; right: 0; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; letter-spacing: 2px; color: #534F39; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .header a { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .header a { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .header a { font-size: 13px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .header a { font-size: 0px; } } .my-bids .my-bids-box .header a:hover { text-decoration: none; } .my-bids .my-bids-box .header a:before { content: ""; width: 24px; height: 24px; position: absolute; top: -3px; padding-right: 40px; left: -35px; background-position: left; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_395' data-name='Group 395' transform='translate(-740.451 -673.434)'%3E%3Cpath id='Rectangle_197' data-name='Rectangle 197' d='M762.288,687.225v8.182H743.68V676.8h9.3' transform='translate(-0.668 -0.668)' fill='none' stroke='%23534f39' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='Group_393' data-name='Group 393' transform='translate(749.09 674.026)'%3E%3Cpath id='Path_57' data-name='Path 57' d='M764.036,679.449,761,676.41l-8.968,8.967-.837,3.876,3.876-.837Z' transform='translate(-751.193 -674.62)' fill='%23534f39'/%3E%3Cpath id='Rectangle_198' data-name='Rectangle 198' d='M767.7,674.827h0a2.149,2.149,0,0,1,0,3.039l-.352.352h0l-3.039-3.039h0l.352-.352A2.149,2.149,0,0,1,767.7,674.827Z' transform='translate(-753.698 -674.197)' fill='%23534f39'/%3E%3C/g%3E%3Crect id='Rectangle_178' data-name='Rectangle 178' width='24' height='24' transform='translate(740.451 673.434)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A"); } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .header a:before { left: -16px; } } .my-bids .my-bids-box .inner-box-header { background-color: #E6E6E6; padding: 15px; } .my-bids .my-bids-box .inner-box-header.current-success { border-bottom: 1px solid #bfbfbf; padding-right: 70px; position: relative; } .my-bids .my-bids-box .inner-box-header.current-success.collapsed:after { content: ""; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width: 20px; height: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_422' data-name='Group 422' transform='translate(-288 -1009)'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(288 1019)'%3E%3Cline id='Line_83' data-name='Line 83' x2='20' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_311' data-name='Group 311' transform='translate(298 1009) rotate(90)'%3E%3Cg id='Group_23-2' data-name='Group 23'%3E%3Cline id='Line_83-2' data-name='Line 83' x2='20' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .my-bids .my-bids-box .inner-box-header.current-success:after { content: ""; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width: 20px; height: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='2' viewBox='0 0 20 2'%3E%3Cg id='Group_428' data-name='Group 428' transform='translate(-288 -1018)'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(288 1019)'%3E%3Cline id='Line_83' data-name='Line 83' x2='20' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .my-bids .my-bids-box .inner-box-header .row1 { font-weight: 500; font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .inner-box-header .row1 { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .inner-box-header .row1 { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .inner-box-header .row1 { font-size: 14px; } } .my-bids .my-bids-box .inner-box-header .row2 { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; position: relative; padding-left: 22px; margin-top: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .inner-box-header .row2 { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .inner-box-header .row2 { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .inner-box-header .row2 { font-size: 14px; } } .my-bids .my-bids-box .inner-box-header .row2:before { content: ""; width: 16px; height: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.702' height='21.434' viewBox='0 0 17.702 21.434'%3E%3Cg id='Group_501' data-name='Group 501' transform='translate(-384.095 -699.506)'%3E%3Cpath id='Path_170' data-name='Path 170' d='M401.047,707.73c0-4.128-3.627-7.474-8.1-7.474s-8.1,3.347-8.1,7.474a7.522,7.522,0,0,0,5.238,6.99,1.786,1.786,0,0,1,1.218,1.794l-.117,1.8a1.765,1.765,0,0,0,1.762,1.88h0a1.766,1.766,0,0,0,1.762-1.88l-.117-1.8a1.785,1.785,0,0,1,1.218-1.794A7.522,7.522,0,0,0,401.047,707.73Z' transform='translate(0 0)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cg id='Group_470' data-name='Group 470' transform='translate(387.584 705.166)'%3E%3Cpath id='Path_171' data-name='Path 171' d='M391.3,716.888v-5.009l.613.006q.172,0,.349-.012l.382-.024c.137-.007.291-.011.461-.011a3.306,3.306,0,0,1,1.121.157,1.2,1.2,0,0,1,.614.445,1.212,1.212,0,0,1,.19.685,1.439,1.439,0,0,1-.082.493,1.009,1.009,0,0,1-.251.391.963.963,0,0,1-.421.234,1.238,1.238,0,0,1,.52.185,1.069,1.069,0,0,1,.364.389,1.138,1.138,0,0,1,.133.557,1.711,1.711,0,0,1-.185.81,1.261,1.261,0,0,1-.636.552,3.168,3.168,0,0,1-1.253.2q-.346,0-.712-.019l-.574-.029Zm1.246-2.969c.027,0,.062.009.1.011l.137.009.136.005.108,0a.966.966,0,0,0,.6-.157.66.66,0,0,0,.2-.551.456.456,0,0,0-.22-.436,1.332,1.332,0,0,0-.635-.123l-.138,0c-.06,0-.119.006-.177.012a.328.328,0,0,0-.116.025Zm0,2.121a.449.449,0,0,0,.152.044,2.174,2.174,0,0,0,.233.023c.084.005.16.007.228.007a1.015,1.015,0,0,0,.643-.171.68.68,0,0,0,.212-.563.592.592,0,0,0-.211-.492,1.1,1.1,0,0,0-.685-.168l-.144,0-.172.005c-.059,0-.11.005-.157.009a.77.77,0,0,0-.1.011Z' transform='translate(-391.298 -711.831)' fill='%23262626'/%3E%3Cpath id='Path_172' data-name='Path 172' d='M402.437,716.952v-5H403.7v5Z' transform='translate(-397.708 -711.895)' fill='%23262626'/%3E%3Cpath id='Path_173' data-name='Path 173' d='M407.754,716.879v-5h.465c.083,0,.2,0,.358-.013l.505-.027q.271-.013.5-.014a2.439,2.439,0,0,1,1.865.636,2.534,2.534,0,0,1,.593,1.794,3.228,3.228,0,0,1-.3,1.453,2.087,2.087,0,0,1-.865.916,2.752,2.752,0,0,1-1.367.311q-.367-.006-.695-.03t-.618-.024h-.444Zm1.259-.922a1.156,1.156,0,0,0,.253.042q.155.012.32.012a1.094,1.094,0,0,0,.611-.179,1.117,1.117,0,0,0,.4-.539,2.575,2.575,0,0,0,.143-.932,2.881,2.881,0,0,0-.131-.961.951.951,0,0,0-.4-.517,1.3,1.3,0,0,0-.674-.158,2.733,2.733,0,0,0-.28.015q-.155.015-.246.032Z' transform='translate(-400.768 -711.822)' fill='%23262626'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .my-bids .my-bids-box .inner-box-header .row2.no-icon { padding-left: 0px; } .my-bids .my-bids-box .inner-box-header .row2.no-icon:before { display: none; } .my-bids .my-bids-box .inner-box-header.payment { display: flex; flex-wrap: wrap; padding-right: 30px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .my-bids .my-bids-box .inner-box-header.payment { padding-right: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-header.payment { padding-right: 15px; } } .my-bids .my-bids-box .inner-box-header.payment .left-col { width: calc(100% - 185px); } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .my-bids .my-bids-box .inner-box-header.payment .left-col { width: calc(100% - 150px); } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-header.payment .left-col { width: 100%; margin-bottom: 15px; } } .my-bids .my-bids-box .inner-box-header.payment .right-col { width: 185px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .my-bids .my-bids-box .inner-box-header.payment .right-col { width: 150px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-header.payment .right-col { width: 100%; } } .my-bids .my-bids-box .inner-box-header.payment .right-col .btn.zeus { width: 100%; color: #F4F2EA; } .my-bids .my-bids-box .inner-box-container { padding-left: 30px; padding-right: 30px; border-bottom: 1px solid #BFBFBF; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .my-bids .my-bids-box .inner-box-container { padding-left: 15px; padding-right: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-container { padding-left: 15px; padding-right: 15px; } } .my-bids .my-bids-box .inner-box-container .btn.zeus { width: 100%; color: #F4F2EA; } .my-bids .my-bids-box .inner-box-container .inner-box { padding-top: 15px; padding-bottom: 15px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #BFBFBF; } .my-bids .my-bids-box .inner-box-container .inner-box:last-child { border-bottom: 0px; } .my-bids .my-bids-box .inner-box-container .inner-box .order-table { font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .my-bids .my-bids-box .inner-box-container .inner-box .order-table thead th { border-bottom: 1px solid #dee2e6; background-color: #e6e6e6; color: #262626; white-space: nowrap; } .my-bids .my-bids-box .inner-box-container .inner-box .order-table th { font-weight: 500; font-size: 15px; vertical-align: middle; } .my-bids .my-bids-box .inner-box-container .inner-box .order-table th:last-child { text-align: right; } .my-bids .my-bids-box .inner-box-container .inner-box .order-table td { font-size: 14px; vertical-align: middle; } .my-bids .my-bids-box .inner-box-container .inner-box .order-table td:last-child { text-align: right; } .my-bids .my-bids-box .inner-box-container .inner-box .order-table .img { width: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; } .my-bids .my-bids-box .inner-box-container .inner-box .left-col { width: 120px; background-size: contain; background-repeat: no-repeat; background-position: center; border: 1px solid #E6E6E6; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-container .inner-box .left-col { width: 200px; margin-bottom: 15px; margin-left: auto; margin-right: auto; } } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail { width: 100%; display: flex; flex-wrap: wrap; } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .basic-detail { width: 100%; margin-bottom: 25px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .basic-detail { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .basic-detail { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .basic-detail { font-size: 15px; } } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .shipping-address-box { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; background-color: #ffffff; margin: 0 auto; position: relative; border: 1px solid #bfbfbf; padding: 20px; height: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .shipping-address-box { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .shipping-address-box { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .shipping-address-box { font-size: 15px; } } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .shipping-address-box .order-desc-shipping-address { font-size: 25px; margin-bottom: 15px; } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .shipping-address-box .address-line { margin-bottom: 15px; line-height: 25px; } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .shipping-address-box .address-line:last-child { margin-bottom: 0px; } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .shipping-address-box .address-line-title { font-size: 18px; padding-bottom: 3px; font-weight: 600; } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .order-detail-left-col { width: 50%; padding-right: 20px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .order-detail-left-col { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .order-detail-left-col { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .order-detail-left-col { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .order-detail-left-col { width: 100%; padding-right: 0px; } } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .order-detail-left-col div { margin-bottom: 3px; } .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .order-detail-right-col { width: 50%; padding-left: 20px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .order-detail-right-col { padding-left: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-container .inner-box .order-detail .order-detail-right-col { width: 100%; margin-top: 25px; padding-left: 0px; } } .my-bids .my-bids-box .inner-box-container .inner-box .center-col { width: calc(100% - 120px - 185px); padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col { width: calc(100% - 120px - 150px); } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col { width: 100%; margin-bottom: 25px; padding-left: 0px; padding-right: 0px; } } .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row1 { font-weight: 500; font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; margin-bottom: 7px; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row1 { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row1 { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row1 { font-size: 14px; } } .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row2 { margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row2 { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row2 { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row2 { font-size: 21px; } } .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row3 { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row3 { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row3 { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row3 { font-size: 15px; } } .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row3.green { color: #29840D; } .my-bids .my-bids-box .inner-box-container .inner-box .center-col .row3.red { color: #C90F2C; } .my-bids .my-bids-box .inner-box-container .inner-box .right-col { width: 185px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .my-bids .my-bids-box .inner-box-container .inner-box .right-col { width: 150px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-container .inner-box .right-col { width: 100%; } } .my-bids .my-bids-box .inner-box-container .inner-box.no-right .center-col { width: calc(100% - 120px); } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .my-bids .my-bids-box .inner-box-container .inner-box.no-right .center-col { width: calc(100% - 120px); } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box .inner-box-container .inner-box.no-right .center-col { width: 100%; margin-bottom: 0px; } } .my-bids .my-bids-box.unsuccessful-bid .accordion-box-title { font-weight: 500; font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; padding: 15px; padding-right: 70px; letter-spacing: 2px; cursor: pointer; position: relative; background-color: #E6E6E6; border-bottom: 1px solid #BFBFBF; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-box-title { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-box-title { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-box-title { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-box-title { width: 100%; } } .my-bids .my-bids-box.unsuccessful-bid .accordion-box-title.collapsed:after { content: ""; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width: 20px; height: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_422' data-name='Group 422' transform='translate(-288 -1009)'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(288 1019)'%3E%3Cline id='Line_83' data-name='Line 83' x2='20' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_311' data-name='Group 311' transform='translate(298 1009) rotate(90)'%3E%3Cg id='Group_23-2' data-name='Group 23'%3E%3Cline id='Line_83-2' data-name='Line 83' x2='20' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .my-bids .my-bids-box.unsuccessful-bid .accordion-box-title:after { content: ""; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width: 20px; height: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='2' viewBox='0 0 20 2'%3E%3Cg id='Group_428' data-name='Group 428' transform='translate(-288 -1018)'%3E%3Cg id='Group_23' data-name='Group 23' transform='translate(288 1019)'%3E%3Cline id='Line_83' data-name='Line 83' x2='20' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container { padding-left: 30px; padding-right: 30px; border-bottom: 1px solid #BFBFBF; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container { padding-left: 15px; padding-right: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container { padding-left: 15px; padding-right: 15px; } } .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #BFBFBF; } .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box:last-child { border-bottom: 0px; } .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box .accordion-row1 { font-weight: 500; font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box .accordion-row1 { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box .accordion-row1 { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box .accordion-row1 { font-size: 14px; } } .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box .accordion-row2 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box .accordion-row2 { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box .accordion-row2 { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-bids .my-bids-box.unsuccessful-bid .accordion-content-container .accordion-box .accordion-row2 { font-size: 21px; } } .my-bids .my-bids-box .no-record { padding-top: 12px; padding-bottom: 12px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; font-size: 15px; padding-left: 5px; padding-right: 5px; } .my-purchase .box-container { background-color: #ffffff; } .my-purchase .no-record { padding-top: 12px; padding-bottom: 12px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; font-size: 15px; padding-left: 5px; padding-right: 5px; } .auction-notices-div form { width: 100%; } .auction-notices-div .desc { margin-bottom: 30px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-notices-div .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-notices-div .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-notices-div .desc { font-size: 16px; } } .auction-notices-div .desc a { color: inherit; text-decoration: underline; } .auction-notices-div .form-row { margin-bottom: 0px !important; } .auction-notices-div .form-group { margin-bottom: 0px !important; } .auction-notices-div .btn { width: 100%; margin-top: 60px; } .auction-notices-div label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .auction-notices-div label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .auction-notices-div label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .auction-notices-div label { font-size: 14px; } } .register-to-sale-div .desc { margin-bottom: 35px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: center; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .register-to-sale-div .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .register-to-sale-div .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .register-to-sale-div .desc { font-size: 16px; } } .register-to-sale-div .desc a { color: inherit; text-decoration: underline; } .register-to-sale-div .form-row { margin-bottom: 0px !important; } .register-to-sale-div .form-group { margin-bottom: 20px !important; } .register-to-sale-div .form-group:last-child { margin-bottom: 0px !important; } .register-to-sale-div .btn { width: 100%; margin-top: 60px; } .register-to-sale-div label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .register-to-sale-div label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .register-to-sale-div label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .register-to-sale-div label { font-size: 14px; } } .register-to-sale-div button.disabled { pointer-events: none; } .you-are-registered-div .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: center; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .you-are-registered-div .desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .you-are-registered-div .desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .you-are-registered-div .desc { font-size: 16px; } } .you-are-registered-div .desc a { color: inherit; text-decoration: underline; } .you-are-registered-div .paddle-number { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: center; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .you-are-registered-div .paddle-number { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .you-are-registered-div .paddle-number { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .you-are-registered-div .paddle-number { font-size: 26px; } } .you-are-registered-div .btn-container { width: 100%; } .you-are-registered-div .btn { width: 100%; margin-top: 60px; } .confirm-your-bid-div .btn { width: 100% !important; } .confirm-your-bid-div .cancel-btn { margin-top: 15px; } .confirm-your-bid-div .product-container { display: flex; flex-wrap: wrap; margin-bottom: 30px; } .confirm-your-bid-div .product-container .left-col { width: 80px; background-position: center; background-repeat: no-repeat; background-size: contain; } .confirm-your-bid-div .product-container .right-col { width: calc(100% - 80px); padding-left: 15px; } .confirm-your-bid-div .product-container .right-col .row1 { font-weight: 500; font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; letter-spacing: 2px; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .confirm-your-bid-div .product-container .right-col .row1 { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .confirm-your-bid-div .product-container .right-col .row1 { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .confirm-your-bid-div .product-container .right-col .row1 { font-size: 14px; } } .confirm-your-bid-div .product-container .right-col .row2 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .confirm-your-bid-div .product-container .right-col .row2 { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .confirm-your-bid-div .product-container .right-col .row2 { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .confirm-your-bid-div .product-container .right-col .row2 { font-size: 18px; } } .confirm-your-bid-div .total-sum-row1 { text-align: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .confirm-your-bid-div .total-sum-row1 { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .confirm-your-bid-div .total-sum-row1 { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .confirm-your-bid-div .total-sum-row1 { font-size: 16px; } } .confirm-your-bid-div .total-sum-row2 { text-align: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; font-style: italic; margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .confirm-your-bid-div .total-sum-row2 { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .confirm-your-bid-div .total-sum-row2 { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .confirm-your-bid-div .total-sum-row2 { font-size: 16px; } } .confirm-your-bid-div .price { text-align: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 50px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .confirm-your-bid-div .price { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .confirm-your-bid-div .price { font-size: 26px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .confirm-your-bid-div .price { font-size: 26px; } } .confirm-your-bid-div .maxium-bid-form-group { margin-bottom: 25px !important; } .confirm-your-bid-div .remark { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 30px; padding-left: 32px; position: relative; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .confirm-your-bid-div .remark { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .confirm-your-bid-div .remark { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .confirm-your-bid-div .remark { font-size: 14px; } } .confirm-your-bid-div .remark:before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_455' data-name='Group 455' transform='translate(-318 -493)'%3E%3Ctext id='_' data-name='!' transform='translate(326 509)' fill='%23262626' font-size='14' font-family='MerriweatherSans-Medium, Merriweather Sans' font-weight='500' letter-spacing='0.05em'%3E%3Ctspan x='0' y='0'%3E!%3C/tspan%3E%3C/text%3E%3Cg id='Ellipse_14' data-name='Ellipse 14' transform='translate(318 493)' fill='none' stroke='%23262626' stroke-width='1'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none'/%3E%3Ccircle cx='10' cy='10' r='9.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .confirm-your-bid-div .remark a { color: inherit; text-decoration: underline; } .confirm-your-bid-div .form-row { margin-bottom: 0px !important; } .confirm-your-bid-div .receive-bidding-form-group { margin-bottom: 20px !important; } .confirm-your-bid-div .maxium-bid-label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .confirm-your-bid-div .maxium-bid-label { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .confirm-your-bid-div .maxium-bid-label { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .confirm-your-bid-div .maxium-bid-label { font-size: 16px; } } .confirm-your-bid-div .custom-select { height: 48px; border: 1px solid #BFBFBF; font-size: 14px; font-weight: 400; padding-left: 20px; padding-right: 45px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.414' height='11.707' viewBox='0 0 22.414 11.707'%3E%3Cpath id='Path_100' data-name='Path 100' d='M29.916,2202.09l10.5,10.5-10.5,10.5' transform='translate(2223.797 -29.209) rotate(90)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 10px top 50%; color: #262626; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .confirm-your-bid-div .custom-select { padding-left: 15px; } } .confirm-your-bid-div .custom-select.not-empty { color: #262626; } .my-purchase .account-details { padding-top: 20px !important; } .my-purchase .top-header { display: flex; flex-wrap: wrap; border-bottom: 1px solid #BFBFBF; padding-bottom: 15px; position: relative; align-items: center; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-purchase .top-header { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-purchase .top-header { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-purchase .top-header { font-size: 21px; } } .my-purchase .top-header .left-col { flex: 1; } .my-purchase .table { margin-top: 30px; margin-bottom: 0px; } .my-purchase .table th { background-color: #E6E6E6; font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 500; letter-spacing: 1px; padding-top: 5px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-purchase .table th { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-purchase .table th { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-purchase .table th { font-size: 14px; } } .my-purchase .table tr { border-bottom: 1px solid #BFBFBF; } .my-purchase .table tr:first-child { border-bottom: 3px solid #808080; } .my-purchase .table td { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; padding-top: 18px; padding-bottom: 18px; padding-right: 15px; vertical-align: middle; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-purchase .table td { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-purchase .table td { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-purchase .table td { font-size: 16px; } } .my-purchase .table td:last-child { text-align: right; } .my-purchase .table td .red { color: #C90F2C; } .my-purchase .table td .green { color: #29840D; } .my-purchase .table td .amount { text-align: center; } .my-purchase .table td .payment-btn { padding-left: 7px; padding-right: 7px; } .my-purchase .table td .payment-btn { background-image: url(https://www.tianchengauction.com/image/common/system/payment_btn.png); background-size: contain; background-position: center; background-repeat: no-repeat; height: 36px; margin-left: auto; margin-right: auto; width: 36px; } .my-purchase .table td .payment-btn a { position: absolute; height: 100%; width: 100%; } .my-purchase .table td .pdf-btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.336' height='36' viewBox='0 0 27.336 36'%3E%3Cg id='Group_354' data-name='Group 354' transform='translate(-13.5 -1.8)'%3E%3Cpath id='Path_105' data-name='Path 105' d='M27.839,29.3a3.362,3.362,0,0,0,2.315-.672,2.61,2.61,0,0,0,.747-2.091,2.776,2.776,0,0,0-.747-2.129A3.4,3.4,0,0,0,27.8,23.7H25.3v7.768h1.568V29.3Zm-.971-4.108h.9a1.951,1.951,0,0,1,1.158.3,1.12,1.12,0,0,1,.373.971,1.545,1.545,0,0,1-.3,1.008,1.39,1.39,0,0,1-1.083.336H26.868Z' transform='translate(-7.393 -13.722)' fill='%23534f39'/%3E%3Cpath id='Path_106' data-name='Path 106' d='M47.652,30.322a3.952,3.952,0,0,0,.971-2.876,3.877,3.877,0,0,0-1.008-2.838A3.944,3.944,0,0,0,44.7,23.6H42.2v7.768h2.427A3.835,3.835,0,0,0,47.652,30.322Zm-1.2-1.046a2.118,2.118,0,0,1-1.643.6H43.806V25.131h.9a2.435,2.435,0,0,1,1.793.635,2.553,2.553,0,0,1,.6,1.755A2.762,2.762,0,0,1,46.457,29.276Z' transform='translate(-17.982 -13.659)' fill='%23534f39'/%3E%3Cpath id='Path_107' data-name='Path 107' d='M66.555,25.231V23.7H61.7v7.768h1.568V28.405h3.1V26.912h-3.1v-1.68Z' transform='translate(-30.2 -13.722)' fill='%23534f39'/%3E%3Cpath id='Path_108' data-name='Path 108' d='M38.409,1.8H15.853A2.343,2.343,0,0,0,13.5,4.153v27.56a2.343,2.343,0,0,0,2.353,2.353h5.191l-.71-.71-.71-.71H15.89a.925.925,0,0,1-.934-.934V4.153a.925.925,0,0,1,.934-.934H38.483a.925.925,0,0,1,.934.934v27.56a.925.925,0,0,1-.934.934H35.272l-.71.71-.71.71h4.631a2.343,2.343,0,0,0,2.353-2.353V4.153A2.432,2.432,0,0,0,38.409,1.8Z' transform='translate(0)' fill='%23534f39'/%3E%3Cpath id='Path_109' data-name='Path 109' d='M44.406,62.8l-4.892-.037V54.7H32.792v7.954L27.9,62.58l8.365,8.365Z' transform='translate(-9.022 -33.145)' fill='%23534f39'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; height: 36px; margin-left: auto; margin-right: auto; width: 36px; } .my-purchase .table td .pdf-btn a { position: absolute; height: 100%; width: 100%; } .my-cart .custom-control-label { padding-left: 5px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-cart .custom-control-label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-cart .custom-control-label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-cart .custom-control-label { font-size: 14px; } } .my-cart .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-color: #99C743 !important; } .my-cart .header { padding-right: 110px; position: relative; } .my-cart .select-all { position: absolute; top: 0px; right: 0; } .my-cart .select-all .custom-control-label::before { top: 0px !important; } .my-cart .select-all .custom-control-label::after { top: 0px !important; } .my-cart .btn-container { display: flex; justify-content: flex-end; } .my-cart .btn-container .checkout-btn { width: 185px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .btn-container .checkout-btn { width: 100%; } } .my-cart .my-cart-box-container .my-cart-box-row { display: flex; flex-wrap: wrap; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #BFBFBF; } .my-cart .my-cart-box-container .my-cart-box-row .col1 { width: 40px; position: relative; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .my-cart-box-container .my-cart-box-row .col1 { width: 100%; } } .my-cart .my-cart-box-container .my-cart-box-row .col1 .custom-control-label::before { top: -17px !important; } .my-cart .my-cart-box-container .my-cart-box-row .col1 .custom-control-label::after { top: -17px !important; } .my-cart .my-cart-box-container .my-cart-box-row .col1 .mobile-close-btn { position: absolute; top: 3px; right: 1px; width: 14px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='15.414' viewBox='0 0 15.414 15.414'%3E%3Cg id='Group_490' data-name='Group 490' transform='translate(-182.05 -806.05)'%3E%3Cline id='Line_83' data-name='Line 83' x2='19.799' transform='translate(182.757 806.757) rotate(45)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3Cline id='Line_84' data-name='Line 84' x2='19.799' transform='translate(196.757 806.757) rotate(135)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; display: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .my-cart-box-container .my-cart-box-row .col1 .mobile-close-btn { display: block; } } .my-cart .my-cart-box-container .my-cart-box-row .col2 { width: 120px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .my-cart-box-container .my-cart-box-row .col2 { width: 100%; } } .my-cart .my-cart-box-container .my-cart-box-row .col2 .img { width: 100%; border: 1px solid #E6E6E6; background-size: contain; background-position: center; background-repeat: no-repeat; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .my-cart-box-container .my-cart-box-row .col2 .img { width: 200px; margin-left: auto; margin-right: auto; } } .my-cart .my-cart-box-container .my-cart-box-row .col3 { width: calc(100% - 120px - 100px); padding-left: 20px; padding-right: 20px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 { width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 25px; } } .my-cart .my-cart-box-container .my-cart-box-row .col3 a { color: inherit; text-decoration: none; } .my-cart .my-cart-box-container .my-cart-box-row .col3 .lot { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 500; margin-bottom: 5px; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .lot { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .lot { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .lot { font-size: 14px; } } .my-cart .my-cart-box-container .my-cart-box-row .col3 .product-name { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 32px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .product-name { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .product-name { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .product-name { font-size: 18px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .product-name { margin-bottom: 15px; height: auto !important; -webkit-line-clamp: unset; } } .my-cart .my-cart-box-container .my-cart-box-row .col3 .quantity { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .quantity { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .quantity { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-cart .my-cart-box-container .my-cart-box-row .col3 .quantity { font-size: 15px; } } .my-cart .my-cart-box-container .my-cart-box-row .col3 .quantity .custom-select { margin-left: 5px; } .my-cart .my-cart-box-container .my-cart-box-row .col4 { width: 100px; position: relative; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .my-cart-box-container .my-cart-box-row .col4 { width: 100%; padding-top: 10px; } } .my-cart .my-cart-box-container .my-cart-box-row .col4 .close-btn { position: absolute; top: 1px; right: 1px; width: 14px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='15.414' viewBox='0 0 15.414 15.414'%3E%3Cg id='Group_490' data-name='Group 490' transform='translate(-182.05 -806.05)'%3E%3Cline id='Line_83' data-name='Line 83' x2='19.799' transform='translate(182.757 806.757) rotate(45)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3Cline id='Line_84' data-name='Line 84' x2='19.799' transform='translate(196.757 806.757) rotate(135)' fill='none' stroke='%23262626' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .my-cart-box-container .my-cart-box-row .col4 .close-btn { display: none; } } .my-cart .my-cart-box-container .my-cart-box-row .col4 .price { width: 100%; position: absolute; bottom: 0px; text-align: right; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-cart .my-cart-box-container .my-cart-box-row .col4 .price { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-cart .my-cart-box-container .my-cart-box-row .col4 .price { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-cart .my-cart-box-container .my-cart-box-row .col4 .price { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .my-cart .my-cart-box-container .my-cart-box-row .col4 .price { position: relative; text-align: left; margin-top: 3px; } } .my-cart .my-cart-box-container .total-price { text-align: right; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; padding-top: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .my-cart .my-cart-box-container .total-price { font-size: 17px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .my-cart .my-cart-box-container .total-price { font-size: 17px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .my-cart .my-cart-box-container .total-price { font-size: 17px; } } .swiper-button-next, .swiper-button-prev { z-index: 2 !important; } .bidder-application .application-submitted-box .box-desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .bidder-application .application-submitted-box .box-desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .bidder-application .application-submitted-box .box-desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .bidder-application .application-submitted-box .box-desc { font-size: 16px; } } .bidder-application .application-submitted-box .box-desc a { color: inherit; text-decoration: underline; } .bidder-application .mobile-number-box .verified-container { display: flex; flex-wrap: wrap; margin-top: 30px; } .bidder-application .mobile-number-box .verified-container .text { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .bidder-application .mobile-number-box .verified-container .text { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .bidder-application .mobile-number-box .verified-container .text { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .bidder-application .mobile-number-box .verified-container .text { font-size: 16px; } } .bidder-application .mobile-number-box .verified-container .verified { margin-left: 23px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-style: italic; position: relative; padding-left: 32px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .bidder-application .mobile-number-box .verified-container .verified { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .bidder-application .mobile-number-box .verified-container .verified { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .bidder-application .mobile-number-box .verified-container .verified { font-size: 16px; } } .bidder-application .mobile-number-box .verified-container .verified:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_518' data-name='Group 518' transform='translate(-566 -1261)'%3E%3Ccircle id='Ellipse_25' data-name='Ellipse 25' cx='10' cy='10' r='10' transform='translate(566 1261)' fill='%2399c743'/%3E%3Cpath id='Path_20' data-name='Path 20' d='M-2828.083-8566.444l3.441,3.794,7.189-9.438' transform='translate(3398.583 9838.589)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; } .bidder-application .mobile-number-box .verify-container { display: flex; align-items: flex-end; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .mobile-number-box .verify-container .verify-btn { width: 100%; } } .bidder-application .identity-verification-box .box-desc, .bidder-application .address-verification-box .box-desc, .bidder-application .mobile-number-box .box-desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; padding-top: 15px; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .bidder-application .identity-verification-box .box-desc, .bidder-application .address-verification-box .box-desc, .bidder-application .mobile-number-box .box-desc { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .bidder-application .identity-verification-box .box-desc, .bidder-application .address-verification-box .box-desc, .bidder-application .mobile-number-box .box-desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .bidder-application .identity-verification-box .box-desc, .bidder-application .address-verification-box .box-desc, .bidder-application .mobile-number-box .box-desc { font-size: 16px; } } .bidder-application .identity-verification-box .box-desc a, .bidder-application .address-verification-box .box-desc a, .bidder-application .mobile-number-box .box-desc a { color: inherit; text-decoration: underline; } .bidder-application .identity-verification-box .form-container, .bidder-application .address-verification-box .form-container, .bidder-application .mobile-number-box .form-container { background-color: #ffffff; padding-top: 30px; border-bottom: 1px solid #BFBFBF; } .bidder-application .identity-verification-box .form-container .custom-file, .bidder-application .address-verification-box .form-container .custom-file, .bidder-application .mobile-number-box .form-container .custom-file { display: none; } .bidder-application .identity-verification-box .form-container label, .bidder-application .address-verification-box .form-container label, .bidder-application .mobile-number-box .form-container label { width: 100%; } .bidder-application .identity-verification-box .form-container .upload-box, .bidder-application .address-verification-box .form-container .upload-box, .bidder-application .mobile-number-box .form-container .upload-box { margin-top: 5px; display: inline-block; width: 445px; max-width: 100%; border-radius: 20px; border: 1px solid #BFBFBF; text-align: center; position: relative; } .bidder-application .identity-verification-box .form-container .upload-box .upload-desc, .bidder-application .address-verification-box .form-container .upload-box .upload-desc, .bidder-application .mobile-number-box .form-container .upload-box .upload-desc { padding-top: 20px; padding-bottom: 20px; cursor: pointer; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .bidder-application .identity-verification-box .form-container .upload-box .upload-desc, .bidder-application .address-verification-box .form-container .upload-box .upload-desc, .bidder-application .mobile-number-box .form-container .upload-box .upload-desc { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .bidder-application .identity-verification-box .form-container .upload-box .upload-desc, .bidder-application .address-verification-box .form-container .upload-box .upload-desc, .bidder-application .mobile-number-box .form-container .upload-box .upload-desc { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .bidder-application .identity-verification-box .form-container .upload-box .upload-desc, .bidder-application .address-verification-box .form-container .upload-box .upload-desc, .bidder-application .mobile-number-box .form-container .upload-box .upload-desc { font-size: 14px; } } .bidder-application .identity-verification-box .form-container .title, .bidder-application .address-verification-box .form-container .title, .bidder-application .mobile-number-box .form-container .title { margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .bidder-application .identity-verification-box .form-container .title, .bidder-application .address-verification-box .form-container .title, .bidder-application .mobile-number-box .form-container .title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .bidder-application .identity-verification-box .form-container .title, .bidder-application .address-verification-box .form-container .title, .bidder-application .mobile-number-box .form-container .title { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .bidder-application .identity-verification-box .form-container .title, .bidder-application .address-verification-box .form-container .title, .bidder-application .mobile-number-box .form-container .title { font-size: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box .form-container .title, .bidder-application .address-verification-box .form-container .title, .bidder-application .mobile-number-box .form-container .title { line-height: 42px; } } .bidder-application .identity-verification-box .form-container .desc, .bidder-application .address-verification-box .form-container .desc, .bidder-application .mobile-number-box .form-container .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .bidder-application .identity-verification-box .form-container .desc, .bidder-application .address-verification-box .form-container .desc, .bidder-application .mobile-number-box .form-container .desc { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .bidder-application .identity-verification-box .form-container .desc, .bidder-application .address-verification-box .form-container .desc, .bidder-application .mobile-number-box .form-container .desc { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .bidder-application .identity-verification-box .form-container .desc, .bidder-application .address-verification-box .form-container .desc, .bidder-application .mobile-number-box .form-container .desc { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box .form-container .desc, .bidder-application .address-verification-box .form-container .desc, .bidder-application .mobile-number-box .form-container .desc { line-height: 24px; } } .bidder-application .identity-verification-box .form-container .desc a, .bidder-application .address-verification-box .form-container .desc a, .bidder-application .mobile-number-box .form-container .desc a { color: inherit; text-decoration: underline; } .bidder-application .identity-verification-box .form-container .seperator, .bidder-application .address-verification-box .form-container .seperator, .bidder-application .mobile-number-box .form-container .seperator { width: 100%; height: 1px; background-color: #808080; margin-top: 55px; margin-bottom: 55px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .bidder-application .identity-verification-box .form-container .seperator, .bidder-application .address-verification-box .form-container .seperator, .bidder-application .mobile-number-box .form-container .seperator { margin-top: 40px; margin-bottom: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box .form-container .seperator, .bidder-application .address-verification-box .form-container .seperator, .bidder-application .mobile-number-box .form-container .seperator { margin-top: 30px; margin-bottom: 30px; } } .bidder-application .identity-verification-box .form-container .btn-container, .bidder-application .address-verification-box .form-container .btn-container, .bidder-application .mobile-number-box .form-container .btn-container { display: flex; flex-wrap: wrap; justify-content: flex-end; } .bidder-application .identity-verification-box .form-container .btn-container .btn, .bidder-application .address-verification-box .form-container .btn-container .btn, .bidder-application .mobile-number-box .form-container .btn-container .btn { padding-left: 67px; padding-right: 67px; max-width: 100%; min-width: 195px; font-weight: 400; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box .form-container .btn-container .btn, .bidder-application .address-verification-box .form-container .btn-container .btn, .bidder-application .mobile-number-box .form-container .btn-container .btn { width: 100% !important; } } .bidder-application .identity-verification-box .form-container .btn-container .btn:last-child, .bidder-application .address-verification-box .form-container .btn-container .btn:last-child, .bidder-application .mobile-number-box .form-container .btn-container .btn:last-child { margin-left: 35px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box .form-container .btn-container .btn:last-child, .bidder-application .address-verification-box .form-container .btn-container .btn:last-child, .bidder-application .mobile-number-box .form-container .btn-container .btn:last-child { margin-left: 0px; margin-top: 15px; } } .bidder-application .identity-verification-box .form-container .btn-container .btn.zeus, .bidder-application .address-verification-box .form-container .btn-container .btn.zeus, .bidder-application .mobile-number-box .form-container .btn-container .btn.zeus { padding-left: 67px; padding-right: 67px; max-width: 100%; width: auto; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box textarea, .bidder-application .address-verification-box textarea, .bidder-application .mobile-number-box textarea { height: 110px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box .xs-margin-bottom-15, .bidder-application .address-verification-box .xs-margin-bottom-15, .bidder-application .mobile-number-box .xs-margin-bottom-15 { margin-bottom: 15px; } } .bidder-application .identity-verification-box .xs-mm, .bidder-application .address-verification-box .xs-mm, .bidder-application .mobile-number-box .xs-mm { display: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box .xs-mm, .bidder-application .address-verification-box .xs-mm, .bidder-application .mobile-number-box .xs-mm { display: inline-block; margin-left: 5px; } } .bidder-application .identity-verification-box .form-row, .bidder-application .address-verification-box .form-row, .bidder-application .mobile-number-box .form-row { margin-right: -12px; margin-left: -12px; } .bidder-application .identity-verification-box .form-row > .col, .bidder-application .identity-verification-box .form-row > [class*=col-], .bidder-application .address-verification-box .form-row > .col, .bidder-application .address-verification-box .form-row > [class*=col-], .bidder-application .mobile-number-box .form-row > .col, .bidder-application .mobile-number-box .form-row > [class*=col-] { padding-right: 12px; padding-left: 12px; } .bidder-application .identity-verification-box .form-group, .bidder-application .address-verification-box .form-group, .bidder-application .mobile-number-box .form-group { margin-bottom: 30px; } .bidder-application .identity-verification-box label, .bidder-application .address-verification-box label, .bidder-application .mobile-number-box label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .bidder-application .identity-verification-box label, .bidder-application .address-verification-box label, .bidder-application .mobile-number-box label { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .bidder-application .identity-verification-box label, .bidder-application .address-verification-box label, .bidder-application .mobile-number-box label { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .bidder-application .identity-verification-box label, .bidder-application .address-verification-box label, .bidder-application .mobile-number-box label { font-size: 15px; } } .bidder-application .identity-verification-box .custom-select, .bidder-application .address-verification-box .custom-select, .bidder-application .mobile-number-box .custom-select { height: 48px; border: 1px solid #BFBFBF; font-size: 13px; font-weight: 400; padding-left: 20px; padding-right: 45px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.414' height='11.707' viewBox='0 0 22.414 11.707'%3E%3Cpath id='Path_100' data-name='Path 100' d='M29.916,2202.09l10.5,10.5-10.5,10.5' transform='translate(2223.797 -29.209) rotate(90)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 10px top 50%; color: #BFBFBF; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box .custom-select, .bidder-application .address-verification-box .custom-select, .bidder-application .mobile-number-box .custom-select { padding-left: 15px; } } .bidder-application .identity-verification-box .custom-select.not-empty, .bidder-application .address-verification-box .custom-select.not-empty, .bidder-application .mobile-number-box .custom-select.not-empty { color: #262626; } .bidder-application .identity-verification-box .custom-checkbox label, .bidder-application .address-verification-box .custom-checkbox label, .bidder-application .mobile-number-box .custom-checkbox label { position: relative; top: 1px; } .bidder-application .identity-verification-box .custom-control-label::before, .bidder-application .address-verification-box .custom-control-label::before, .bidder-application .mobile-number-box .custom-control-label::before { top: 0px !important; } .bidder-application .identity-verification-box .custom-checkbox-label, .bidder-application .address-verification-box .custom-checkbox-label, .bidder-application .mobile-number-box .custom-checkbox-label { font-weight: 300 !important; } .bidder-application .identity-verification-box textarea, .bidder-application .address-verification-box textarea, .bidder-application .mobile-number-box textarea { border: 1px solid #BFBFBF; border-radius: 0; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; font-size: 14px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box textarea, .bidder-application .address-verification-box textarea, .bidder-application .mobile-number-box textarea { padding-left: 15px; padding-right: 15px; } } .bidder-application .identity-verification-box textarea::-webkit-input-placeholder, .bidder-application .address-verification-box textarea::-webkit-input-placeholder, .bidder-application .mobile-number-box textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .bidder-application .identity-verification-box textarea::-moz-placeholder, .bidder-application .address-verification-box textarea::-moz-placeholder, .bidder-application .mobile-number-box textarea::-moz-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .bidder-application .identity-verification-box textarea:-ms-input-placeholder, .bidder-application .address-verification-box textarea:-ms-input-placeholder, .bidder-application .mobile-number-box textarea:-ms-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .bidder-application .identity-verification-box textarea::-webkit-input-placeholder, .bidder-application .address-verification-box textarea::-webkit-input-placeholder, .bidder-application .mobile-number-box textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .bidder-application .identity-verification-box input[type=text], .bidder-application .identity-verification-box input[type=password], .bidder-application .identity-verification-box input[type=number], .bidder-application .identity-verification-box input[type=email], .bidder-application .identity-verification-box input[type=tel], .bidder-application .address-verification-box input[type=text], .bidder-application .address-verification-box input[type=password], .bidder-application .address-verification-box input[type=number], .bidder-application .address-verification-box input[type=email], .bidder-application .address-verification-box input[type=tel], .bidder-application .mobile-number-box input[type=text], .bidder-application .mobile-number-box input[type=password], .bidder-application .mobile-number-box input[type=number], .bidder-application .mobile-number-box input[type=email], .bidder-application .mobile-number-box input[type=tel] { height: 48px; border: 1px solid #BFBFBF; border-radius: 0; padding-left: 20px; padding-right: 20px; color: #262626; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .bidder-application .identity-verification-box input[type=text], .bidder-application .identity-verification-box input[type=password], .bidder-application .identity-verification-box input[type=number], .bidder-application .identity-verification-box input[type=email], .bidder-application .identity-verification-box input[type=tel], .bidder-application .address-verification-box input[type=text], .bidder-application .address-verification-box input[type=password], .bidder-application .address-verification-box input[type=number], .bidder-application .address-verification-box input[type=email], .bidder-application .address-verification-box input[type=tel], .bidder-application .mobile-number-box input[type=text], .bidder-application .mobile-number-box input[type=password], .bidder-application .mobile-number-box input[type=number], .bidder-application .mobile-number-box input[type=email], .bidder-application .mobile-number-box input[type=tel] { padding-left: 15px; padding-right: 15px; } } .bidder-application .identity-verification-box input[type=text]::-webkit-input-placeholder, .bidder-application .identity-verification-box input[type=password]::-webkit-input-placeholder, .bidder-application .identity-verification-box input[type=number]::-webkit-input-placeholder, .bidder-application .identity-verification-box input[type=email]::-webkit-input-placeholder, .bidder-application .identity-verification-box input[type=tel]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=text]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=password]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=number]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=email]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=tel]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=text]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=password]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=number]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=email]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .bidder-application .identity-verification-box input[type=text]::-moz-placeholder, .bidder-application .identity-verification-box input[type=password]::-moz-placeholder, .bidder-application .identity-verification-box input[type=number]::-moz-placeholder, .bidder-application .identity-verification-box input[type=email]::-moz-placeholder, .bidder-application .identity-verification-box input[type=tel]::-moz-placeholder, .bidder-application .address-verification-box input[type=text]::-moz-placeholder, .bidder-application .address-verification-box input[type=password]::-moz-placeholder, .bidder-application .address-verification-box input[type=number]::-moz-placeholder, .bidder-application .address-verification-box input[type=email]::-moz-placeholder, .bidder-application .address-verification-box input[type=tel]::-moz-placeholder, .bidder-application .mobile-number-box input[type=text]::-moz-placeholder, .bidder-application .mobile-number-box input[type=password]::-moz-placeholder, .bidder-application .mobile-number-box input[type=number]::-moz-placeholder, .bidder-application .mobile-number-box input[type=email]::-moz-placeholder, .bidder-application .mobile-number-box input[type=tel]::-moz-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .bidder-application .identity-verification-box input[type=text]:-ms-input-placeholder, .bidder-application .identity-verification-box input[type=password]:-ms-input-placeholder, .bidder-application .identity-verification-box input[type=number]:-ms-input-placeholder, .bidder-application .identity-verification-box input[type=email]:-ms-input-placeholder, .bidder-application .identity-verification-box input[type=tel]:-ms-input-placeholder, .bidder-application .address-verification-box input[type=text]:-ms-input-placeholder, .bidder-application .address-verification-box input[type=password]:-ms-input-placeholder, .bidder-application .address-verification-box input[type=number]:-ms-input-placeholder, .bidder-application .address-verification-box input[type=email]:-ms-input-placeholder, .bidder-application .address-verification-box input[type=tel]:-ms-input-placeholder, .bidder-application .mobile-number-box input[type=text]:-ms-input-placeholder, .bidder-application .mobile-number-box input[type=password]:-ms-input-placeholder, .bidder-application .mobile-number-box input[type=number]:-ms-input-placeholder, .bidder-application .mobile-number-box input[type=email]:-ms-input-placeholder, .bidder-application .mobile-number-box input[type=tel]:-ms-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .bidder-application .identity-verification-box input[type=text]::-webkit-input-placeholder, .bidder-application .identity-verification-box input[type=password]::-webkit-input-placeholder, .bidder-application .identity-verification-box input[type=number]::-webkit-input-placeholder, .bidder-application .identity-verification-box input[type=email]::-webkit-input-placeholder, .bidder-application .identity-verification-box input[type=tel]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=text]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=password]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=number]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=email]::-webkit-input-placeholder, .bidder-application .address-verification-box input[type=tel]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=text]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=password]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=number]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=email]::-webkit-input-placeholder, .bidder-application .mobile-number-box input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .bidder-application .identity-verification-box input[type=text]::placeholder, .bidder-application .identity-verification-box input[type=password]::placeholder, .bidder-application .identity-verification-box input[type=number]::placeholder, .bidder-application .identity-verification-box input[type=email]::placeholder, .bidder-application .identity-verification-box input[type=tel]::placeholder, .bidder-application .address-verification-box input[type=text]::placeholder, .bidder-application .address-verification-box input[type=password]::placeholder, .bidder-application .address-verification-box input[type=number]::placeholder, .bidder-application .address-verification-box input[type=email]::placeholder, .bidder-application .address-verification-box input[type=tel]::placeholder, .bidder-application .mobile-number-box input[type=text]::placeholder, .bidder-application .mobile-number-box input[type=password]::placeholder, .bidder-application .mobile-number-box input[type=number]::placeholder, .bidder-application .mobile-number-box input[type=email]::placeholder, .bidder-application .mobile-number-box input[type=tel]::placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary, .bidder-application { padding-top: 35px; } .order-summary .summary-title, .bidder-application .summary-title { margin-bottom: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .summary-title, .bidder-application .summary-title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .summary-title, .bidder-application .summary-title { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .summary-title, .bidder-application .summary-title { font-size: 32px; } } .order-summary .box-container, .bidder-application .box-container { margin-bottom: 20px; } .order-summary .box-container:last-child, .bidder-application .box-container:last-child { margin-bottom: 0px; } .order-summary .billing-address-box label.required:after, .order-summary .shipping-detail-form-row label.required:after, .bidder-application .billing-address-box label.required:after, .bidder-application .shipping-detail-form-row label.required:after { content: " *"; } .order-summary .item-box .item-box-container .item-box-row, .bidder-application .item-box .item-box-container .item-box-row { display: flex; flex-wrap: wrap; border-bottom: 1px solid #BFBFBF; padding-top: 15px; padding-bottom: 15px; } .order-summary .item-box .item-box-container .item-box-row .left-col, .bidder-application .item-box .item-box-container .item-box-row .left-col { width: 120px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .item-box .item-box-container .item-box-row .left-col, .bidder-application .item-box .item-box-container .item-box-row .left-col { width: 200px; margin-left: auto; margin-right: auto; margin-bottom: 25px; } } .order-summary .item-box .item-box-container .item-box-row .left-col .img, .bidder-application .item-box .item-box-container .item-box-row .left-col .img { width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; border: 1px solid #E6E6E6; } .order-summary .item-box .item-box-container .item-box-row .center-col, .bidder-application .item-box .item-box-container .item-box-row .center-col { width: calc(100% - 120px - 130px); padding-left: 20px; padding-right: 20px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .item-box .item-box-container .item-box-row .center-col, .bidder-application .item-box .item-box-container .item-box-row .center-col { width: 100%; padding-left: 0px; padding-right: 0px; } } .order-summary .item-box .item-box-container .item-box-row .center-col a, .bidder-application .item-box .item-box-container .item-box-row .center-col a { color: inherit; text-decoration: none; } .order-summary .item-box .item-box-container .item-box-row .center-col .lot, .bidder-application .item-box .item-box-container .item-box-row .center-col .lot { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 500; margin-bottom: 6px; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .item-box .item-box-container .item-box-row .center-col .lot, .bidder-application .item-box .item-box-container .item-box-row .center-col .lot { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .item-box .item-box-container .item-box-row .center-col .lot, .bidder-application .item-box .item-box-container .item-box-row .center-col .lot { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .item-box .item-box-container .item-box-row .center-col .lot, .bidder-application .item-box .item-box-container .item-box-row .center-col .lot { font-size: 14px; } } .order-summary .item-box .item-box-container .item-box-row .center-col .product-name, .bidder-application .item-box .item-box-container .item-box-row .center-col .product-name { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 9px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .item-box .item-box-container .item-box-row .center-col .product-name, .bidder-application .item-box .item-box-container .item-box-row .center-col .product-name { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .item-box .item-box-container .item-box-row .center-col .product-name, .bidder-application .item-box .item-box-container .item-box-row .center-col .product-name { font-size: 18px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .item-box .item-box-container .item-box-row .center-col .product-name, .bidder-application .item-box .item-box-container .item-box-row .center-col .product-name { font-size: 18px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .item-box .item-box-container .item-box-row .center-col .product-name, .bidder-application .item-box .item-box-container .item-box-row .center-col .product-name { margin-bottom: 9px; height: auto !important; -webkit-line-clamp: unset; } } .order-summary .item-box .item-box-container .item-box-row .center-col .quantity, .bidder-application .item-box .item-box-container .item-box-row .center-col .quantity { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .item-box .item-box-container .item-box-row .center-col .quantity, .bidder-application .item-box .item-box-container .item-box-row .center-col .quantity { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .item-box .item-box-container .item-box-row .center-col .quantity, .bidder-application .item-box .item-box-container .item-box-row .center-col .quantity { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .item-box .item-box-container .item-box-row .center-col .quantity, .bidder-application .item-box .item-box-container .item-box-row .center-col .quantity { font-size: 15px; } } .order-summary .item-box .item-box-container .item-box-row .right-col, .bidder-application .item-box .item-box-container .item-box-row .right-col { width: 130px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: right; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .item-box .item-box-container .item-box-row .right-col, .bidder-application .item-box .item-box-container .item-box-row .right-col { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .item-box .item-box-container .item-box-row .right-col, .bidder-application .item-box .item-box-container .item-box-row .right-col { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .item-box .item-box-container .item-box-row .right-col, .bidder-application .item-box .item-box-container .item-box-row .right-col { font-size: 15px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .item-box .item-box-container .item-box-row .right-col, .bidder-application .item-box .item-box-container .item-box-row .right-col { width: 100%; margin-top: 11px; text-align: left; } } .order-summary .item-box .item-box-container .total-price, .bidder-application .item-box .item-box-container .total-price { text-align: right; padding-top: 15px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .item-box .item-box-container .total-price, .bidder-application .item-box .item-box-container .total-price { font-size: 17px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .item-box .item-box-container .total-price, .bidder-application .item-box .item-box-container .total-price { font-size: 17px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .item-box .item-box-container .total-price, .bidder-application .item-box .item-box-container .total-price { font-size: 17px; } } .order-summary .box-remark, .bidder-application .box-remark { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .box-remark, .bidder-application .box-remark { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .box-remark, .bidder-application .box-remark { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .box-remark, .bidder-application .box-remark { font-size: 14px; } } .order-summary .box-remark.delivery, .bidder-application .box-remark.delivery { font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .box-remark.delivery, .bidder-application .box-remark.delivery { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .box-remark.delivery, .bidder-application .box-remark.delivery { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .box-remark.delivery, .bidder-application .box-remark.delivery { font-size: 16px; } } .order-summary .box-remark.terms, .bidder-application .box-remark.terms { padding-top: 0px; } .order-summary .info-box, .bidder-application .info-box { position: relative; padding-top: 15px; padding-bottom: 15px; display: flex; border-bottom: 1px solid #BFBFBF; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .info-box, .bidder-application .info-box { flex-wrap: wrap; } } .order-summary .info-box .info-left-col, .bidder-application .info-box .info-left-col { width: 25%; color: #808080; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .info-box .info-left-col, .bidder-application .info-box .info-left-col { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .info-box .info-left-col, .bidder-application .info-box .info-left-col { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .info-box .info-left-col, .bidder-application .info-box .info-left-col { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .info-box .info-left-col, .bidder-application .info-box .info-left-col { width: 100%; margin-bottom: 7px; } } .order-summary .info-box .info-right-col, .bidder-application .info-box .info-right-col { width: 75%; color: #262626; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .info-box .info-right-col, .bidder-application .info-box .info-right-col { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .info-box .info-right-col, .bidder-application .info-box .info-right-col { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .info-box .info-right-col, .bidder-application .info-box .info-right-col { font-size: 16px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .info-box .info-right-col, .bidder-application .info-box .info-right-col { width: 100%; } } .order-summary .billing-address-box .custom-checkbox, .bidder-application .billing-address-box .custom-checkbox { margin-top: 12px; } .order-summary .billing-address-box .custom-control-label, .bidder-application .billing-address-box .custom-control-label { padding-left: 8px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .billing-address-box .custom-control-label, .bidder-application .billing-address-box .custom-control-label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .billing-address-box .custom-control-label, .bidder-application .billing-address-box .custom-control-label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .billing-address-box .custom-control-label, .bidder-application .billing-address-box .custom-control-label { font-size: 14px; } } .order-summary .billing-address-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .bidder-application .billing-address-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-color: #99C743 !important; } .order-summary .billing-address-box .custom-control-label::before, .bidder-application .billing-address-box .custom-control-label::before { top: 0px !important; } .order-summary .billing-address-box .custom-control-label::after, .bidder-application .billing-address-box .custom-control-label::after { top: 0px !important; } .order-summary .payment-detail-box .custom-checkbox, .bidder-application .payment-detail-box .custom-checkbox { margin-top: 12px; } .order-summary .payment-detail-box .custom-control-label, .bidder-application .payment-detail-box .custom-control-label { padding-left: 8px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .payment-detail-box .custom-control-label, .bidder-application .payment-detail-box .custom-control-label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .payment-detail-box .custom-control-label, .bidder-application .payment-detail-box .custom-control-label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .payment-detail-box .custom-control-label, .bidder-application .payment-detail-box .custom-control-label { font-size: 14px; } } .order-summary .payment-detail-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .bidder-application .payment-detail-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-color: #99C743 !important; } .order-summary .payment-detail-box .custom-control-label::before, .bidder-application .payment-detail-box .custom-control-label::before { top: 0px !important; } .order-summary .payment-detail-box .custom-control-label::after, .bidder-application .payment-detail-box .custom-control-label::after { top: 0px !important; } .order-summary .delivery-method-box .custom-control-label::before, .bidder-application .delivery-method-box .custom-control-label::before { width: 20px; height: 20px; background-color: #ffffff !important; border: 1px solid #262626 !important; border-radius: 50% !important; top: 0; } .order-summary .delivery-method-box .custom-control-label::after, .bidder-application .delivery-method-box .custom-control-label::after { position: absolute; top: 5px; left: -19px; display: block; width: 10px; height: 10px; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 10px; } .order-summary .delivery-method-box .custom-radio .custom-control-input:checked ~ .custom-control-label::after, .bidder-application .delivery-method-box .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Ccircle id='Ellipse_20' data-name='Ellipse 20' cx='5' cy='5' r='5' fill='%23262626'/%3E%3C/svg%3E%0A"); } .order-summary .delivery-method-box .custom-radio, .bidder-application .delivery-method-box .custom-radio { margin-bottom: 15px; } .order-summary .delivery-method-box .custom-radio:last-child, .bidder-application .delivery-method-box .custom-radio:last-child { margin-bottom: 0px; } .order-summary .delivery-method-box .method-box, .bidder-application .delivery-method-box .method-box { padding-top: 15px; } .order-summary .delivery-method-box .custom-control-label, .bidder-application .delivery-method-box .custom-control-label { padding-left: 8px; } .order-summary .billing-address-box .form-container, .order-summary .payment-detail-box .form-container, .order-summary .delivery-method-box .form-container, .bidder-application .billing-address-box .form-container, .bidder-application .payment-detail-box .form-container, .bidder-application .delivery-method-box .form-container { background-color: #ffffff; padding-top: 30px; border-bottom: 1px solid #BFBFBF; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box .form-container, .order-summary .payment-detail-box .form-container, .order-summary .delivery-method-box .form-container, .bidder-application .billing-address-box .form-container, .bidder-application .payment-detail-box .form-container, .bidder-application .delivery-method-box .form-container { padding-left: 0px; padding-right: 0px; } } .order-summary .billing-address-box .form-container .title, .order-summary .payment-detail-box .form-container .title, .order-summary .delivery-method-box .form-container .title, .bidder-application .billing-address-box .form-container .title, .bidder-application .payment-detail-box .form-container .title, .bidder-application .delivery-method-box .form-container .title { margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .billing-address-box .form-container .title, .order-summary .payment-detail-box .form-container .title, .order-summary .delivery-method-box .form-container .title, .bidder-application .billing-address-box .form-container .title, .bidder-application .payment-detail-box .form-container .title, .bidder-application .delivery-method-box .form-container .title { font-size: 32px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .billing-address-box .form-container .title, .order-summary .payment-detail-box .form-container .title, .order-summary .delivery-method-box .form-container .title, .bidder-application .billing-address-box .form-container .title, .bidder-application .payment-detail-box .form-container .title, .bidder-application .delivery-method-box .form-container .title { font-size: 32px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .billing-address-box .form-container .title, .order-summary .payment-detail-box .form-container .title, .order-summary .delivery-method-box .form-container .title, .bidder-application .billing-address-box .form-container .title, .bidder-application .payment-detail-box .form-container .title, .bidder-application .delivery-method-box .form-container .title { font-size: 30px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box .form-container .title, .order-summary .payment-detail-box .form-container .title, .order-summary .delivery-method-box .form-container .title, .bidder-application .billing-address-box .form-container .title, .bidder-application .payment-detail-box .form-container .title, .bidder-application .delivery-method-box .form-container .title { line-height: 42px; } } .order-summary .billing-address-box .form-container .desc, .order-summary .payment-detail-box .form-container .desc, .order-summary .delivery-method-box .form-container .desc, .bidder-application .billing-address-box .form-container .desc, .bidder-application .payment-detail-box .form-container .desc, .bidder-application .delivery-method-box .form-container .desc { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; line-height: 26px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .billing-address-box .form-container .desc, .order-summary .payment-detail-box .form-container .desc, .order-summary .delivery-method-box .form-container .desc, .bidder-application .billing-address-box .form-container .desc, .bidder-application .payment-detail-box .form-container .desc, .bidder-application .delivery-method-box .form-container .desc { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .billing-address-box .form-container .desc, .order-summary .payment-detail-box .form-container .desc, .order-summary .delivery-method-box .form-container .desc, .bidder-application .billing-address-box .form-container .desc, .bidder-application .payment-detail-box .form-container .desc, .bidder-application .delivery-method-box .form-container .desc { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .billing-address-box .form-container .desc, .order-summary .payment-detail-box .form-container .desc, .order-summary .delivery-method-box .form-container .desc, .bidder-application .billing-address-box .form-container .desc, .bidder-application .payment-detail-box .form-container .desc, .bidder-application .delivery-method-box .form-container .desc { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box .form-container .desc, .order-summary .payment-detail-box .form-container .desc, .order-summary .delivery-method-box .form-container .desc, .bidder-application .billing-address-box .form-container .desc, .bidder-application .payment-detail-box .form-container .desc, .bidder-application .delivery-method-box .form-container .desc { line-height: 24px; } } .order-summary .billing-address-box .form-container .desc a, .order-summary .payment-detail-box .form-container .desc a, .order-summary .delivery-method-box .form-container .desc a, .bidder-application .billing-address-box .form-container .desc a, .bidder-application .payment-detail-box .form-container .desc a, .bidder-application .delivery-method-box .form-container .desc a { color: inherit; text-decoration: underline; } .order-summary .billing-address-box .form-container .seperator, .order-summary .payment-detail-box .form-container .seperator, .order-summary .delivery-method-box .form-container .seperator, .bidder-application .billing-address-box .form-container .seperator, .bidder-application .payment-detail-box .form-container .seperator, .bidder-application .delivery-method-box .form-container .seperator { width: 100%; height: 1px; background-color: #808080; margin-top: 55px; margin-bottom: 55px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .order-summary .billing-address-box .form-container .seperator, .order-summary .payment-detail-box .form-container .seperator, .order-summary .delivery-method-box .form-container .seperator, .bidder-application .billing-address-box .form-container .seperator, .bidder-application .payment-detail-box .form-container .seperator, .bidder-application .delivery-method-box .form-container .seperator { margin-top: 40px; margin-bottom: 40px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box .form-container .seperator, .order-summary .payment-detail-box .form-container .seperator, .order-summary .delivery-method-box .form-container .seperator, .bidder-application .billing-address-box .form-container .seperator, .bidder-application .payment-detail-box .form-container .seperator, .bidder-application .delivery-method-box .form-container .seperator { margin-top: 30px; margin-bottom: 30px; } } .order-summary .billing-address-box .form-container .btn-container, .order-summary .payment-detail-box .form-container .btn-container, .order-summary .delivery-method-box .form-container .btn-container, .bidder-application .billing-address-box .form-container .btn-container, .bidder-application .payment-detail-box .form-container .btn-container, .bidder-application .delivery-method-box .form-container .btn-container { display: flex; flex-wrap: wrap; justify-content: flex-end; } .order-summary .billing-address-box .form-container .btn-container .btn, .order-summary .payment-detail-box .form-container .btn-container .btn, .order-summary .delivery-method-box .form-container .btn-container .btn, .bidder-application .billing-address-box .form-container .btn-container .btn, .bidder-application .payment-detail-box .form-container .btn-container .btn, .bidder-application .delivery-method-box .form-container .btn-container .btn { padding-left: 67px; padding-right: 67px; max-width: 100%; min-width: 195px; font-weight: 400; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box .form-container .btn-container .btn, .order-summary .payment-detail-box .form-container .btn-container .btn, .order-summary .delivery-method-box .form-container .btn-container .btn, .bidder-application .billing-address-box .form-container .btn-container .btn, .bidder-application .payment-detail-box .form-container .btn-container .btn, .bidder-application .delivery-method-box .form-container .btn-container .btn { width: 100% !important; } } .order-summary .billing-address-box .form-container .btn-container .btn:last-child, .order-summary .payment-detail-box .form-container .btn-container .btn:last-child, .order-summary .delivery-method-box .form-container .btn-container .btn:last-child, .bidder-application .billing-address-box .form-container .btn-container .btn:last-child, .bidder-application .payment-detail-box .form-container .btn-container .btn:last-child, .bidder-application .delivery-method-box .form-container .btn-container .btn:last-child { margin-left: 35px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box .form-container .btn-container .btn:last-child, .order-summary .payment-detail-box .form-container .btn-container .btn:last-child, .order-summary .delivery-method-box .form-container .btn-container .btn:last-child, .bidder-application .billing-address-box .form-container .btn-container .btn:last-child, .bidder-application .payment-detail-box .form-container .btn-container .btn:last-child, .bidder-application .delivery-method-box .form-container .btn-container .btn:last-child { margin-left: 0px; margin-top: 15px; } } .order-summary .billing-address-box .form-container .btn-container .btn.zeus, .order-summary .payment-detail-box .form-container .btn-container .btn.zeus, .order-summary .delivery-method-box .form-container .btn-container .btn.zeus, .bidder-application .billing-address-box .form-container .btn-container .btn.zeus, .bidder-application .payment-detail-box .form-container .btn-container .btn.zeus, .bidder-application .delivery-method-box .form-container .btn-container .btn.zeus { padding-left: 67px; padding-right: 67px; max-width: 100%; width: auto; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box textarea, .order-summary .payment-detail-box textarea, .order-summary .delivery-method-box textarea, .bidder-application .billing-address-box textarea, .bidder-application .payment-detail-box textarea, .bidder-application .delivery-method-box textarea { height: 110px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box .xs-margin-bottom-15, .order-summary .payment-detail-box .xs-margin-bottom-15, .order-summary .delivery-method-box .xs-margin-bottom-15, .bidder-application .billing-address-box .xs-margin-bottom-15, .bidder-application .payment-detail-box .xs-margin-bottom-15, .bidder-application .delivery-method-box .xs-margin-bottom-15 { margin-bottom: 15px; } } .order-summary .billing-address-box .xs-mm, .order-summary .payment-detail-box .xs-mm, .order-summary .delivery-method-box .xs-mm, .bidder-application .billing-address-box .xs-mm, .bidder-application .payment-detail-box .xs-mm, .bidder-application .delivery-method-box .xs-mm { display: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box .xs-mm, .order-summary .payment-detail-box .xs-mm, .order-summary .delivery-method-box .xs-mm, .bidder-application .billing-address-box .xs-mm, .bidder-application .payment-detail-box .xs-mm, .bidder-application .delivery-method-box .xs-mm { display: inline-block; margin-left: 5px; } } .order-summary .billing-address-box .billing-address-remark, .order-summary .payment-detail-box .billing-address-remark, .order-summary .delivery-method-box .billing-address-remark, .bidder-application .billing-address-box .billing-address-remark, .bidder-application .payment-detail-box .billing-address-remark, .bidder-application .delivery-method-box .billing-address-remark { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; width: 100%; padding-left: 12px; padding-right: 12px; margin-bottom: 20px; margin-top: -10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .billing-address-box .billing-address-remark, .order-summary .payment-detail-box .billing-address-remark, .order-summary .delivery-method-box .billing-address-remark, .bidder-application .billing-address-box .billing-address-remark, .bidder-application .payment-detail-box .billing-address-remark, .bidder-application .delivery-method-box .billing-address-remark { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .billing-address-box .billing-address-remark, .order-summary .payment-detail-box .billing-address-remark, .order-summary .delivery-method-box .billing-address-remark, .bidder-application .billing-address-box .billing-address-remark, .bidder-application .payment-detail-box .billing-address-remark, .bidder-application .delivery-method-box .billing-address-remark { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .billing-address-box .billing-address-remark, .order-summary .payment-detail-box .billing-address-remark, .order-summary .delivery-method-box .billing-address-remark, .bidder-application .billing-address-box .billing-address-remark, .bidder-application .payment-detail-box .billing-address-remark, .bidder-application .delivery-method-box .billing-address-remark { font-size: 14px; } } .order-summary .billing-address-box .form-row, .order-summary .payment-detail-box .form-row, .order-summary .delivery-method-box .form-row, .bidder-application .billing-address-box .form-row, .bidder-application .payment-detail-box .form-row, .bidder-application .delivery-method-box .form-row { margin-right: -12px; margin-left: -12px; } .order-summary .billing-address-box .form-row > .col, .order-summary .billing-address-box .form-row > [class*=col-], .order-summary .payment-detail-box .form-row > .col, .order-summary .payment-detail-box .form-row > [class*=col-], .order-summary .delivery-method-box .form-row > .col, .order-summary .delivery-method-box .form-row > [class*=col-], .bidder-application .billing-address-box .form-row > .col, .bidder-application .billing-address-box .form-row > [class*=col-], .bidder-application .payment-detail-box .form-row > .col, .bidder-application .payment-detail-box .form-row > [class*=col-], .bidder-application .delivery-method-box .form-row > .col, .bidder-application .delivery-method-box .form-row > [class*=col-] { padding-right: 12px; padding-left: 12px; } .order-summary .billing-address-box .form-group, .order-summary .payment-detail-box .form-group, .order-summary .delivery-method-box .form-group, .bidder-application .billing-address-box .form-group, .bidder-application .payment-detail-box .form-group, .bidder-application .delivery-method-box .form-group { margin-bottom: 30px; } .order-summary .billing-address-box label, .order-summary .payment-detail-box label, .order-summary .delivery-method-box label, .bidder-application .billing-address-box label, .bidder-application .payment-detail-box label, .bidder-application .delivery-method-box label { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .billing-address-box label, .order-summary .payment-detail-box label, .order-summary .delivery-method-box label, .bidder-application .billing-address-box label, .bidder-application .payment-detail-box label, .bidder-application .delivery-method-box label { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .billing-address-box label, .order-summary .payment-detail-box label, .order-summary .delivery-method-box label, .bidder-application .billing-address-box label, .bidder-application .payment-detail-box label, .bidder-application .delivery-method-box label { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .billing-address-box label, .order-summary .payment-detail-box label, .order-summary .delivery-method-box label, .bidder-application .billing-address-box label, .bidder-application .payment-detail-box label, .bidder-application .delivery-method-box label { font-size: 15px; } } .order-summary .billing-address-box .custom-select, .order-summary .payment-detail-box .custom-select, .order-summary .delivery-method-box .custom-select, .bidder-application .billing-address-box .custom-select, .bidder-application .payment-detail-box .custom-select, .bidder-application .delivery-method-box .custom-select { height: 48px; border: 1px solid #BFBFBF; font-size: 13px; font-weight: 400; padding-left: 20px; padding-right: 45px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.414' height='11.707' viewBox='0 0 22.414 11.707'%3E%3Cpath id='Path_100' data-name='Path 100' d='M29.916,2202.09l10.5,10.5-10.5,10.5' transform='translate(2223.797 -29.209) rotate(90)' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 10px top 50%; color: #BFBFBF; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box .custom-select, .order-summary .payment-detail-box .custom-select, .order-summary .delivery-method-box .custom-select, .bidder-application .billing-address-box .custom-select, .bidder-application .payment-detail-box .custom-select, .bidder-application .delivery-method-box .custom-select { padding-left: 15px; } } .order-summary .billing-address-box .custom-select.not-empty, .order-summary .payment-detail-box .custom-select.not-empty, .order-summary .delivery-method-box .custom-select.not-empty, .bidder-application .billing-address-box .custom-select.not-empty, .bidder-application .payment-detail-box .custom-select.not-empty, .bidder-application .delivery-method-box .custom-select.not-empty { color: #262626; } .order-summary .billing-address-box .custom-checkbox label, .order-summary .payment-detail-box .custom-checkbox label, .order-summary .delivery-method-box .custom-checkbox label, .bidder-application .billing-address-box .custom-checkbox label, .bidder-application .payment-detail-box .custom-checkbox label, .bidder-application .delivery-method-box .custom-checkbox label { position: relative; top: 1px; } .order-summary .billing-address-box .custom-control-label::before, .order-summary .payment-detail-box .custom-control-label::before, .order-summary .delivery-method-box .custom-control-label::before, .bidder-application .billing-address-box .custom-control-label::before, .bidder-application .payment-detail-box .custom-control-label::before, .bidder-application .delivery-method-box .custom-control-label::before { top: 0px !important; } .order-summary .billing-address-box .custom-checkbox-label, .order-summary .payment-detail-box .custom-checkbox-label, .order-summary .delivery-method-box .custom-checkbox-label, .bidder-application .billing-address-box .custom-checkbox-label, .bidder-application .payment-detail-box .custom-checkbox-label, .bidder-application .delivery-method-box .custom-checkbox-label { font-weight: 300 !important; } .order-summary .billing-address-box textarea, .order-summary .payment-detail-box textarea, .order-summary .delivery-method-box textarea, .bidder-application .billing-address-box textarea, .bidder-application .payment-detail-box textarea, .bidder-application .delivery-method-box textarea { border: 1px solid #BFBFBF; border-radius: 0; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; font-size: 14px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box textarea, .order-summary .payment-detail-box textarea, .order-summary .delivery-method-box textarea, .bidder-application .billing-address-box textarea, .bidder-application .payment-detail-box textarea, .bidder-application .delivery-method-box textarea { padding-left: 15px; padding-right: 15px; } } .order-summary .billing-address-box textarea::-webkit-input-placeholder, .order-summary .payment-detail-box textarea::-webkit-input-placeholder, .order-summary .delivery-method-box textarea::-webkit-input-placeholder, .bidder-application .billing-address-box textarea::-webkit-input-placeholder, .bidder-application .payment-detail-box textarea::-webkit-input-placeholder, .bidder-application .delivery-method-box textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary .billing-address-box textarea::-moz-placeholder, .order-summary .payment-detail-box textarea::-moz-placeholder, .order-summary .delivery-method-box textarea::-moz-placeholder, .bidder-application .billing-address-box textarea::-moz-placeholder, .bidder-application .payment-detail-box textarea::-moz-placeholder, .bidder-application .delivery-method-box textarea::-moz-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary .billing-address-box textarea:-ms-input-placeholder, .order-summary .payment-detail-box textarea:-ms-input-placeholder, .order-summary .delivery-method-box textarea:-ms-input-placeholder, .bidder-application .billing-address-box textarea:-ms-input-placeholder, .bidder-application .payment-detail-box textarea:-ms-input-placeholder, .bidder-application .delivery-method-box textarea:-ms-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary .billing-address-box textarea::-webkit-input-placeholder, .order-summary .payment-detail-box textarea::-webkit-input-placeholder, .order-summary .delivery-method-box textarea::-webkit-input-placeholder, .bidder-application .billing-address-box textarea::-webkit-input-placeholder, .bidder-application .payment-detail-box textarea::-webkit-input-placeholder, .bidder-application .delivery-method-box textarea::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary .billing-address-box input[type=text], .order-summary .billing-address-box input[type=password], .order-summary .billing-address-box input[type=number], .order-summary .billing-address-box input[type=email], .order-summary .billing-address-box input[type=tel], .order-summary .payment-detail-box input[type=text], .order-summary .payment-detail-box input[type=password], .order-summary .payment-detail-box input[type=number], .order-summary .payment-detail-box input[type=email], .order-summary .payment-detail-box input[type=tel], .order-summary .delivery-method-box input[type=text], .order-summary .delivery-method-box input[type=password], .order-summary .delivery-method-box input[type=number], .order-summary .delivery-method-box input[type=email], .order-summary .delivery-method-box input[type=tel], .bidder-application .billing-address-box input[type=text], .bidder-application .billing-address-box input[type=password], .bidder-application .billing-address-box input[type=number], .bidder-application .billing-address-box input[type=email], .bidder-application .billing-address-box input[type=tel], .bidder-application .payment-detail-box input[type=text], .bidder-application .payment-detail-box input[type=password], .bidder-application .payment-detail-box input[type=number], .bidder-application .payment-detail-box input[type=email], .bidder-application .payment-detail-box input[type=tel], .bidder-application .delivery-method-box input[type=text], .bidder-application .delivery-method-box input[type=password], .bidder-application .delivery-method-box input[type=number], .bidder-application .delivery-method-box input[type=email], .bidder-application .delivery-method-box input[type=tel] { height: 48px; border: 1px solid #BFBFBF; border-radius: 0; padding-left: 20px; padding-right: 20px; color: #262626; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .billing-address-box input[type=text], .order-summary .billing-address-box input[type=password], .order-summary .billing-address-box input[type=number], .order-summary .billing-address-box input[type=email], .order-summary .billing-address-box input[type=tel], .order-summary .payment-detail-box input[type=text], .order-summary .payment-detail-box input[type=password], .order-summary .payment-detail-box input[type=number], .order-summary .payment-detail-box input[type=email], .order-summary .payment-detail-box input[type=tel], .order-summary .delivery-method-box input[type=text], .order-summary .delivery-method-box input[type=password], .order-summary .delivery-method-box input[type=number], .order-summary .delivery-method-box input[type=email], .order-summary .delivery-method-box input[type=tel], .bidder-application .billing-address-box input[type=text], .bidder-application .billing-address-box input[type=password], .bidder-application .billing-address-box input[type=number], .bidder-application .billing-address-box input[type=email], .bidder-application .billing-address-box input[type=tel], .bidder-application .payment-detail-box input[type=text], .bidder-application .payment-detail-box input[type=password], .bidder-application .payment-detail-box input[type=number], .bidder-application .payment-detail-box input[type=email], .bidder-application .payment-detail-box input[type=tel], .bidder-application .delivery-method-box input[type=text], .bidder-application .delivery-method-box input[type=password], .bidder-application .delivery-method-box input[type=number], .bidder-application .delivery-method-box input[type=email], .bidder-application .delivery-method-box input[type=tel] { padding-left: 15px; padding-right: 15px; } } .order-summary .billing-address-box input[type=text]::-webkit-input-placeholder, .order-summary .billing-address-box input[type=password]::-webkit-input-placeholder, .order-summary .billing-address-box input[type=number]::-webkit-input-placeholder, .order-summary .billing-address-box input[type=email]::-webkit-input-placeholder, .order-summary .billing-address-box input[type=tel]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=text]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=password]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=number]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=email]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=tel]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=text]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=password]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=number]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=email]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=tel]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=text]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=password]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=number]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=email]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=tel]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=text]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=password]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=number]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=email]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=tel]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=text]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=password]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=number]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=email]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary .billing-address-box input[type=text]::-moz-placeholder, .order-summary .billing-address-box input[type=password]::-moz-placeholder, .order-summary .billing-address-box input[type=number]::-moz-placeholder, .order-summary .billing-address-box input[type=email]::-moz-placeholder, .order-summary .billing-address-box input[type=tel]::-moz-placeholder, .order-summary .payment-detail-box input[type=text]::-moz-placeholder, .order-summary .payment-detail-box input[type=password]::-moz-placeholder, .order-summary .payment-detail-box input[type=number]::-moz-placeholder, .order-summary .payment-detail-box input[type=email]::-moz-placeholder, .order-summary .payment-detail-box input[type=tel]::-moz-placeholder, .order-summary .delivery-method-box input[type=text]::-moz-placeholder, .order-summary .delivery-method-box input[type=password]::-moz-placeholder, .order-summary .delivery-method-box input[type=number]::-moz-placeholder, .order-summary .delivery-method-box input[type=email]::-moz-placeholder, .order-summary .delivery-method-box input[type=tel]::-moz-placeholder, .bidder-application .billing-address-box input[type=text]::-moz-placeholder, .bidder-application .billing-address-box input[type=password]::-moz-placeholder, .bidder-application .billing-address-box input[type=number]::-moz-placeholder, .bidder-application .billing-address-box input[type=email]::-moz-placeholder, .bidder-application .billing-address-box input[type=tel]::-moz-placeholder, .bidder-application .payment-detail-box input[type=text]::-moz-placeholder, .bidder-application .payment-detail-box input[type=password]::-moz-placeholder, .bidder-application .payment-detail-box input[type=number]::-moz-placeholder, .bidder-application .payment-detail-box input[type=email]::-moz-placeholder, .bidder-application .payment-detail-box input[type=tel]::-moz-placeholder, .bidder-application .delivery-method-box input[type=text]::-moz-placeholder, .bidder-application .delivery-method-box input[type=password]::-moz-placeholder, .bidder-application .delivery-method-box input[type=number]::-moz-placeholder, .bidder-application .delivery-method-box input[type=email]::-moz-placeholder, .bidder-application .delivery-method-box input[type=tel]::-moz-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary .billing-address-box input[type=text]:-ms-input-placeholder, .order-summary .billing-address-box input[type=password]:-ms-input-placeholder, .order-summary .billing-address-box input[type=number]:-ms-input-placeholder, .order-summary .billing-address-box input[type=email]:-ms-input-placeholder, .order-summary .billing-address-box input[type=tel]:-ms-input-placeholder, .order-summary .payment-detail-box input[type=text]:-ms-input-placeholder, .order-summary .payment-detail-box input[type=password]:-ms-input-placeholder, .order-summary .payment-detail-box input[type=number]:-ms-input-placeholder, .order-summary .payment-detail-box input[type=email]:-ms-input-placeholder, .order-summary .payment-detail-box input[type=tel]:-ms-input-placeholder, .order-summary .delivery-method-box input[type=text]:-ms-input-placeholder, .order-summary .delivery-method-box input[type=password]:-ms-input-placeholder, .order-summary .delivery-method-box input[type=number]:-ms-input-placeholder, .order-summary .delivery-method-box input[type=email]:-ms-input-placeholder, .order-summary .delivery-method-box input[type=tel]:-ms-input-placeholder, .bidder-application .billing-address-box input[type=text]:-ms-input-placeholder, .bidder-application .billing-address-box input[type=password]:-ms-input-placeholder, .bidder-application .billing-address-box input[type=number]:-ms-input-placeholder, .bidder-application .billing-address-box input[type=email]:-ms-input-placeholder, .bidder-application .billing-address-box input[type=tel]:-ms-input-placeholder, .bidder-application .payment-detail-box input[type=text]:-ms-input-placeholder, .bidder-application .payment-detail-box input[type=password]:-ms-input-placeholder, .bidder-application .payment-detail-box input[type=number]:-ms-input-placeholder, .bidder-application .payment-detail-box input[type=email]:-ms-input-placeholder, .bidder-application .payment-detail-box input[type=tel]:-ms-input-placeholder, .bidder-application .delivery-method-box input[type=text]:-ms-input-placeholder, .bidder-application .delivery-method-box input[type=password]:-ms-input-placeholder, .bidder-application .delivery-method-box input[type=number]:-ms-input-placeholder, .bidder-application .delivery-method-box input[type=email]:-ms-input-placeholder, .bidder-application .delivery-method-box input[type=tel]:-ms-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary .billing-address-box input[type=text]::-webkit-input-placeholder, .order-summary .billing-address-box input[type=password]::-webkit-input-placeholder, .order-summary .billing-address-box input[type=number]::-webkit-input-placeholder, .order-summary .billing-address-box input[type=email]::-webkit-input-placeholder, .order-summary .billing-address-box input[type=tel]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=text]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=password]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=number]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=email]::-webkit-input-placeholder, .order-summary .payment-detail-box input[type=tel]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=text]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=password]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=number]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=email]::-webkit-input-placeholder, .order-summary .delivery-method-box input[type=tel]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=text]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=password]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=number]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=email]::-webkit-input-placeholder, .bidder-application .billing-address-box input[type=tel]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=text]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=password]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=number]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=email]::-webkit-input-placeholder, .bidder-application .payment-detail-box input[type=tel]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=text]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=password]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=number]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=email]::-webkit-input-placeholder, .bidder-application .delivery-method-box input[type=tel]::-webkit-input-placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary .billing-address-box input[type=text]::placeholder, .order-summary .billing-address-box input[type=password]::placeholder, .order-summary .billing-address-box input[type=number]::placeholder, .order-summary .billing-address-box input[type=email]::placeholder, .order-summary .billing-address-box input[type=tel]::placeholder, .order-summary .payment-detail-box input[type=text]::placeholder, .order-summary .payment-detail-box input[type=password]::placeholder, .order-summary .payment-detail-box input[type=number]::placeholder, .order-summary .payment-detail-box input[type=email]::placeholder, .order-summary .payment-detail-box input[type=tel]::placeholder, .order-summary .delivery-method-box input[type=text]::placeholder, .order-summary .delivery-method-box input[type=password]::placeholder, .order-summary .delivery-method-box input[type=number]::placeholder, .order-summary .delivery-method-box input[type=email]::placeholder, .order-summary .delivery-method-box input[type=tel]::placeholder, .bidder-application .billing-address-box input[type=text]::placeholder, .bidder-application .billing-address-box input[type=password]::placeholder, .bidder-application .billing-address-box input[type=number]::placeholder, .bidder-application .billing-address-box input[type=email]::placeholder, .bidder-application .billing-address-box input[type=tel]::placeholder, .bidder-application .payment-detail-box input[type=text]::placeholder, .bidder-application .payment-detail-box input[type=password]::placeholder, .bidder-application .payment-detail-box input[type=number]::placeholder, .bidder-application .payment-detail-box input[type=email]::placeholder, .bidder-application .payment-detail-box input[type=tel]::placeholder, .bidder-application .delivery-method-box input[type=text]::placeholder, .bidder-application .delivery-method-box input[type=password]::placeholder, .bidder-application .delivery-method-box input[type=number]::placeholder, .bidder-application .delivery-method-box input[type=email]::placeholder, .bidder-application .delivery-method-box input[type=tel]::placeholder { color: #BFBFBF; font-size: 13px; font-weight: 400; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .order-summary .terms-of-purchase-box a, .bidder-application .terms-of-purchase-box a { color: inherit; text-decoration: underline; } .order-summary .terms-of-purchase-box .custom-checkbox, .bidder-application .terms-of-purchase-box .custom-checkbox { margin-top: 12px; } .order-summary .terms-of-purchase-box .custom-control-label, .bidder-application .terms-of-purchase-box .custom-control-label { padding-left: 8px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; color: #262626; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .terms-of-purchase-box .custom-control-label, .bidder-application .terms-of-purchase-box .custom-control-label { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .terms-of-purchase-box .custom-control-label, .bidder-application .terms-of-purchase-box .custom-control-label { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .terms-of-purchase-box .custom-control-label, .bidder-application .terms-of-purchase-box .custom-control-label { font-size: 14px; } } .order-summary .terms-of-purchase-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .bidder-application .terms-of-purchase-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-color: #99C743 !important; } .order-summary .terms-of-purchase-box .custom-control-label::before, .bidder-application .terms-of-purchase-box .custom-control-label::before { top: 0px !important; } .order-summary .terms-of-purchase-box .custom-control-label::after, .bidder-application .terms-of-purchase-box .custom-control-label::after { top: 0px !important; } .order-summary .terms-of-purchase-box .terms-box, .bidder-application .terms-of-purchase-box .terms-box { margin-top: 20px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 20px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .order-summary .terms-of-purchase-box .terms-box, .bidder-application .terms-of-purchase-box .terms-box { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .order-summary .terms-of-purchase-box .terms-box, .bidder-application .terms-of-purchase-box .terms-box { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .order-summary .terms-of-purchase-box .terms-box, .bidder-application .terms-of-purchase-box .terms-box { font-size: 14px; } } .order-summary .btn-container, .bidder-application .btn-container { flex-wrap: wrap; justify-content: flex-end; display: flex; } .order-summary .btn-container .btn, .bidder-application .btn-container .btn { min-width: 185px; height: 49px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .btn-container .btn, .bidder-application .btn-container .btn { width: 100%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .btn-container .continue-btn, .order-summary .btn-container .proceed-to-payment-btn, .bidder-application .btn-container .continue-btn, .bidder-application .btn-container .proceed-to-payment-btn { order: 1; margin-bottom: 15px; } } .order-summary .btn-container .proceed-to-payment-btn, .bidder-application .btn-container .proceed-to-payment-btn { min-width: 300px; } .order-summary .btn-container .back-btn, .bidder-application .btn-container .back-btn { margin-right: 20px; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .order-summary .btn-container .back-btn, .bidder-application .btn-container .back-btn { order: 2; margin-right: 0px; } } .live-auction-admin-body { background-color: #ffffff; } .live-auction-admin-body input[type=text]::-webkit-input-placeholder, .live-auction-admin-body input[type=password]::-webkit-input-placeholder, .live-auction-admin-body input[type=number]::-webkit-input-placeholder, .live-auction-admin-body input[type=email]::-webkit-input-placeholder, .live-auction-admin-body input[type=tel]::-webkit-input-placeholder { color: #808080 !important; font-size: 15px; font-weight: 500; } .live-auction-admin-body input[type=text]::-moz-placeholder, .live-auction-admin-body input[type=password]::-moz-placeholder, .live-auction-admin-body input[type=number]::-moz-placeholder, .live-auction-admin-body input[type=email]::-moz-placeholder, .live-auction-admin-body input[type=tel]::-moz-placeholder { color: #808080 !important; font-size: 15px; font-weight: 500; } .live-auction-admin-body input[type=text]:-ms-input-placeholder, .live-auction-admin-body input[type=password]:-ms-input-placeholder, .live-auction-admin-body input[type=number]:-ms-input-placeholder, .live-auction-admin-body input[type=email]:-ms-input-placeholder, .live-auction-admin-body input[type=tel]:-ms-input-placeholder { color: #808080 !important; font-size: 15px; font-weight: 500; } .live-auction-admin-body input[type=text]::-webkit-input-placeholder, .live-auction-admin-body input[type=password]::-webkit-input-placeholder, .live-auction-admin-body input[type=number]::-webkit-input-placeholder, .live-auction-admin-body input[type=email]::-webkit-input-placeholder, .live-auction-admin-body input[type=tel]::-webkit-input-placeholder { color: #808080 !important; font-size: 15px; font-weight: 500; } .live-auction-admin-body input[type=text]::placeholder, .live-auction-admin-body input[type=password]::placeholder, .live-auction-admin-body input[type=number]::placeholder, .live-auction-admin-body input[type=email]::placeholder, .live-auction-admin-body input[type=tel]::placeholder { color: #808080 !important; font-size: 15px; font-weight: 500; } .live-auction-admin-body .whole-container { background-color: #F7F7F7; width: 1920px; height: 970px; display: flex; flex-wrap: wrap; padding: 20px; color: #262626; } .live-auction-admin-body .whole-container .btn { height: 50px; display: flex; justify-content: center; align-items: center; } .live-auction-admin-body .whole-container .btn.zues.disabled { background-color: rgba(83, 79, 57, 0.7); } .live-auction-admin-body .whole-container .left-col { width: 613px; height: 100%; margin-right: 20px; } .live-auction-admin-body .whole-container .left-col .start-btn { height: 50px; margin-bottom: 20px; background-color: #29840D; } .live-auction-admin-body .whole-container .left-col .start-btn:hover { background-color: rgba(41, 132, 13, 0.7); } .live-auction-admin-body .whole-container .left-col .end-btn { height: 50px; margin-bottom: 20px; background-color: #C90F2C; } .live-auction-admin-body .whole-container .left-col .end-btn:hover { background-color: rgba(201, 15, 44, 0.7); } .live-auction-admin-body .whole-container .left-col .lot-detail { background-color: #ffffff; margin-bottom: 20px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-size: 15px; padding: 20px; display: flex; height: 296px; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-left-col { position: relative; width: calc(100% - 150px); padding-right: 20px; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-left-col .lot-id { font-size: 32px; line-height: 1em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-left-col .lot-name { font-size: 17px; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 75px; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-left-col .est-price { font-size: 15px; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-left-col .top-price { font-size: 15px; position: absolute; bottom: 0; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-left-col .top-price div { width: 100%; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-left-col .top-price .line2 { font-size: 33px; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-left-col .reopen-btn { width: 191px; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-right-col { width: 150px; position: relative; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-right-col .lot-img { width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } .live-auction-admin-body .whole-container .left-col .lot-detail .detail-right-col .reopen-btn { position: absolute; bottom: 0; right: 0; } .live-auction-admin-body .whole-container .left-col .go-to-lot { margin-bottom: 20px; height: 50px; display: flex; align-items: center; } .live-auction-admin-body .whole-container .left-col .go-to-lot .title { width: 100px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-size: 15px; width: 85px; } .live-auction-admin-body .whole-container .left-col .go-to-lot .go-to-lot-textbox { height: 50px; width: 100%; border: 1px solid #BFBFBF; background-color: #ffffff; color: #262626; padding-left: 15px; padding-right: 15px; font-size: 15px; font-weight: 500; width: 528px; } .live-auction-admin-body .whole-container .left-col .go-to-lot .go-to-lot-textbox.disabled { background-color: #d3d3d3 !important; } .live-auction-admin-body .whole-container .left-col .chatroom { background-color: #ffffff; margin-bottom: 20px; border: 1px solid #BFBFBF; padding: 20px; overflow-y: auto; height: 268px; } .live-auction-admin-body .whole-container .left-col .chatroom .chat-row { margin-bottom: 15px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .live-auction-admin-body .whole-container .left-col .chatroom .chat-row.green { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #29840D; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row.green { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row.green { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row.green { font-size: 16px; } } .live-auction-admin-body .whole-container .left-col .chatroom .chat-row.red { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #C90F2C; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row.red { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row.red { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row.red { font-size: 16px; } } .live-auction-admin-body .whole-container .left-col .chatroom .chat-row .chat-price { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; display: inline-block; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row .chat-price { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row .chat-price { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row .chat-price { font-size: 16px; } } .live-auction-admin-body .whole-container .left-col .chatroom .chat-row .chat-remark { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-style: italic; margin-left: 10px; color: #808080; display: inline-block; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row .chat-remark { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row .chat-remark { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-admin-body .whole-container .left-col .chatroom .chat-row .chat-remark { font-size: 14px; } } .live-auction-admin-body .whole-container .left-col .btn-container-row1 { display: flex; margin-bottom: 20px; } .live-auction-admin-body .whole-container .left-col .btn-container-row1 .fair-warning { margin-right: 20px; width: 296.5px; background-color: #C90F2C; } .live-auction-admin-body .whole-container .left-col .btn-container-row1 .fair-warning:hover { background-color: rgba(201, 15, 44, 0.7); } .live-auction-admin-body .whole-container .left-col .btn-container-row1 .auction-msg1-btn { width: 296.5px; background-color: #C90F2C; } .live-auction-admin-body .whole-container .left-col .btn-container-row1 .auction-msg1-btn:hover { background-color: rgba(201, 15, 44, 0.7); } .live-auction-admin-body .whole-container .left-col .btn-container-row2 { display: flex; margin-bottom: 20px; } .live-auction-admin-body .whole-container .left-col .btn-container-row2 .auction-msg2-btn { margin-right: 20px; width: 191px; background-color: #C90F2C; } .live-auction-admin-body .whole-container .left-col .btn-container-row2 .auction-msg2-btn:hover { background-color: rgba(201, 15, 44, 0.7); } .live-auction-admin-body .whole-container .left-col .btn-container-row2 .auction-msg3-btn { margin-right: 20px; width: 191px; background-color: #C90F2C; } .live-auction-admin-body .whole-container .left-col .btn-container-row2 .auction-msg3-btn:hover { background-color: rgba(201, 15, 44, 0.7); } .live-auction-admin-body .whole-container .left-col .btn-container-row2 .hurry-up { width: 191px; background-color: #C90F2C; } .live-auction-admin-body .whole-container .left-col .btn-container-row2 .hurry-up:hover { background-color: rgba(201, 15, 44, 0.7); } .live-auction-admin-body .whole-container .left-col .custom-message .custom-message-textbox { height: 50px; width: 100%; border: 1px solid #BFBFBF; background-color: #ffffff; color: #262626; padding-left: 15px; padding-right: 15px; font-size: 15px; font-weight: 500; } .live-auction-admin-body .whole-container .center-col { width: 613px; height: 100%; margin-right: 20px; } .live-auction-admin-body .whole-container .center-col .revert-bid-btn { width: 100%; margin-bottom: 20px; height: 50px; background-color: #C90F2C; } .live-auction-admin-body .whole-container .center-col .revert-bid-btn:hover { background-color: rgba(201, 15, 44, 0.7); } .live-auction-admin-body .whole-container .center-col .current-bid { background-color: #ffffff; margin-bottom: 20px; padding: 20px; height: 174.5px; display: flex; justify-content: center; align-items: center; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC"; color: #262626; } .live-auction-admin-body .whole-container .center-col .current-bid .title { margin-bottom: 20px; font-size: 50px; text-align: center; line-height: 1em; } .live-auction-admin-body .whole-container .center-col .current-bid .value { font-size: 60px; line-height: 1em; text-align: center; } .live-auction-admin-body .whole-container .center-col .ask { height: 87.25px; display: flex; align-items: center; color: #262626; } .live-auction-admin-body .whole-container .center-col .ask .title { width: 100px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-size: 30px; width: 117px; display: flex; align-items: center; } .live-auction-admin-body .whole-container .center-col .ask .dollar { font-size: 55px; margin-left: 5px; } .live-auction-admin-body .whole-container .center-col .ask .ask-textbox { height: 87.25px; width: 100%; border: 1px solid #BFBFBF; background-color: #ffffff; color: #262626; padding-left: 15px; padding-right: 15px; font-size: 55px; font-weight: 500; width: 502px; position: relative; } .live-auction-admin-body .whole-container .center-col .ask2 { display: flex; align-items: center; color: #262626; margin-bottom: 20px; height: 87.25px; } .live-auction-admin-body .whole-container .center-col .ask2 .title { width: 114px; } .live-auction-admin-body .whole-container .center-col .ask2 .value { color: #262626; padding-left: 15px; padding-right: 15px; font-size: 55px; font-weight: 500; width: 375px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; overflow: hidden; margin-right: 20px; } .live-auction-admin-body .whole-container .center-col .ask2 .ask-for-bid-btn { width: 103px; height: 60px; font-size: 16px; } .live-auction-admin-body .whole-container .center-col .shortcut-btn-container { display: flex; } .live-auction-admin-body .whole-container .center-col .shortcut-btn-container .btn { margin-bottom: 20px; width: 100%; height: 50px; font-size: 20px; } .live-auction-admin-body .whole-container .center-col .shortcut-btn-container .shortcut-left-col { padding-right: 10px; width: 50%; } .live-auction-admin-body .whole-container .center-col .shortcut-btn-container .shortcut-left-col .btn:last-child { margin-bottom: 0px; } .live-auction-admin-body .whole-container .center-col .shortcut-btn-container .shortcut-right-col { padding-left: 10px; width: 50%; } .live-auction-admin-body .whole-container .center-col .shortcut-btn-container .shortcut-right-col .btn:last-child { margin-bottom: 0px; } .live-auction-admin-body .whole-container .right-col { width: 613px; height: 100%; } .live-auction-admin-body .whole-container .right-col .on-off-container { margin-bottom: 59.5px; display: flex; flex-wrap: wrap; } .live-auction-admin-body .whole-container .right-col .on-off-container .live-btn { width: 100%; height: 300px !important; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .live-auction-admin-body .whole-container .right-col .on-off-container .live-btn.active { background-color: #C90F2C; color: #ffffff; } .live-auction-admin-body .whole-container .right-col .on-off-container .live-btn.active:hover { background-color: rgba(201, 15, 44, 0.7); } .live-auction-admin-body .whole-container .right-col .on-off-container .live-btn .line1 { width: 100%; font-size: 55px; line-height: 1em; margin-bottom: 15px; } .live-auction-admin-body .whole-container .right-col .on-off-container .live-btn .line2 { width: 100%; font-size: 55px; line-height: 1em; margin-bottom: 15px; } .live-auction-admin-body .whole-container .right-col .on-off-container .live-btn .line3 { width: 100%; font-size: 25px; line-height: 1em; } .live-auction-admin-body .whole-container .right-col .on-off-container .advance-btn { font-size: 32px; width: 296.5px; margin-right: 20px; margin-bottom: 20px; height: 150px; } .live-auction-admin-body .whole-container .right-col .on-off-container .advance-btn.active { background-color: #C90F2C; color: #ffffff; } .live-auction-admin-body .whole-container .right-col .on-off-container .absentee-btn { font-size: 32px; width: 296.5px; margin-bottom: 20px; height: 150px; } .live-auction-admin-body .whole-container .right-col .on-off-container .absentee-btn.active { background-color: #C90F2C; color: #ffffff; } .live-auction-admin-body .whole-container .right-col .on-off-container .phone-btn { font-size: 32px; width: 191px; margin-right: 20px; height: 150px; } .live-auction-admin-body .whole-container .right-col .on-off-container .phone-btn.active { background-color: #C90F2C; color: #ffffff; } .live-auction-admin-body .whole-container .right-col .on-off-container .room-btn { font-size: 32px; width: 191px; margin-right: 20px; height: 150px; } .live-auction-admin-body .whole-container .right-col .on-off-container .room-btn.active { background-color: #C90F2C; color: #ffffff; } .live-auction-admin-body .whole-container .right-col .on-off-container .other-btn { font-size: 32px; width: 191px; height: 150px; } .live-auction-admin-body .whole-container .right-col .on-off-container .other-btn.active { background-color: #C90F2C; color: #ffffff; } .live-auction-admin-body .whole-container .right-col .lot-control { display: flex; flex-wrap: wrap; } .live-auction-admin-body .whole-container .right-col .lot-control .btn { height: 104.5px; font-size: 23px; } .live-auction-admin-body .whole-container .right-col .lot-control .pass-btn { width: 296.5px; margin-right: 20px; margin-bottom: 20px; } .live-auction-admin-body .whole-container .right-col .lot-control .sell-btn { width: 296.5px; margin-bottom: 20px; } .live-auction-admin-body .whole-container .right-col .lot-control .previous-lot-btn { width: 296.5px; margin-right: 20px; } .live-auction-admin-body .whole-container .right-col .lot-control .next-lot-btn { width: 296.5px; } .live-auction-admin-body .transparent-mineshaft:hover { background-color: #262626; } .live-auction-consule-body .recommend { display: none; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .recommend { display: none; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; color: #ffffff; background-color: #C90F2C; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; } } @media (max-width: 575px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px), (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .recommend { font-size: 14px; } } @media (max-width: 575px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .recommend { font-size: 14px; } } @media (max-width: 575px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (max-width: 575px), (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (min-width: 576px) and (max-width: 767px) and (max-width: 575px) { .live-auction-consule-body .recommend { font-size: 14px; } } .live-auction-consule-body .header { display: flex; flex-wrap: wrap; padding-left: 25px; padding-right: 25px; background-color: #F7F7F7; height: 65px; position: relative; } @media screen and (max-width: 1500px) and (min-width: 1000px) { .live-auction-consule-body .header { height: 45px; } } .live-auction-consule-body .header:after { content: ""; position: absolute; bottom: 1px; height: 1px; width: 100%; background-color: #808080; left: 0; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .header { padding-left: 20px; padding-right: 20px; height: auto; padding-top: 12px; padding-bottom: 12px; } } .live-auction-consule-body .header .left-col { width: calc(100% - 250px); display: flex; align-items: center; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .header .left-col { width: 100%; margin-bottom: 12px; } } .live-auction-consule-body .header .left-col .live { width: 60px; height: 23px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='23' viewBox='0 0 60 23'%3E%3Cg id='Group_547' data-name='Group 547' transform='translate(-10773.078 10218)'%3E%3Cg id='Group_546' data-name='Group 546' transform='translate(10773 -10218)'%3E%3Crect id='Rectangle_214' data-name='Rectangle 214' width='60' height='23' rx='11.5' transform='translate(0.078)' fill='%23c90f2c'/%3E%3Ctext id='LIVE' transform='translate(30.078 17)' fill='%23fff' font-size='14' font-family='MerriweatherSans-Medium, Merriweather Sans' font-weight='500' letter-spacing='0.1em'%3E%3Ctspan x='-16.954' y='0'%3ELIVE%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); margin-right: 20px; } .live-auction-consule-body .header .left-col .bid { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 600; position: relative; padding-left: 22px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .header .left-col .bid { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .header .left-col .bid { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .header .left-col .bid { font-size: 14px; } } .live-auction-consule-body .header .left-col .bid:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 16px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.702' height='21.434' viewBox='0 0 17.702 21.434'%3E%3Cg id='Group_501' data-name='Group 501' transform='translate(-384.095 -699.506)'%3E%3Cpath id='Path_170' data-name='Path 170' d='M401.047,707.73c0-4.128-3.627-7.474-8.1-7.474s-8.1,3.347-8.1,7.474a7.522,7.522,0,0,0,5.238,6.99,1.786,1.786,0,0,1,1.218,1.794l-.117,1.8a1.765,1.765,0,0,0,1.762,1.88h0a1.766,1.766,0,0,0,1.762-1.88l-.117-1.8a1.785,1.785,0,0,1,1.218-1.794A7.522,7.522,0,0,0,401.047,707.73Z' transform='translate(0 0)' fill='none' stroke='%23262626' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cg id='Group_470' data-name='Group 470' transform='translate(387.584 705.166)'%3E%3Cpath id='Path_171' data-name='Path 171' d='M391.3,716.888v-5.009l.613.006q.172,0,.349-.012l.382-.024c.137-.007.291-.011.461-.011a3.306,3.306,0,0,1,1.121.157,1.2,1.2,0,0,1,.614.445,1.212,1.212,0,0,1,.19.685,1.439,1.439,0,0,1-.082.493,1.009,1.009,0,0,1-.251.391.963.963,0,0,1-.421.234,1.238,1.238,0,0,1,.52.185,1.069,1.069,0,0,1,.364.389,1.138,1.138,0,0,1,.133.557,1.711,1.711,0,0,1-.185.81,1.261,1.261,0,0,1-.636.552,3.168,3.168,0,0,1-1.253.2q-.346,0-.712-.019l-.574-.029Zm1.246-2.969c.027,0,.062.009.1.011l.137.009.136.005.108,0a.966.966,0,0,0,.6-.157.66.66,0,0,0,.2-.551.456.456,0,0,0-.22-.436,1.332,1.332,0,0,0-.635-.123l-.138,0c-.06,0-.119.006-.177.012a.328.328,0,0,0-.116.025Zm0,2.121a.449.449,0,0,0,.152.044,2.174,2.174,0,0,0,.233.023c.084.005.16.007.228.007a1.015,1.015,0,0,0,.643-.171.68.68,0,0,0,.212-.563.592.592,0,0,0-.211-.492,1.1,1.1,0,0,0-.685-.168l-.144,0-.172.005c-.059,0-.11.005-.157.009a.77.77,0,0,0-.1.011Z' transform='translate(-391.298 -711.831)' fill='%23262626'/%3E%3Cpath id='Path_172' data-name='Path 172' d='M402.437,716.952v-5H403.7v5Z' transform='translate(-397.708 -711.895)' fill='%23262626'/%3E%3Cpath id='Path_173' data-name='Path 173' d='M407.754,716.879v-5h.465c.083,0,.2,0,.358-.013l.505-.027q.271-.013.5-.014a2.439,2.439,0,0,1,1.865.636,2.534,2.534,0,0,1,.593,1.794,3.228,3.228,0,0,1-.3,1.453,2.087,2.087,0,0,1-.865.916,2.752,2.752,0,0,1-1.367.311q-.367-.006-.695-.03t-.618-.024h-.444Zm1.259-.922a1.156,1.156,0,0,0,.253.042q.155.012.32.012a1.094,1.094,0,0,0,.611-.179,1.117,1.117,0,0,0,.4-.539,2.575,2.575,0,0,0,.143-.932,2.881,2.881,0,0,0-.131-.961.951.951,0,0,0-.4-.517,1.3,1.3,0,0,0-.674-.158,2.733,2.733,0,0,0-.28.015q-.155.015-.246.032Z' transform='translate(-400.768 -711.822)' fill='%23262626'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .live-auction-consule-body .header .user-col { width: 250px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; display: flex; align-items: center; justify-content: flex-end; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .header .user-col { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .header .user-col { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .header .user-col { font-size: 14px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .header .user-col { width: 100%; justify-content: flex-start; } } .live-auction-consule-body .body { background-color: #F7F7F7; min-height: calc(100vh - 65px); display: flex; flex-wrap: wrap; } @media screen and (max-width: 1500px) and (min-width: 1000px) { .live-auction-consule-body .body { min-height: calc(100vh - 45px); } } .live-auction-consule-body .body .outer-div { padding: 20px; display: flex; width: 100%; min-height: calc(100vh - 65px); flex-wrap: wrap; } @media screen and (max-width: 1500px) and (min-width: 1000px) { .live-auction-consule-body .body .outer-div { min-height: calc(100vh - 45px); } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body { height: auto; } } @media screen and (max-width: 1500px) and (min-width: 1200px) { .live-auction-consule-body .body { min-height: calc(100vh - 45px); } } .live-auction-consule-body .body .left-center-container { display: flex; flex-wrap: wrap; width: calc((100% - 40px) * 0.64 + 40px - 1px); } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .left-center-container { width: 50%; align-items: stretch; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .left-center-container { width: 100%; } } .live-auction-consule-body .body .left-col { width: calc((100% - 40px) * 0.437 - 1px); margin-right: 20px; background-color: #F7F7F7; display: flex; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .left-col { width: calc(100% - 20px); margin-right: 20px; order: 2; height: auto; flex: 1 0 0; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .left-col { width: 100%; margin-right: 0px; order: 2; margin-bottom: 20px; } } .live-auction-consule-body .body .left-col .auction-container { margin-bottom: 20px; background-color: #ffffff; padding: 20px; width: 100%; height: auto; align-self: baseline; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .left-col .auction-container { display: none; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .left-col .auction-container { margin-bottom: 0px; } } .live-auction-consule-body .body .left-col .auction-container .category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 500; letter-spacing: 2px; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .left-col .auction-container .category { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .left-col .auction-container .category { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .left-col .auction-container .category { font-size: 13px; } } .live-auction-consule-body .body .left-col .auction-container .name { margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .left-col .auction-container .name { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .left-col .auction-container .name { font-size: 19px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .left-col .auction-container .name { font-size: 19px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .left-col .auction-container .name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .left-col .auction-container .name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; } } .live-auction-consule-body .body .left-col .auction-container .date { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .left-col .auction-container .date { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .left-col .auction-container .date { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .left-col .auction-container .date { font-size: 14px; } } .live-auction-consule-body .body .left-col .auction-list-container { background-color: #ffffff; height: auto; flex: 1 0 0; padding: 20px; overflow-y: auto; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .left-col .auction-list-container { padding-left: 0px; padding-right: 0px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .left-col .auction-list-container { display: none; } } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container { border-top: 1px solid #BFBFBF; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box { border-bottom: 1px solid #BFBFBF; padding: 20px; display: flex; flex-wrap: wrap; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-left-col { width: 80px; background-size: contain; background-repeat: no-repeat; background-position: center; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col { width: calc(100% - 80px); padding-left: 15px; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row1 { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 500; margin-bottom: 15px; letter-spacing: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row1 { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row1 { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row1 { font-size: 13px; } } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row1 .online { display: none; width: 11px; height: 11px; background-color: #99C743; border-radius: 50%; margin-left: 4px; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row1 .sold { margin-left: 4px; display: none; color: #C90F2C; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row1 .sold { font-size: 12px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row1 .sold { font-size: 12px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row1 .sold { font-size: 12px; } } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row2 { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 3px; overflow: hidden; color: inherit; text-decoration: underline; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row2 { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row2 { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row2 { font-size: 14px; } } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row3 { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row3 { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row3 { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box .list-box-right-col .row3 { font-size: 14px; } } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box.expired .list-box-right-col .row1 { color: #BFBFBF; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box.expired .list-box-right-col .row2 { color: #BFBFBF; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box.expired .list-box-right-col .row3 { color: #BFBFBF; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box.active { background-color: #F7F7F7; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box.active .online { display: inline-block !important; } .live-auction-consule-body .body .left-col .auction-list-container .list-box-container .list-box.sold .sold { display: inline-block !important; } .live-auction-consule-body .body .auction-container-responsive { width: calc(100% - 20px); margin-bottom: 20px; background-color: #ffffff; padding: 20px; display: none; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .auction-container-responsive { display: block; } } .live-auction-consule-body .body .auction-container-responsive .category { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 500; letter-spacing: 2px; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .auction-container-responsive .category { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .auction-container-responsive .category { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .auction-container-responsive .category { font-size: 13px; } } .live-auction-consule-body .body .auction-container-responsive .name { margin-bottom: 15px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .auction-container-responsive .name { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .auction-container-responsive .name { font-size: 19px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .auction-container-responsive .name { font-size: 19px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .auction-container-responsive .name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .auction-container-responsive .name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; } } .live-auction-consule-body .body .auction-container-responsive .date { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .auction-container-responsive .date { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .auction-container-responsive .date { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .auction-container-responsive .date { font-size: 14px; } } .live-auction-consule-body .body .center-col { width: calc((100% - 40px) * 0.563 - 1px); margin-right: 20px; margin-right: 20px; background-color: #ffffff; padding: 20px; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .center-col { width: calc(100% - 20px); margin-right: 20px; order: 1; margin-bottom: 20px; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .center-col { width: 100%; order: 1; margin-right: 0px; margin-bottom: 20px; } } .live-auction-consule-body .body .center-col .your-advance-online-bid-banner { width: 100%; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; text-align: center; width: 100%; color: #29840D; background-color: #F4F2EA; height: 48px; display: flex; align-items: center; padding-left: 20px; padding-right: 20px; justify-content: center; position: absolute; bottom: 0px; left: 0px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .your-advance-online-bid-banner { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .your-advance-online-bid-banner { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .your-advance-online-bid-banner { font-size: 16px; } } .live-auction-consule-body .body .center-col .detail-container { height: 100%; padding-bottom: 68px; display: none; position: relative; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .center-col .detail-container { padding-left: 115px; } } .live-auction-consule-body .body .center-col .detail-container.active { display: block; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .center-col .detail-container.active { display: flex; flex-wrap: wrap; } } .live-auction-consule-body .body .center-col .img { background-size: contain; background-repeat: no-repeat; background-position: center; border: 1px solid #E6E6E6; margin-bottom: 15px; max-width: 500px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .center-col .img { width: 50%; margin-bottom: 15px; margin-left: auto; margin-right: auto; position: absolute; width: 100px; height: 100px; top: 0px; left: 0px; } } .live-auction-consule-body .body .center-col .lot { font-family: "Taviraj", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #808080; font-weight: 500; letter-spacing: 1px; margin-bottom: 8px; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .lot { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .lot { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .lot { font-size: 13px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .center-col .lot { margin-bottom: 5px; } } .live-auction-consule-body .body .center-col .product-name { margin-bottom: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; color: inherit; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .product-name { font-size: 21px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .product-name { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .product-name { font-size: 21px; } } @media screen and (max-width: 1500px) and (min-width: 1200px) { .live-auction-consule-body .body .center-col .product-name { font-size: 18px; -webkit-line-clamp: 1; } } .live-auction-consule-body .body .center-col .price-container { display: flex; flex-wrap: wrap; width: 100%; } .live-auction-consule-body .body .center-col .price-container .price-left-col { margin-right: 25px; width: calc((100% - 25px) / 2 - 0.1px); } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .center-col .price-container .price-left-col { width: 100%; margin-right: 0px; } } .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate { font-size: 15px; } } .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; margin-bottom: 2px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price { font-size: 15px; } } @media screen and (max-width: 1500px) and (min-width: 1200px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price { font-size: 15px; } } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price { margin-bottom: 5px; } } .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price2 { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price2 { font-size: 18px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price2 { font-size: 15px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price2 { font-size: 15px; } } @media screen and (max-width: 1500px) and (min-width: 1200px) { .live-auction-consule-body .body .center-col .price-container .price-left-col .estimate-price2 { font-size: 15px; } } .live-auction-consule-body .body .center-col .price-container .price-right-col { width: calc((100% - 25px) / 2 - 0.1px); } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .center-col .price-container .price-right-col { width: 100%; padding-top: 10px; } } .live-auction-consule-body .body .center-col .price-container .price-right-col .current-bid { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .current-bid { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .current-bid { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .current-bid { font-size: 14px; } } .live-auction-consule-body .body .center-col .price-container .price-right-col .next-bid { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .next-bid { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .next-bid { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .next-bid { font-size: 14px; } } .live-auction-consule-body .body .center-col .price-container .price-right-col .current-bid-price { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 10px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .current-bid-price { font-size: 22px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .current-bid-price { font-size: 20px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .current-bid-price { font-size: 19px; } } .live-auction-consule-body .body .center-col .price-container .price-right-col .your-online-advance-bid { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; margin-bottom: 5px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .your-online-advance-bid { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .your-online-advance-bid { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .your-online-advance-bid { font-size: 14px; } } .live-auction-consule-body .body .center-col .price-container .price-right-col .your-online-advance-bid-price { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 300; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .your-online-advance-bid-price { font-size: 26px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .your-online-advance-bid-price { font-size: 21px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .center-col .price-container .price-right-col .your-online-advance-bid-price { font-size: 21px; } } .live-auction-consule-body .body .right-col { width: calc((100% - 40px) * 0.36); background-color: #ffffff; padding: 20px; display: flex; flex-wrap: wrap; flex-direction: column; } @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) { .live-auction-consule-body .body .right-col { width: 50%; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .right-col { width: 100%; flex-direction: unset; } } .live-auction-consule-body .body .right-col .live { background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 20px; width: 100%; } .live-auction-consule-body .body .right-col .chatroom { padding: 15px; border: 1px solid #BFBFBF; overflow-y: auto; height: auto; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .right-col .chatroom { flex: 1 0 0; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .live-auction-consule-body .body .right-col .chatroom { width: 100%; } } .live-auction-consule-body .body .right-col .chatroom .chat-row { margin-bottom: 15px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; } .live-auction-consule-body .body .right-col .chatroom .chat-row.green { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-style: italic; color: #29840D; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .right-col .chatroom .chat-row.green { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .right-col .chatroom .chat-row.green { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .right-col .chatroom .chat-row.green { font-size: 16px; } } .live-auction-consule-body .body .right-col .chatroom .chat-row.red { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-style: italic; color: #C90F2C; width: 100%; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .right-col .chatroom .chat-row.red { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .right-col .chatroom .chat-row.red { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .right-col .chatroom .chat-row.red { font-size: 16px; } } .live-auction-consule-body .body .right-col .chatroom .chat-row .chat-price { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; display: inline-block; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .right-col .chatroom .chat-row .chat-price { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .right-col .chatroom .chat-row .chat-price { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .right-col .chatroom .chat-row .chat-price { font-size: 16px; } } .live-auction-consule-body .body .right-col .chatroom .chat-row .chat-remark { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-style: italic; margin-left: 10px; color: #808080; display: inline-block; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .live-auction-consule-body .body .right-col .chatroom .chat-row .chat-remark { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .live-auction-consule-body .body .right-col .chatroom .chat-row .chat-remark { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .live-auction-consule-body .body .right-col .chatroom .chat-row .chat-remark { font-size: 14px; } } .live-auction-consule-body .body .right-col .btn-container { width: 100%; height: 48px; } .live-auction-consule-body .body .right-col .btn-container #place-bid-btn:hover { background-color: #2C251C; color: #F4F2EA; } .live-auction-consule-body .body .right-col .btn-container #place-bid-btn:active { background-color: rgba(83, 79, 57, 0.7); color: #F4F2EA; } .live-auction-consule-body .body .right-col .btn-container .btn { width: 100%; } .en .about-tiancheng .row2 .left-col .content-container .content-desc { line-height: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .en .about-tiancheng .row2 .left-col .content-container .content-desc { font-size: 19px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .en .about-tiancheng .row2 .left-col .content-container .content-desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .en .about-tiancheng .row2 .left-col .content-container .content-desc { font-size: 16px; } } .tc .about-tiancheng .row2 .left-col .content-container .content-desc, .sc .about-tiancheng .row2 .left-col .content-container .content-desc { line-height: 30px; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .tc .about-tiancheng .row2 .left-col .content-container .content-desc, .sc .about-tiancheng .row2 .left-col .content-container .content-desc { font-size: 19px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .tc .about-tiancheng .row2 .left-col .content-container .content-desc, .sc .about-tiancheng .row2 .left-col .content-container .content-desc { font-size: 16px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .tc .about-tiancheng .row2 .left-col .content-container .content-desc, .sc .about-tiancheng .row2 .left-col .content-container .content-desc { font-size: 16px; } } .auctions-list .btn.zeus.disable, .lot-detail .btn.zeus.disable { background-color: rgba(83, 79, 57, 0.7); color: #F4F2EA; } .ui-widget-content { border: 1px solid #cccccc; color: #222222; background-color: black !important; background: black !important; } .ui-corner-all { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .ui-tooltip { -webkit-box-shadow: none !important; box-shadow: none !important; border-width: 0px !important; padding-left: 12px !important; padding-right: 12px !important; } .ui-tooltip .ui-tooltip-content { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; color: #ffffff; font-weight: 400; } @media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) { .ui-tooltip .ui-tooltip-content { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) { .ui-tooltip .ui-tooltip-content { font-size: 13px; } } @media (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .ui-tooltip .ui-tooltip-content { font-size: 13px; } } .ui-tooltip .ui-tooltip-content a { color: inherit; text-decoration: none; } .alert-info { font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; background-color: #2c251c; color: #f4f2ea; font-size: 15px; border: 0px; border-radius: 0px; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: #ffffff; } #bootstrap-show-notification-container { top: 92px !important; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { #bootstrap-show-notification-container { top: 60px !important; } } .no-record { padding-top: 12px; padding-bottom: 12px; font-family: "Merriweather Sans", "Noto Sans TC", "Noto Sans SC", sans-serif; font-weight: 400; font-size: 15px; padding-left: 5px; padding-right: 5px; } .pay-again-btn { margin-left: 15px; display: inline-block; font-size: 13px; padding-top: 7px; padding-bottom: 7px; } .same-billing-address-label:after { width: 20px !important; height: 20px !important; } *:disabled, .disable, .disabled { cursor: default !important; } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .exhibition-list-view .responsive-filter-container, .exhibition-grid-view .responsive-filter-container { padding-top: 55px !important; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .exhibition-list-view .current-auctions-left-filter, .exhibition-grid-view .current-auctions-left-filter { min-height: 42px !important; margin-bottom: 30px !important; } } @media (max-width: 575px), (min-width: 576px) and (max-width: 767px) { .exhibition-list-view .current-auctions-list-container, .exhibition-grid-view .current-auctions-list-container { margin-top: 65px; } } /*# sourceMappingURL=ui.min.css.map */