/* Minification failed. Returning unminified contents.
(1887,33): run-time error CSS1046: Expect comma, found '0'
(1887,37): run-time error CSS1046: Expect comma, found '/'
(6730,1): run-time error CSS1019: Unexpected token, found '@charset'
(6730,10): run-time error CSS1019: Unexpected token, found ''UTF-8''
(6730,17): run-time error CSS1019: Unexpected token, found ';'
*/
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
/* Fix IE11 */
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
a,body,li,p{line-height:1.6}body{color:#333;font-size:13px}a,li,p{color:#555}a,a:active,a:focus,a:hover{outline:0!important}a:hover{color:#ea8d1e;text-decoration:underline}h1,h2,h3,h4,h5{margin-top:5px;text-shadow:none;font-weight:400!important;font-family:sukhumvitligh-th,sans-serif}h1 i,h2 i,h3 i,h4 i,h5 i{margin-right:7px}img.img-circle{border-radius:50%!important}.text-justify p{text-align:justify}.tab-v2 .nav-tabs,.table thead>tr>th{border-bottom:none}.btn,.form-control{box-shadow:none}.form-control:focus{border-color:#bbb;box-shadow:0 0 2px #c9c9c9}.form-spacing .form-control{margin-bottom:15px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#ea8d1e;border-color:#ea8d1e}.pagination li a:hover{color:#fff;background:#fc8a02;border-color:#fc8a02}.pager li>a:focus,.pager li>a:hover{color:#fff;background:#ea8d1e;border-color:#ea8d1e}.btn-u{border:0;font-size:14px;cursor:pointer;padding:6px 10px;position:relative;background:#ea8d1e;display:inline-block;color:#fff!important;text-decoration:none!important}.btn-u:hover{color:#fff;background:#ea8d1e;text-decoration:none;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out}.btn-u-blue,.btn-u-blue:hover,.btn-u-default,.btn-u-default:hover,.btn-u-green,.btn-u-green:hover,.btn-u-orange,.btn-u-orange:hover,.btn-u-red,.btn-u-red:hover,.btn-u-sea,.btn-u-sea:hover,.pager-current,.pagerright-current{color:#fff!important}.btn-u-small{padding:3px 12px}.btn-u-lg{font-size:18px;padding:10px 25px}a.btn-u{vertical-align:middle}a.btn-u-small{padding:2px 12px}a.btn-u-lg{font-size:18px;padding:6px 25px}@-moz-document url-prefix(){.footer-subsribe .btn-u{padding-bottom:5px}}@media (max-width:768px){@-moz-document url-prefix(){.btn-u{padding-bottom:5px}}}.btn-u-blue{background:#3498db!important}.btn-u-blue:hover{background:#2980b9!important}.btn-u-red{background:#e74c3c!important}.btn-u-red:hover{background:#c0392b!important}.btn-u-orange{background:#e67e22!important}.btn-u-orange:hover{background:#d35400!important}.btn-u-sea{background:#1abc9c!important}.btn-u-sea:hover{background:#16a085!important}.btn-u-green{background:#2ecc71!important}.btn-u-green:hover{background:#27ae60!important}.btn-u-yellow{background:#f1c40f!important}.btn-u-yellow:hover{background:#f39c12!important}.btn-u-default{padding:5px 10px;background:#95a5a6!important}.btn-u-default:hover{background:#7f8c8d!important}.pager-normal,.pagerright .pagerright-normal{text-decoration:none;background-color:#efefef}.social-icons{margin:0;padding:0}.social-icons li{float:left;display:inline;list-style:none;margin-right:5px;margin-bottom:5px;text-indent:-9999px}.social-icons li a,a.social-icon{width:28px;height:28px;display:block;background-position:0 0;background-repeat:no-repeat;transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}.social-icons li:hover a{background-position:0 -38px}.social-icons-color li a{opacity:.7;background-position:0 -38px!important}.social-icons-color li a:hover{opacity:1}li [class*=" fa-"],li [class^=fa-]{width:1.25em;text-align:center;display:inline-block}li [class*=" fa-"].fa-lg,li [class^=fa-].fa-lg{width:1.5625em}.tab-v2 .nav-tabs li a{padding:9px 16px;background:0 0;border:none}.tab-v2 .nav-tabs li.active a{background:#fff;padding:4px 8px 5px;border:2px solid #ea8d1e;border-bottom:none!important}.tab-v2 .tab-content{padding:10px 5px;border:1px solid #eee}.pager{clear:both;text-align:center;margin:5px 0}.pager a,.pager span{font-size:13pt;font-weight:600;padding:1px 18px;text-decoration:none;color:#362925}.pager .pager-normal:hover{color:#ea8d1e;border-bottom:2px solid}.pager-current{background-color:#ea8d1e}.pagerright a{display:block;position:relative;margin-top:-25px}.pagerright a,.pagerright span{font-size:19px;text-align:center;font-weight:600;padding-top:8px;text-decoration:none;color:#362925}.pagerright .pagerright-normal{border:1px solid #bbb;width:45px;height:45px;border-radius:40px}.pagerright .pagerright-normal:hover{color:#0098dd;border:1px solid #0098dd}.pagerright-current{border-radius:40px;width:45px;height:45px;display:block;margin-top:-25px;background-color:#0098dd}.lb31l,.lb41xs,.ratio31l,.ratio41xs{width:1110px}.pagerright{position:fixed;top:270px;right:25px;z-index:1000}.pagerright-title,.ratio12PL4{position:absolute}.pagerright-title{display:block;margin-top:-50px;margin-left:-2px;text-transform:uppercase;font-weight:600;color:#333}.hidden{display:none;visibility:hidden}.imgmag,.ratio12l,.ratio21xs{float:left}.magazine{margin-left:0;margin-top:5px;margin-bottom:10px}.ratio31l{height:380px}.ratio11m,.ratio21m{height:370px;float:left}.lb21m,.ratio21m{width:740px}.ratio11m,.ratio21m{margin-right:8px}.lb11m,.ratio11m{width:370px}.ratio12PL4,.ratio12l{height:520px;margin-right:8px}.lb11s,.lb12PL4,.lb12l,.ratio12PL4,.ratio12l{width:260px}.lb31m,.lb32l,.ratio31m,.ratio32l{width:780px}.ratio31m{height:260px;float:left;margin-right:8px}.lb21l,.ratio21l{width:1040px}.ratio21l{height:520px}.ratio11s,.ratio21s{height:260px;float:left}.lb11l,.lb21s,.ratio11l,.ratio21s{width:520px}.ratio11s{width:260px}.ratio11l,.ratio32l{height:520px;margin-right:8px;float:left}.lb31xs,.ratio31xs{width:832.5px}.ratio11xs,.ratio21xs,.ratio31xs,.ratio41xs{height:277.5px}.ratio11xs,.ratio31xs{float:left;margin-right:8px}.lb11xs,.ratio11xs{width:277.5px}.lb21xs,.ratio21xs{width:555px}.ratio11l,.ratio11m,.ratio11s,.ratio11xs,.ratio12PL4,.ratio12l,.ratio21l,.ratio21m,.ratio21s,.ratio21xs,.ratio31l,.ratio31m,.ratio31xs,.ratio32l,.ratop41xs{border-radius:9px}.lb11l,.lb11m,.lb11s,.lb11xs,.lb12PL4,.lb12l,.lb21l,.lb21m,.lb21s,.lb21xs,.lb31l,.lb31m,.lb31xs,.lb32l,.lb41xs{position:absolute;text-align:right;margin-top:5px;padding-right:10px!important}#magazines img:hover{opacity:.7!important}.magazinehead{color:#9c9191;border:1px solid #9c9191;padding-left:3px;width:250px;text-transform:uppercase;margin-top:2px}@media (max-width:1200px){.magazine{margin-top:5px;margin-bottom:5px}.ratio31l{width:570px;height:190px}.ratio21m{width:380px;height:190px;float:left}.ratio11m{width:190px;height:190px;float:left}.ratio12PL4,.ratio12l{width:142.5px;height:285px}.ratio12l{float:left}.ratio12PL4{position:absolute}.ratio31m,.ratio31xs{width:427.5px;height:142.5px;float:left}.ratio21l{width:570px;height:285px}.ratio21s,.ratio21xs{width:285px;height:142.5px;float:left}.ratio11s,.ratio11xs{width:142.5px;height:142.5px;float:left}.ratio11l,.ratio32l{height:285px;float:left}.ratio11l{width:285px}.ratio32l{width:427.5px}.ratio41xs{width:570px;height:142.5px}.magazine-imagetext{display:none!important}}@media (max-width:767px){.ratio11m,.ratio12l,.ratio21m,.ratio21s,.ratio31m{float:left}.magazine{margin-left:0;margin-top:5px;margin-bottom:5px}.ratio31l{width:296.4px;height:98.8px}.ratio21m{width:197.6px;height:98.8px;margin-right:0}.ratio11m{width:98.8px;height:98.8px;margin-right:0}.ratio12PL4,.ratio12l{width:74.1px;height:148.2px;margin-right:0}.ratio12PL4{position:absolute}.ratio31m{width:222.3px;height:74.1px;margin-right:0}.ratio21l{width:296.4px;height:148.2px}.ratio21s{width:148.2px;height:74.1px}.ratio11s,.ratio11xs{width:74.1px;height:74.1px;float:left}.ratio11l,.ratio32l{height:148.2px;margin-right:0}.ratio11l{width:148.2px;float:left}.ratio31xs,.ratio32l{width:222.3px;float:left}.ratio31xs{height:74.1px}.ratio21xs{width:148.2px;height:71.4px;float:left}.ratio41xs{width:296.4px;height:74.1px}.magazine-imagetext{display:none!important}}@media (max-width:320px){.magazine-hidden-xs{display:none!important}}
h2 {
font-size: 26px;
}
/*Top Bar (login, search etc.)
------------------------------------*/
.top {
padding-top: 0px;
}
.top ul.loginbar {
margin:5px 0;
z-index: 2999 !important;
position: relative;
display: inline-block;
/*background: #fefefe;
border: solid 1px #eee;
box-shadow: 0 0 3px #eee;*/
}
.bold{ font-weight: bold;}
.top ul.loginbar > li {
display: inline;
list-style: none;
}
.top ul.loginbar > li > a,
.top ul.loginbar > li > a:hover {
color: #636465;
font-size: 17px;
text-transform: uppercase;
font-family: sukhumvitligh-th,sans-serif;
}
.top ul.loginbar li.devider {
top: -1px;
padding: 0;
font-size: 8px;
position: relative;
margin: 0 9px 0 5px;
font-family: Tahoma;
border-right: solid 1px #bbb;
}
.top .social-icons li a {
margin: 5px 0 0 15px;
}
.shopping-cart {
color: #7c8082;
font-size:20px;
}
/*.topblock {
background-color: #999999; padding:5px 5px 0 5px; color:#ffffff;
}*/
.topblock {
background-color: #ffffff; padding:5px 5px 0 5px; color:#000000;
}
.topblock h5{
border-bottom:solid 2px;
margin:0 2px 0 0;
}
.topblock :hover {
cursor: pointer;
opacity:0.9;
}
#lightgallery a:not(:first-child) {
display:none;
}
#lightgallery a :first-child {
width:100%;
display:block;
}
.topblock h1, .topblock h2,.topblock h3,.topblock h4{
margin-top: 0;
margin-bottom: 2px;
}
.topblock a{ color: #000000;text-decoration: underline;}
.submenu li { border-right: solid 1px #ccc;}
.top-sub {
padding: 5px;
}
.top-sub > li > a {
color: #7c8082;
}
/*Header Default
------------------------------------*/
.header {
z-index:999;
position:relative;
border-bottom:solid 2px #eee;
}
.header .navbar {
margin: 0;
min-height: inherit;
}
.header .navbar-default {
border: none;
background: none;
}
.header .navbar-collapse {
position: relative;
/*max-height: inherit;*/
}
/*Brand*/
.header .navbar-brand {
z-index: 2;
position: relative;
/*padding: 0 10px 0 10px;*/
margin-top: -45px;
}
/*Navbar*/
.header .navbar-default .navbar-nav > li > a {
color: #687074;
font-size: 17px;
font-weight:400;
font-family:sukhumvitligh-th, sans-serif;
padding: 9px 6px;
text-transform: uppercase;
}
.header .navbar-default .navbar-nav > .active > a {
color: #ea8d1e;
}
/*Dropdown*/
.header .navbar-right .dropdown-menu {
right: inherit;
}
.header .navbar .nav > li > a i.icon-angle-down {
top: -1px;
left: 1px;
font-size: 12px;
position: relative;
margin: 0 !important;
}
/*Navber Toggle*/
.navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background: #ea8d1e;
}
.navbar-toggle:hover {
background: #ea8d1e !important;
}
.navbar-default .navbar-toggle {
border-color: #ea8d1e;
}
.navbar-default .navbar-toggle .icon-bar {
background: #fff;
}
/*Serach Box*/
.header .navbar .search-open {
right: 0;
top: 43px;
display: none;
padding: 14px;
position: absolute;
background: #fcfcfc;
border-top: solid 2px #eee;
box-shadow: 0 1px 3px #ddd;
}
.header .navbar .nav > li > a.search {
color: #aaa;
cursor: pointer;
border-bottom-color: #aaa;
background: #f7f7f7 !important;
}
.header .navbar .nav > li > a.search:hover {
color: #ea8d1e;
border-bottom-color: #ea8d1e;
}
.header .navbar .search-open form {
margin: 0;
}
.header .navbar a.search [class^="glyphicon-"],
.header .navbar a.search [class*=" glyphicon-"] {
width: 1.25em;
text-align: center;
display: inline-block;
}
.header .navbar a.search [class^="glyphicon-"].icon-large,
.header .navbar a.search [class*=" glyphicon-"].icon-large {
/* increased font size for icon-large */
width: 1.5625em;
}
/*Responsive @Media
------------------------------------*/
.header .searchbox {
width:210px;
z-index: 2000;
position: relative;
padding-left:5px;
}
.btngo{
padding-top:2px;
padding-bottom:1px;
}
.navbar-toggle {
margin-left: 5px;
}
@media (min-width: 767px) {
/*Navbar Collapse*/
.header .navbar-collapse {
padding: 0;
}
/*Navbar*/
.header .navbar-nav {
top: 2px;
/*margin-top: 10px;*/
position: relative;
}
.header .navbar-default .navbar-nav > li > a,
.header .navbar-default .navbar-nav > li > a:focus {
border-bottom: solid 2px transparent;
}
.header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > .active > a {
border-bottom: solid 2px #ea8d1e;
}
.header .navbar-default .navbar-nav > li > a,
.header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > li > a:focus,
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:hover,
.header .navbar-default .navbar-nav > .active > a:focus {
background: none;
}
.header .navbar-default .navbar-nav > .open > a,
.header .navbar-default .navbar-nav > .open > a:hover,
.header .navbar-default .navbar-nav > .open > a:focus {
color: #ea8d1e;
}
/*Dropdown Menu*/
.header .dropdown-menu {
padding: 0;
border: none;
min-width: 200px;
border-radius: 0;
z-index: 9999 !important;
margin-top: -2px !important;
border-top: solid 2px #ea8d1e;
border-bottom: solid 2px #687074;
}
.header .dropdown-menu li a {
color: #687074;
font-size: 16px;
font-weight: 400;
font-family:sukhumvitligh-th,sans-serif;
padding: 6px 15px;
border-bottom: solid 1px #eee;
}
.header .dropdown-menu .active > a,
.header .dropdown-menu li > a:hover {
color: #fff;
filter: none !important;
background: #687074 !important;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.header .dropdown-menu li > a:focus {
background: none;
filter: none !important;
}
.header .navbar .search-open {
width: 330px;
}
}
@media (max-width: 767px) {
.header .navbar-brand { margin-top: -13px;}
.header .navbar-brand img{ width: 55px; height:55px; margin-top:1px;}
/*Search Box*/
.header .navbar .search-open {
left: 20px;
top: inherit;
bottom: -5px;
padding: 15px;
border-top: none;
box-shadow: none;
background: none;
}
}
.footer {
color: #dadada;
/*margin-top: 40px;*/
padding: 20px 0 30px;
background: #585f69;
}
.footer.margin-top-0 {
margin-top: 0;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
text-shadow: none;
font-weight: normal !important;
}
.footer p,
.footer a {
font-size: 14px;
}
.footer p {
color: #dadada;
}
.footer a {
color: #72c02c;
}
.footer a:hover {
color: #a8f85f;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.footer h2,
.footer h3,
.footer h4 {
color: #e4e4e4;
background: none;
text-shadow: none;
}
/*Footer Subsribe*/
.footer .footer-subsribe {
width: 85%;
}
/*Blog Posts*/
.footer .blog-list {
margin: 0;
padding: 0;
color: #dadada;
list-style: none;
}
.footer .blog-list li {
padding: 0 0;
margin-bottom: 7px;
}
.footer .blog-list li span {
color: #818488;
}
.footer .dl-horizontal,
.footer .dl-horizontal:hover {
border: none !important;
background: none !important;
}
.footer .dl-horizontal a {
color: #dadada;
}
.footer .dl-horizontal a:hover {
color: #a8f85f !important;
}
.footer .dl-horizontal img {
border-color: #888 !important;
}
/*Copyright*/
.copyright {
font-size: 12px;
padding: 11px 0 7px;
background: #3e4753;
border-top: solid 1px #777;
}
.copyright p {
color: #dadada;
}
.copyright p.copyright-space {
margin-top: 12px;
}
.copyright a {
margin: 0 5px;
color: #72c02c;
}
.copyright a:hover {
color: #a8f85f;
}
/*Heading*/
.headline {
display: block;
margin: 3px 0 25px 0;
border-bottom: 1px dotted #e4e9f0;
}
.headline h1,
.headline h2,
.headline h3,
.headline h4 {
border-bottom:2px solid #ea8d1e;
margin: 0 0 -2px 0;
padding-bottom: 5px;
display: inline-block;
}
.headline h1{
font-size:24px;
}
.headline i.fa{ color: #72c02c;}
/*footer-service*/
.footer-service{
background: #0098dd;
margin-top:40px;
}
.footer-service .service-icon{
font-size:45px;
text-align: center;
color:#ffffff;
}
.footer-service .desc h4 {
color:#ffffff;
font-size:22px;
margin-bottom:5px;
}
.footer-service .desc p{
color:#ffffff;
font-size:13px;
}
.service-bar{
clear:both;
float:left;
padding: 5px 5px 5px;
width:300px;
display:inline-block;
}
.service-bar .desc {
padding: 0 15px;
overflow: hidden;
}
.service-bar .service-icon{
float:left;
display:inline-block;
margin-top:10px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.service-bar :hover ,.service-alternative .service-bar:hover {
background: #ea8d1e;
-webkit-transition: box-shadow 0.4s ease-in-out;
-moz-transition: box-shadow 0.4s ease-in-out;
-o-transition: box-shadow 0.4s ease-in-out;
transition: box-shadow 0.4s ease-in-out;
}
.service-alternative .service-bar:hover i,
.service-alternative .service-bar:hover p,
.service-alternative .service-bar:hover h4 {
color:#ffffff;
}
.mega-menu {
font: normal 14px Arial, sans-serif;
line-height: 14px;
background: #f8f9f7;
border-left: 1px solid #efefef;
position: relative;
height:600px;
overflow-y:auto;
overflow-x:hidden;
}
.mega-menu li {
font-size: 14px;
font-weight: 400;
font-family: Helvetica, Arial, tahoma, verdana, arial, sans-serif;
}
.mega-menu .menu-title {
background: #ea8d1e;
color: #fff;
padding: 0px 10px;
}
.mega-menu li a {
display: block;
color: #fd7f00;
padding: 1px 4px 1px 15px;
font-size: 14px;
font-weight: 400;
font-family: Helvetica, Arial, tahoma, verdana, arial, sans-serif;
text-decoration: none;
}
.mega-menu li a:hover,
.mega-menu li.mega-hover a {
background: #cecfcd;
color: #666;
border-right: 1px solid #cecfcd;
width:318px; /*new*/
}
.mega-menu li a.dc-mega {
position: relative;
}
.mega-menu li a .dc-mega-icon {
display: block;
position: absolute;
top: 8px;
left: 5px;
width: 6px;
height: 8px
}
.mega-menu li .sub-container {
position: fixed;
background: #f8f9f7;
padding: 0 2px 0 0;
border: none;
}
.mega-menu li .sub-container .sub {
background: #f8f9f7;
border: 1px solid #cecfcd;
z-index:2000;
margin-left:-17px;
height:100%;
position: fixed;
top:85px;
}
.mega-menu li .sub .row {
width: 100%;
overflow: hidden;
}
.mega-menu li .sub li {
float: none;
font-size: 1em;
font-weight: 400;
}
.mega-menu li .sub li.mega-hdr {
float: left;
margin: 15px 5px 10px 5px;
}
.mega-menu li .sub a,
.mega-menu.left li .sub a {
background: 0 0;
border: none;
text-shadow: none;
float: none;
color: #fd7f00;
padding: 2px 2px;
display: block;
text-decoration: none;
font-size: .9em;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 5px 5px 15px;
margin-bottom: 5px;
background: #e88221;
text-transform: uppercase;
font-weight: 700;
color: #fff;
text-shadow: 1px 1px 1px #333;
height:200px;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
text-shadow: none;
height:400px;
}
.mega-menu .sub li.mega-hdr li a {
padding: 4px 5px 4px 2px;
font-weight: 400;
}
.mega-menu .sub li.mega-hdr li a:hover {
color: #fd7f00;
}
.mega-menu .sub ul li {
padding-right: 0;
}
.mega-menu li .sub-container.non-mega li {
padding-top:5px;
padding-bottom:6px;
margin: 0;
width: 185px;
}
.mega-menu li .sub-container.non-mega li a {
padding: 2px 4px 2px 10px;
color: #666;
width: 185px;
height:200px;
}
.mega-menu li .sub-container.non-mega li a:hover {
color: #fd7f00;
background-color: #cecfcd;
width: 195px;
}
.imgsubcatmenu, .imgsubdisplaymenu {
width: 165px;
}
.imgsubmenubox, .imgsubdisplaybox {
width: 175px;
height: 165px;
border: 1px solid #dedede;
margin-right: 0 !important;
/*overflow: hidden;*/
}
.imgsubmenubox img, .imgsubdisplaybox img{
padding-left: 8px;
margin-bottom: 1px;
}
.subcatmenu {
width: 990px;
padding: 0;
margin: 0;
overflow-y: auto;
}
.subcatmenu li {
display: inline-block;
width: 150px;
height: auto; /* ����٧��ҡѺ���������� */
vertical-align: top;
margin: 0 5px 10px 0; /* ��Ѻ������ҧ */
font-size: 14px; /* ���ҿ������ */
}
.txtsubcatmenu {
height: 40px;
text-align: center;
overflow: hidden;
}
.smartclass-directlink {
background-color: #f8f9f7;
width: 300px;
margin-left: -10px;
}
/* width */
#sidebar-wrapper ::-webkit-scrollbar {
width: 20px;
}
/* Handle */
#sidebar-wrapper ::-webkit-scrollbar-thumb {
background: #666;
}
/*Main Slider
------------------------------------*/
.fullwidthbanner-container {
padding: 0;
overflow: hidden;
position: relative;
width: 100% !important;
max-height: 500px !important;
}
/*Layer Slider
------------------------------------*/
.layer_slider {
overflow: hidden;
}
.ls-ct-half, .ls-ct-center {
border-radius: 100px !important;
}
/*-------------------------
Purchase
-------------------------*/
.purchase, .breadcrumb {
padding: 5px 0;
margin-bottom: 5px;
box-shadow: inset 0 0 4px #eee;
background: url(images/breadcrumbs.png) repeat;
}
.breadcrumb span{
font-size:13px;
}
.breadcrumb-small {
margin-bottom: 0 !important;
}
.purchase span {
color: #666;
font-size: 28px;
font-weight: 200;
line-height: 35px;
margin-bottom: 12px;
font-family: sukhumvitligh-th, sans-serif;
}
.purchase a.btn-buy {
background: #ea8d1e;
text-shadow: 0 1px 0 #ea8d1e;
color: #fff;
font-size: 16px;
cursor: pointer;
margin-top: 22px;
font-weight: bold;
display: inline-block;
text-decoration: none;
padding: 12px 28px 9px;
text-transform: uppercase;
}
/*Spaces*/
.margin-top-5,
.margin-top-10,
.margin-top-20,
.margin-top-25,
.margin-top-30,
.margin-top-35,
.margin-top-40,
.margin-top-50,
.margin-top-60,
.margin-top-90,
.margin-bottom-0,
.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-50,
.margin-bottom-60 {
clear: both;
}
.margin-top-5 {
margin-top: 5px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-25 {
margin-top: 25px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-top-35 {
margin-top: 35px;
}
.margin-top-40 {
margin-top: 40px;
}
.margin-top-50 {
margin-top: 50px;
}
.margin-top-60 {
margin-top: 60px;
}
.margin-top-90 {
margin-top: 90px;
}
.margin-top-0 {
margin-bottom: 0;
}
.margin-bottom-5 {
margin-bottom: 5px;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-35 {
margin-bottom: 35px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-bottom-60 {
margin-bottom: 60px;
}
.padding-left-0{
padding-left:0;
}
/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
margin: 0;
padding: 0;
}
.social-icons li {
float: left;
display: inline;
list-style: none;
margin-right: 5px;
margin-bottom: 5px;
text-indent: -9999px;
}
.social-icons li a, a.social-icon {
width: 28px;
height: 28px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
background-position: 0 -38px;
}
.social-icons-color li a {
opacity: 0.7;
background-position: 0 -38px !important;
}
.social-icons-color li a:hover {
opacity: 1;
}
.social_facebook {
background: url(icons/social/facebook.png) no-repeat;
}
.social_googleplus {
background: url(icons/social/googleplus.png) no-repeat;
}
.social_pintrest {
background: url(icons/social/pintrest.png) no-repeat;
}
/*header*/
.topblockcontent{
height:30px;
}
.admincenter{
display:block;
position:fixed;
z-index:1000;
right:7px;
text-transform: uppercase;
text-align:center;
}
.btn-knowledge{
margin-top:8px;
}
.adminlist, .knowledgelist, .clickupform, .clickupformbi {
display: none;
}
.cookie-notice {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #222;
color: #fff;
padding: 15px;
text-align: center;
z-index: 1000;
}
.cookie-accept {
margin-left: 15px;
background-color: #0af;
border: none;
color: white;
padding: 8px 15px;
cursor: pointer;
}
/*click up form embed*/
.clickupform, .clickupformbi {
height: 800px;
width: 600px !important;
position: relative;
}
.btn-requestform a {
background: #EE82EE;
text-shadow: 0 1px 0 #EE82EE;
}
.btn-requestform a, .btn-requestbi a {
padding: 7px 4px 3px 3px;
}
.btn-requestform :hover {
background: #f16ff1;
cursor: pointer;
}
.btn-requestbi a {
background: #50C878;
text-shadow: 0 1px 0 #50C878;
}
.btn-requestbi :hover {
background: #00A36C;
cursor: pointer;
}
.btn-admincenter h4, .btn-knowledge h4,
.btn-requestform h4, .btn-requestbi h4 {
margin: 0;
}
.btn-admincenter a {
background: #4ac5f3;
text-shadow: 0 1px 0 #4ac5f3;
padding: 7px 4px 3px 3px;
width: 90px;
}
.btn-knowledge a {
background: #ea8d1e;
text-shadow: 0 1px 0 #ea8d1e;
padding: 7px 3px 4px 4px;
}
.btn-admincenter a, .btn-knowledge a,
.btn-requestform a, .btn-requestbi a {
color: #ffffff;
text-decoration: none;
border-radius: 4px;
display: block
}
.btn-admincenter :hover{
background:#0098dd;
cursor:pointer;
}
.btn-knowledge :hover{
background:#e67e22;
cursor:pointer;
}
.knowledgelist li{
background:#ea8d1e;
}
.adminlist li {
background:#4ac5f3;
}
.knowledgelist li, .adminlist li{
margin-top:5px;
height:22px;
}
.adminlist li a, .knowledgelist li,
.knowledgelist li a, .emailto a, .weekendday{
color:#ffffff;
}
.weekendday{
background-color: #ff6600;
}
.searchtxtbox{
height:25px;
padding-right:8px;
}
.navbar-brand img{
width:90px;
margin-top:-10px;
}
/*sticky navbar*/
#logo-horizon {
display:none;
}
.midheader {
padding-left: 16px;
padding-right: 16px;
background: #fff !important;
border-bottom: solid 2px #eee !important;
box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
z-index: 1030;
}
.sticky {
position: fixed;
top: 0;
width: 100%
}
.sticky #logo{
display:none;
}
.sticky #logo-horizon{
width:160px !important;
display:block;
margin-top:25px !important;
}
.sticky ul a{
font-size:16px !important;
}
.sticky .shoppingcarttxt {
padding:0 5px!important;
font-size:11px !important;
}
.sticky .shoppingcart-status .fa{
font-size:24px !important;
}
.sticky .shoppingcart-status{
margin-top:9px !important;
}
/*Service Blocks*/
.service {
clear: both;
float: left;
margin-bottom: 5px;
padding: 5px 5px 5px;
width: 300px;
}
.service:hover {
background: #fcfcfc;
box-shadow: 0 0 5px #ddd;
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out;
}
.service:hover i {
color: #656565;
}
.service .desc {
padding: 0 15px;
overflow: hidden;
}
.service .desc h4 {
font-size: 22px;
line-height: 25px;
}
.service .service-icon {
float: left;
padding: 10px;
color: #ea8d1e;
font-size: 45px;
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.service .service-icon .fa-truck {
font-size: 37px;
}
.service .service-icon.icon-plane {
font-size: 43px;
}
.service a:hover {
text-decoration: none;
}
.servive-block .servive-block-in {
padding: 20px 30px;
text-align: center;
margin-bottom: 20px;
background: #fafafa;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.servive-block a {
text-decoration: none;
}
.servive-block .servive-block-in:hover {
box-shadow: 0 0 8px #ddd;
}
.servive-block .servive-block-in h4 {
line-height: 25px;
font-size: 16pt;
}
.servive-block .servive-block-in h4 a:hover {
color: #ea8d1e;
text-decoration: none;
}
.servive-block .servive-block-in:hover h4,
.servive-block .servive-block-in:hover i,
.nav-install, .nav-promotion, .nav-readytoship {
color: #ea8d1e !important;
}
.nav-oakwood {
color: #9f8f76 !important;
font-weight: 800 !important;
}
.imgcreditcart{
width:45px;
margin-left:10px;
}
.servive-block .servive-block-in i {
color: #565656;
font-size: 40px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.servive-block .servive-block-red {
background: #e74c3c;
}
.servive-block .servive-block-sea {
background: #1abc9c;
}
.servive-block .servive-block-blue {
background: #3498db;
}
.servive-block .servive-block-grey {
background: #95a5a6;
}
.servive-block .servive-block-yellow {
background: #f1c40f;
}
.servive-block .servive-block-orange {
background: #e67e22;
}
.servive-block .servive-block-green {
background: #2ecc71;
}
.servive-block .servive-block-colored i,
.servive-block .servive-block-colored p,
.servive-block .servive-block-colored h4,
.servive-block .servive-block-colored:hover i,
.servive-block .servive-block-colored:hover h4 {
color: #fff;
}
.servive-block .servive-block-colored:hover {
opacity: 0.8;
box-shadow: none;
}
/*Service Alternative Block*/
.service-alternative .service:hover {
background: #ea8d1e;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.service-alternative .service:hover i,
.service-alternative .service:hover p,
.service-alternative .service:hover h4 {
color: #fff;
}
.heronav-ul {
margin-top: 5px;
display: flex;
gap: 20px;
justify-content: center;
align-items: center;
}
.reference-horizontal .headline {
border-bottom:none!important;
}
.hpindustrial{
width:570px;
}
.hpproduct, .hpinstallment{
width:270px;
}
.hpindustrial,.hpproduct, .hpinstallment{
border-radius:8px;
}
/*Servive Block Versions*/
.service h2 {
margin: 15px 0;
font-size: 20px;
line-height: 28px;
}
.search a {
color: #ea8d1e;
}
/*button on slide banner*/
.moredetail-btn {
opacity: 0.8;
justify-content: center;
font-family: sukhumvitligh-th,sans-serif;
font-size: 20px;
padding: 5px 8px;
color: #ffffff;
background: #000000;
}
/*--------------------------
Login form
----------------------------*/
.login-form, .signup-form, .forget-form, .faq, .box {
color: #555;
padding: 30px;
background: #fefefe;
border: solid 1px #eee;
box-shadow: 0 0 3px #eee;
}
.loginbar {
padding-left: 20px;
}
.box {
padding: 15px;
}
.boxunproduct{
background:#ddd;
}
.btn-profile .fa{
font-size:16px;
}
.btn-profile .fa :hover{
text-decoration:underline;
}
.btn-profile :hover{
color:#ea8d1e !important;
}
.laginheader{
font-family: sukhumvitligh-th,sans-serif;
font-size:18px;
}
/*---------------------------
FAQ
----------------------------*/
.faqlist li {
margin-top: 20px;
border-top: dotted 1px #95a5a6;
}
.reviewbox {
margin-top: 15px;
text-align: center;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.reviewbox-frame{
margin-top:20px;
margin-bottom:20px;
}
.reviewbox h4{
color:#000000;
}
/*---------------------------
Product Hot
----------------------------*/
#product-hot {
margin: 10px 0 10px 0;
}
#product-hot img.image {
width: 180px;
height: 180px;
padding-right: 5px;
display: block;
}
#product-hot h2 a:hover, #product-hot h2 a:visited, #product-hot h2 a:link {
text-decoration: none;
color: #ff9100;
}
#product-hot a {
display: block;
}
/*---------------------------------------------------------
All Products
----------------------------------------------------------*/
.product-cat {
width: 100%;
clear: both;
margin-top: 3px;
padding: 0 0 20px 0;
border-bottom: dotted 1px #ccc;
overflow: hidden;
}
.highlight-subcat {
width: 340px !important;
}
.highlight-lisubcat {
width: 370px !important;
}
.product-sub {
float: left;
width: 100px;
}
.product-list ul {
list-style-type: disc;
list-style: disc;
margin-bottom: 5px;
padding-left: 3px;
}
.product-list li, .industry-list li {
padding-left: 0;
}
.product-list .half {
width: 47%;
float: left;
margin-right: 10px;
overflow: hidden;
}
.product-list a{
font-size: 100%;
font-family: Helvetica, Arial, tahoma,verdana,arial,sans-serif;
color: #333;
text-decoration: none;
}
.product-list a:hover {
color: #cc0000;
text-decoration: none;
}
.product-list em {
display: block;
float: left;
height: 25px;
width: 25px;
text-indent: -2000em;
padding-right: 5px;
}
#all-product li, #all-industrial li {
display: block;
position: relative;
float: left;
overflow: hidden;
list-style: none;
padding: 4px;
text-align: left;
font-size: 100%;
margin-bottom: 20px;
}
#all-product li img {
display: block;
width: 200px;
}
#all-industrial li{
padding-right:8px;
}
#all-sub li{
width:220px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right:5px;
}
#all-sub li:not(:first-child) {
margin-left:8px;
}
#all-sub li:first-child{
margin-left:2px;
}
#all-sub li h3 {
color: #000;
font-size: 14px;
text-align:center;
}
#all-sub li .title {
border-top: solid 1px #efefef;
display: block;
overflow: hidden;
padding: 2px 0 0 2px;
}
#all-industrial li img {
display: block;
width: 210px;
border-radius: 5px;
}
#allindustriallist li {
width: 220px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 5px;
}
.industrialarea h3{
width:220px;
font-size:20px;
}
.industrialbanner {
width: 1130px;
border-radius: 5px;
}
.industry-list ul {
margin-bottom: 5px;
padding-left: 3px;
}
.industry-subtitle {
margin-top: 8px;
text-align: center;
}
.industry-subtitle a {
font-size: 15px;
color: #000;
font-family: sukhumvitligh-th, sans-serif !important;
text-decoration: none;
}
.industry-subtitle h4{
font-size:13px !important;
}
.banner-wrapper {
position: relative;
display: inline-block;
}
.industrialtiles li {
display: inline-block;
}
.industrialimgsub, .industrialname, .imgspacebanner {
width: 180px;
}
.industrialimgsub, .imgspacebanner {
border-radius: 4px;
}
.industrialhead h1{
font-weight:600;
}
.industrialname, .industrialarea {
position: absolute;
top: 5px; /* หรือ 0px ถ้าต้องการชิดขอบบน */
left: 50%;
transform: translateX(-50%);
color: white;
padding: 1px 10px;
border-radius: 5px;
text-align: center;
}
.areabanner {
width: 250px;
height: auto;
display: block;
border-radius: 4px;
border: 1px solid #ccc;
}
.spacecatadmin {
margin-top: 10px;
}
.lnkspacecat {
color: #95a5a6;
}
/*allindustrial*/
.banner-container {
position: relative;
width: 100%;
display: block;
}
.lnkspacebanner {
display: inline-block;
text-decoration: none;
position: relative;
width: 100%;
}
.product-container {
display: flex;
align-items: center;
gap: 15px; /* ระยะห่างระหว่าง areabanner กับ tiles */
margin-bottom: 10px;
}
.industrialdesc {
border-bottom: 1px dotted #ccc;
}
.industrialtiles {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.industrialtiles h4{
font-size:14px;
color:#000000;
text-align:center;
margin-top:10px;
}
@media (max-width: 1366px) {
.questionlist h4 {
font-size: 15px !important;
font-weight: 500 !important;
}
.questionbox{
padding-left:10px !important;
}
.questionlist .li-answer{
font-size:13px !important;
}
.question-btnfilter{
font-size:14px!important;
padding-left:8px !important;
padding-right:8px !important;
}
.question-filterhead{
font-size:20px !important;
}
.li-answer table{
margin-top:3px!important;
margin-bottom:8px;
}
.hpindustrial {
width: 460px;
}
.hpproduct, .hpinstallment {
width: 215px;
}
}
@media (max-width: 768px) {
.product-list .half {
float: none;
width: 100%;
}
}
/*@media (max-width: 1024px){
}*/
@media (max-width: 768px) {
.product-list #all-product {
float: none;
width: 100%;
}
.modal-body{
padding:10px;
}
.modal-content{
height:620px;
}
.contact-communicate{
display:block;
text-align:right;
color:#666;
margin-right:4px;
}
.industrialbanner{
width:320px!important;
}
#all-industrial li img {
width: 150px !important;
}
#allindustriallist li {
width: 160px !important;
}
.areabanner{
width:120px !important;
}
.industrialimgsub, .industrialname{
width:90px !important;
}
.industrialtiles, .product-container {
gap: 8px !important;
}
.industrialname h3{
font-size:16px !important;
}
.industrialhead h1 {
font-size: 25px !important;
}
.industrialtiles h4 {
font-size: 12px !important;
word-wrap: break-word;
width: 90px;
}
.heronav-ul {
gap: 5px;
}
.hpindustrial {
width: 192px;
}
.hpproduct, .hpinstallment {
width: 90px;
}
/*refdetail packingdetail productdetail*/
.crtitle, .fptitle, .refdetail-sample, .packingdetail-sample, .full-detail-list h3, .des, .matheader, .catalog-set h1, .crref-title, .fpref-title {
font-size: 18px !important;
}
.packingdetail-sample{
width:260px!important;
}
.detail-name,.productspage h1, .product-desc h3,
.zoomtitle, .price #detail-pro, .price #detail-promonth{
font-size:18px!important;
}
.groupvid h4 {
margin-top: 10px;
margin-bottom: 5px;
}
#slides{
min-height:310px;
}
.img-responsive{
width:300px !important;
}
.full-detail-list .show-description, .ordercolor,
.addcart-qw span, .addqty-qw span {
display: none;
}
.addcart-qw .fa-shopping-cart{
padding-left:2px;
padding-right:2px;
}
#detail-price, #detail-monthprice{
font-size:13px!important;
}
.detail-slideNav{
padding-top:10px!important;
}
.detail-slideNav li{
margin-bottom:3px;
}
.referencedetails img{
width:40%;
display:inline-block;
}
.imgmainref {
width: 275px!important;
height: 85px!important;
}
.imgzoom, .imgzoomitem{
width:300px!important;
}
/*allproduct*/
.product-cat {
padding-bottom:10px;
}
.product-cat h2{
font-size:18px;
}
.product-cat .headline{
margin-bottom:10px;
}
#all-product li {
width: 140px;
margin-right: 6px;
}
#all-product li img {
width: 130px;
height:97.5px;
}
#all-sub, #referencehor{
list-style-position: inside;
padding-left: 0;
}
#all-sub li:first-child{
margin-left:0;
}
.allproduct{
margin-left:20px;
}
#all-sub li .title a h3 {
max-width: 135px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size:13px;
}
.highlight-lisubcat {
max-width: 140px !important;
}
#product-thumb li {
width: 140px !important;
padding: 3px !important;
}
#product-thumb .thumb-img, #product-thumb .thumb-img-2,
#product-item .thumb-img, #product-item .thumb-img-2{
width: 130px!important;
height: 130px!important;
}
#product-thumb .leftframeimport{
height:130px!important;
}
#product-thumb .rightframeimport{
height:130px!important;
margin-left:130px!important;
margin-top:-130px!important;
}
#product-thumb .topframeimport, #product-thumb .bottomframeimport,
#product-thumb .retaillabel, .highlight-subcat {
width: 130px !important;
}
#product-thumb .retaillabel{
margin-top:-25px!important;
}
#product-thumb .title,.ref-longdesc{
font-size:15px!important;
}
#product-thumb .spe-product{
margin-top:89px!important;
}
#product-thumb .group-promonth{
margin-top:78px!important;
}
#product-thumb .emotionlabel {
top: 6px !important;
right: 8px !important;
}
/*shoppingcart*/
.btnother img, .btnmakeqw img {
width: 140px;
}
.btnmakeqw img{
margin-left:10px;
}
.imgshopping{
width:200px!important;
}
.imgcheckout{
width:253px;
height:43px;
}
.inform-qw, .chk-iv, #checkout .sendaddress, .moneyunit{
display:none!important;
}
.imgquotation{
width:263px;
height:37px;
}
.about-qw{
font-size:16px;
width:300px;
margin-left:0!important;
}
/*installment, allpacking*/
#product-reference li,#product-referencehor li {
width: 130px!important;
padding: 2px;
}
#product-reference li img, #product-referencehor li img,
#group-reference li img
{
width:125px!important;
height:94px!important;
margin-left:2px!important;
}
#referencelist li, #referencehor li {
width:134px!important;
}
#referencehor li{
margin-left:2px!important;
padding-left:2px!important;
}
.reftitle-xs {
font-size: 14px!important;
}
.ifvdosm{
width:250px;
height:141px;
}
.detail-reftitle {
width: 124px !important;
}
.installspace-box h1, .installcolor-box h1 {
font-size: 18px;
}
/*blog flagship*/
#blog .imgblog, #problog .imgblog {
width: 320px !important;
margin-left: 5px !important;
}
.bloglink, .probloglink {
width: 330px!important;
}
.relateblog li, .relateblog-title, .relateroomspace-title,
.relateblog-desc, .relateblog li img {
width: 350px !important;
}
.flagshipdesc img, .postdesc img {
width: 85% !important;
height: auto !important;
}
.mag-shorttitle {
font-size: 20px !important;
}
.blogtitle, .promotiontitle, .roomspacetitle {
font-size: 25px !important;
}
.magazinecontent, .magazinecontent-md {
width: 80% !important;
clear: both;
}
#flagship .mthumb-img{
width:150px!important;
height:150px!important;
}
#flagship .title{
width:150px!important;
}
.postvideo .framevid {
width: 300px !important;
height: 170px !important;
}
#cussolution .roomspaceli {
width: 320px !important;
margin-bottom:10px;
}
.imgroomspace {
width: 300px !important;
height: 100px !important;
}
.sticky #logo-horizon{
display:none !important;
}
.sticky #logo{
display:block !important;
}
.txtroomspacemenu h2{
height:40px !important;
font-size:16px;
width:280px;
}
.thumb-clearancebox .clearance-colorbox{
width:10px !important;
height:45px !important;
}
.thumb-clearancelist{
width:130px !important;
height:50px !important;
}
.img-clearance, .imgtestimonial, .carouselbox {
width: 300px !important;
}
.testimonialhead{
font-size:25px;
}
.testimonial-title, .project-brief, .project-ref,
.testimonialbox .testimonial-content, .saletransactionbox {
width: 320px !important;
}
.project-brief{
font-size:12px !important;
}
.warranty-box, .standard-box {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
/*e catalogue content*/
.smallbanner {
width:350px;
}
.smallcat{
width:110px !important;
}
.smllcattitle{
display:none !important;
}
}
/*AllProduct tab*/
.nav .nav-tabs {
border-bottom: 1px solid #ddd;
}
/*---------------------------
Product Special
----------------------------*/
#product-special {
text-align: left;
clear: both;
overflow: hidden;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}
#product-special ul {
padding: 0;
margin: 0;
display: block;
overflow: hidden;
position: relative;
}
#product-special li {
float: left;
display: block;
width: 180px;
padding: 3px 3px 40px 3px;
margin: 0 5px 0 0;
}
#product-special .price {
position: relative;
bottom: 0;
margin-top: 20px;
}
/*Product-ReferenceDetail & Installment
------------------------*/
.installment-box, .ref-roomspace, .ref-color,
.crcolorbox, .refcolorbox, .refcolortitle, .crspacebox {
display: inline-block;
}
.btnexpand{
background:#0098dd;
color:#fff;
border:#0098dd;
}
.crcolorbox{
margin-top:5px;
}
.crcolorlist h5 {
margin-right: 6px;
}
.refcolorbox {
border:solid 1px #808080;
width:20px;
height:15px;
}
.refcolortitle{
font-size:16px!important;
}
.refcolortitle strong {
font-size: 16px;
}
.btnexpand {
width: 165px;
padding: 8px 0px 5px 5px;
font-size: 16px;
border-radius: 3px;
display: inline-block;
}
.btnexpand i{
font-size:14px;
}
.btnroomspace, .btnmatcategory {
background: #ea8d1e;
}
.btnfurpacking {
background: #0da55f;
}
.btnroomspace, .btnmatcategory, .btnfurpacking {
color: #fff;
padding: 8px 5px 4px 5px;
border-radius: 4px;
cursor: pointer;
width: 240px;
text-align: center;
}
.btnroomspace, .installment-total,
.exist-matcolor li, .referencebyspace li,
.btnmatcategory, .room-section, .color-section, .installwithtitle,
.btnfurpacking, .packing-section {
display: inline-block;
}
.installment-total {
margin-right:40px;
}
#modalRoomSpaceTitle, #modalColorTitle {
background: #ea8d1e;
color: #fff;
text-align: center;
padding-top: 5px;
}
.refspaceclose, .refcolorclose, .installment-total {
float: right;
}
.btnmatcategory span:hover, .btnroomspace span:hover, .btnfurpacking span:hover {
font-weight: 800;
}
.modal-roomspace, .modal-matcolor {
width:1000px;
height: 800px !important;
overflow-y: scroll;
}
.referencebyspace, .exist-matcolor {
list-style-position: inside;
padding-left: 10px;
}
.referencebyspace li {
margin-left:4px;
margin-right: 4px;
width: 130px;
}
.imgrefspace{
width:120px;
margin-left:5px;
}
.lnkrefspace-title, .lnkrefcolor-title {
font-size: 14px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.panmatcolorbox{
margin-left:10px;
}
.exist-matcolor li {
width: 80px;
text-align: center;
}
.matcolorchoose img {
width: 60px;
height: 82px;
}
.matcolorchoose img, .matandcoloritem img {
object-fit: cover;
border: solid 1px #808080 !important;
display: block;
transition: transform 0.3s ease-in-out;
}
.matandcolordesc {
font-size: 16px;
font-weight: 600;
}
.matandcolortitle {
font-size: 13px;
line-height:19px;
font-weight: 600 !important;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: none;
margin-bottom:5px;
}
.matandcolorbox a :hover, .exist-matcolorbox :hover {
transform: scale(1.1);
height:auto;
}
.cusrefcount{
font-size:13px;
}
.matandcolorlist li {
text-align: center;
display: inline-block;
padding-right: 14px;
padding-bottom: 10px;
width:125px;
}
.matandcolorlist {
list-style-position: inside;
padding-left: 10px;
}
.imgmatcolorbox {
width: 110px;
height: 150px; /*hover เด้งเพราะ fix ความสูง*/
}
.imgmatcategory {
width: 376px;
float: left;
margin-right:19px;
}
.matandcolorheading {
clear: both;
padding-top:10px;
}
.matandcolorgrid {
padding-bottom: 30px;
}
.referencecolorbox, .installcolordetail,
.installcolordesc, .installspacetotal {
display: inline-block;
}
.installspacetotal{
color:#000;
font-size:18px;
float:right;
}
.installspacedesc{
font-size:16px!important;
}
.referencecolorbox {
margin-right: 5px;
}
.installcolordesc {
height: 80px;
}
.installcolordetail{
position:absolute;
}
.matcolorbox {
border: solid 1px #808080;
}
.imgcolorbox, .matcolorbox {
display: block;
width: 100px;
height: 140px;
}
.modal-roomspace .modal-title, .modal-matcolor .modal-title {
font-size: 18px;
color: #000;
}
.btnrefspace {
cursor: pointer;
padding: 3px 5px;
margin-right: 8px;
font-size: 15px;
font-weight: 600;
border: solid 1px #000000;
border-radius: 6px;
}
.crtitle, .fptitle, .crref-title, .fpref-title {
font-size:22px;
margin-bottom:3px;
}
.disclaimertxt{
background:#ddd;
padding-top:5px;
padding-left:4px;
border-radius:3px;
}
.referencedetails .refpics{
margin-bottom:3px;
}
.referencedetails .socialsharing{
display:inline-block;
padding-left:10px;
}
#product-refdetail li {
display: block;
position: relative;
float: left;
width: 200px;
height: 420px;
overflow: hidden;
list-style: none;
padding: 3px;
text-align: left;
margin-bottom: 5px;
}
#product-refdetail .ref-img {
width: 180px;
height: 180px;
background-repeat: no-repeat;
}
#product-refdetail .ref-code a {
color: red;
font-size: 18px;
}
#product-refdetail .ref-code{
margin-bottom:3px;
display:inline-block;
}
#product-refdetail .ref-desc .labelcustom {
display:inline-block;
font-size:15px;
color:#101bf2;
}
#product-refdetail li .ref-productitem:hover {
border: solid 1px #ccc;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#product-refdetail .ref-title {
margin: 3px 0;
padding-right:8px;
}
#product-refdetail .ref-title a {
color: #555;
line-height: 1.1;
font-size: 16px;
}
#product-refdetail .price .txtred, #product-refdetail .price .txtgreen {
font-size: 20px;
}
.refdetail-sample {
text-align: center;
}
.imgmainref {
width: 1110px;
height: 300px;
object-fit: cover;
}
.packingdetail-sample {
width: 300px;
color: #fff;
background: #ea8d1e;
padding: 8px 2px 1px 4px;
font-size: 20px;
margin-bottom: 5px;
}
.packingdetail-sample strong{
font-size:21px;
font-weight:500;
}
.packingdetail-sample{
width:280px;
}
.ref-longdesc{
line-height:26px;
}
.ref-longdesc p{
color:#000 !important;
}
.btn-us {
border: 0;
font-size: 15px;
cursor: pointer;
padding: 4px 7px;
position: relative;
background: #ea8d1e;
display: inline-block;
color: #fff !important;
text-decoration: none !important;
}
.btn-us:hover {
color: #fff;
background: #ea8d1e;
text-decoration: none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.referencedetails{
padding-left:10px;
padding-right:10px;
}
/*Product Referencelist*/
#product-referencehor .ref-more, .chk-iv,
#product-reference .ref-more, #product-referencehomepage .ref-more{
background-color: #ea8d1e;
padding: 2px 4px;
color: #fff;
}
#product-referencehor li {
width: 260px;
padding: 4px;
}
#product-referencehomepage li {
width:360px;
padding:4px;
}
#product-referencehor li, #product-reference li,
#product-referencehomepage li{
position: relative;
display: block;
float: left;
text-align: left;
font-size: 100%;
margin-bottom: 20px;
border-bottom: dotted 1px #ccc;
overflow: hidden;
list-style: none;
}
#product-reference li {
width: 260px;
padding: 2px;
}
#product-referencehor li img, #product-reference li img {
display: block;
width: 250px;
height:188px;
}
#product-referencehomepage li img {
display: block;
width: 350px;
height: 263px;
}
#product-reference li img {
margin-left: 6px;
}
#referencehor li{
width:260px;
}
#referencehomepage{
padding-left:0px;
margin-top:5px;
}
#referencehor li, #referencelist li,
#referencehomepage li {
border: 1px solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#referencelist li{
width:268px;
margin-left:7px;
}
#referencelist, #product-refdetail{
list-style-position: inside;
padding-left: 0;
}
#referencehomepage li:not(:first-child){
margin-left:15px;
}
#referencehor li:not(:first-child) {
margin-left: 8px;
}
#referencehor li:first-child {
margin-left: 2px;
}
#referencehor li .title, #product-reference li .title,
#group-reference li .title, #referencehomepage li .title
{
border-top: solid 1px #efefef;
display: block;
overflow: hidden;
padding: 2px 0 0 2px;
text-align: center;
}
.reftitle-xs {
font-size: 15px;
width: 240px;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom:none !important;
}
/*customer solution*/
#cussolution li {
display: inline-block;
margin-bottom: 20px;
}
.roomspaceli {
border: 1px solid #dedede;
border-radius: 5px;
width:560px;
}
.txtroomspacemenu {
padding-top:5px;
padding-left: 20px;
padding-right: 10px;
width:520px;
}
.roomspacemenu li a {
border-bottom: none !important;
}
.imgroomspace {
width: 540px;
height:auto;
margin-top:2px;
padding-left:17px;
padding-bottom:8px;
}
.roomspacemenu {
list-style-position: inside;
padding-left: 0px;
}
/*blog, promotionblog*/
#blog .title, #problog .title{
font-size:14px;
text-align:center;
}
#blog .imgblog, #problog .imgblog {
width: 520px;
margin-bottom: 5px;
margin-top:5px;
margin-left:15px;
}
#blog li, #problog li{
width:550px;
display:inline-block;
}
.bloglink, .probloglink {
border: 1px solid #dedede;
margin-bottom: 10px;
border-radius: 5px;
}
.bloglink h5, .bloglink h2, .probloglink h5, .probloglink h2{
padding-left:15px;
padding-top:10px;
padding-right:15px;
}
.bloglink h2, .probloglink h2{
margin-bottom:5px;
}
.newpromotionlabel {
font-size: 20px;
color: red;
float: right;
margin-top:-11px;
}
.relateblog li {
padding:5px;
width:520px;
}
.relateblog-title, .relateroomspace-title {
font-size: 22px;
width: 500px;
}
.relateblog-desc {
font-size: 16px;
padding: 4px;
width: 500px;
margin-bottom:4px!important;
}
.relateblogsm{
margin-top:10px;
margin-left:5px;
}
.relateblogsm-head {
font-weight: 700 !important;
font-size: 22px;
margin-left:10px;
margin-bottom:5px;
}
.relateblog-li a, .relateroomspace-li a {
font-weight: 600;
text-decoration: underline;
font-size: 16px;
}
.detail-relateblog{
margin-bottom: 4px!important;
}
/*myquotation*/
.well-x-sm {
margin-top: 5px;
margin-bottom: 10px;
}
.quotation-box{
padding-left:0;
padding-right:0;
margin-top:5px;
}
.qrcodeline{
margin-right:10px;
}
.qrcodeline, .qrcodeweb {
width: 100px;
height: 100px;
display: inline-block;
}
.lblinetitle{
position:absolute;
margin-left:-65px;
margin-top:-20px;
}
.hiddenordermore{
display:none;
}
.btnordermore{
display:inline-block;
}
.btnordermore a{
font-size:18px;
}
.btn-orderdetail {
display: inline-block;
background: #ea8d1e;
color: #fff;
border-radius: 4px;
padding: 3px 5px;
}
.gridpager a,
.gridpager span {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.gridpager a {
background-color: #f5f5f5;
color: #969696;
border: 1px solid #969696;
}
.gridpager span {
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
border: 1px solid #3AC0F2;
}
/*hotcontact*/
.hotcontact {
bottom: 120px;
position: fixed;
right: 15px;
z-index: 5000;
}
.hotcontact .btn-hotcontact h4{
color:#fff;
background-color:#666;
opacity: 0.8;
padding:4px 2px 4px 2px;
border-radius:3px;
font-size:15px;
text-align:center;
width:50px;
margin-left:5px;
}
.contactlist .mailtooltip, .contactlist .linetooltip, .contactlist .phonetooltip,
.contactlist .mappointtooltip, .contactlist .abouttooltip {
visibility: hidden;
}
.contactlist :hover .mailtooltip, .contactlist :hover .linetooltip, .contactlist :hover .phonetooltip,
.contactlist :hover .mappointtooltip, .contactlist :hover .abouttooltip {
color: #fff;
display: block;
background-color: #666;
opacity: 0.8;
padding: 3px 5px;
visibility: visible;
position: fixed;
border-radius: 3px;
text-transform: uppercase;
}
.contactlist :hover .mailtooltip {
margin-top:-38px!important;
margin-left:-45px!important;
}
.contactlist :hover .phonetooltip {
margin-top:-27px!important;
margin-left:-62px!important;
}
.contactlist :hover .abouttooltip {
margin-top: -27px !important;
margin-left: -82px !important;
}
.contactlist :hover .linetooltip {
margin-top:-25px!important;
margin-left:-110px!important;
}
.contactlist :hover .mappointtooltip{
margin-top:-25px!important;
margin-left:-85px!important;
}
.hotcontact .btn-hotcontact .fa{
display:inline-block;
cursor:pointer;
padding:14px;
font-size:20px;
color:#fff;
background:#0098dd;
border-bottom-color:#156bb4;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
margin-left:4px;
}
.hotcontact .btn-hotcontact .fa:hover{
background-color:#e67e22;
}
.contactlist{
margin-left:-10px;
display:none;
background:#F0F0F0;
padding-top:5px;
padding-bottom:15px;
}
.showhotcontact{
display:block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.hidehotcontact{
display:none;
}
.contactlist .btnline img{
width:30px;
height:30px;
border-radius:40px;
margin-top:5px;
margin-left:5px;
}
.contactlist .btnmappoint img{
width:30px;
margin-left:10px;
margin-top:11px;
}
.contactlist .fa-phone, .contactlist .fa-building-o {
margin: 13px 0 0 9px;
color: #fff;
font-size: 25px;
}
.contactlist .fa-envelope-o{
font-size:28px;
margin:8px 0 0 -2px;
color:#fff;
}
.contactlist li{
width:48px;
height:48px;
border-radius:40px;
margin-top:10px;
cursor:pointer;
margin-left:10px;
}
.contactlist .btnmappoint{
background:#ddd;
}
.contactlist .btnmail{
background:#ef2220;
border-radius:40px;
width:60px;
height:60px;
}
.contactlist .btnline{
padding:4px;
background-color:#00b900;
}
.contactlist .btnaboutus {
background-color: #4e57f2;
}
.contactlist li:last-child{
background-color:#f2910f;
}
.contact-bottom{
margin-bottom:5px;
}
/*contact us*/
.fix-contactus {
font-family: sukhumvitligh-th, sans-serif !important;
}
/*email popup container*/
.modal .modal-wide .modal-dialog {
margin-top: 30px;
}
.modal-wide .modal-body {
padding-top:10px;
}
.modal-header{
padding:5px 5px 0;
}
/*.modal-content{
height:620px;
}*/
.contact-communicate {
right:10px;
display:inline-block;
}
.contact-block{
display:inline-block;
}
/* BackToTop button css */
#scroll {
bottom:50px;
background-color:#ccc;
display:none;
position:fixed;
right:15px;
cursor:pointer;
width:50px;
height:50px;
text-indent:-9999px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
z-index:5000;
}
#scroll span {
position:absolute;
top:48%;
left:48%;
margin-left:-9px;
margin-top:-15px;
height:0;
width:0;
border:10px solid transparent;
border-bottom-color:#ffffff
}
#scroll:hover {
background-color:#ff6a00;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}
/* Product Catalog
===================*/
#tiles-main {
margin-top: 20px;
}
#tiles-main ul{
padding-left:3px;
}
#tiles, #displaytiles {
list-style-type: none;
margin: 0;
position: relative;
}
[data-readmore-toggle], [data-readmore-toggle]:hover {
margin-top: 5px;
padding-left: 5px;
background: #ea8d1e;
color: #fff !important;
}
#info .readmore-chevron {
font-size: 20px !important;
padding-top:14px;
}
.readmore-chevron .fa-chevron-down{
position:absolute;
}
.catalogcontent .fadeout {
position: relative;
bottom: 4em;
height: 2.3em;
background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
border-bottom: solid 2px #ea8d1e;
}
.subcat-boxcontent [data-readmore-toggle], .subcat-boxcontent [data-readmore-toggle]:hover {
background: none;
color: #808080 !important;
font-weight: 400;
text-align: right;
}
.subcontent {
padding-left: 2px !important;
}
.subcontent .campaignheader {
font-size: 14px;
}
.productspage h1 {
font-size: 32px;
}
.catnameth {
font-size:15px !important;
font-weight:600 !important;
margin-bottom:5px!important;
}
.catnameeng{
font-size:12px!important;
}
.categorydisplaybox{
margin-top:10px !important;
}
/**
* Grid items
*/
#tiles li {
width: 220px;
background-color: #ffffff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
cursor: pointer;
padding: 4px;
}
#tiles li .title, #displaytiles li .title {
border-top: solid 1px #efefef;
display: block;
overflow: hidden;
padding: 7px 0 0 0px;
text-align:center;
}
#tiles li .imagelink, #displaytiles li .imagelink {
padding: 4px;
margin-bottom: 5px;
display: block;
position: relative;
}
#displaytiles li .imagelink{
padding-left:5px!important;
}
#tiles li img, #displaytiles li img {
display: block;
width: 200px;
}
#tiles li h3, #displaytiles li h3 {
color: #666;
font-size: 14px;
}
.cat-adminview {
margin-top: -25px;
}
/*-----------------------
Products not include vat
------------------------*/
.productexclude {
background: #ea8d1e;
color: #fff;
padding: 4px 5px;
}
/*-----------------------
Product
------------------------*/
.new-item {
background: #fcffed;
border: solid 1px #edf5bf;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
box-sizing: content-box;
padding: 5px;
}
.product-empty {
text-align: center;
margin-top: 50px;
padding: 5px;
font-size: 120%;
height: 100px;
}
.product-sort {
position: relative;
float: left;
margin: 20px 20px 10px 0;
}
.product-quan {
text-align: right;
float: right;
position: relative;
}
.product-item, .faq {
display: block;
clear: both;
border: solid 1px #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top: 5px;
}
.product-item .top, .faq .top {
padding: 15px 0 0;
}
.product-item .bottom, .faq .bottom {
padding: 0 15px 15px 15px;
display: block;
overflow: hidden;
}
.faq .bottom {
padding-right: 35px;
}
.product-link {
margin: 10px;
display: block;
}
.product-image {
width: 180px;
height: 180px;
background-repeat: no-repeat;
}
.product-desc {
border-right: dotted 1px #ccc;
margin-bottom: 10px;
}
#reference .product-desc {
width: 75%;
border-right-width: 0px;
}
.product-desc a {
color: #cc0000;
line-height: 1.5em;
}
.product-related {
float: right;
margin: 15px 15px 0 0;
/*border-right:dotted 1px #ccc;*/
}
.product-subitem {
padding: 5px;
}
.product-subitem .row {
border-bottom: dotted 1px #ccc;
background: #F5F4EB;
padding: 5px;
}
/* ----Product Thumbnail----
=================*/
#big-thumb, #product-thumb {
clear: both;
margin: 10px 0 10px 0;
padding: 0;
overflow: hidden;
}
#product-thumb li{
width: 220px;
padding: 9px;
margin-bottom: 20px;
}
#big-thumb li {
width:275px;
padding: 5px;
margin-bottom: 30px;
}
#product-thumb li, #big-thumb li {
display: block;
position: relative;
float: left;
overflow: hidden;
list-style: none;
text-align: left;
font-size: 100%;
border-bottom: dotted 1px #ccc;
}
#product-thumb .thumb-img, #product-thumb .thumb-img-2 {
width: 200px;
height: 200px;
background-repeat: no-repeat;
}
#big-thumb .thumb-img, #big-thumb .thumb-img-2 {
width: 260px;
height:260px;
background-repeat: no-repeat;
}
#product-item .thumb-img, #product-item .thumb-img-2 {
width: 220px;
height:220px;
background-repeat: no-repeat;
}
#product-thumb .thumb-link, #big-thumb .thumb-link, #product-item .thumb-link {
display: block;
overflow: hidden;
}
#product-thumb .thumb-desc, #big-thumb .thumb-desc {
text-align: left;
}
#big-thumb .title, #product-thumb .title {
line-height: 1em;
font-size: 16px;
overflow: hidden;
margin-top:2px;
}
#big-thumb h3, #product-thumb h3 {
letter-spacing: 0;
line-height: 1.2em;
}
#big-thumb .code a, #product-thumb .code a {
font-size: 18px;
color: #ff0000;
}
#big-thumb .code, #product-thumb .code{
margin:2px 0;
}
#big-thumb .maxstock{
width:80px;
height:25px;
font-size:14px;
font-weight:600;
}
#product-thumb .maxstock{
width:46px;
height:23px;
font-size:11px;
font-weight:300;
margin-top:2px;
}
.maxstock{
float:right;
border:solid 1px #0098dd;
text-align:center;
display:inline-block;
}
.maxnetstock{
color:#0aaa3a;
}
.maxstockqty{
color:#0c50f1;
}
#product-thumb .price, #big-thumb .price{
display:inline-block;
margin-left:3px;
}
#product-thumb .price .txtred,
#big-thumb .price .txtred{
font-size:16px!important;
display:inline-block;
}
#product-thumb .price .txtgreen,
#product-thumb .price .highest-price,
#big-thumb .price .txtgreen,
#big-thumb .price .highest-price,
#big-thumb .normalprice, #product-thumb .normalprice
{
display:inline-block;
}
.imghinthat, .imgkeymsg {
position: absolute;
pointer-events: none;
margin-left: -2px;
}
#big-thumb .imgkeymsg {
width: 70px;
margin-top: -7px;
z-index:300;
}
#big-thumb .imghinthat {
width: 60px;
margin-top: -7px;
}
#product-thumb .imghinthat {
width: 46px;
margin-top: -4px;
}
#product-thumb .imgkeymsg {
width: 52px;
margin-top: -5px;
z-index: 300;
}
#big-thumb h4 {
width: 52px;
text-align: center;
}
#product-thumb h4{
width: 40px;
}
.detail-hint, .detail-imgkeymsg {
width: 80px;
margin-top: -9px;
margin-left: -4px;
position: absolute;
z-index: 100;
pointer-events: none;
}
.detail-imgkeymsg {
z-index: 300;
}
.price #detail-pro, .price #detail-promonth {
font-size: 24px;
}
#detail-price, #detail-monthprice{
font-size:16px;
text-decoration:line-through;
}
.price .txtgreen, .highest-price .txtgreen-xs, .price .txtred {
font-size: 19px;
font-weight: 600;
line-height: 24px;
margin-bottom: 12px;
font-family: sukhumvitligh-th, sans-serif;
}
.txtgreen, .txtgreen-xs {
color: #72c02c;
}
/*.highest-price .txtgreen-xs {
font-weight: 600;
}*/
.txtred {
color: #ff0000;
}
.price .discount {
text-decoration: line-through;
}
.product-command * {
border-radius: 0 !important;
}
.product-command {
clear: both;
bottom: 0;
position: relative;
}
#big-thumb .retaillabel {
width: 258px;
position: absolute;
margin-top: -48px;
}
#product-thumb .retaillabel {
width: 198px;
position: absolute;
margin-top: -37px;
}
#big-thumb .showroomlabel, #product-thumb .showroomlabel, #product-item .showroomlabel {
background: #4682B4;
color: #fff;
border-radius: 3px;
}
#big-thumb .showroomlabel, #product-item .showroomlabel {
padding-left: 3px;
padding-right: 2px;
font-size: 13px;
}
#big-thumb .showroomlabel, #product-thumb .showroomlabel{
display:inline-block;
margin-bottom:0px!important;
position:absolute;
margin-top:3px;
margin-left:3px;
}
#product-thumb .showroomlabel {
font-size: 11px;
padding: 1px 2px 0px;
margin-top: 5px;
}
#product-item .showroomlabel{
padding-bottom:3px;
}
#product-thumb .existshowroom span {
font-size: 13px;
}
.ga4content{
color:#95a5a6;
}
/*emotional title*/
#big-thumb .emotionlabel, #product-thumb .emotionlabel, #product-item .emotionlabel {
position: absolute;
color: #fff;
padding: 2px 2px;
text-align: center;
border-radius: 3px;
pointer-events:none;
}
#product-thumb .emotionlabel {
top: 12px;
right: 12px;
}
#big-thumb .emotionlabel {
top: 8px;
right: 12px;
}
#product-item .emotionlabel{
right:45px;
}
.emotionlabel h5 {
margin-top: 2px;
margin-bottom: 0px;
font-size: 13px !important;
}
.existshowroom, .previousflag {
display: inline-block;
}
#product-thumb .thumb-link img:last-child, #big-thumb .thumb-link img:last-child, #product-item .thumb-link img:last-child {
display: none;
}
#product-thumb .thumb-link:hover img:first-child, #big-thumb .thumb-link:hover img:first-child, #product-item .thumb-link:hover img:first-child {
display: none;
}
#product-thumb .thumb-link:hover img:last-child, #big-thumb .thumb-link:hover img:last-child, #product-item .thumb-link:hover img:last-child {
display: inline-block;
}
.shoppingtxt{
display:inline-block;
width:40px!important;
height:28px;
}
.addqty-btn{
margin-top:-3px;
margin-left:-3px;
width:28px;
height:28px;
}
.addqty-btn i {
margin-left:-4px;
}
.btnqty{
display:inline-block;
width:70px;
float:left;
}
#product-thumb .soldout-product{
width:100px;
height:100px;
position:absolute;
z-index:7;
}
.detail-soldout{
position:absolute;
z-index:7;
}
.proofthemonth{
position: absolute;
z-index: 100;
margin-top: 300px;
margin-left:-5px;
width:150px;
}
.detail-showroomlabel, .admin-showroomtitle {
float: right;
background: #4682B4;
color: #fff;
z-index: 500;
padding-left: 3px;
padding-right: 2px;
border-radius: 3px;
position: relative;
}
.detail-showroomlabel {
right: 10px;
top: 2px;
}
.admin-showroomtitle {
margin-top:25px;
font-size:11px;
position:absolute;
right:25px;
}
#product-thumb .group-promonth{
position:absolute;
margin-top:95px;
margin-left:-12px;
z-index:2;
width:90px;
}
#big-thumb .group-promonth{
position:absolute;
margin-top:200px;
margin-left:-9px;
z-index:5;
width:100px;
}
#big-thumb .leftframeimport{
height:260px;
}
#big-thumb .rightframeimport{
height:262px;
margin-left:260px;
margin-top:-260px;
}
#big-thumb .topframeimport, #big-thumb .bottomframeimport{
width:260px;
}
.topframeimport, .bottomframeimport,
.leftframeimport, .rightframeimport
{
border:solid 1px #ea8d1e;
position:absolute;
}
#product-thumb .leftframeimport{
height:200px;
}
#product-thumb .rightframeimport{
height:201px;
margin-left:200px;
margin-top:-200px;
}
#product-thumb .topframeimport, #product-thumb .bottomframeimport{
width:200px;
}
/*clearance thumbnail*/
.thumb-clearancebox .clearance-colorbox {
width: 20px;
height: 62px;
border: solid #808080 1px;
}
.thumb-clearancedetail{
width:95px;
position:absolute;
margin-left:2px;
}
.thumb-clearancedetail h5{
margin:5px 2px;
font-size:13px;
font-weight:500 !important;
color:#000;
}
.thumb-clearancestock {
width: 20px;
float:right;
}
.clearance-colorbox, .thumb-clearancedetail,
.thumb-clearancestock, .bigthumb-clearancedetail, .bigthumb-clearancestock
{
display:inline-block;
}
.thumb-clearancebox, .bigthumb-clearancebox {
padding-left:1px;
}
.thumb-clearancebox .thumb-clearancelist{
padding: 1px !important;
width:150px;
height:80px;
margin-bottom: 2px !important;
border: solid red 1px !important;
}
.thumb-clearancelist {
margin-bottom: 2px;
}
.clearance-stocktype {
color: red !important;
}
.bigthumb-clearancebox .clearance-colorbox {
width: 62px;
height: 62px;
border: solid #808080 1px;
margin-left: 2px;
}
.pnlclearance{
display:inline-block;
}
.bigthumb-clearancebox .bigthumb-clearancelist {
padding: 1px !important;
width: 255px !important;
height: 70px !important;
margin-bottom: 2px !important;
border: solid red 1px !important;
}
.bigthumb-clearancestock {
width: 40px;
float: right;
text-align:center;
}
.bigthumb-clearancestock p{
font-size:13px;
margin-bottom:2px;
}
.bigthumb-clearancestock strong{
font-size:18px;
}
.bigthumb-clearancestock h5{
margin-top:2px;
margin-bottom:5px;
}
.bigthumb-clearancedetail {
width: 145px;
position: absolute;
margin-left: 5px;
}
.bigthumb-clearancedetail h5{
margin:5px 3px;
font-weight:700 !important;
color:#000;
}
/*-------------------------
Promotion Group Product
--------------------------*/
#product-thumb .spe-product, #big-thumb .spe-product,
.product-item .spe-product, .flagship-item .spe-productsm,
.product-item .group-promonth {
pointer-events: none;
position: absolute;
}
#product-thumb .spe-product {
margin-top: 150px;
z-index: 5;
width: 70px;
}
#big-thumb .spe-product {
margin-top: 190px;
margin-left: -2px;
z-index: 5;
width: 100px;
}
.product-item .spe-product{ /*product list view*/
margin-top:170px;
margin-left:-3px;
width:70px;
}
.flagship-item .spe-productsm {
width: 70px;
margin-top: 130px;
margin-left:-3px;
}
.product-item .group-promonth {
margin-top: 162px;
margin-left: 3px;
z-index: 5;
width: 70px;
}
.imgbucket{
width:100px;
height:100px;
}
.thumb-desc h3{
margin-bottom:5px;
}
.des span, .matheader span{
font-size:16px;
color:#000;
}
.sale-expire{
color:red;
font-size:14px;
margin-top:10px;
}
.promotion-box {
display: inline-block;
}
.retailbanner{
width:620px;
}
.productdetail-des {
display: inline-block;
margin-right: 5px;
}
.pnlblock, .leadtime-box, .btn-utility {
display: inline-block !important;
}
.admin-groupinfo{
margin-left:12px;
display:inline-block;
}
.admin-groupinfo label{
font-weight:400;
}
.btn-leadtime{
margin-top:0px;
margin-bottom:2px;
background:#0da55f;
padding:5px 4px 4px 6px;
border-radius:5px;
}
.leadtime-detail{
border:solid 1px #ccc;
border-radius:4px;
}
.leadtime-date, .leadtime-con, .leadtimenote{
margin-left:5px;
}
.leadtime-date{
font-size:16px;
margin-bottom:5px;
margin-top:7px;
}
.leadtime-con, .leadtimenote{
font-size:13px;
margin-bottom:5px;
}
.leadtimenote{
font-weight:600!important;
}
.disclaimertxt .fa{
color:#fff;
background:#0098dd;
padding:4px;
border-radius:14px;
}
.questionbox {
position: absolute;
padding-left: 20px;
padding-top: 5px;
height:85%;
overflow-y:auto;
}
#myquestionbox::-webkit-scrollbar {
width: 10px;
}
#myquestionbox::-webkit-scrollbar-thumb {
background-color: #005aff; /* เปลี่ยนสีส่วนเลื่อน */
border-radius: 10px;
}
#myquestionbox::-webkit-scrollbar-thumb:hover{
background-color: #555;
}
#myquestionbox::-webkit-scrollbar-track {
background-color: #f1f1f1; /* เปลี่ยนสีพื้นหลังของ scrollbar */
}
.questionlist {
list-style: none;
padding-left: 2px;
}
.questionlist h4, .questionlist .li-answer{
color:#000000 !important;
}
.questionlist h4{
font-size:18px;
font-weight:700!important;
margin-bottom:2px;
}
.questionlist .li-answer {
font-size:16px;
font-family: sukhumvitligh-th, sans-serif;
}
.li-answer table {
padding: 8px 12px 5px 15px;
margin-top:6px;
}
.checkbox-circle {
margin-bottom: 15px;
border-bottom: solid 1px #eee;
}
.question-filterhead, .question-btnfilter {
display: inline-block;
}
.question-filterhead{
font-size:23px;
font-weight:700 !important;
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
}
.question-btnfilter {
border: none !important;
border-radius: 12px;
font-family: sukhumvitligh-th, sans-serif;
font-size: 16px;
font-weight:700;
color:#ffffff;
padding: 2px 12px;
background: #005aff;
}
.questionlist input[type=checkbox] :hover {
cursor:pointer;
}
.questionlist input[type=checkbox] {
width: 15px;
height: 15px;
}
.questionsidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 4900;
top: 0;
left: 0;
background-color: azure;
border: #5bc0de 1px solid;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.questionsidenav .questionhead {
position:absolute;
top:0;
padding-top:25px;
padding-left:8px;
}
.questionsidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
.questionsidenav a:hover {
color: #666;
}
.questionsidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 32px;
margin-left: 50px;
}
.question-filterbottom {
position: absolute;
bottom: 0;
padding: 10px;
}
.question-toggle, .btnclearanswer, .question-toggle-active {
font-size: 14px;
font-weight: 600;
border: solid 1px #ddd;
border-radius: 8px;
padding: 6px 14px 4px 14px;
margin-left: 2px;
}
.question-toggle-active{
background: #3498db!important;
color:#ffffff!important;
cursor:pointer;
}
.btnclearanswer {
background: #ffffff;
padding: 3px 10px;
}
.btnopenfilter {
display: inline-block;
}
.answerbox .btnclearanswer, .question-toggle {
cursor: pointer;
}
.clearanswerbox :hover {
border: #0098dd solid 1px;
}
span.question-toggle:hover {
border: #ea8d1e solid 1px !important;
text-decoration: none !important;
}
.answerlabel {
font-size: 14px;
border: #5bc0de 1px solid;
border-radius: 8px;
padding: 3px 4px 2px 4px;
}
.answerlabel span {
padding-left: 5px;
}
.answerbox {
padding-left: 4px;
}
.answerbox h4 {
margin-top: 2px;
margin-bottom: 4px;
display: inline-block;
}
.productionlist {
padding-left: 0;
margin-bottom: 2px;
}
.productionlist li{
display:inline-block;
}
.productsku{
padding-left:0;
padding-right:2px;
}
.print-assembly{
position:absolute;
}
.btnassembly {
margin-left:23px;
}
.itempacking, .stockhistory {
height: 100px;
border: solid 1px #078b1e;
background: #ddd;
}
.stockhistory {
width: 450px;
overflow:hidden;
}
.itempacking {
width: 260px;
}
.itempacking, .stockhistory, .productionitem {
float: left;
padding-left: 2px;
}
.productionitem {
height: 50px;
width: 300px;
border: solid 1px #00008B;
background: #ddd;
margin-left: 2px;
}
.companynote{
display:inline-block;
background:#def6a3;
border:#1b9708 1px solid;
height:50px;
width:300px;
margin-left:2px;
padding-left:2px;
}
.productiondrawing {
padding-left:10px;
padding-right:5px;
}
.productiondrawing img{
width:70px;
height:70px;
}
.lnkproductionimg, .lnkspecimg, .lnkassemblyimg {
text-align: center;
width: 80px;
display: inline-block;
}
.imgboq {
position: relative;
margin: auto;
}
.imgboq img {
max-width: 100%;
transition: all 0.3s;
display: block;
height: auto;
transform: scale(1);
}
.imgboq:hover img {
transform: scale(1.1);
width: 100%;
}
.boqbox {
padding-left: 0;
margin-top:10px;
}
.boqbookingtext{
color:#f6c2c2;
}
.competitorbox{
margin-top:10px;
}
.hasboq {
background: #ddd;
display: inline-block;
padding-right: 143px;
height: 30px;
position: absolute;
z-index: -1;
}
.producthasboq, .grouphasboq, .productfg {
background: red;
color: #fff;
padding: 1px 2px;
font-size: 13px;
}
.hasrelateboq{
color:red;
}
.productfg {
background: #4ac5f3;
}
.unactiveboq{
opacity:0.3;
}
.activeboq{
opacity:1;
}
.subcat-leftbox, .subcat-rightbox {
display: inline-block;
}
.highlightop {
color: #ff0000;
background: #FFFF00!important;
}
/*Clearance Details*/
.clearance-item {
margin-bottom: 10px;
border-bottom: dotted 1px #ccc;
padding-bottom: 10px;
}
.clearance-detail-list {
padding: 5px 10px;
}
.imgclearancelist {
width: 150px;
}
.img-clearance {
width: 400px;
height: auto;
}
.clearance-item input{
width:40px;
}
.clearance-code {
color: #4D70B8;
margin-top:5px;
margin-bottom:5px;
}
.clearance-code,
.cl-colorbox, .clearance-detail, .clearance-price {
display: inline-block;
}
.showadmin-clearance {
display: none;
}
.imgclearancecolor, .lbcolorbox {
width: 38px;
height: 53px;
border: solid 1px #808080;
}
.lbcolorbox{
display:block;
}
.clearance-detail, .clearance-stock, .clearance-price {
margin-right: 5px;
}
.clearance-stock {
display: inline-block;
text-align: center;
padding: 3px 8px 0px 4px;
}
.clearance-detail {
padding: 3px 8px 2px 4px;
}
.clearance-price {
padding: 5px;
}
.clearance-detail, .clearance-stock{
border-right: solid 1px #ccc;
}
.clearance-remain, .clearance-pcs {
display: inline-block;
}
.clearance-remain, .clearance-price h5{
font-size:18px;
}
.clearance-price h4{
margin-top:2px;
margin-bottom:5px;
}
.clearance-stockred, .clearance-pricetxt, .clearance-defect {
color: red;
}
.clearance-defect{
margin-top:8px;
margin-bottom:5px;
}
.clearance-stock h5, .clearance-detail h4, .clearance-stockred,
.clearance-remain, .clearance-price h5, .clearance-pcs {
margin-bottom: 0px;
}
.cl-colorbox{
position:absolute;
}
/*-------------------------
Product Details
--------------------------*/
.btnproduction, .btnprintspec, .btnclearance {
border: solid #0098dd 1px;
cursor: pointer;
display: inline-block;
padding-left: 3px;
}
.btnclearance {
width: 73px;
}
.btnproduction, .btnprintspec{
width:86px;
}
.btnsizemeasure {
width: 53px;
color:#fff;
background:#f0ad4e;
border: solid #f0ad4e 1px;
display: inline-block;
padding-left: 3px;
}
.detail-name {
font-size: 24px;
margin-bottom: 5px;
padding-left: 6px;
font-weight: 600 !important
}
.begin-price {
margin: 5px 0;
padding-left: 6px;
font-size: 22px;
color: #ff0000;
display:inline-block;
}
.begin-price strong{
font-weight:800;
font-size:24px;
}
.full-image {
float: left;
width: 305px;
overflow: hidden;
}
.full-detail {
margin-left: 0px;
overflow: hidden;
}
.full-detail #slideNav {
display: block;
overflow: hidden;
}
.full-detail #slideNav li {
list-style: none;
display: block;
float: left;
height: 50px;
width: 50px;
padding: 3px;
}
.full-detail-list {
border-bottom: dotted 1px #ccc;
overflow: hidden;
display: block;
margin: 10px 0 10px 0;
padding: 0 0 10px 10px;
}
.full-detail-list input {
width: 40px;
}
.full-detail-list h3 {
font-size:22px;
color: #4D70B8;
}
.colon-line{
font-size:18px;
font-weight:700;
padding-left:3px;
color:#666;
}
.full-detail-list .show-description {
color: #545454;
}
.full-detail-list .itemdesc, .full-detail-list .item-imgmap{
display:inline-block;
}
.full-detail-list .item-imgmap{
margin-right:15px;
float:left;
}
.full-detail-list .itemweight{
border:#ea8d1e 1px solid;
border-radius:3px;
padding:3px 4px;
}
.product-attribute li {
display: block;
float: none;
height: auto;
width: auto;
padding: 0;
margin: 0;
}
.include-vat {
font-size: 14px;
color: #e67e22;
}
.pics {
padding: 0;
margin: 0;
min-height: 442px;
}
.pics img {
background-color: #eee;
top: 0;
left: 0;
}
.img-responsive {
width: 450px;
height: auto;
}
.selectable .ui-selecting {
background: #FECA40;
}
.selectable .ui-selected {
background: #F39814;
color: white;
}
.selectable {
list-style-type: none;
margin: 0;
padding: 0;
}
.selectable li {
padding: 3px;
margin: 3px;
cursor: pointer;
line-height: 1.2em;
}
.selectable li h4 {
margin: 5px 0;
}
.footer-reference{
background: top center url(images/header-gradient.png) no-repeat;
height:20px;
}
.ref-block, .packing-block{
display:inline-block;
}
.packing-block{
clear:both;
float:left;
}
.ref-block h3{
width:100%!important;
}
.footer-headline h3 {
width: 80%;
border-bottom: dotted;
border-width: 0.8px;
margin-top: 20px;
}
.greenstock{
border-color:#14ae0d !important;
}
.yellowstock {
border-color: #f8ed0e !important;
}
.redstock {
border-color: red !important;
}
.greenstock, .yellowstock, .redstock{
padding:0px 4px 4px 4px;
border:solid 1px;
}
.topadminmatbox {
display: flex;
flex-direction: row;
color: #ccc;
padding-left:25px;
}
.topadminmatbox:before, .topadminmatbox:after {
content: "";
flex: 1 1;
border-bottom: 1px solid;
margin: auto;
background: #ccc;
}
.topadminmatbox:before {
margin-right: 8px
}
.topadminmatbox:after {
margin-left: 8px
}
.imgspecanswer{
width:25px;
}
.showanswerimg {
display: inline-block;
}
.showanswerimg .imganswerspecbox {
display: none;
position: absolute; /* ใช้ตำแหน่งแบบลอย */
z-index: 100;
background-color: #fff;
border: 1px solid #ccc;
padding: 10px;
}
.showanswerimg:hover .imganswerspecbox {
display: block;
}
.btndimension {
border-radius: 9px;
color: #fff;
background: #f0ad4e;
}
/*customer ref in product detail page*/
.detail-reftitle {
font-size: 15px;
width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: none !important;
}
#group-reference {
list-style-position: inside;
padding-left: 0;
}
#group-reference li{
position: relative;
display: block;
float: left;
margin-bottom:20px;
border-bottom: dotted 1px #ccc;
overflow: hidden;
list-style: none;
width:365px;
margin-left:0;
margin-right:14px;
}
#group-reference li img{
display:block;
width:350px;
height:263px;
margin-left:6px;
}
#group-reference .ref-more {
background: #ea8d1e;
padding: 2px 4px;
color:#fff;
}
.matheader{
margin-top:5px;
margin-bottom:5px;
color:#e67e22;
}
.matinfo-item{
display:block;
}
.materialinfo-box ul{
margin-bottom:0px;
}
.sizeaccept-error{
color:#989696;
}
.txtwarranty, .txtstandard {
margin-top: 7px;
font-size: 16px;
font-weight: 600 !important;
}
.txtwarranty, .warrantydetail, .txtstandard, .standarddetail {
margin-bottom: 0px;
padding-left: 5px;
}
.warrantydesc, .standarddesc {
display: inline-block;
position: absolute;
}
.txtyear-warranty, .txtnamestandard {
border: solid 1px #ddd;
border-radius: 6px;
padding: 8px 10px 6px 8px;
color: #ffffff;
font-size: 20px;
display: inline-block;
margin-bottom: 6px;
}
.txtyear-warranty {
background: #4CAF50;
}
.txtnamestandard {
background: #FF0000;
}
.imgwarranty, .imgstandard {
width: 20px;
}
.warranty-box, .standard-box {
padding-left: 5px;
margin-left: 20px;
}
.warranty-line, .feature-line {
color: #ddd;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 28px;
}
.qualityassurance {
display: flex;
flex-direction: column; /* จัดกล่องให้แสดงต่อกันจากบนลงล่าง */
gap: 20px; /* ระยะห่างระหว่างกล่อง */
}
.groupdescription ul {
margin-bottom: 3px;
}
.groupdescription{
margin-bottom:10px;
font-size:14px;
}
.show-description, .itemweight, .item-sizing {
display: inline-block !important;
}
.table-nonbottom tbody tr td {
border: 0 !important;
}
.table-nonbottom{
border:0 !important;
}
.stocked-color{
border:solid #95a5a6 1px;
border-radius:5px;
padding:2px 4px;
}
.stocked-color, .unstocked-color{
font-size:10px;
}
/*image zoom zoom*/
.imgzoom {
margin-bottom: 20px;
width: 800px;
border-bottom: dotted 1px #ccc;
padding-bottom:5px;
}
.imgzoomitem {
width: 800px;
margin-bottom: 10px;
}
.zoomItemlist{
list-style:none;
}
.zoom-title, .zoom-arrow{
font-size:20px;
}
.zoomitem-title{
font-size:18px;
margin-bottom:5px;
}
.btn-zoom i{
font-size:14px;
}
.btn-zoom{
font-size:16px;
border-radius:5px;
background:#0098dd;
}
.specialproduct {
margin-left: -27px;
position: absolute;
z-index: 100;
margin-top: 310px;
width: 150px;
pointer-events: none;
}
.showproduction{
display:none;
}
.zoomtitle, .zoomimagebox, .zoommaterial, .zoomItemlist {
text-align: center;
}
.imgzoomcaption {
font-size: 22px;
color:#fff;
background-color: #4682B4;
display:inline-block;
padding:6px 8px;
border-radius:4px;
}
/*service tab in productdetail*/
.service-detail {
padding: 5px;
}
.service-detail .fa{
font-size:45px;
}
.servicemap{
width:50px;
height:50px;
margin-top:23px;
}
.serviceline-icon{
width:100px;
height:100px;
}
.serviceline-box, .servicephone-box, .servicemail-box,
.servicefb-box, .servicemap-box{
text-align:center;
}
.servicephone-box, .servicemail-box,
.servicefb-box{
margin-top:28px;
}
/*socialshare in productdetail*/
.socialsharing ul{
display:inline-block;
}
.socialsharing .list-unstyled{
margin-bottom:1px;
}
.socialtxt{
margin-right:10px;
margin-bottom:1px;
display:inline-block;
}
.socialsharing .hidProductUrl {
opacity: 0;
position: absolute;
z-index: -9999;
pointer-events: none;
}
.socialsharing .fa{
color:#fff;
margin-top:5px;
}
.link-mail .fa{
margin-left:-1px;
}
.socialsharing li{
border-radius:12px;
width:25px !important;
height:25px;
}
.vdo-title{
font-size:14px;
}
.groupvid {
display: inline-block;
}
.link-mail {
background: red;
}
.link-fb{
background:#18649e;
}
.link-twt{
background:#00acee;
}
.previousstatus{
display:inline-block;
}
.previousstatus .fa, .previousflag .fa{
color:red;
}
.gagroupcontent{
opacity:0;
display:inline-block;
}
/*Campaign & Flagship & Landing Page*/
#flagship .mthumb-img {
width: 180px;
height: 180px;
background-repeat: no-repeat;
}
.campaign-header h1, .promotionblog-header h1{
text-align: center;
font-size: 32px;
font-weight: 600 !important;
}
.campaign-header .campaigndesc, .promotionblog-header .campaigndesc {
font-size: 20px;
color: #000;
font-family: sukhumvitligh-th, sans-serif;
font-weight: 400;
}
.flagshipheader, .bannerheader, .postheader,
.campaignheader, .crpostheader, .promotionblogheader,
.vdoheader, .testimonialheader {
border: solid #95a5a6 1px;
width: 150px;
text-align: center;
border-radius: 3px;
}
.bannertitle, .posttitle, .flagshiptitle,
.campaigntitle, .crposttitle, .problogtitle, .lnkvdo-title,
.lnktestimonial-title {
color: #95a5a6;
}
.flagship-refitem{
font-size:20px;
font-weight:600!important;
margin-top:10px;
}
.mag-shorttitle span {
font-weight: 500 !important;
font-size: 25px !important;
}
.magazinecontent {
width: 750px;
}
.magazinecontent-md{
width:720px;
}
.magazinecontent, .magazinecontent-md {
float: left;
margin-bottom: 20px;
font-size: 14px;
}
.magazine-imagelist input[type=button] {
background-color: #04AA6D;
border: none;
border-radius: 3px;
color: white;
text-decoration: none;
cursor: pointer;
}
.postvideo, .refposttitle, .referencepost {
text-align: center;
}
.referencepost img{
width:500px;
}
#flagship .code {
font-size: 20px;
padding-left: 5px;
color: #ff0000;
}
#flagship .title{
font-size:16px;
width:220px;
padding-left:5px;
}
#flagship .price{
padding-left:5px;
}
.flagship-item a{
text-decoration:none;
}
.flagship-item .highest-price{
display:inline-block;
}
.flagshipdesc, .postdesc {
font-size: 18px;
font-family: sukhumvitligh-th, sans-serif;
}
.slick-slide li .flagship-item:hover {
border: solid 1px #ccc;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.btnflagshipsub {
background: #0da55f;
padding: 5px 4px 2px;
border-radius: 4px;
color: #fff;
font-size:16px;
}
.btnflagshipsub i{
font-size:14px!important;
}
/*testimonial*/
.testimonial-title, .project-ref, .project-brief, .btnflagshipsub:hover {
color: #000000;
}
.imgtestimonial {
width: 500px;
border: solid 1px #808080 !important
}
.testimonial-title{
width:500px;
}
.testimonial-content {
margin-top: 10px;
padding-left: 5px;
padding-right:20px;
}
.testimonialbox li{
float:left;
overflow:hidden;
padding-bottom:10px;
}
.project-brief{
margin-top:10px;
line-height:25px;
overflow:hidden;
padding-right:5px;
}
.imgref-saletrans{
width:130px;
margin-bottom:5px;
}
.saletransactionbox{
width:540px;
}
/*----btn-utility---*/
.btn-utility h4 a {
background: #e67e22;
padding: 4px 1px 2px 8px;
border-radius: 5px;
}
.btn-utility h4 a:hover {
color: #95a5a6 !important;
background: #ddd;
border-radius: 5px;
}
.btn-custom{
padding-right:5px;
}
.btn-utility h4 a , .btn-customize h4,
.btnsub-lite, .btn-noncustomize h4, .btn-leadtime{
font-size: 15px;
font-weight:400!important;
font-family:sukhumvitligh-th, sans-serif;
color: #ffffff !important;
}
.btn-customize, .btn-noncustomize {
background:red;
border-radius:5px;
text-align:center;
display:inline-block;
width:110px;
height:27px;
}
.btn-customize h4, .btn-noncustomize h4{
margin-left:6px;
margin-bottom:2px;
}
.btn-noncustomize h4{
margin-top:7px;
}
.btn-noncustomize i {
font-size:13px;
}
.btnsub-lite {
background: #0098dd;
border-radius: 5px;
cursor: pointer;
}
.btnsub-lite{
padding:2px 6px 1px 6px;
margin-left:-38px;
width:80px;
}
.subcat-lite li {
display:none;
}
.subcat-lite li:first-child{
display:block;
}
.table-xs,.table-xxs{
margin-bottom:0px;
}
.table-xs tr,.table-xxs tr{
height:26px !important;
}
.table-xs td, .table-xs th, .table-xxs td, .table-xxs th{
padding:2px !important;
}
.table-xs span{
font-size:11px;
}
.table-xxs td,.table-xxs th{
text-align:center;
}
.fa-caret-down, .fa-caret-up{
font-size:18px;
color:blue;
}
.fa-tasks, .fa-phone{
font-size:18px;
}
/*-----------------------
Shopping cart
--------------------------*/
.cart-desc td {
border-top: none !important;
}
/*------- checkout ------*/
.border-checkout{
border-top:1px dotted #e67e22;
border-bottom:1px dotted #e67e22;
}
.qw-bold{
font-size:11px;
font-weight:600;
}
.qw-small{
font-size:10px;
}
.about-qw{
background:#ccc ;
padding:10px 5px 8px 8px;
border-radius: 5px;
margin:15px 5px 15px 50px;
}
.inform-qw{
display:inline-block;
margin-top:-50px;
}
/*Billing & New ShoppingCart*/
.default-address{
background:#e67e22;
color:#fff;
padding:4px 2px;
font-size:11px;
}
.billing-address, .shippping-address{
margin-bottom:10px;
}
.imgshopping{
width:300px;
}
.btnother img, .btnmakeqw img{
width:250px;
}
.relateproduct .itemcount{
margin-bottom:0px;
}
.shoppingcart-status {
margin-top: 5px;
display: inline-block;
float: right;
}
.shoppingcart-status .fa{
font-size:28px;
margin-left:8px;
}
.shoppingcarttxt{
background:#f36e36;
color:#fff;
border-radius:9px;
padding:0 6px;
display:inline-block;
margin-left:-12px;
margin-top:-8px;
position:absolute;
}
.minicart-product {
width:385px;
height:350px;
margin-left:-340px;
}
.shoppingcart-empty{
text-align:center;
}
.shoppingcart-empty .fa-shopping-cart{
margin-top:40px;
font-size:60px;
color:#ccc;
}
.shoppingcart-empty .cart-bottom{
height:45px;
}
.cart-empty{
height:300px;
}
.cart-hasproduct{
height:290px;
overflow-y:scroll;
overflow-x:hidden;
}
.cart-bottom .btn{
margin-left:2px;
width:380px;
}
.cart-bottom hr{
margin-top:5px;
margin-bottom:5px;
}
#minicartproduct li{
width:372px;
display:inline-block;
}
#minicartproduct h4{
font-size:16px;
margin-top:3px;
margin-bottom:2px;
line-height:20px;
}
#minicartproduct h4 a {
border-bottom:none;
padding-left:1px;
}
#minicartproduct h5{
margin-top:3px;
margin-bottom:2px;
}
.cartitem-del{
border:none !important;
padding-top:2px !important;
}
.cartitem-del .fa{
font-size:16px !important;
}
.cartitem-del :hover{
color:#0098dd;
}
.minicart-img{
border:solid #ddd 1px;
padding:2px;
}
.minicart-qty, .txtcart-qty {
font-size: 12px;
color: #666;
width: 40px;
height: 23px;
text-align: center;
display: inline-block;
border: solid #ddd 1px;
float: left;
}
.minicart-price {
font-size: 12px;
color: #666;
}
.cartitem-minus-num, .cartitem-plus-num {
border: solid 1px #ccc;
background: #ddd;
font-size: 14px !important;
font-weight: 100 !important;
float: left;
}
.cartitem-minus-num {
padding: 0px 10px 0px 9px !important;
}
.cartitem-plus-num {
padding: 0px 8px 0px 7px !important;
}
.cartitemnumber {
width: 100px;
display: inline-block;
}
.minicart-code {
display: inline-block;
}
.minicart-imgbox {
padding-right: 7px;
}
.minicart-detail {
padding-left: 7px;
}
.minicart-title{
white-space: nowrap;
overflow: hidden;
width: 200px;
text-overflow: ellipsis !important;
position: relative;
display: inline-block;
}
.popup-background {
background-color: #666699;
filter: alpha(opacity=50);
opacity: 0.7;
}
.popup-container {
background:#FFFFFF none repeat scroll 0 0;
border-right:1px solid #CCCCCC;
padding: 10px;
}
.popup-container.full-width{
width: 800px;
margin: 0 auto;
}
.popup-header{
padding: 10px 5px;
margin-bottom: 20px;
border-bottom: solid 3px #666699;
overflow: hidden;
}
.popup-header .title {
float: left;
}
.popup-header .close {
color: #333333;
float: right;
}
/* Light box
-----------------------------------------------------------------------------------------------------*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10001;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img {
border: none;
}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image {
padding: 10px;
}
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
left: 0;
}
#lightbox-nav a {
outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption {
font-weight: bold;
}
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
.imageborder {
display: inline-block;
vertical-align: top;
padding: 5px;
border: solid 1px #ccc;
margin-right: .2em;
margin-bottom: .3em;
}
.image-available {
width: 205px;
height: 145px;
border: solid 1px #dddddd;
}
.image-available i{
font-size: 40px;
color: #dddddd;
margin-left: 40%;
margin-top: 20%;
}
#materialSlide .imageborder {
width: 185px;
height: 120px;
}
.materialslide .imageborder {
width: 100px;
height: 100px;
}
.materialslide-title{
width:185px;
text-align:center;
color:#ffffff;
font-weight:600!important;
margin-top:25px;
margin-bottom:0;
font-size:15px;
background:#ea8d1e;
padding-top:7px;
padding-bottom:5px;
border-radius:4px;
}
.materialslide-line {
width:90%;
margin-top:4px;
margin-bottom:4px;
color: #ccc;
}
.material-item {
overflow: hidden;
}
.image-place {
float: left;
position: relative;
display: block;
padding: 5px;
margin: 0 5px 0 0;
}
.image-place img {
float: left;
display: block;
width: 80px;
width: 70px;
}
.crop {
height: 100%;
overflow: hidden;
position: relative;
}
.imageborder :hover{
opacity:0.9;
}
#lightGallery img:hover {
opacity: 0.7;
cursor: zoom-in;
}
.color-disclaimer{
font-size:10px;
}
/* ligh gallery */
/*! lightgallery - v1.2.6 - 2015-10-29
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2015 Sachin N; Licensed Apache 2.0 */
@font-face {
font-family: 'lg';
src: url("fonts/lg.eot?n1z373");
src: url("fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("fonts/lg.woff?n1z373") format("woff"), url("fonts/lg.ttf?n1z373") format("truetype"), url("fonts/lg.svg?n1z373#lg") format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #ddd;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1080;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #fff;
cursor: pointer;
float: right;
font-size: 28px;
height: 52px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
}
.lg-toolbar .lg-icon:hover {
font-size: 35px;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
height:150px;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 16px;
margin: 5px 0 0;
color: #fff;
}
#lg-counter {
color: #fff;
display: inline-block;
font-size: 22px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
-moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
-o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
transition: transform 250ms ease 0s, opacity 250ms !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url("images/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url("images/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url("images/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url("images/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url("images/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1080;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s ease 0s;
-moz-transition: -moz-transform 0.3s ease 0s;
-o-transition: -o-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
transition: transform 0.3s ease 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.group {
*zoom: 1;
}
.group:before, .group:after {
display: table;
content: "";
line-height: 0;
}
.group:after {
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(images/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0 5px;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background: url("images/bg-showmaterial.png") repeat;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
will-change: transform, opacity;
}
.lg-css3.lg-use-left .lg-item {
will-change: left, opacity;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-left:2px;
}
.slick-list {
position: relative; /*��ҡ relative*/
display: block;
overflow: hidden;
margin: 0;
padding-left: 5px !important;
border-top: 1px solid #eee;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
/*.slick-loading .slick-list
{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}
*/
/* Icons */
/*@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 25px;
height: 50px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #929191;
background: none;
border: none;
outline: none;
z-index:500;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color:#929191;
outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
color:#e67e22;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'FontAwesome';
font-size: 40px;
line-height: 1;
opacity: .75;
color:#929191;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -35px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before {
content: '\f053';
}
[dir='rtl'] .slick-prev:before {
content: '\f053';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before {
content: '\f054';
}
[dir='rtl'] .slick-next:before {
content: '\f054';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}