@charset "utf-8"; /* CSS Document */ #slide { left: -20px !important; } #slide:hover { left: -20px !important; } .main-user{ background-color: teal; padding: 5px; float:left; position: fixed; width: 220px; top: 0px; } #janlogin { width: -webkit-fill-available; margin-top: 1px; width: 100%; transition: background-color, .5s; font-variant-caps: all-small-caps; } .container { width: 260px; padding: 0; } .switch-button span, .switch-button2 span, .switch-button3 span, .switch-button4 span, .switch-button5 span, .switch-button6 span { float: left; } .container > ul { list-style: none; padding: 0; } .dropdown a { text-decoration: none; } .dropdown [data-toggle="dropdown"] { display: block; position: relative; border: solid 1px transparent; font-family: 'Open Sans', sans-serif; margin: 0; outline: 0; font-size: 1em; text-decoration: none; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; border-radius: 2px; box-shadow: 0 1px 0 rgba(0,0,0,0.05); } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 260px; padding: 5px 0; } .dropdown [data-toggle="dropdown"] { border-color: #d3d3d3; background: #f8f8f8; color: #333; } .dropdown [data-toggle="dropdown"]:hover { background: #2c89c6; } .dropdown .icon-arrow { position: absolute; display: block; font-size: 0.6em; color: #333; top: 7px; right: 10px; } .dropdown .icon-arrow.open { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; transition: transform 0.6s; } .dropdown .icon-arrow.close { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; transition: transform 0.6s; } .dropdown .icon-arrow:before { content: '\25BC'; } .dropdown .dropdown-menu { max-height: 0; overflow: hidden; list-style: none; padding: 0; margin: 0; } .dropdown .dropdown-menu li { padding: 0; } .dropdown .dropdown-menu li a { display: block; color: #6e6e6e; background: #eeeeee; -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset; -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset; box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3); } .dropdown .dropdown-menu li a:hover { background: #f6f6f6; } .dropdown .show, .dropdown .hide { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .dropdown .show { display: block; max-height: 9999px; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); animation: showAnimation 0.5s ease-in-out; -moz-animation: showAnimation 0.5s ease-in-out; -webkit-animation: showAnimation 0.5s ease-in-out; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; } .dropdown .hide { max-height: 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); animation: hideAnimation 0.4s ease-out; -moz-animation: hideAnimation 0.4s ease-out; -webkit-animation: hideAnimation 0.4s ease-out; -webkit-transition: max-height 0.6s ease-out; -moz-transition: max-height 0.6s ease-out; -o-transition: max-height 0.6s ease-out; transition: max-height 0.6s ease-out; } #loading { color: #000; position: relative; font-size: 18px; text-align: center; font-family:monospace; margin: 0.1em auto; padding. 0; text-transform: uppercase } .wrapper label{margin-left: 20px;} #datepicker{float: right;} #datepicker > span:hover{cursor: pointer; } button, select { text-transform: none; width: 100%; color:#000 !important; } .input-group.mb-3 { width: 100% !important; color:#000 !important; } .heading h2{ font-size: 24px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; margin: 5px 0; } .main-user lable{ color: #464646; } .wrapper label { margin-left: 10px; #color: #fff; } .btn-primary.setting-btn{ background: rgba(76,76,76,1); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(68%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); } .btn-primary.setting-btn:hover{ background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(67%, rgba(138,138,138,1)), color-stop(88%, rgba(138,138,138,1)), color-stop(95%, rgba(138,138,138,1)), color-stop(100%, rgba(138,138,138,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#8a8a8a', GradientType=0 ); } .lot-price-main{ width: 100%; float: left; border-radius: 5px; padding: 5px; background-color: darkslategray; margin: 5px 0; } .lot, .jans_price{ width: 49%; float: left; } .lot h2, .jans_price h2{ font-size: 16px; text-align: center; margin: 4px 0; color: #fff; } .btn-empty{ width: 99%; padding: 17px 0px; border-radius: 5px; background-color: #000; border: none; margin: 0 4px 0 0; } .lot p{ width: 100%; color: skyblue; font-size: 18px; } .lot p span{ font-size: 14px; color: aquamarine; } .show-bids-btn{ border-radius: 50px; padding: 15px; margin: 5px 0; color: #fff; font-size: 14px; border: solid 3px #fff; text-align: center; background: rgba(76,76,76,1); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(68%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); } .show-bids-btn:hover{ cursor: pointer; background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(67%, rgba(138,138,138,1)), color-stop(88%, rgba(138,138,138,1)), color-stop(95%, rgba(138,138,138,1)), color-stop(100%, rgba(138,138,138,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#8a8a8a', GradientType=0 ); } .main-show-btn{ width: 75%; margin: auto; } .switch { display: inline-block; height: 21px; position: relative; float: left; width: 50px; margin-left: 0px; } .switch input { display:none; } .slider { background-color: #40D91B; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider:before { background-color: #fff; top: 2px; bottom: 4px; content: ""; height: 17px; left: 1px; position: absolute; transition: .4s; width: 19px; } input:checked + .slider { background-color: #EB0C10; } input:checked + .slider:before { transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /*button2*/ .main-show-btn{ width: 75%; margin: auto; } .switch2 { display: inline-block; height: 21px; position: relative; float: left; width: 50px; } .switch2 input { display:none; } .slider2 { background-color: #40D91B; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider2:before { background-color: #fff; top: 2px; bottom: 4px; content: ""; height: 17px; left: 1px; position: absolute; transition: .4s; width: 19px; } input:checked + .slider2 { background-color: #EB0C10; } input:checked + .slider2:before { transform: translateX(26px); } .slider2.round2 { border-radius: 34px; } .slider2.round2:before { border-radius: 50%; } .switch-button2 h2 { font-size: 12px; padding-right: 65px; } /*button2*/ /*button3*/ .main-show-btn{ width: 75%; margin: auto; } .switch3 { display: inline-block; height: 21px; position: relative; float: left; width: 50px; margin-left: 0px; } .switch3 input { display:none; } .slider3 { background-color: #40D91B; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider3:before { background-color: #fff; top: 2px; bottom: 4px; content: ""; height: 17px; left: 1px; position: absolute; transition: .4s; width: 19px; } input:checked + .slider3 { background-color: #EB0C10; } input:checked + .slider3:before { transform: translateX(26px); } .slider3.round3 { border-radius: 34px; } .slider3.round3:before { border-radius: 50%; } .switch-button3 h2 { font-size: 12px; padding-right: 65px; } /*button3*/ /*button4*/ .main-show-btn{ width: 75%; margin: auto; } .switch4 { display: inline-block; height: 21px; position: relative; float: left; width: 50px; margin-left: 0px; } .switch4 input { display:none; } .slider4 { background-color: #40D91B; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider4:before { background-color: #fff; top: 2px; bottom: 4px; content: ""; height: 17px; left: 1px; position: absolute; transition: .4s; width: 19px; } input:checked + .slider4 { background-color: #EB0C10; } input:checked + .slider4:before { transform: translateX(26px); } .slider4.round4 { border-radius: 34px; } .slider4.round4:before { border-radius: 50%; } .switch-button4 h2 { font-size: 12px; padding-right: 65px; } /*button4*/ /*button5*/ .main-show-btn{ width: 75%; margin: auto; } .switch5 { display: inline-block; height: 21px; position: relative; left: 0px; float: left; width: 50px; } .switch5 input { display:none; } .slider5 { background-color: #40D91B; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider5:before { background-color: #fff; top: 2px; bottom: 4px; content: ""; height: 17px; left: 1px; position: absolute; transition: .4s; width: 19px; } input:checked + .slider5 { background-color: #EB0C10; } input:checked + .slider5:before { transform: translateX(26px); } .slider5.round5 { border-radius: 34px; } .slider5.round5:before { border-radius: 50%; } .switch-button5 h2 { font-size: 12px; padding-right: 65px; } span.vertex5 { font-size: 12px; width: 100%; display: block; text-align: left; color: #fff; margin: 0px 43px; } /*button6*/ .main-show-btn{ width: 75%; margin: auto; } .switch6 { display: inline-block; height: 21px; position: relative; right: 45px; float: right; width: 50px; } .switch6 input { display:none; } .slider6 { background-color: #40D91B; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider6:before { background-color: #fff; top: 2px; bottom: 4px; content: ""; height: 17px; left: 1px; position: absolute; transition: .4s; width: 19px; } input:checked + .slider6 { background-color: #EB0C10; } input:checked + .slider6:before { transform: translateX(26px); } .slider6.round6 { border-radius: 34px; } .slider6.round6:before { border-radius: 50%; } .switch-button6 h2 { font-size: 12px; padding-right: 65px; } span.vertex6 { font-size: 12px; width: 100%; display: block; text-align: right; color: #fff; margin: -16px -53px; } /*button7*/ .switch7,.switch8 ,.switch10,.switch16,.switch17,.switch18 { display: inline-block; height: 21px; position: relative; left: 0px; float: left; width: 50px; } .switch7 input,.switch8 input,.switch10 input,.switch16 input,.switch17 input,.switch18 input { display:none; } .slider7,.slider8,.slider10,.slider16,.slider17,.slider18 { background-color: #40D91B; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider7:before,.slider8:before,.slider10:before,.slider16:before,.slider17:before,.slider18:before { background-color: #fff; top: 2px; bottom: 4px; content: ""; height: 17px; left: 1px; position: absolute; transition: .4s; width: 19px; } input:checked + .slider7,input:checked + .slider8,input:checked + .slider10,input:checked + .slider16,input:checked + .slider17 ,input:checked + .slider18 { background-color: #EB0C10; } input:checked + .slider7:before,input:checked + .slider8:before,input:checked + .slider10:before,input:checked + .slider16:before,input:checked + .slider17:before,input:checked + .slider18:before { transform: translateX(26px); } .slider7.round7,.slider8.round8,.slider10.round10,.slider16.round16,.slider17.round17,.slider18.round18 { border-radius: 34px; } .slider7.round7:before,.slider8.round8:before,.slider10.round10:before,.slider16.round16:before,.slider17.round17:before ,.slider18.round18:before { border-radius: 50%; } .switch-button7 h2,.switch-button8 h2,.switch-button10 h2,.switch-button16 h2,.switch-button17 h2 ,.switch-button18 h2 { font-size: 12px; padding-right: 65px; } span.vertex7,span.vertex8,span.vertex10,span.vertex16,span.vertex17 { font-size: 12px; width: 100%; display: block; text-align: left; color: #fff; margin: 0px 43px; } span.vertex18 { font-size: 12px; width: 180%; display: block; text-align: left; color: #fff; margin: 0px 0px; } /* */ .a,.b,.c,.d{ width: 22%; border-radius: 5px; border-color: #c9bf89; } button.a { background: rgba(240,56,24,1); background: -moz-linear-gradient(top, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,56,24,1)), color-stop(71%, rgba(240,56,24,1)), color-stop(100%, rgba(37,39,41,1))); background: -webkit-linear-gradient(top, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%); background: -o-linear-gradient(top, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%); background: -ms-linear-gradient(top, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%); background: linear-gradient(to bottom, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03818', endColorstr='#252729', GradientType=0 ); color: #000; } button.a:hover { color: #fff; } button.b { background: rgba(209,155,19,1); background: -moz-linear-gradient(top, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,155,19,1)), color-stop(71%, rgba(209,155,19,1)), color-stop(100%, rgba(37,39,41,1))); background: -webkit-linear-gradient(top, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%); background: -o-linear-gradient(top, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%); background: -ms-linear-gradient(top, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%); background: linear-gradient(to bottom, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d19b13', endColorstr='#252729', GradientType=0 ); color: #000; } button.b:hover { color: #fff; } button.c { background: rgba(20,30,207,1); background: -moz-linear-gradient(top, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,30,207,1)), color-stop(71%, rgba(20,30,207,1)), color-stop(100%, rgba(37,39,41,1))); background: -webkit-linear-gradient(top, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%); background: -o-linear-gradient(top, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%); background: -ms-linear-gradient(top, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%); background: linear-gradient(to bottom, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141ecf', endColorstr='#252729', GradientType=0 ); color: #000; } button.c:hover { color: #fff; } button.d { background: rgba(110,10,143,1); background: -moz-linear-gradient(top, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(110,10,143,1)), color-stop(71%, rgba(110,10,143,1)), color-stop(100%, rgba(37,39,41,1))); background: -webkit-linear-gradient(top, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%); background: -o-linear-gradient(top, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%); background: -ms-linear-gradient(top, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%); background: linear-gradient(to bottom, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e0a8f', endColorstr='#252729', GradientType=0 ); color: #000; } button.d:hover { color: #fff; } .switch-button, .switch-button2, .switch-button3, .switch-button4{ display: inline-block; width: 61px; } .switch-button span, .switch-button2 span, .switch-button3 span, .switch-button4 span{ font-size: 12px; color: #fff; } .switch-button2 label { margin-left: 0px; } span.vertex5,span.vertex7,span.vertex8 { margin:0px 0px; display: inline-block; } .switch-button5,.switch-button7,.switch-button8 { display: inline-block; float: left; } .switch-button5 label, .switch-button6 label,.switch-button7 label,.switch-button8 label { margin-left: 0; } #slide{ position: absolute; width: 305px; left: -300px; height: 100px; transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; -ms-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -webkit-transition: left 0.4s ease-in-out; } #toggle{ position: absolute; left: 306px; padding: 10px; background: #ccc; } #slide:hover{ left: 0px; } .bid-header .flag.thailand { background-position: -21px -205px; } /* IE Layout Page Style */ @media only screen and (max-width: 1920px) { #AdLArea { width: 221px; } .centerContents { width: 1577px; } ul.contents .menu { width: 125px; padding-right: 2px; } ul.contents .main { width: 1350px; } .listType { width: 43%; } .imgGrid td { width: 100%; } .imgGrid table{ width: 100%; } .exNote { width: 91%; } .imgGrid td .item .icon { border-top: 1px solid #bfbfbf; } .grid table, .imgGrid table, .favorite table { width: 100%; } .mainImage { width: 100%; } .mainImage img { max-width: 100%; max-height: 411px; height:411px; width:100%; } .mainImage img.both { width: 100%; height:412px; } .mainImage .imgDiv { width: 100%; } .thumImage { margin-top: 131px; } .ussImages td { width: auto; height: 184px; } .sheetImage img { width: 650px; height: 600px; } .imgGrid .imgRow { height: 200px; } } @media only screen and (max-width: 1440px) { .sheetImage img { width: 490px; height: 600px; } .thumImage { margin-top: 99px; } .ussImages td { height: 94px; } .centerContents { width: 1077px; } ul.contents .menu { width: 125px; padding-right: 2px; } ul.contents .main { width: 1000px; } .listType { width: 43%; } .imgGrid td { width: 100%; } .imgGrid table{ width: 100%; } .exNote { width: 91%; } .imgGrid td .item .icon { border-top: 1px solid #bfbfbf; } } /* IE END */